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

/* BEGIN assets/css/core/event-cohesion.css */
/* App-owned event surfaces only. Remote God Bubble / Aion UI is not restyled. */
.eventWorkspaceOverlay{position:fixed;inset:0;z-index:19000;display:flex;align-items:center;justify-content:center;background:rgba(33,47,68,.24);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:24px}
.eventWorkspace{display:flex;flex-direction:column;width:min(720px,100%);max-height:calc(100dvh - 48px);height:auto;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:linear-gradient(135deg,#f5faff,#fbf6fb);box-shadow:0 24px 80px rgba(38,63,95,.16);animation:eventTaskIn .25s cubic-bezier(.2,.7,.2,1)}
.eventWorkspace>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-bottom:1px solid var(--sceneLine);flex:none}
.eventWorkspace>header small{font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--sceneMuted)}
.eventWorkspace>header h2{margin:5px 0 0;font-size:26px;line-height:1.2;letter-spacing:-.035em}
.eventWorkspace>header>button{width:44px;height:44px;border:1px solid var(--sceneLine);background:var(--sceneSurface);border-radius:15px;flex:none}
.eventWorkspaceForm{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}
.eventWorkspaceBody{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;flex:1;padding:20px 26px 28px;scroll-padding:20px}
.eventWorkspaceIntro{margin:0 0 24px!important;font-size:13px;color:var(--sceneMuted);line-height:1.6}
.eventWorkspaceSection{display:grid;gap:16px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--sceneLine)}
.eventWorkspaceSection:last-of-type{border-bottom:0;margin-bottom:0}
.eventWorkspaceSection h3{font-size:16px;margin:0 0 2px;letter-spacing:-.02em}
.eventWorkspaceSection>label{display:grid;gap:8px;min-width:0;font-size:12px;font-weight:650;color:var(--sceneInk)}
.eventWorkspaceSection label small{display:block;color:var(--sceneMuted);font-size:11px;font-weight:400}
.eventWorkspaceSection :is(input:not([type=radio]):not([type=hidden]),select,textarea){display:block;box-sizing:border-box;width:100%;min-height:49px;max-width:100%;padding:12px 14px;border:1px solid var(--sceneLine);border-radius:14px;color:var(--sceneInk);background:rgba(255,255,255,.87);font:inherit;font-size:16px;line-height:1.5;outline:none}
.eventWorkspaceSection textarea{resize:vertical;min-height:88px;max-height:240px}
.eventWorkspaceSection :is(input,textarea,select):focus{border-color:#72a6cb;box-shadow:0 0 0 3px rgba(105,164,209,.12)}
.eventWorkspaceHelp{font-size:12px;color:var(--sceneMuted);line-height:1.6;margin:0!important}
.eventWorkspaceForm>footer{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex:none;border-top:1px solid var(--sceneLine);padding:14px 24px;background:rgba(255,255,255,.92)}
.eventWorkspaceLoading{padding:35px 26px;color:var(--sceneMuted)}
.eventWorkspaceError{border-left:3px solid #b54261;border-radius:12px;padding:14px;background:#fff0f3;color:#96334a;font-size:13px}
.eventScheduleControl{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:16px;border-radius:17px;border:1px solid var(--sceneLine);background:var(--sceneAccent);color:var(--sceneInk)}
.eventScheduleControl>i:first-child{font-size:25px;flex:none}.eventScheduleControl>span{flex:1;display:grid;gap:6px}.eventScheduleControl small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--sceneMuted)}.eventScheduleControl b{font-size:13px;line-height:1.45}
.eventVisibility{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}.eventVisibility legend{font-size:12px;font-weight:650;padding:0;margin:0 0 10px;color:inherit}
.eventVisibility label{display:block;position:relative;cursor:pointer}.eventVisibility input{position:absolute;width:1px;height:1px;opacity:0}
.eventVisibility label>span{display:flex;align-items:center;gap:12px;min-height:70px;border:1px solid var(--sceneLine,rgba(60,91,130,.16));border-radius:15px;padding:13px 15px;background:rgba(255,255,255,.68);color:var(--sceneInk,#24364d)}
.eventVisibility label>span>i{font-size:22px;color:#5184ab;flex:none}.eventVisibility label>span>span{display:grid;gap:4px}
.eventVisibility b{font-size:13px;font-weight:700}.eventVisibility small{font-size:11px!important;line-height:1.5;font-weight:450;color:var(--sceneMuted,#63758c)}
.eventVisibility input:checked+span{border-color:#86aecb;background:linear-gradient(125deg,rgba(147,196,228,.22),rgba(234,193,222,.22));box-shadow:inset 0 0 0 1px rgba(118,165,199,.16)}
.eventVisibility input:focus-visible+span{outline:3px solid rgba(99,161,208,.4);outline-offset:3px}
.eventHubControls{display:grid;gap:16px;padding:22px;border:1px solid var(--sceneLine);border-radius:20px;background:linear-gradient(130deg,rgba(219,235,249,.54),rgba(246,228,241,.54));margin:0 0 22px;min-width:0}
.eventHubControls small{font-size:9px;font-weight:750;letter-spacing:.12em;color:var(--sceneMuted)}.eventHubControls h3{font-size:20px;margin:7px 0;letter-spacing:-.03em}.eventHubControls p{font-size:12px;color:var(--sceneMuted);margin:0;line-height:1.55}
.eventHubActions{display:flex;flex-wrap:wrap;gap:9px}
.eventPostChoices{display:grid;gap:10px;margin:18px 0}.eventPostChoices>button{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:76px;padding:16px;text-align:left;border:1px solid var(--sceneLine);border-radius:17px;background:var(--sceneSurface);color:var(--sceneInk)}.eventPostChoices b{display:block;font-size:15px}.eventPostChoices small{display:block;margin-top:7px;color:var(--sceneMuted);font-size:12px}
.eventAttachedTitle{font-size:16px;margin:0 0 18px;padding:14px;border-radius:16px;background:var(--sceneAccent)}
/* Details use the same surfaces, accent weights and type scale as Hub / Aura / Bubble. */
.hubProjectDetailsRedesign .hubDetailsGroup,.hubProjectLogisticsSection .hubProjectDetail,.hubProjectDetailsRedesign .hubProjectNotesPremium{border:1px solid rgba(62,91,132,.13);border-radius:20px;background:rgba(255,255,255,.79);box-shadow:none;color:var(--hubInk,#24364d)}
.hubProjectDetailsRedesign .hubDetailsGroup>header{background:transparent;border-bottom:1px solid rgba(62,91,132,.1);padding:17px 18px}
.hubProjectDetailsRedesign .hubDetailsGroup>header h3{font-size:15px;letter-spacing:-.02em;color:var(--hubInk,#24364d)}.hubProjectDetailsRedesign .hubDetailsGroup>header p{font-size:11px;color:var(--hubMuted,#63758c)}
.hubProjectDetailsRedesign .hubProjectDetailPremium{background:transparent;border-color:rgba(62,91,132,.1);box-shadow:none;padding:17px;text-align:left;min-height:85px}
.hubProjectDetailsRedesign .hubProjectDetailPremium b,.hubProjectLogisticsSection .hubProjectDetail b{font-size:13px;font-weight:650;line-height:1.5;overflow-wrap:break-word;color:var(--hubInk,#24364d)}
.hubProjectDetailsRedesign .hubProjectDetailPremium small{font-size:10px;letter-spacing:.01em;color:var(--hubMuted,#63758c)}
.hubProjectDetailsRedesign .hubProjectDetailPremium>span,.hubDetailsGroup>header>span{background:linear-gradient(125deg,rgba(92,166,222,.17),rgba(227,152,195,.16));color:#547ea1;box-shadow:none}
.hubProjectDetailsRedesign .hubProjectDetailPremium em{font-size:10px;font-weight:550;color:#547ea1}.hubProjectNotesPremium p{font-size:13px;line-height:1.65}
.bubblePrivateFields,.bubbleTagPicker,.hubProjectPanel details:not(.experienceColorDetails){border:1px solid rgba(62,91,132,.13);border-radius:16px;background:rgba(248,250,254,.72);box-shadow:none}
.bubblePrivateFields>summary,.bubbleTagPicker>summary,.hubProjectPanel details>summary{min-height:48px;padding:13px 15px;font-size:13px;font-weight:650;cursor:pointer;color:var(--hubInk,#24364d)}
.hubProjectEditPanel .eventVisibility>label{display:block;margin:0}.hubProjectEditPanel .eventVisibility label>span{padding:14px}.hubProjectEditPanel .eventVisibility input[type=radio]{position:absolute;width:1px;height:1px;min-height:0;opacity:0}
.bubbleComposeFooter{flex-wrap:wrap;gap:9px}.bubbleComposeFooter>span{flex:1 1 100%}.bubbleComposeFooter>button{flex:1 1 auto}
.experienceDesignOptions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.experienceDesignOptions label{display:grid;gap:8px;font-size:12px}.experienceDesignOptions label:last-child{grid-column:1/-1}.experienceDesignOptions select{width:100%;min-height:48px;padding:10px 12px;font-size:16px;border:1px solid rgba(62,91,132,.15);border-radius:12px;background:#fff;color:#24364d}.experienceDesignOptions input[type=range]{width:100%;accent-color:#6492b5;min-height:36px}
.experiencePalettePresets{display:flex;flex-wrap:wrap;gap:9px}.experiencePalettePresets button{display:grid;gap:8px;padding:12px;border:1px solid rgba(62,91,132,.15);border-radius:14px;background:rgba(255,255,255,.82);color:#41566e;min-width:95px;font-size:11px;cursor:pointer}.experiencePalettePresets button>span{display:flex;gap:0}.experiencePalettePresets i{display:block;width:19px;height:19px;border-radius:50%;border:1px solid rgba(70,90,110,.12);margin-right:-3px}
.experienceColorDetails{border:1px solid rgba(62,91,132,.14);border-radius:15px;margin-bottom:16px;overflow:hidden}.experienceColorDetails>summary{display:flex;align-items:center;gap:8px;padding:14px;cursor:pointer;font-size:13px}.experienceColorDetails>summary span{margin-left:auto;font-size:10px;color:#63758c}
.experienceColorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.experienceColorGrid label{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;border-radius:12px;border:1px solid rgba(62,91,132,.1);background:rgba(255,255,255,.8)}
.experienceColorGrid input[type=color]{appearance:none;-webkit-appearance:none;width:40px;height:44px;min-height:44px;flex:0 0 40px;border:0;background:transparent;padding:2px;cursor:pointer}.experienceColorGrid input::-webkit-color-swatch-wrapper{padding:2px}.experienceColorGrid input::-webkit-color-swatch{border:1px solid rgba(60,70,80,.13);border-radius:10px}.experienceColorGrid b{display:block;font-size:11px;font-weight:600;color:#24364d}.experienceColorGrid small{display:block;margin-top:3px;font-size:10px;color:#63758c;text-transform:uppercase}
.experienceContrastNote{font-size:12px;padding:12px;background:#fff5df;border-radius:12px;color:#73571e}
.experienceDesignLive{max-width:480px;margin:0 auto;width:100%;overflow:hidden}.hubExperienceTemplateMini.is-custom{background:linear-gradient(130deg,#dfedf8,#f2dfe9)}
@keyframes eventTaskIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
 .eventWorkspaceOverlay{padding:0;align-items:stretch;backdrop-filter:none;-webkit-backdrop-filter:none;top:var(--sceneTop,0px);bottom:auto;height:var(--sceneVh,100dvh);width:100dvw}
 .eventWorkspace{width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none}
 .eventWorkspace>header{padding:calc(14px + env(safe-area-inset-top)) 18px 14px}.eventWorkspace>header h2{font-size:24px}
 .eventWorkspaceBody{padding:18px 18px 24px}.eventWorkspaceSection{gap:14px;margin-bottom:22px;padding-bottom:22px}
 .eventWorkspaceForm>footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.eventWorkspaceForm>footer>button{flex:1;font-size:13px;min-height:49px}
 .eventHubControls{padding:18px}.eventHubActions>button{flex:1 1 44%;font-size:12px!important}.eventHubActions>button:first-child{flex-basis:100%}
 .hubDetailsGroups{grid-template-columns:minmax(0,1fr)!important;gap:14px}.hubProjectDetailsRedesign .hubProjectDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .experiencePalettePresets button{min-width:86px;flex:1 1 28%}.experienceColorGrid{padding:8px;gap:7px}.experienceColorGrid label{padding:7px;gap:6px}
 .experienceColorGrid input[type=color]{width:33px;flex-basis:33px}.experienceColorGrid b{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.eventWorkspace{animation:none}}

.bubblePostParty .eventPostSchedule{display:block;margin-top:8px;line-height:1.6;font-size:11px;white-space:normal}.eventPostInvitation{display:block;margin-top:10px;font-size:12px;font-weight:650;color:#477fa8}.bubblePostParty>div{min-width:0;overflow-wrap:break-word}

/* END assets/css/core/event-cohesion.css */

/* BEGIN assets/css/core/experience-design.css */
/* Guest-selected styles are scoped to the preview or published Experience only. */
.experienceDesigned{
 --bg:var(--exp-background);--surface:var(--exp-surface);--surfaceSoft:var(--exp-surface);--glass:var(--exp-nav-background);
 --text:var(--exp-text);--muted:var(--exp-muted);--blue:var(--exp-accent);--pink:var(--exp-accent-secondary);--purple:var(--exp-accent);
 --line:var(--exp-border);--lineStrong:var(--exp-border);--softShadow:0 6px 25px rgba(30,45,65,.04);
 background:var(--exp-background)!important;color:var(--exp-text)!important;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;
}
.experienceDesigned[data-experience-font=serif] :is(h1,h2,h3,h4){font-family:Georgia,"Times New Roman",serif!important;font-weight:500}
.experienceDesigned[data-experience-font=rounded]{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif}
.experienceDesigned[data-experience-font=modern] :is(h1,h2,h3,h4){font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.experienceDesigned :is(.module,.eventSummary,.registrySection,.hubExperienceCardCopy,.hubExperiencePreviewCopy,.experiencePreviewContent){background:var(--exp-surface);color:var(--exp-text);border-color:var(--exp-border);border-radius:var(--exp-radius);box-shadow:none}
.experienceDesigned :is(.module h2,.experiencePreviewContent h4){color:var(--exp-section-title)}
.experienceDesigned :is(.module p,.footer,.hubExperiencePreviewCopy p,.hubExperienceCardCopy p,.experiencePreviewContent p,.experiencePreviewContent>small){color:var(--exp-muted)}
.experienceDesigned .hero{background:var(--exp-hero-background);border-radius:0 0 var(--exp-radius) var(--exp-radius)}
.experienceDesigned .heroBg:after{background:linear-gradient(180deg,transparent,var(--exp-hero-background))!important}.experienceDesigned .heroBg{filter:none}
.experienceDesigned .heroContent :is(h1,p),.experienceDesigned .hubExperienceSiteHero :is(h3,p,small){color:var(--exp-hero-text)!important}
.experienceDesigned .heroGlow{background:radial-gradient(circle,color-mix(in srgb,var(--exp-accent-secondary) 22%,transparent),transparent 70%)}
.experienceDesigned .experienceNavWrap{background:var(--exp-nav-background);border-color:var(--exp-border);border-radius:var(--exp-radius)}
.experienceDesigned .experienceNav button{color:var(--exp-nav-text)}
.experienceDesigned :is(.eventActions .isPrimary,.experienceNav button.isActive,.guestReplySubmit,.replyChoice input:checked+span,.hubExperiencePreviewCopy button,.experiencePreviewContent button){background:var(--exp-button)!important;color:var(--exp-button-text)!important;box-shadow:none;border-color:transparent;border-radius:min(var(--exp-radius),16px)}
.experienceDesigned :is(.guestReplyCard input:not([type=radio]),.guestReplyCard textarea,.guestReplyCard select,.experiencePreviewField){background:var(--exp-input-background);color:var(--exp-input-text);border-color:var(--exp-border)}
.experienceDesigned :is(.eyebrow,.moduleIcon,.memberReplyChip i,.eventFact>i,.hubExperienceCardImage>span,.hubExperienceModulePreview span){background:var(--exp-badge-background)!important;color:var(--exp-badge-text)!important;border-color:var(--exp-border)}
/* Four genuinely different, responsive content compositions. */
.experienceDesigned[data-experience-layout=photo] .hero{height:52dvh;max-height:580px;min-height:330px}
.experienceDesigned[data-experience-layout=photo] .heroContent{padding-bottom:75px}.experienceDesigned[data-experience-layout=photo] .contentShell{margin-top:-35px}
.experienceDesigned[data-experience-layout=editorial] .hero{height:auto;min-height:350px;display:grid;grid-template-columns:45% minmax(0,1fr);align-items:center;gap:0}
.experienceDesigned[data-experience-layout=editorial] .heroBg{position:relative;inset:auto;min-height:350px;height:100%;transform:none;order:0}.experienceDesigned[data-experience-layout=editorial] .heroBg:after{background:none!important}
.experienceDesigned[data-experience-layout=editorial] .heroContent{padding:85px 25px 40px;order:1}.experienceDesigned[data-experience-layout=editorial] .hero h1{font-size:clamp(28px,4dvw,48px)}
.experienceDesigned[data-experience-layout=editorial] .contentShell{margin-top:20px}.experienceDesigned[data-experience-layout=editorial] .experiencePaneGrid{grid-template-columns:minmax(0,1fr)}
.experienceDesigned[data-experience-layout=minimal] .hero{height:auto;min-height:245px;max-height:none;display:block;background:var(--exp-hero-background)}
.experienceDesigned[data-experience-layout=minimal] .heroBg,.experienceDesigned[data-experience-layout=minimal] .heroGlow{display:none}
.experienceDesigned[data-experience-layout=minimal] .heroContent{padding:90px 25px 32px;text-align:left}.experienceDesigned[data-experience-layout=minimal] .hero h1{font-size:clamp(28px,6dvw,42px)}
.experienceDesigned[data-experience-layout=minimal] .contentShell{margin-top:16px}.experienceDesigned[data-experience-layout=minimal] .eventFacts{grid-template-columns:minmax(0,1fr)}
/* A miniature of the same guest design, not a decorative thumbnail. */
.experienceDesigned.hubExperienceSitePreview{display:flex;flex-direction:column;overflow:hidden;width:100%;min-width:0;border:1px solid var(--exp-border);border-radius:var(--exp-radius);box-shadow:0 10px 32px rgba(30,45,65,.06)}
.experienceDesigned .hubExperienceSiteHero{position:relative;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 22px;background:linear-gradient(180deg,transparent,var(--exp-hero-background)),var(--experienceImage);background-size:cover;background-position:var(--experiencePosition)}
.experienceDesigned .hubExperienceSiteHero h3{font-size:25px;line-height:1.18;margin:9px 0}.experienceDesigned .hubExperienceSiteHero small{font-size:9px;letter-spacing:.13em}.experienceDesigned .hubExperienceSiteHero p{font-size:12px;line-height:1.5;margin:0}
.experienceDesigned .hubExperienceSiteFacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:var(--exp-surface);border-bottom:1px solid var(--exp-border)}.experienceDesigned .hubExperienceSiteFacts span{display:flex;align-items:center;gap:8px;color:var(--exp-text);font-size:11px}
.experienceDesigned .hubExperienceModulePreview{padding:12px;display:flex;flex-wrap:wrap;gap:7px;background:var(--exp-nav-background)}.experienceDesigned .hubExperienceModulePreview span{padding:7px 9px;border-radius:9px;font-size:10px;display:flex;align-items:center;gap:5px}
.experiencePreviewContent{padding:20px}.experiencePreviewContent h4{font-size:17px;margin:0 0 8px}.experiencePreviewContent p{font-size:12px;line-height:1.55;margin:0 0 14px}.experiencePreviewField{padding:12px;border:1px solid;font-size:11px;border-radius:min(var(--exp-radius),12px);margin-bottom:12px}.experiencePreviewContent button{border:0;padding:12px 15px;font-size:12px;font-weight:650}.experiencePreviewContent>small{display:block;font-size:9px;margin-top:13px;line-height:1.5}
.experienceDesigned.hubExperienceSitePreview[data-experience-layout=photo] .hubExperienceSiteHero{min-height:280px;padding-bottom:30px}
.experienceDesigned.hubExperienceSitePreview[data-experience-layout=editorial] .hubExperienceSiteHero{padding-left:48%;min-height:230px;background-color:var(--exp-hero-background);background-image:linear-gradient(90deg,transparent 0%,transparent 42%,var(--exp-hero-background) 43%),var(--experienceImage);background-size:cover;background-position:left center}.experienceDesigned.hubExperienceSitePreview[data-experience-layout=editorial] .hubExperienceSiteHero h3{font-size:23px}
.experienceDesigned.hubExperienceSitePreview[data-experience-layout=minimal] .hubExperienceSiteHero{min-height:135px;background:var(--exp-hero-background)}
.experienceDesigned.hubExperienceSitePreview[data-experience-layout=minimal] .hubExperienceSiteFacts{grid-template-columns:1fr}.experienceDesigned.hubExperienceSitePreview[data-experience-layout=minimal] .hubExperienceModulePreview{border-top:1px solid var(--exp-border)}
@media(max-width:600px){.experienceDesigned[data-experience-layout=editorial] .hero{grid-template-columns:42% minmax(0,1fr);min-height:300px}.experienceDesigned[data-experience-layout=editorial] .heroBg{min-height:300px}.experienceDesigned[data-experience-layout=editorial] .heroContent{padding:82px 16px 32px}.experienceDesigned[data-experience-layout=photo] .hero{min-height:300px;height:45dvh}}

/* END assets/css/core/experience-design.css */

/* BEGIN assets/css/core/mobile-task-surfaces.css */
/* v0441 mobile task surfaces
   Phone UI is a viewport, not a desktop modal squeezed into a phone.
   This file is intentionally loaded last so older modal refinements cannot re-inset it. */
@media (max-width:700px){
  html,body{max-width:100dvw;overflow-x:hidden}
  html.infinisCustomerLight :is(.hubCreateProjectOverlay,.hubProjectEditOverlay,.hubQuickEditOverlay,.hubAddressOverlay,.hubGuestInviteOverlay,.hubGuestDetailOverlay,.hubDeleteConfirmOverlay,.eventWorkspaceOverlay,.activeCartDrawer,.checkoutDrawer,.projectSpaceChooser,.checkoutPaymentConfirmDialog,.checkoutDateRecoveryDialog,.contractDialog,.coreHelpOverlay,.coreLegalOverlay,.coreStatusOverlay,.coreDeveloperOverlay)[hidden]{display:none!important}

  /* App-owned overlays occupy the usable viewport edge to edge. */
  html.infinisCustomerLight :is(
    .hubCreateProjectOverlay,.hubProjectEditOverlay,.hubQuickEditOverlay,.hubAddressOverlay,
    .hubGuestInviteOverlay,.hubGuestDetailOverlay,.hubDeleteConfirmOverlay,
    .eventWorkspaceOverlay,.activeCartDrawer,.checkoutDrawer,.projectSpaceChooser,
    .checkoutPaymentConfirmDialog,.checkoutDateRecoveryDialog,.contractDialog,
    .coreHelpOverlay,.coreLegalOverlay,.coreStatusOverlay,.coreDeveloperOverlay
  ){
    position:fixed!important;
    inset:var(--sceneTop,0px) 0 auto 0!important;
    width:100dvw!important;
    height:var(--sceneVh,100dvh)!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }

  html.infinisCustomerLight :is(
    .hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubAddressPanel,
    .hubGuestInvitePanel,.hubGuestDetailPanel,.hubDeleteConfirmPanel,
    .eventWorkspace,.activeCartPanel,.checkoutPanel,.projectSpaceChooserSheet,
    .checkoutPaymentConfirmPanel,.checkoutDateRecoverySheet,.contractPanel,
    .coreHelpPanel,.coreLegalPanel,.coreStatusPanel,.coreDeveloperPanel
  ){
    position:relative!important;
    inset:auto!important;
    width:100dvw!important;
    max-width:none!important;
    height:var(--sceneVh,100dvh)!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  /* Native dialog-backed Bubble/confirmation forms also become task screens. */
  html.infinisCustomerLight :is(.bubbleSocialDialog,.sceneConfirmDialog)[open]{
    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;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  html.infinisCustomerLight :is(.bubbleSocialDialog,.sceneConfirmDialog)::backdrop{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html.infinisCustomerLight .bubbleSocialDialog>header{padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px!important}
  html.infinisCustomerLight .bubbleSocialDialogBody{min-height:0!important;overflow-y:auto!important;padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px))!important}

  /* Remove phone backdrops/gaps; headers and footers provide the app hierarchy. */
  html.infinisCustomerLight :is(
    .activeCartBackdrop,.checkoutBackdrop,.projectSpaceChooserBackdrop,
    .checkoutPaymentConfirmBackdrop,.checkoutDateRecoveryBackdrop,.contractBackdrop
  ){display:none!important}

  /* CART — full-screen and readable. */
  html.infinisCustomerLight .activeCartDrawer{display:block!important;background:#fff!important}
  html.infinisCustomerLight .activeCartPanel.infinisSurface{
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    transform:translateX(105%)!important;
    transition:transform .25s cubic-bezier(.22,.8,.26,1)!important;
  }
  html.infinisCustomerLight .activeCartDrawer.isOpen .activeCartPanel.infinisSurface{transform:none!important}
  html.infinisCustomerLight .activeCartHeader{
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    gap:10px 12px!important;
    align-items:start!important;
    padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px!important;
    border-bottom:1px solid var(--surfaceLine,var(--appLine))!important;
    background:linear-gradient(135deg,#f2f8fd,#fbf3f8)!important;
  }
  html.infinisCustomerLight .activeCartHeader>div{min-width:0!important}
  html.infinisCustomerLight .activeCartHeader small{font-size:10px!important;letter-spacing:.11em!important}
  html.infinisCustomerLight .activeCartHeader h2{margin-top:5px!important;font-size:25px!important;line-height:1.08!important;white-space:normal!important}
  html.infinisCustomerLight .activeCartHeaderHint{max-width:none!important;margin-top:7px!important;font-size:13px!important;line-height:1.45!important}
  html.infinisCustomerLight .activeCartHeader>button{width:46px!important;height:46px!important;border-radius:15px!important}
  html.infinisCustomerLight .activeCartHeader>.hubLaunchNotice{
    grid-column:1/-1!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:2px 0 0!important;
    padding:11px 12px!important;
    border-radius:16px!important;
    gap:10px!important;
  }
  html.infinisCustomerLight .activeCartHeader>.hubLaunchNotice>span{width:28px!important;height:28px!important;flex:0 0 28px!important;font-size:16px!important}
  html.infinisCustomerLight .activeCartHeader>.hubLaunchNotice b{font-size:12px!important;line-height:1.3!important}
  html.infinisCustomerLight .activeCartHeader>.hubLaunchNotice p{margin-top:3px!important;font-size:11px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}

  html.infinisCustomerLight .activeCartSwitcher{
    grid-row:2!important;
    padding:10px 16px!important;
    border-bottom:1px solid var(--surfaceLine,var(--appLine))!important;
    overflow:hidden!important;
  }
  html.infinisCustomerLight .cartSwitcherGrid{padding-bottom:2px!important}
  html.infinisCustomerLight .cartSwitcherCard{min-width:156px!important;padding:10px!important}

  html.infinisCustomerLight .activeCartList,
  html.infinisCustomerLight .activeCartEmpty{
    grid-row:3!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.infinisCustomerLight .activeCartList{padding:14px 16px 22px!important;gap:12px!important}
  html.infinisCustomerLight .activeCartItem{
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px 12px!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  html.infinisCustomerLight .activeCartThumb{width:72px!important;height:72px!important;border-radius:15px!important}
  html.infinisCustomerLight .activeCartCopy small{font-size:10px!important}
  html.infinisCustomerLight .activeCartCopy b{margin:5px 0!important;font-size:15px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  html.infinisCustomerLight .activeCartCopy span{font-size:12px!important;line-height:1.35!important}
  html.infinisCustomerLight .activeCartActions{
    grid-column:1/-1!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
    padding-top:2px!important;
  }
  html.infinisCustomerLight .activeCartQuantity{height:38px!important}
  html.infinisCustomerLight .activeCartQuantity button{width:38px!important;height:36px!important;font-size:15px!important}
  html.infinisCustomerLight .activeCartQuantity strong{min-width:28px!important;font-size:13px!important}
  html.infinisCustomerLight .activeCartRemove{width:40px!important;height:40px!important;font-size:16px!important}

  html.infinisCustomerLight .activeCartFooter{
    grid-row:4!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:8px!important;
    align-self:auto!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    border-top:1px solid var(--surfaceLine,var(--appLine))!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  html.infinisCustomerLight .activeCartFooter>div{
    grid-column:1!important;grid-row:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;
    box-sizing:border-box!important;
    display:flex!important;align-items:baseline!important;justify-content:space-between!important;
    gap:12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html.infinisCustomerLight .activeCartFooter>div span{font-size:12px!important;white-space:normal!important}
  html.infinisCustomerLight .activeCartFooter>div strong{font-size:22px!important;line-height:1!important;white-space:nowrap!important}
  html.infinisCustomerLight .activeCartPrimary{
    grid-column:1!important;grid-row:auto!important;width:100%!important;height:52px!important;min-height:52px!important;
    padding:0 16px!important;border-radius:16px!important;font-size:15px!important;white-space:normal!important;
  }
  html.infinisCustomerLight .activeCartFooter>small{
    grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:none!important;
    padding:0!important;margin:0!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    font-size:11px!important;line-height:1.4!important;
  }
  html.infinisCustomerLight .activeCartClear{
    grid-column:1!important;grid-row:auto!important;justify-self:stretch!important;width:100%!important;min-height:40px!important;
    margin:0!important;padding:0 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;font-size:12px!important;text-align:center!important;
  }

  /* HUB DETAILS — one readable item per row on phones. */
  html.infinisCustomerLight .hubPage.isProjectWorkspace .hubProjectDetailsRedesign .hubDetailsGroups{grid-template-columns:1fr!important;gap:14px!important}
  html.infinisCustomerLight .hubPage.isProjectWorkspace .hubProjectDetailsRedesign .hubProjectDetailsGrid{grid-template-columns:1fr!important;gap:9px!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsGroup{padding:14px!important;border-radius:20px!important;overflow:visible!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsGroup>header{padding:0 0 13px!important;margin:0 0 8px!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsGroup>header>span{width:44px!important;height:44px!important;border-radius:14px!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsGroup>header h3{font-size:18px!important;line-height:1.2!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsGroup>header p{margin-top:4px!important;font-size:12px!important;line-height:1.4!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubProjectDetailPremium{
    min-height:78px!important;
    grid-template-columns:46px minmax(0,1fr) 18px!important;
    gap:12px!important;
    padding:13px 14px!important;
    border:1px solid rgba(62,91,132,.12)!important;
    border-radius:17px!important;
    background:#fff!important;
  }
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubProjectDetailPremium>span{width:46px!important;height:46px!important;border-radius:14px!important;font-size:17px!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubProjectDetailPremium small{font-size:10px!important;line-height:1.25!important;letter-spacing:.07em!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubProjectDetailPremium b{margin-top:4px!important;font-size:15px!important;line-height:1.42!important;overflow-wrap:normal!important;word-break:normal!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubProjectDetailPremium em{font-size:10px!important}
  html.infinisCustomerLight .hubProjectNotesPremium{padding:15px!important;border-radius:18px!important}
  html.infinisCustomerLight .hubProjectNotesPremium p{font-size:13px!important;line-height:1.6!important}

  /* General phone task content: comfortable gutters, scrolling body, anchored actions. */
  html.infinisCustomerLight :is(.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubAddressPanel,.hubGuestInvitePanel,.hubGuestDetailPanel) > header{
    flex:none!important;
    padding-top:calc(14px + env(safe-area-inset-top,0px))!important;
  }
  html.infinisCustomerLight :is(.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubAddressPanel,.hubGuestInvitePanel,.hubGuestDetailPanel) :is(form,.hubGuestDetailBody){
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html.infinisCustomerLight .projectSpaceChooser{display:block!important;background:#fff!important}
  html.infinisCustomerLight .projectSpaceChooserSheet{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;background:#fff!important}
  html.infinisCustomerLight .projectSpaceChooserSheet header{padding-top:calc(14px + env(safe-area-inset-top,0px))!important}
  html.infinisCustomerLight .projectSpaceChooserList{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}

  html.infinisCustomerLight .checkoutDateRecoveryDialog{display:flex!important;flex-direction:column!important;background:#fff!important}
  html.infinisCustomerLight .checkoutDateRecoverySheet{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:calc(28px + env(safe-area-inset-top,0px)) 18px calc(22px + env(safe-area-inset-bottom,0px))!important;animation:none!important}
  html.infinisCustomerLight .checkoutDateRecoveryActions{grid-template-columns:1fr!important}

  html.infinisCustomerLight .contractDialog{display:block!important;background:#fff!important}
  html.infinisCustomerLight .contractPanel{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;background:#fff!important}
  html.infinisCustomerLight .contractPanel header{padding-top:calc(14px + env(safe-area-inset-top,0px))!important}
  html.infinisCustomerLight .contractPanel footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}

  html.infinisCustomerLight .hubDeleteConfirmOverlay{display:block!important;background:#fff!important}
  html.infinisCustomerLight .hubDeleteConfirmPanel{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:calc(28px + env(safe-area-inset-top,0px)) 20px calc(22px + env(safe-area-inset-bottom,0px))!important;text-align:center!important}
  html.infinisCustomerLight .hubDeleteConfirmPanel>div{grid-template-columns:1fr!important}
  html.infinisCustomerLight .hubDeleteConfirmPanel button{min-height:52px!important}

  /* Checkout stays a true task screen with no inset shell. */
  html.infinisCustomerLight .checkoutDrawer{display:block!important;background:#fff!important}
  html.infinisCustomerLight .checkoutPanel.infinisSurface{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;background:#fff!important}
}

@media (max-width:430px){
  html.infinisCustomerLight .activeCartList{padding-left:14px!important;padding-right:14px!important}
  html.infinisCustomerLight .activeCartHeader{padding-left:14px!important;padding-right:14px!important}
  html.infinisCustomerLight .activeCartSwitcher{padding-left:14px!important;padding-right:14px!important}
  html.infinisCustomerLight .activeCartFooter{padding-left:14px!important;padding-right:14px!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsHero{grid-template-columns:1fr!important;padding:15px!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsCompletion{width:100%!important;height:auto!important;min-height:52px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsCompletion:before{display:none!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsCompletion span{font-size:16px!important}
  html.infinisCustomerLight .hubProjectDetailsRedesign .hubDetailsCompletion small{max-width:none!important;font-size:10px!important}
}

/* END assets/css/core/mobile-task-surfaces.css */

/* BEGIN assets/css/core/v443-responsive-polish.css */
/* v0443 Android startup + responsive polish
   Loaded last. Phone is the baseline; tablet and desktop progressively widen. */

/* January 1 planning message is an optional floating notice, never structural page content. */
.launchPolicyNotice{
  box-sizing:border-box!important;
  position:fixed!important;
  z-index:2147483300!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 38px!important;
  align-items:start!important;
  gap:10px!important;
  width:min(390px,calc(100dvw - 28px))!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid color-mix(in srgb,var(--appBlue) 18%,var(--appLine))!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(236,247,255,.97),rgba(255,242,249,.97))!important;
  color:var(--appText)!important;
  box-shadow:0 18px 48px rgba(31,55,94,.18)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
}
.launchPolicyNotice>.launchNoticeMark{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;background:rgba(80,145,205,.10)!important;color:var(--appBlue)!important;font-size:17px!important;
}
.launchPolicyNotice>div{min-width:0!important;padding-top:1px!important}
.launchPolicyNotice b{display:block!important;font-size:13px!important;line-height:1.3!important;font-weight:900!important;letter-spacing:-.01em!important}
.launchPolicyNotice p{margin:4px 0 0!important;font-size:11px!important;line-height:1.42!important;color:var(--appMuted)!important}
.launchNoticeClose{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  margin:-2px -2px 0 0!important;padding:0!important;border:1px solid rgba(63,91,130,.12)!important;border-radius:13px!important;
  background:rgba(255,255,255,.78)!important;color:var(--appText)!important;font:inherit!important;font-size:16px!important;
}

@media(max-width:700px){
  .launchPolicyNotice{
    top:auto!important;
    right:14px!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;left:14px!important;
    width:auto!important;max-width:none!important;
  }
  .activeCartDrawer .launchPolicyNotice{
    bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;
  }
  .checkoutDrawer .launchPolicyNotice{
    bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  }

  /* Rental project: compact app header; no desktop-style breathing room. */
  html.infinisCustomerLight .activeCartHeader{
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:7px 10px!important;
    padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px!important;
  }
  html.infinisCustomerLight .activeCartHeader small{font-size:9px!important;letter-spacing:.1em!important}
  html.infinisCustomerLight .activeCartHeader h2{margin-top:3px!important;font-size:22px!important;line-height:1.04!important;letter-spacing:-.045em!important}
  html.infinisCustomerLight .activeCartHeaderHint{margin-top:5px!important;font-size:11.5px!important;line-height:1.35!important}
  html.infinisCustomerLight .activeCartHeader>button{width:42px!important;height:42px!important;border-radius:14px!important}
  html.infinisCustomerLight .activeCartHeader>.launchPolicyNotice{margin:0!important}

  html.infinisCustomerLight .activeCartSwitcher{
    padding:8px 14px!important;
  }
  html.infinisCustomerLight .projectSpacesRail{gap:6px!important}
  html.infinisCustomerLight .projectSpaceTopline{gap:6px!important}
  html.infinisCustomerLight .projectSpaceUsageCompact{padding:7px 9px!important;border-radius:14px!important}
  html.infinisCustomerLight .projectSpaceTopline>.projectHoldMini{min-height:34px!important;min-width:96px!important;max-width:106px!important}
  html.infinisCustomerLight .cartProjectRail{gap:8px!important;padding:1px 1px 3px!important}
  html.infinisCustomerLight .cartProjectChip{height:60px!important;min-width:210px!important;max-width:210px!important;flex-basis:210px!important;border-radius:16px!important}
  html.infinisCustomerLight .cartProjectChip .cartSwitcherSelect{min-height:60px!important;padding:8px 9px!important}

  html.infinisCustomerLight .activeCartList{padding:10px 14px 10px!important;gap:9px!important}
  html.infinisCustomerLight .activeCartItem{padding:10px!important;gap:8px 10px!important;border-radius:17px!important}
  html.infinisCustomerLight .activeCartThumb{width:68px!important;height:68px!important}
  html.infinisCustomerLight .activeCartCopy b{font-size:14px!important}
  html.infinisCustomerLight .activeCartCopy span{font-size:11px!important}
  html.infinisCustomerLight .activeCartActions{gap:7px!important;padding-top:0!important}
  html.infinisCustomerLight .activeCartQuantity{height:36px!important}
  html.infinisCustomerLight .activeCartQuantity button{width:36px!important;height:34px!important}
  html.infinisCustomerLight .activeCartRemove{width:36px!important;height:36px!important}

  /* Footer content sizes itself; inherited legacy order/min-heights are explicitly neutralized. */
  html.infinisCustomerLight .activeCartFooter{
    height:auto!important;min-height:0!important;max-height:none!important;
    grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:max-content!important;
    align-content:start!important;align-items:stretch!important;
    gap:4px!important;
    padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))!important;
  }
  html.infinisCustomerLight .activeCartFooter>*{order:0!important;margin:0!important}
  html.infinisCustomerLight .activeCartFooter>div{
    min-height:29px!important;height:auto!important;padding:0 1px!important;
  }
  html.infinisCustomerLight .activeCartFooter>div span{font-size:11.5px!important;line-height:1.15!important}
  html.infinisCustomerLight .activeCartFooter>div strong{font-size:20px!important;line-height:1!important}
  html.infinisCustomerLight .activeCartPrimary{
    height:46px!important;min-height:46px!important;border-radius:15px!important;font-size:14px!important;
  }
  html.infinisCustomerLight .activeCartClear{
    min-height:28px!important;height:28px!important;padding:0 8px!important;font-size:11px!important;line-height:1!important;
  }
  html.infinisCustomerLight .activeCartFooter>small{
    min-height:0!important;padding:2px 0 0!important;font-size:9.8px!important;line-height:1.3!important;
  }
}

/* Tablet: keep touch targets, but stop phone elements from inflating to desktop-sized cards. */
@media(min-width:701px) and (max-width:1100px){
  .launchPolicyNotice{right:22px!important;bottom:22px!important;left:auto!important;top:auto!important;width:min(370px,calc(100dvw - 44px))!important}
  .findPage{width:min(900px,calc(100dvw - 40px))!important;padding-bottom:26px!important}
  .findExploreHeader{padding:5px 2px 3px!important}
  .findExploreHeader h1{font-size:1.52rem!important}
  .findHero{min-height:190px!important;margin-bottom:16px!important;border-radius:22px!important}
  .findHeroContent{max-width:520px!important;padding:22px!important}
  .findHeroContent h2{font-size:clamp(1.5rem,3.6vw,2rem)!important}
  .findHeroContent p{font-size:.72rem!important}
  .findCategoryGrid{gap:9px!important}
  .findCategoryPhoto{border-radius:15px!important;margin-bottom:6px!important}
  .findCollectionCard{min-height:108px!important;padding:13px!important;border-radius:17px!important}
  .findResults{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .findResultCard{border-radius:17px!important}
  .findResultPhoto{aspect-ratio:1.42/1!important}
  .findResultBody{padding:9px!important}
  .findResultBody h3{font-size:.8rem!important}
  .findResultBody p{font-size:.62rem!important}
  .findRailCard{flex-basis:210px!important}
}

/* Desktop: centered working canvas with compact discovery cards rather than tablet-scale UI. */
@media(min-width:1101px){
  .launchPolicyNotice{right:26px!important;bottom:26px!important;left:auto!important;top:auto!important;width:380px!important}
  .findPage{width:min(1120px,calc(100dvw - 64px))!important;padding-bottom:32px!important}
  .findExploreHeader{padding:4px 2px 2px!important}
  .findExploreHeader h1{font-size:1.55rem!important}
  .findHero{min-height:192px!important;margin:0 0 17px!important;border-radius:22px!important}
  .findHeroContent{max-width:540px!important;padding:24px!important}
  .findHeroContent h2{font-size:2rem!important;max-width:430px!important}
  .findHeroContent p{font-size:.73rem!important;max-width:470px!important}
  .findHeroContent button{min-height:38px!important;margin-top:14px!important}
  .findCategoryGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:11px!important}
  .findCategoryPhoto{border-radius:15px!important;margin-bottom:6px!important}
  .findCollectionGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
  .findCollectionCard{min-height:105px!important;padding:13px!important;border-radius:17px!important}
  .findResults{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
  .findResultCard{border-radius:17px!important;box-shadow:0 8px 22px rgba(0,0,0,.07)!important}
  .findResultPhoto{aspect-ratio:1.5/1!important}
  .findResultBody{padding:9px!important}
  .findResultBody h3{font-size:.8rem!important}
  .findResultBody p{font-size:.61rem!important}
  .findResultFooter{padding-top:8px!important}
  .findRailCard{flex-basis:205px!important}

  /* Cart stays a side workspace on desktop, but no exaggerated spacing. */
  .activeCartDrawer{grid-template-columns:minmax(0,1fr) min(460px,40dvw)!important}
  .activeCartPanel{padding:calc(14px + var(--appSafeTop)) 14px calc(14px + var(--appSafeBottom))!important}
  .activeCartHeader{padding-bottom:11px!important}
  .activeCartSwitcher{padding:9px 0!important}
  .activeCartList{padding:10px 1px!important;gap:8px!important}
  .activeCartFooter{padding-top:8px!important;gap:5px 7px!important}
}

/* END assets/css/core/v443-responsive-polish.css */

/* BEGIN assets/css/core/workspace-experience.css */
/* v0445: responsive workspace, device introduction, complete themes, and app-owned appearance.
   Provider-owned God Bubble/Aion/payment controls are intentionally not restyled. */
html.infinisCustomerLight[data-palette] { color-scheme:normal; --workspaceHeaderHeight:76px; --topH:76px; --topMobH:76px; }
html.infinisCustomerLight[data-palette],html.infinisCustomerLight[data-palette] body,html.infinisCustomerLight[data-palette] .app {background-color:var(--workspaceBackground)!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight[data-palette] body:before {background:radial-gradient(ellipse at 4% 4%,var(--workspaceGlowBlue),transparent 54%),radial-gradient(ellipse at 96% 10%,var(--workspaceGlowPink),transparent 54%)!important;opacity:1!important;}
html[data-palette] :is(.infinisScene,.infinisSurface,.activeCartPanel,.checkoutPanel,.hubV427) {
 --sceneInk:var(--workspaceInk)!important;--sceneMuted:var(--workspaceMuted)!important;--sceneLine:var(--workspaceLine)!important;--sceneSurface:var(--workspacePanel)!important;--sceneSoft:var(--workspaceSoft)!important;--sceneBlue:var(--workspacePrimary)!important;--sceneAccent:var(--workspaceWash)!important;--sceneGlow:var(--workspaceWash)!important;
 --appText:var(--workspaceInk)!important;--appMuted:var(--workspaceMuted)!important;--appBlue:var(--workspacePrimary)!important;--appPink:var(--workspaceSecondary)!important;--appBg:var(--workspaceBackground)!important;--appPanelSoft:var(--workspaceSoft)!important;--appAccentGlass:var(--workspaceWash)!important;
 --hubSurface:var(--workspacePanel)!important;--hubInk:var(--workspaceInk)!important;--hubMuted:var(--workspaceMuted)!important;--hubSoft:var(--workspaceSoft)!important;--hubBorder:var(--workspaceLine)!important;--hubAccent:var(--workspaceWash)!important;
}
html[data-palette] :is(.navitem.active,.sceneButton.isPrimary,.hubHomeActions button:first-child,.hubRentalButtons button:first-child,.eventAccessHint,.bubblePostParty,.hubContinue,.hubPlanHero) {background:var(--workspaceWash)!important;}
html[data-palette] :is(.sceneOrb,.scenePill,.sceneArtIcon,.sceneFeature>span,.auraSceneFeature>span,.hubOrb,.hubMiniArt,.hubTileIcon,.bubbleSocialAvatar,.bubblePartyCover,.bubbleSocialHero,.bubblePostParty>span,.hubProgressTrack span,.hubProjectMiniProgress i) {background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette] :is(.sceneArtLabel,.scenePrivacy,.findSectionHead>div>span,.hubGreeting small,.hubPlanEyebrow) {color:var(--workspaceMuted)!important;}
html[data-palette] :is(.activeCartHeader,.checkoutHeader,.bubbleSocialDialog>header,.hubCreateProjectHeader,.hubProjectEditHeader) {background:var(--appAccentGlassSoft)!important;}
html[data-palette] :is(.launchPolicyNotice,.hubLaunchNotice) {background:linear-gradient(125deg,color-mix(in srgb,var(--workspacePrimary) 10%,var(--workspacePanel)),color-mix(in srgb,var(--workspaceSecondary) 10%,var(--workspacePanel)))!important;}
html[data-palette] .navitem.active i {color:var(--workspacePrimary)!important;}
html[data-palette] .infinisSurface {background:var(--workspaceBackground)!important;}

/* Transparent header footprint. Only the controls have their own glass surfaces. */
html.infinisCustomerLight .topbar.workspaceTop {
 position:fixed!important;inset:0 0 auto!important;width:100%!important;height:calc(var(--workspaceHeaderHeight) + env(safe-area-inset-top,0px))!important;
 padding:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 10px max(14px,env(safe-area-inset-left,0px))!important;
 display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;box-shadow:none!important;background:transparent!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;box-sizing:border-box!important;
}
.workspaceTop:before,.workspaceTop:after {display:none!important;}
.workspaceTopRow {width:100%;max-width:1240px;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;}
.workspaceCorner {display:flex;align-items:center;gap:10px;min-width:0;pointer-events:auto;}
.workspaceWordmark {font:760 14px/1.2 var(--appFont);color:var(--workspaceInk);letter-spacing:.09em;text-decoration:none;white-space:nowrap;}
.workspaceWordmark span {display:none;}
.workspaceAppearanceButton,.workspaceIconButton {width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--workspaceLine);border-radius:16px;background:rgba(255,255,255,.9);color:var(--workspaceInk);font:inherit;font-size:20px;padding:0;cursor:pointer;touch-action:manipulation;}
.workspaceAppearanceButton {box-shadow:0 5px 22px rgba(33,55,87,.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.workspaceAccountDock {display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px;min-width:0;padding:6px 8px;border:1px solid var(--workspaceLine);border-radius:22px;background:rgba(255,255,255,.85);box-shadow:0 6px 25px rgba(33,55,87,.055),inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto;}
html.infinisCustomerLight .workspaceAccountDock .headerAction {display:grid!important;place-items:center!important;position:relative!important;flex:0 0 44px!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:15px!important;color:var(--workspaceInk)!important;background:transparent!important;box-shadow:none!important;font-size:23px!important;}
html.infinisCustomerLight .workspaceAccountDock .headerAction:hover {background:var(--workspaceWash)!important;}
html.infinisCustomerLight .workspaceAccountDock .headerActionBadge {top:-3px!important;right:-2px!important;min-width:18px!important;height:18px!important;max-width:30px!important;padding:0 4px!important;font-size:10px!important;line-height:18px!important;}
.workspaceDockDivider {display:block;width:1px;height:25px;background:var(--workspaceLine);flex:none;}
.workspaceAccountDock .godBubbleMountSlot,.workspaceAccountDock #godBubbleMount {width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;margin:0!important;position:relative!important;inset:auto!important;}
html.infinisCustomerLight .scroller {inset:calc(var(--workspaceHeaderHeight) + env(safe-area-inset-top,0px)) 0 calc(var(--bottomNavHeight,74px) + 4px)!important;padding:8px 0 18px!important;scroll-padding-top:14px;scrollbar-gutter:auto!important;}
html.infinisCustomerLight .bottomnav {border:1px solid var(--workspaceLine)!important;background:rgba(255,255,255,.9)!important;box-shadow:0 -3px 28px rgba(33,55,87,.045)!important;}
html.infinisCustomerLight .navitem {font-size:11px!important;min-height:48px!important;}
html.infinisCustomerLight .navitem i {font-size:20px!important;}
.workspaceTop :is(button,a):focus-visible,.workspaceDialog button:focus-visible {outline:3px solid var(--workspacePrimary);outline-offset:3px;}

/* Discover pages: phone browsing, then a companion category panel and product grids. */
html.infinisCustomerLight .findResultBody h3 {font-size:15px!important;line-height:1.35!important;}
html.infinisCustomerLight .findResultBody p {font-size:12px!important;line-height:1.5!important;}
html.infinisCustomerLight .findResultFooter>strong {font-size:15px!important;}
html.infinisCustomerLight .findResultFooter>strong small {font-size:11px!important;}
html.infinisCustomerLight .findResultType {font-size:10px!important;letter-spacing:.07em!important;}
html.infinisCustomerLight .findResultBtn {min-width:40px!important;min-height:40px!important;}
.bubbleWorkspaceSidebar .bubbleSocialTabs>button>i {display:none;}
.bubbleWorkspaceLabel,.bubbleWorkspaceGuide {display:none;}
.bubbleWorkspaceGrid,.bubbleWorkspaceMain {display:contents;}

@media(min-width:760px) {
 html.infinisCustomerLight[data-palette] {--workspaceHeaderHeight:92px;--topH:92px;}
 html.infinisCustomerLight .topbar.workspaceTop {padding:calc(16px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) 16px max(24px,env(safe-area-inset-left,0px))!important;}
 .workspaceTopRow {max-width:1200px;}
 .workspaceCorner {gap:14px;}
 .workspaceWordmark {font-size:15px;letter-spacing:.13em;}
 .workspaceWordmark span {display:block;margin-top:5px;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--workspaceMuted);}
 .workspaceAppearanceButton {width:48px;height:48px;flex-basis:48px;border-radius:17px;}
 .workspaceAccountDock {padding:8px 10px;border-radius:24px;gap:10px;}
 html.infinisCustomerLight .workspaceAccountDock .headerAction {width:48px!important;height:48px!important;flex-basis:48px!important;}
 .workspaceAccountDock .godBubbleMountSlot,.workspaceAccountDock #godBubbleMount {width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;flex-basis:48px!important;}
 html.infinisCustomerLight .bottomnav {bottom:calc(14px + var(--appVisualBottom,0px))!important;width:min(480px,calc(100dvw - 48px))!important;max-width:480px!important;border-radius:24px!important;padding:7px!important;gap:5px!important;}
 html.infinisCustomerLight .navitem {min-height:50px!important;border-radius:17px!important;gap:4px!important;font-size:12px!important;}
 html.infinisCustomerLight .scroller {bottom:calc(var(--bottomNavHeight,74px) + 30px)!important;padding-top:8px!important;scrollbar-width:thin;scrollbar-color:var(--workspaceLine) transparent;}
 html.infinisCustomerLight .scroller::-webkit-scrollbar {width:6px;}
 html.infinisCustomerLight .scroller::-webkit-scrollbar-thumb {background:var(--workspaceLine);border-radius:12px;}
 html.infinisCustomerLight .findPage {width:min(1200px,calc(100dvw - 48px))!important;max-width:1200px!important;margin:0 auto!important;padding:6px 0 22px!important;display:grid!important;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr)!important;gap:20px 26px!important;}
 html.infinisCustomerLight .findExploreHeader {grid-column:1;grid-row:1;align-items:center!important;margin:0!important;padding:0!important;gap:12px;}
 html.infinisCustomerLight .findExploreHeader span {font-size:10px!important;letter-spacing:.12em!important;color:var(--workspaceMuted)!important;}
 html.infinisCustomerLight .findExploreHeader h1 {font-size:32px!important;line-height:1.15!important;margin:6px 0 0!important;}
 html.infinisCustomerLight .findSavedShortcut {height:42px!important;width:42px!important;}
 html.infinisCustomerLight .findToolbar {grid-column:2;grid-row:1;position:static!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;}
 html.infinisCustomerLight .findSearch {flex:1;min-width:0;height:50px!important;margin:0!important;border-radius:17px!important;background:rgba(255,255,255,.85)!important;box-shadow:none!important;}
 html.infinisCustomerLight .findSearch input {font-size:15px!important;font-weight:500!important;}
 html.infinisCustomerLight .findDateGate,html.infinisCustomerLight .findSearchView,html.infinisCustomerLight .findDiscovery {grid-column:1/-1!important;}
 html.infinisCustomerLight .findDiscovery {display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr)!important;gap:24px!important;}
 html.infinisCustomerLight .findDiscovery>.findDiscoverSection {grid-column:1/-1;margin:0!important;min-width:0;}
 html.infinisCustomerLight .findDiscovery>.findHero {grid-column:1;grid-row:1;min-height:320px!important;margin:0!important;border-radius:26px!important;box-shadow:none!important;background-color:var(--workspaceSoft)!important;}
 html.infinisCustomerLight .findHeroShade {background:linear-gradient(110deg,color-mix(in srgb,var(--workspaceBackground) 96%,transparent),color-mix(in srgb,var(--workspaceBackground) 89%,transparent) 60%,color-mix(in srgb,var(--workspacePrimary) 13%,transparent))!important;}
 html.infinisCustomerLight .findHeroContent {padding:28px!important;max-width:520px!important;color:var(--workspaceInk)!important;}
 html.infinisCustomerLight .findHeroContent>span {font-size:10px!important;color:var(--workspacePrimary)!important;}
 html.infinisCustomerLight .findHeroContent h2 {font-size:clamp(30px,2.8vw,38px)!important;line-height:1.08!important;max-width:415px!important;margin:13px 0!important;color:var(--workspaceInk)!important;}
 html.infinisCustomerLight .findHeroContent p {font-size:14px!important;line-height:1.6!important;font-weight:450!important;color:var(--workspaceMuted)!important;max-width:380px!important;}
 html.infinisCustomerLight .findHeroContent button {min-height:44px!important;margin-top:19px!important;padding:0 16px!important;border:1px solid var(--workspaceLine)!important;color:var(--workspaceInk)!important;font-size:13px!important;background:rgba(255,255,255,.93)!important;}
 html.infinisCustomerLight .findDiscovery>.findCategorySection {grid-column:2!important;grid-row:1!important;border:1px solid var(--workspaceLine);border-radius:26px;background:rgba(255,255,255,.8);padding:20px;align-self:stretch;}
 html.infinisCustomerLight .findCategorySection .findSectionHead {margin:0 0 17px!important;}
 html.infinisCustomerLight .findCategoryGrid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px 10px!important;}
 html.infinisCustomerLight .findCategoryPhoto {max-width:74px!important;aspect-ratio:1!important;margin:0 auto 7px!important;border-radius:15px!important;box-shadow:none!important;}
 html.infinisCustomerLight .findCategoryCard {font-size:11px!important;line-height:1.4!important;font-weight:650!important;text-align:center!important;}
 html.infinisCustomerLight .findCategoryCard>span:last-child {white-space:normal!important;overflow:visible!important;}
 html.infinisCustomerLight .findSectionHead {align-items:center!important;margin:0 0 14px!important;}
 html.infinisCustomerLight .findSectionHead span {font-size:10px!important;line-height:1.4!important;}
 html.infinisCustomerLight .findSectionHead h2 {font-size:21px!important;line-height:1.2!important;margin:5px 0 0!important;}
 html.infinisCustomerLight .findSectionHead button {min-height:40px!important;padding:0 12px!important;font-size:13px!important;}
 html.infinisCustomerLight .findRail,html.infinisCustomerLight .findResults {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;align-items:stretch!important;}
 html.infinisCustomerLight .findRailCard {flex:none!important;min-width:0!important;width:auto!important;max-width:100%!important;}
 html.infinisCustomerLight .findResultCard {border-radius:20px!important;background:rgba(255,255,255,.93)!important;border-color:var(--workspaceLine)!important;box-shadow:0 4px 14px rgba(28,48,78,.035)!important;}
 html.infinisCustomerLight .findResultPhoto {aspect-ratio:1.6!important;}
 html.infinisCustomerLight .findResultBody {padding:14px!important;}
 html.infinisCustomerLight .findStockBadge {font-size:10px!important;padding:5px 8px!important;}
 html.infinisCustomerLight .findResultFooter {padding-top:12px!important;}
 html.infinisCustomerLight .findCollectionGrid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
 html.infinisCustomerLight .findCollectionCard {min-height:132px!important;padding:18px!important;border-radius:20px!important;}
 html.infinisCustomerLight .findCollectionCopy strong {font-size:15px!important;line-height:1.4!important;}
 html.infinisCustomerLight .findCollectionCopy small {font-size:12px!important;line-height:1.5!important;}

 /* Bubble is a real two-column workspace, not a stretched phone feed. */
 html.infinisCustomerLight .bubbleSocialPage.scenePage {width:min(1120px,calc(100dvw - 48px))!important;max-width:1120px!important;padding:6px 0 24px!important;gap:22px!important;}
 html.infinisCustomerLight .bubbleSocialHeading {padding:0!important;}
 html.infinisCustomerLight .sceneHeading h1 {font-size:32px!important;line-height:1.15!important;}
 html.infinisCustomerLight .sceneHeading p {font-size:14px!important;line-height:1.55!important;}
 .bubbleWorkspaceGrid {display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start;}
 .bubbleWorkspaceSidebar {position:sticky;top:10px;min-width:0;display:grid;gap:14px;}
 .bubbleWorkspaceLabel {display:block;font-size:10px;letter-spacing:.1em;color:var(--workspaceMuted);font-weight:750;padding:0 13px;}
 html.infinisCustomerLight .bubbleWorkspaceSidebar .bubbleSocialTabs {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:7px!important;border:1px solid var(--workspaceLine)!important;background:rgba(255,255,255,.86)!important;border-radius:21px!important;overflow:visible!important;}
 html.infinisCustomerLight .bubbleWorkspaceSidebar .bubbleSocialTabs>button {display:flex!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:46px!important;gap:9px!important;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:15px!important;font-size:13px!important;font-weight:650!important;background:transparent!important;white-space:nowrap!important;color:var(--workspaceMuted)!important;}
 html.infinisCustomerLight .bubbleWorkspaceSidebar .bubbleSocialTabs>button[aria-pressed=true] {background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
 html.infinisCustomerLight .bubbleWorkspaceSidebar .bubbleSocialTabs>button>i {display:inline-block;font-size:18px;}
 .bubbleWorkspaceSidebar .bubbleLiveDot {display:none;}
 .bubbleWorkspaceGuide {display:block;border:1px solid var(--workspaceLine);border-radius:21px;background:var(--appAccentGlassSoft);padding:17px;}
 .bubbleWorkspaceGuide>span {display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--workspaceWash);color:var(--workspacePrimary);font-size:20px;}
 .bubbleWorkspaceGuide h2 {font-size:20px;line-height:1.2;letter-spacing:-.03em;margin:14px 0 10px;color:var(--workspaceInk);}
 .bubbleWorkspaceGuide p {font-size:12px;line-height:1.6;margin:0 0 14px;color:var(--workspaceMuted);}
 .bubbleWorkspaceGuide .sceneButton {width:100%;font-size:11px!important;padding:8px!important;}
 .bubbleWorkspaceMain {display:grid;gap:16px;min-width:0;align-content:start;}
 html.infinisCustomerLight .bubbleSocialComposer {margin:0!important;padding:17px!important;border-radius:22px!important;background:rgba(255,255,255,.93)!important;}
 html.infinisCustomerLight .bubbleWritePrompt {min-height:54px!important;font-size:15px!important;gap:12px!important;}
 html.infinisCustomerLight .bubbleComposeFooter {display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;}
 html.infinisCustomerLight .bubbleComposeFooter>span {flex-basis:100%;font-size:11px!important;}
 html.infinisCustomerLight .bubbleComposeFooter .sceneButton {min-height:42px!important;font-size:12px!important;padding:9px 13px!important;flex:none!important;width:auto!important;}
 html.infinisCustomerLight .bubbleSocialToolbar {padding:0 1px!important;gap:8px!important;flex-wrap:wrap!important;}
 html.infinisCustomerLight .bubbleSubFilters button {min-height:38px!important;font-size:12px!important;}
 html.infinisCustomerLight .bubblePostGrid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
 html.infinisCustomerLight .bubblePartyGrid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
 html.infinisCustomerLight .bubbleSocialPost {padding:20px!important;border-radius:22px!important;background:rgba(255,255,255,.93)!important;}
 html.infinisCustomerLight .bubblePostText {font-size:15px!important;line-height:1.65!important;}
 html.infinisCustomerLight .bubbleSocialContent .sceneEmpty {padding:30px 22px!important;}
 html.infinisCustomerLight .bubblePartyCopy h2 {font-size:20px!important;line-height:1.2!important;}
 html.infinisCustomerLight .bubblePartyCopy p {font-size:13px!important;line-height:1.6!important;}
}
@media(min-width:1100px) {
 html.infinisCustomerLight .findRail,html.infinisCustomerLight .findResults {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
 html.infinisCustomerLight .findDiscovery {grid-template-columns:minmax(0,1.4fr) minmax(340px,.9fr)!important;}
 html.infinisCustomerLight .findCollectionGrid {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
 .bubbleWorkspaceGrid {grid-template-columns:230px minmax(0,1fr);gap:30px;}
 html.infinisCustomerLight .bubbleComposeFooter>span {flex:1;}
 html.infinisCustomerLight .bubbleWorkspaceSidebar .bubbleSocialTabs>button {font-size:14px!important;}
 .bubbleWorkspaceGuide {padding:22px;}
 .bubbleWorkspaceGuide p {font-size:13px;}
}
@media(max-width:759px) {
 .bubbleWorkspaceSidebar {display:contents;}
 .workspaceAccountDock {gap:6px;}
 .workspaceTopRow {gap:8px;}
 .bubbleWorkspaceMain>.bubbleSocialComposer {order:-1;}
}

/* App-owned settings and the first-launch introduction. */
.workspaceDialog {box-sizing:border-box;margin:auto;border:1px solid var(--workspaceLine);padding:0;background:var(--workspaceBackground);color:var(--workspaceInk);font:14px/1.5 var(--appFont);border-radius:26px;box-shadow:0 24px 90px rgba(31,50,80,.18);max-width:calc(100dvw - 48px);max-height:calc(100dvh - 48px);overflow:hidden;}
.workspaceDialog[open] {display:flex;flex-direction:column;}
.workspaceDialog::backdrop {background:rgba(31,46,66,.27);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.workspaceDialog * {box-sizing:border-box;min-width:0;}
.workspaceDialog [hidden] {display:none!important;}
.workspaceDialog button {font-family:var(--appFont);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.workspaceDialog button:disabled {cursor:default;opacity:.5;}
.workspaceDialogHeader {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 19px;flex:none;border-bottom:1px solid var(--workspaceLine);}
.workspaceDialogHeader small {font-size:10px;letter-spacing:.12em;color:var(--workspaceMuted);font-weight:750;}
.workspaceDialogHeader h2 {font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:6px 0 0;}
.workspaceDialogBody {padding:22px 26px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;}
.workspaceDialogFooter {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 26px;border-top:1px solid var(--workspaceLine);flex:none;background:rgba(255,255,255,.85);}
.workspaceDialogFooter>span {font-size:11px;color:var(--workspaceMuted);}
.workspaceAppearanceDialog {width:740px;}
.workspaceLead {font-size:15px;margin:0 0 18px;color:var(--workspaceMuted);}
.workspaceButton {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 17px;border:1px solid var(--workspaceLine);border-radius:15px;background:var(--workspaceWash);color:var(--workspaceInk);font-size:13px;line-height:1.4;font-weight:720;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease;}
.workspaceButton.isQuiet {background:rgba(255,255,255,.72);font-weight:600;}
.workspaceButton:active:not(:disabled) {transform:scale(.98);}
.workspaceThemePicker {display:grid;gap:12px;}
.workspaceAutoTheme {display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:82px;background:#fff;color:var(--workspaceInk);padding:14px;border:1px solid var(--workspaceLine);border-radius:18px;}
.workspaceAutoTheme>span {width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:13px;background:var(--workspaceWash);color:var(--workspacePrimary);font-size:22px;}
.workspaceAutoTheme>div {flex:1;}
.workspaceAutoTheme b {font-size:14px;font-weight:750;}
.workspaceAutoTheme small {display:block;margin-top:4px;font-size:12px;line-height:1.45;color:var(--workspaceMuted);}
.workspaceAutoTheme>i {font-size:18px;color:var(--workspacePrimary);}
.workspaceThemeGrid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.workspaceThemeChoice {min-width:0;text-align:left;display:grid;align-content:start;gap:9px;border:1px solid var(--workspaceLine);border-radius:18px;padding:10px;background:rgba(255,255,255,.86);color:var(--workspaceInk);}
.workspaceThemePreview {position:relative;isolation:isolate;overflow:hidden;display:block;height:76px;border-radius:11px;border:1px solid color-mix(in srgb,var(--preview-one) 17%,transparent);background:linear-gradient(125deg,color-mix(in srgb,var(--preview-one) 20%,var(--preview-bg)),color-mix(in srgb,var(--preview-two) 18%,var(--preview-bg)));}
.workspaceThemePreview:before {content:"";position:absolute;left:12%;right:12%;top:19%;height:66%;border-radius:8px;background:rgba(255,255,255,.75);box-shadow:0 4px 15px rgba(25,35,60,.05);}
.workspaceThemePreview i {position:absolute;left:21%;height:5px;width:36%;top:38%;border-radius:5px;background:var(--preview-one);opacity:.65;}
.workspaceThemePreview i:nth-child(2) {top:53%;width:50%;height:3px;opacity:.26;}
.workspaceThemePreview i:nth-child(3) {top:66%;width:20%;height:6px;background:var(--preview-two);opacity:.65;}
.workspaceThemeName {display:flex;justify-content:space-between;align-items:center;font-weight:750;font-size:13px;gap:8px;}
.workspaceThemeName i {color:var(--workspacePrimary);font-size:16px;}
.workspaceThemeChoice>small {font-size:11px;color:var(--workspaceMuted);line-height:1.45;}
.workspaceThemePicker [aria-checked=true] {border-color:var(--workspacePrimary);box-shadow:0 0 0 2px color-mix(in srgb,var(--workspacePrimary) 12%,transparent);}
.workspaceThemeNote {font-size:12px;line-height:1.6;margin:16px 0 20px;color:var(--workspaceMuted);}
.workspaceNotificationCard,.welcomeAccountCard {display:flex;gap:14px;padding:17px;background:rgba(255,255,255,.82);border:1px solid var(--workspaceLine);border-radius:19px;}
.workspaceFeatureIcon,.welcomeAccountCard>span {flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--workspaceWash);color:var(--workspacePrimary);font-size:20px;}
.workspaceNotificationCard h3,.welcomeAccountCard h3 {font-size:14px;font-weight:720;line-height:1.45;margin:0 0 5px;}
.workspaceNotificationCard p,.welcomeAccountCard p {font-size:12px;line-height:1.65;color:var(--workspaceMuted);margin:0 0 12px;}
.workspaceNotificationCard .workspaceButton,.welcomeAccountCard .workspaceButton {font-size:12px;}
.workspaceInlineStatus:empty {display:none;}
.workspaceNotificationCard .workspaceInlineStatus {margin:11px 0 0;font-size:12px;color:var(--workspacePrimary);}
.workspaceReplay {display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin:14px 0 0;padding:14px 16px;min-height:50px;border:1px solid var(--workspaceLine);border-radius:16px;background:transparent;color:var(--workspaceInk);font-size:12px;}
.workspaceReplay>span {display:flex;align-items:center;gap:10px;}
.workspaceReplay i {font-size:17px;color:var(--workspacePrimary);}

/* Onboarding always owns the usable screen, without outer gutters on a phone. */
.workspaceWelcomeDialog {width:100dvw!important;max-width:100dvw!important;height:var(--sceneVh,100dvh)!important;max-height:var(--sceneVh,100dvh)!important;margin:0!important;inset:var(--sceneTop,0px) 0 auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(ellipse at top left,var(--workspaceGlowBlue),transparent 60%),radial-gradient(ellipse at bottom right,var(--workspaceGlowPink),transparent 60%),var(--workspaceBackground)!important;}
.welcomeFrame {display:flex;flex-direction:column;width:min(1100px,100%);height:100%;min-height:0;margin:auto;}
.welcomeHeader {display:flex;justify-content:space-between;align-items:center;gap:20px;flex:none;padding:calc(22px + env(safe-area-inset-top,0px)) 28px 18px;}
.welcomeWordmark {display:block;font-size:15px;line-height:1.3;letter-spacing:.16em;font-weight:800;}
.welcomeWordmark small {display:block;margin-top:5px;font-size:8px;font-weight:600;letter-spacing:.13em;color:var(--workspaceMuted);}
.welcomeLayout {flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);}
.welcomeVisual {display:none;}
.welcomeStage {padding:18px 28px 28px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;}
.welcomeStage.isEntering {animation:welcomeStageIn .28s cubic-bezier(.22,.8,.23,1) both;}
.welcomeEyebrow {font-size:10px;font-weight:750;letter-spacing:.1em;color:var(--workspacePrimary);display:block;}
.welcomeStage h1 {font-size:34px;line-height:1.1;letter-spacing:-.05em;font-weight:750;margin:17px 0 16px;color:var(--workspaceInk);outline:0;}
.welcomeLead {font-size:14px;line-height:1.7;color:var(--workspaceMuted);margin:0 0 24px;max-width:470px;}
.welcomeFeatures {display:grid;gap:12px;}
.welcomeFeatures article {display:flex;gap:15px;align-items:center;border:1px solid var(--workspaceLine);border-radius:19px;padding:17px;background:rgba(255,255,255,.72);}
.welcomeFeatures article>i {flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--workspaceWash);color:var(--workspacePrimary);font-size:23px;}
.welcomeFeatures b {font-size:14px;}
.welcomeFeatures p {font-size:12px;line-height:1.6;color:var(--workspaceMuted);margin:4px 0 0;}
.welcomeDateCard {display:flex;gap:16px;padding:22px 18px;border:1px solid var(--workspaceLine);border-radius:20px;background:var(--workspaceWash);}
.welcomeDateCard>span {flex:0 0 42px;font-size:29px;color:var(--workspacePrimary);}
.welcomeDateCard small {font-size:9px;font-weight:750;letter-spacing:.1em;}
.welcomeDateCard b {display:block;font-size:23px;letter-spacing:-.03em;margin:8px 0;}
.welcomeDateCard p {font-size:13px;line-height:1.7;color:var(--workspaceMuted);margin:0;}
.welcomeQuiet {font-size:12px;line-height:1.7;color:var(--workspaceMuted);padding:6px 2px;}
.welcomeAccountCard {margin-bottom:14px;}
.welcomeFooter {flex:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 28px calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--workspaceLine);background:rgba(255,255,255,.78);}
.welcomeProgress>div {display:flex;gap:5px;}
.welcomeProgress span {width:7px;height:7px;border-radius:8px;display:block;background:var(--workspaceLine);transition:width .2s ease,background .2s ease;}
.welcomeProgress span.active {width:24px;background:var(--workspacePrimary);}
.welcomeProgress small {display:block;font-size:10px;color:var(--workspaceMuted);margin-top:6px;}
.welcomeFooterActions {display:flex;gap:8px;}
.welcomeFooterActions .workspaceButton {min-height:46px;font-size:13px;}
html[data-welcome-open] .launchPolicyNotice {display:none!important;}
@keyframes welcomeStageIn {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:950px) {
 .welcomeHeader {padding:calc(28px + env(safe-area-inset-top,0px)) 26px 22px;}
 .welcomeLayout {grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:30px;}
 .welcomeVisual {display:grid;align-items:center;padding:0 5px 28px 16px;min-height:0;}
 .welcomeStage {padding:28px 26px 32px;}
 .welcomeStage h1 {font-size:43px;}
 .welcomeLead {font-size:15px;}
 .welcomeFooter {border-radius:20px 20px 0 0;}
 .welcomeArtwork {position:relative;height:460px;max-height:100%;width:100%;isolation:isolate;}
 .welcomeOrbit {position:absolute;inset:5% -3%;border:1px solid var(--workspaceLine);border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,var(--workspaceGlowBlue),transparent 62%);z-index:-1;}
 .welcomeOrbit:after {content:"";position:absolute;inset:12%;border:1px dashed var(--workspaceLine);border-radius:50%;}
 .welcomeArtTag {display:inline-flex;align-items:center;gap:8px;position:absolute;top:8%;left:5%;padding:10px 15px;border:1px solid var(--workspaceLine);background:rgba(255,255,255,.8);border-radius:30px;font-size:10px;font-weight:600;transform:rotate(-4deg);}
 .welcomeArtTag i {color:var(--workspacePrimary);font-size:17px;}
 .welcomeArtProject {position:absolute;top:21%;left:7%;width:78%;padding:24px;border:1px solid rgba(255,255,255,.8);background:linear-gradient(125deg,color-mix(in srgb,var(--workspacePrimary) 9%,#fff),color-mix(in srgb,var(--workspaceSecondary) 10%,#fff));border-radius:26px;box-shadow:0 24px 60px rgba(38,57,90,.09);transform:rotate(-4deg);}
 .welcomeArtMiniLabel {font-size:8px;font-weight:750;letter-spacing:.12em;color:var(--workspaceMuted);}
 .welcomeArtTitle {display:block;font-size:39px;line-height:1.05;letter-spacing:-.045em;font-weight:760;margin:17px 0 24px;}
 .welcomeArtChips {display:flex;gap:7px;font-size:10px;}
 .welcomeArtChips span {display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.8);border:1px solid var(--workspaceLine);border-radius:9px;padding:7px;}
 .welcomeArtProgress {margin-top:23px;height:5px;border-radius:8px;background:var(--workspaceLine);overflow:hidden;}
 .welcomeArtProgress i {display:block;width:68%;height:100%;background:var(--workspacePrimary);border-radius:8px;}
 .welcomeArtProject p {font-size:10px;color:var(--workspaceMuted);margin:12px 0 0;}
 .welcomeArtInvite {display:flex;align-items:center;gap:11px;position:absolute;bottom:5%;right:0;width:78%;padding:17px;border:1px solid var(--workspaceLine);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 13px 40px rgba(38,57,90,.06);transform:rotate(3deg);}
 .welcomeArtInvite>i {font-size:26px;color:var(--workspaceSecondary);}
 .welcomeArtInvite b {font-size:12px;}
 .welcomeArtInvite small {display:block;font-size:10px;color:var(--workspaceMuted);margin-top:4px;}
 .workspaceAppearanceDialog .workspaceThemeGrid {grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:700px) {
 .workspaceDialog {width:100dvw!important;max-width:100dvw!important;height:var(--sceneVh,100dvh)!important;max-height:var(--sceneVh,100dvh)!important;inset:var(--sceneTop,0px) 0 auto!important;margin:0!important;border:0!important;border-radius:0!important;}
 .workspaceDialogHeader {padding:calc(16px + env(safe-area-inset-top,0px)) 18px 16px;}
 .workspaceDialogHeader h2 {font-size:24px;}
 .workspaceDialogBody {padding:19px 18px;flex:1;}
 .workspaceDialogFooter {padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));}
 .welcomeHeader {padding:calc(16px + env(safe-area-inset-top,0px)) 20px 12px;}
 .welcomeStage {padding:16px 20px 24px;}
 .welcomeStage h1 {font-size:32px;margin-top:13px;}
 .welcomeLead {font-size:14px;margin-bottom:20px;}
 .welcomeFooter {padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));gap:9px;}
 .welcomeFooterActions {gap:6px;}
 .welcomeFooterActions .workspaceButton {font-size:12px;padding:10px 12px;}
 .workspaceThemeChoice {gap:7px;}
 .workspaceNotificationCard,.welcomeAccountCard {gap:11px;padding:14px;}
}
@media(max-height:540px) and (min-width:701px) {
 .workspaceDialog {max-height:calc(100dvh - 20px);}
 .welcomeHeader {padding-top:12px;padding-bottom:10px;}
 .welcomeStage {padding-top:8px;}
 .welcomeFooter {padding-top:9px;padding-bottom:9px;}
 .welcomeVisual {display:none;}
 .welcomeLayout {grid-template-columns:1fr;}
 .welcomeFrame {max-width:700px;}
}
@media(prefers-reduced-motion:reduce) {
 .welcomeStage.isEntering {animation:none;}
 .workspaceButton,.welcomeProgress span {transition:none;}
}

/* Local vectors do not wait for a remote icon font. */
.workspaceVector {display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;flex:none;max-width:100%;}
.workspaceAppearanceButton .workspaceVector,.workspaceIconButton .workspaceVector {width:22px;height:22px;}
.workspaceAccountDock .workspaceVector {width:25px;height:25px;}
html.infinisCustomerLight .navitem>.workspaceVector {width:21px;height:21px;}
html[data-palette] .navitem.active>.workspaceVector {color:var(--workspacePrimary);}
.workspaceThemeName [data-theme-check],.workspaceAutoTheme>[data-theme-check] {display:grid;place-items:center;width:19px;height:19px;min-width:19px;flex:none;background:none;border:0;padding:0;color:var(--workspacePrimary);}
.workspaceThemeName [data-theme-check] .workspaceVector,.workspaceAutoTheme>[data-theme-check] .workspaceVector {width:18px;height:18px;}
.welcomeFeatures article>.workspaceVector {width:25px;height:25px;flex:none;color:var(--workspacePrimary);}
/* Hidden views must stay hidden when changing Explore mode. */
html.infinisCustomerLight .findPage [hidden] {display:none!important;}
html.infinisCustomerLight .findHeroShade {opacity:1!important;}
@media(max-width:759px){
 html.infinisCustomerLight .bubbleSocialHeading {order:-3;}
 html.infinisCustomerLight .bubbleWorkspaceMain>.bubbleSocialComposer {order:-2;}
 html.infinisCustomerLight .bubbleWorkspaceSidebar>.bubbleSocialTabs {order:-1;}
}

/* Legacy app-owned surfaces share the selected palette even on a dark OS. */
html[data-palette] :is(.toast,.coretab__toast) {background:#fff!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette] .coretab__row:active {background:var(--workspaceSoft)!important;}
html[data-palette] :is(.sceneGate,.auraSceneHero):before {background:radial-gradient(ellipse at 96% 14%,var(--workspaceGlowPink),transparent 64%),radial-gradient(ellipse at 42% 90%,var(--workspaceGlowBlue),transparent 62%)!important;}
html[data-palette] .sceneArtFront {background:var(--workspaceWash),var(--workspacePanel)!important;}
html[data-palette] .sceneArtDots i {background:var(--workspacePrimary)!important;}
html[data-palette] .sceneArtDots i:nth-child(even) {background:var(--workspaceSecondary)!important;}

/* v0445: complete palette light/dark modes, Core surface inheritance, and compact alerts. */
html[data-palette][data-color-scheme] {
  --coreSurface:var(--workspacePanel);
  --coreSurfaceSoft:var(--workspaceSoft);
  --coreInk:var(--workspaceInk);
  --coreMuted:var(--workspaceMuted);
  --coreLine:var(--workspaceLine);
  --coreAccent:var(--workspaceWash);
}
html[data-color-scheme="dark"] body:before {opacity:.72!important;}
html[data-color-scheme="dark"] :is(.workspaceAppearanceButton,.workspaceAccountDock,.bottomnav,.workspaceDialogFooter,.workspaceAutoTheme,.workspaceThemeChoice,.workspaceModeChoice,.workspaceNotificationCard,.welcomeAccountCard,.welcomeFeatures article,.welcomeFooter) {
  background:color-mix(in srgb,var(--workspacePanel) 91%,transparent)!important;
  color:var(--workspaceInk)!important;
  border-color:var(--workspaceLine)!important;
}
html[data-color-scheme="dark"] .workspaceButton.isQuiet {background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;}
html[data-color-scheme="dark"] .workspaceAccountDock {box-shadow:0 8px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;}
html[data-color-scheme="dark"] .workspaceThemePreview:before {background:color-mix(in srgb,var(--workspacePanel) 82%,transparent);box-shadow:0 4px 18px rgba(0,0,0,.18);}

.workspacePickerHeading {display:grid;gap:2px;margin:0 0 9px;}
.workspacePickerHeading>span {font-size:9px;letter-spacing:.13em;font-weight:800;color:var(--workspaceMuted);}
.workspacePickerHeading>b {font-size:15px;letter-spacing:-.02em;}
.workspaceDisplayModes {margin:0 0 20px;}
.workspaceModeGrid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.workspaceModeChoice {min-height:82px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;text-align:left;border:1px solid var(--workspaceLine);border-radius:17px;padding:11px;background:var(--workspacePanel);color:var(--workspaceInk);}
.workspaceModeChoice>span {width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--workspaceWash);color:var(--workspacePrimary);font-size:17px;}
.workspaceModeChoice>div {display:grid;gap:2px;}
.workspaceModeChoice b {font-size:12px;}
.workspaceModeChoice small {font-size:10px;line-height:1.35;color:var(--workspaceMuted);}
.workspaceModeChoice>i {color:var(--workspacePrimary);font-size:15px;}
.workspaceModeChoice[aria-checked="true"] {border-color:var(--workspacePrimary);box-shadow:0 0 0 2px color-mix(in srgb,var(--workspacePrimary) 13%,transparent);}
.workspaceThemePicker {margin-top:0;}
.workspaceAutoTheme,.workspaceThemeChoice {background:var(--workspacePanel)!important;}
.welcomeTimerCard {display:flex;gap:16px;margin-top:12px;padding:18px;border:1px solid var(--workspaceLine);border-radius:20px;background:var(--workspacePanel);}
.welcomeTimerCard>span {flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--workspaceWash);color:var(--workspacePrimary);font-size:21px;}
.welcomeTimerCard b {font-size:14px;}
.welcomeTimerCard p {margin:5px 0 0;font-size:12px;line-height:1.65;color:var(--workspaceMuted);}
@media(max-width:620px){
  .workspaceModeGrid {grid-template-columns:1fr;}
  .workspaceModeChoice {min-height:64px;}
  .workspaceThemeGrid {grid-template-columns:1fr 1fr;}
}

/* Core is part of the same application palette. These are app-owned surfaces,
   so they inherit the active Infinis color family and light/dark mode. */
html[data-palette] :is(.coretab,.coreGritPanel,.godMembersPanel,.membersStudioPanel,.gritStudioPanel,.coreHelpPanel,.coreLegalPanel,.coreDeveloperPanel,.coreStatusPanel,.coreSupportChatPage,.coreSupportAgentConsole) {
  background:var(--workspaceBackground)!important;color:var(--workspaceInk)!important;
}
html[data-palette] :is(
  .coretab__masthead,.coretab__command,.coretab__memberCard,.coretab__pulsePanel,.coretab__profile,.coretab__membership,.coretab__list,.coretab__module,.coretab__metrics>div,
  .godMembersTopbar,.godMembersHero,.godMembersDetails,.godMembersSignedOut,.godMembersRow,
  .coreGritTopbar,.coreGritHero,.coreGritState,.coreGritCard,
  .membersStudioHeader,.membersStudioSearch,.membersStudioCard,.membersStudioLoading,.membersStudioError,.membersStudioEmpty,.membersStudioModal>form,.membersStudioModal header,.membersStudioModal footer,.membersStudioPrivilege,
  .gritStudioHeader,.gritStudioCard,.gritDesignerSection,.gritDesignerPreviewShell,.gritDesignerToolbarActions button,.gritDesignerGritPicker,.gritDesignerColors label,.gritDesignerActions,
  .coreHelpTopbar,.coreHelpHero,.coreHelpQuick,.coreHelpGuide,.coreHelpFaq,.coreHelpDetail,.coreHelpDetailSection,.coreHelpContactHero,.coreHelpContactForm,.coreHelpReplyMethods,.coreHelpSecondary,
  .coreLegalTopbar,.coreLegalLandingHero,.coreLegalHighlights>button,.coreLegalIncluded,.coreLegalDocument,.coreLegalDocumentBack,.coreLegalHero,.coreLegalNav,.coreLegalArticle,.coreLegalNotice,
  .coreDeveloperPanel>header,.coreDeveloperHero,.coreDeveloperGrid>button,.coreDeveloperDetail,
  .coreStatusTopbar,.coreStatusHero,.coreStatusSection,.coreStatusMember,.coreStatusAdmin,.coreStatusResponse,.coreStatusServiceIcon,
  .coreSupportChatHeader,.coreSupportChatHero,.coreSupportIdentityCard,.coreSupportComposer,.coreSupportSafety,.coreSupportAgentTopbar,.coreSupportAgentList>button,.coreSupportAgentEmpty,.coreSupportAgentComposer
) {
  background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;
}
html[data-palette] :is(.coretab__rowIcon,.coretab__badge,.coretab__module,.coretab__metrics>div,.godMembersRow,.membersStudioPrivilege,.gritTargetSelection,.gritImportStatus,.coreLegalIncluded button,.coreLegalNav button,.coreStatusServiceIcon) {
  background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;
}
html[data-palette] :is(.coreGritHero,.coreLegalLandingHero,.coreLegalHero,.coreDeveloperHero,.coreHelpHero,.coreSupportChatHero,.gritDesignerSectionHead>span,.coreLegalHighlights>button>span,.coreDeveloperGrid>button>span,.coreDeveloperDetail>span) {
  background-image:var(--workspaceWash)!important;
}
html[data-palette] :is(.coretab__membershipMark,.coreGritHeroIcon,.coreLegalIncluded button>i,.workspaceFeatureIcon) {background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette] :is(
  .coretab__welcome p,.coretab__welcome>div>span,.coretab__moduleCopy small,.coretab__memberCopy p,.coretab__metrics span,.coretab__identityCopy span,.coretab__membership p,.coretab__rowCopy small,.coretab__footer,
  .godMembersHero p,.godMembersSignedOut p,.godMembersRow span,
  .coreGritHero p,.coreGritState,.coreGritCardCopy p,
  .membersStudioCopy em,.membersStudioCopy p,.membersStudioForm label,.membersStudioDeleteBody p,
  .coreLegalLandingHero p,.coreLegalHero p,.coreLegalHighlights p,.coreLegalIncluded button small,.coreLegalArticle p,.coreLegalArticle li,.coreDeveloperHero p,.coreDeveloperDetail p,
  .coreHelpHero p,.coreHelpDetail p,.coreStatusHero p,.coreStatusFoot,.coreSupportSafety,.coreSupportIdentityCard p
) {color:var(--workspaceMuted)!important;}
html[data-palette] :is(.membersStudioForm input,.membersStudioDeleteBody input,.membersStudioDeleteBody textarea,.gritDesignerSection input:not([type=color]),.gritDesignerSection select,.gritDesignerSection textarea,.coreHelpSearch input,.coreHelpContactForm input,.coreHelpContactForm textarea,.coreSupportComposer textarea) {
  background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;
}
html[data-palette] .gritDesignerWorkspace {
  --designer-bg:var(--workspaceBackground)!important;--designer-panel:color-mix(in srgb,var(--workspacePanel) 88%,transparent)!important;--designer-panel-solid:var(--workspacePanel)!important;--designer-text:var(--workspaceInk)!important;--designer-muted:var(--workspaceMuted)!important;--designer-line:var(--workspaceLine)!important;--designer-accent:var(--workspacePrimary)!important;
}
html[data-palette] :is(.gritDesignerBack,.gritDesignerGritPicker,.gritDesignerSheetPanel,.gritDesignerInspector,.gritDesignerToolRail,.gritDesignerTemplateTray,.gritDesignerCanvasControls) {background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-color-scheme="dark"] :is(.coreLegalArticle strong,.coreLegalTopbar>button,.coreDeveloperPanel>header>button,.membersStudioHeader button,.membersStudioModal header button,.gritDesignerToolbarActions button) {color:var(--workspaceInk)!important;background:var(--workspaceSoft)!important;}

/* The app-wide status message stays compact and out of the way. */
body>.toast#toast {
  right:max(16px,env(safe-area-inset-right))!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  width:min(360px,calc(100dvw - 32px))!important;
  min-height:54px!important;
  padding:9px 11px!important;
  gap:9px!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--workspacePanel) 94%,transparent)!important;
  border-color:var(--workspaceLine)!important;
  color:var(--workspaceInk)!important;
  box-shadow:0 16px 42px rgba(11,22,42,.18)!important;
}
body>.toast#toast>i {width:34px;height:34px;border-radius:11px;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
body>.toast#toast b {font-size:11px;letter-spacing:.01em;}
body>.toast#toast small {font-size:10px;line-height:1.35;color:var(--workspaceMuted)!important;}
.coretab__toast {right:max(16px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;border-radius:15px!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;box-shadow:0 16px 42px rgba(11,22,42,.18)!important;}
@media(max-width:759px){
  body>.toast#toast,.coretab__toast {right:12px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:min(340px,calc(100dvw - 24px))!important;}
}

/* Manual Light/Dark beats the operating-system media query for app-owned UI. */
html[data-color-scheme][data-palette],html[data-color-scheme][data-palette] body,html[data-color-scheme][data-palette] .app {background-color:var(--workspaceBackground)!important;color:var(--workspaceInk)!important;}
html[data-color-scheme] .bottomnav {background:color-mix(in srgb,var(--workspacePanel) 91%,transparent)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-color-scheme] .tab-loader {background:color-mix(in srgb,var(--workspaceBackground) 74%,transparent)!important;}
html[data-color-scheme] :is(
 .findSearch,.findSavedShortcut,.findBackBtn,.findFilterBtn,.findQuickChip,.findResultCard,.findSortSelect,.findProductSheet,.findProductClose,.findProductShare,.findProductSave,.findProductFact,.findProductChoices>div,.findMerchChip,
 .meritPromoCard,.meritRewardCard,.meritCategoryRail button,.meritTierCard,.meritActivityList,
 .auraHero,.auraStatement,.auraSection,.auraPreview,.auraReleaseCard,
 .hubCard,.hubPanel,.hubModule,.hubProjectCard,.hubProjectWorkspace,.hubHomeCard,.hubDetailsCard,.hubDetailItem,
 .bubbleSocialComposer,.bubbleSocialPost,.bubblePartyCard,.bubbleSocialTabs,.bubbleSubFilters,.bubbleWorkspaceSidebar,.bubbleWorkspaceGuide,
 .infinisScene,.sceneCard,.scenePanel,.sceneFeature,.activeCartPanel,.checkoutPanel
) {background-color:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-color-scheme] :is(.findProductGallery,.meritMiniTrack,.auraFeature,.auraFlow div,.auraFlow div i,.findProductCallout>i,.bubbleSocialTabs button,.bubbleSubFilters button,.hubDetailItem .hubDetailIcon) {background-color:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-color-scheme] :is(.findResultBody p,.findSectionHead p,.hubCard p,.hubPanel p,.bubbleSocialPost p,.bubblePartyCard p,.sceneCard p,.scenePanel p) {color:var(--workspaceMuted)!important;}
html[data-color-scheme="dark"] .findProductOverlay {background:rgba(0,0,0,.62)!important;}
html[data-color-scheme="light"] .findProductOverlay {background:rgba(31,41,55,.24)!important;}


html[data-palette][data-color-scheme] .infinisScene{
 --sceneSurface:var(--workspacePanel);
 --sceneSurfaceSoft:var(--workspaceSoft);
 --sceneSurfaceStrong:color-mix(in srgb,var(--workspacePanel) 86%,var(--workspacePrimary) 14%);
 --sceneInk:var(--workspaceInk);
 --sceneMuted:var(--workspaceMuted);
 --sceneLine:var(--workspaceLine);
 --sceneBlue:var(--workspacePrimary);
 --sceneAccent:var(--workspaceWash);
}
html[data-palette][data-color-scheme="dark"] .infinisScene{
 --sceneSurface:color-mix(in srgb,var(--workspacePanel) 94%,transparent);
 --sceneSurfaceSoft:color-mix(in srgb,var(--workspaceSoft) 92%,transparent);
 --sceneSurfaceStrong:color-mix(in srgb,var(--workspacePanel) 78%,var(--workspacePrimary) 22%);
}
html[data-palette][data-color-scheme] :is(.activeCartPanel,.checkoutPanel){
 --appBg:var(--workspaceBackground)!important;
 --appText:var(--workspaceInk)!important;
 --appMuted:var(--workspaceMuted)!important;
 --appLine:var(--workspaceLine)!important;
 --appPanel:var(--workspacePanel)!important;
 --appPanelSoft:var(--workspaceSoft)!important;
 --appGlass:var(--workspaceSoft)!important;
}

html[data-color-scheme="dark"] :is(.infinisScene,.activeCartPanel,.checkoutPanel){color-scheme:dark;}
html[data-color-scheme="light"] :is(.infinisScene,.activeCartPanel,.checkoutPanel){color-scheme:light;}

/* END assets/css/core/workspace-experience.css */

/* BEGIN assets/css/core/theme-surfaces.css */
/* v446: Complete app-owned color bridge. Generated from the package's UI styles.
 * Only color/border declarations are normalized; layout, media, authored invitations,
 * photos, Thread branding, account-provider UI and payment frames are not rewritten.
 * The selected palette + selected display mode, not the OS alone, own these colors. */
html[data-palette][data-color-scheme] {
 --journeySuccess:#17654e;--journeyDanger:#9b2e4b;--journeyWarning:#805a1f;
 --journeyButtonFill:color-mix(in srgb,var(--workspacePrimary) 82%,#000);
 --journeyButtonInk:#fff;
}
html[data-palette][data-color-scheme="dark"] {
 --journeySuccess:#8de0c0;--journeyDanger:#ff9eb3;--journeyWarning:#ffd699;
 --journeyButtonFill:var(--workspacePrimary);--journeyButtonInk:var(--workspaceBackground);
}

html[data-palette][data-color-scheme] :is(.activeCartPanel,.checkoutPanel){
 background:var(--workspacePanel)!important;
 color:var(--workspaceInk)!important;
 box-shadow:0 32px 100px rgba(0,0,0,.18)!important;
}
html[data-palette][data-color-scheme] :is(.activeCartPanel,.checkoutPanel) :is(.checkoutWorkspace,.checkoutFooter,.activeCartDrawer,.activeCartFooter,.checkoutDrawer,.checkoutSidebar,.checkoutPolicyNav,.checkoutStepCard,.checkoutReviewCard,.checkoutReviewRows,.checkoutPolicyPanel,.checkoutPolicyTabs,.checkoutPolicyOption,.activeCartItem,.activeCartSummary,.activeCartHeader,.checkoutHeader){
 background:var(--workspacePanel)!important;
 color:inherit!important;
}
html[data-palette][data-color-scheme] :is(.activeCartPanel,.checkoutPanel) :is(.checkoutHeader,.activeCartHeader,.checkoutSidebar){background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] :is(.activeCartPanel,.checkoutPanel) :is(.checkoutPolicyOption,.activeCartItem,.activeCartSummary,.checkoutStepCard,.checkoutReviewRows,.checkoutReviewCard,.checkoutPolicyPanel){border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.activeCartPanel,.checkoutPanel) :is(h1,h2,h3,h4,h5,strong,b,button,label,small,p,span,li,dt,dd,legend){color:inherit!important;}
html[data-palette][data-color-scheme] :is(.activeCartPanel,.checkoutPanel) :is(input,textarea,select){background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}

html[data-palette][data-color-scheme] .activeCartEmpty button{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .activeCartPrimary{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .activeCartRemove:hover{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .findDateGate.isReady .findDateGateCopy>i{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .findDateGate>button{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findCalendarGrid button.isSelected{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .activeCartHoldStatus.isExpired .activeCartHoldIcon{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .activeCartHoldStatus.isError .activeCartHoldIcon{color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .activeCartRetain{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutProgress button.isActive span{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutProgress button.isComplete span{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutPrimary{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutBrandMark{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutAgreement input:checked+span>i{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutPaymentSummary>span{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutAddressLoading{border:1px dashed var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .checkoutAddressLoading i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .projectDeleteIcon{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .projectDeleteConfirm{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutPolicyOption.isSelected .checkoutPolicyOptionCheck{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutPolicyNav button:nth-child(2){color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutAgreementReady>span{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutLegalNameField input.isInvalid{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .checkoutProgress button.isComplete:not(.isActive)>span::after{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutProgress button.isActive>span{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutSavedCard em{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutReviewRow.isDiscount .checkoutReviewRowText span{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutReviewRow.isDiscount>strong{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutReviewSection.isRemaining .checkoutReviewSectionHead>i{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutReviewSection.isRemaining .checkoutReviewRow>strong{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutReviewSection.isRemaining .checkoutReviewRows{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .checkoutDateRecoveryRefresh{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutPaymentConfirmation button{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutExpressWallets{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .checkoutExpressWalletHead>i{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .checkoutDrawer.isBookingComplete .checkoutPaymentConfirmation{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .checkoutTrustSummary>i{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutTrustSummary>span{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutReviewSection.isRemaining strong{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutPaymentConfirmWarning i{color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .checkoutPaymentConfirmSubmit{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .checkoutPaymentConfirmSelectedIcon{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutPaymentConfirmNextHead>i{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .checkoutPaymentConfirmNextGrid i{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubSearch{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubIconButton{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubWelcome{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubProjectCard{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubSection{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubMetricCard{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubEmptyProject{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubWelcome:before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubWelcome:after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubProjectIdentity>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubStatusPill{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubStatusPill.is-complete{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubStatusPill.is-event{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubProgressTrack{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProgressTrack span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubProjectActions button{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubProjectActions button:first-child{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubTracking:before{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubTrackStep span{border:2px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubTrackStep.isDone span{border-color:var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubTrackStep.isCurrent span{border-color:var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubMetricCard>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubMetricCard:nth-child(2)>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubEmptyProject>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubToolGrid button{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubToolGrid button>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubToolGrid button:nth-child(even)>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubCategoryCard{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubCategoryCard .hubCategoryPhoto{background:transparent!important;}
html[data-palette][data-color-scheme] .hubCategoryCard .hubCategoryPhoto:after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubCategoryCard .hubCategoryPhoto i{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubRentalCard{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubRentalPhoto:after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubEmpty{border:1px dashed var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubPage button:hover{background-color:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectCountPill{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubProjectListCard{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubProjectListCard.isFeatured{background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubProjectListIcon{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubProjectListCard.isFeatured .hubProjectListIcon{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubProjectMiniProgress{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectMiniProgress i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubProjectsEmpty>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubWorkspaceNav button{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubWorkspaceGrid button{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubWorkspaceGrid button>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubWorkspaceGrid button:nth-child(even)>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubProjectListCard:hover{background-color:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubWorkspaceGrid button:hover{background-color:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubWorkspaceNav button:hover{background-color:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectPanel input:focus{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectSubmit{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubProjectEditOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectEditError{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubQuickEditOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubChecklistItem.isDone .hubChecklistToggle>span{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubQuickEditPanel footer .isDanger{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubAddressLabelField input.isInvalid{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubResidentialNewProject{color:var(--workspaceInk)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialProjectType{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialProgress i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialRecentProgress i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialUpcomingList>button>span:first-child{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubResidentialUpcomingList>button>span:first-child.is-purple{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubResidentialUpcomingList>button>span:first-child.is-pink{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubResidentialRecentImage span{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubResidentialEmpty>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialEmpty button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubResidentialEmptyHero:before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialEmptyNew{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubResidentialEmptyArt{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubResidentialEmptyArt:before{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialEmptyArt:after{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialEmptyArt span{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubResidentialIdeaPhoto:after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialIdeaPhoto i{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubResidentialProjectRowStatus>span i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialContinue:before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubResidentialProjectRow:after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectOverlay.isUniversal{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubWorkspaceRoundButton.isPrimary{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubCompactProgress>div i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubEventStudioCircleButton{border:1px solid var(--workspaceLine)!important;color:var(--workspaceInk)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubEventStudioCircleButton:active{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubEventStudioTitleLine h1{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubEventStudioTitleLine button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubEventStudioMeta span{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubEventStudioMeta span i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubEventStudioStatus{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubEventStudioTabs button.isActive{color:var(--workspaceInk)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubEventStudioChecklistCard>div:nth-child(2)>div i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubEventStudioQuickGrid button span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubEventStudioQuickGrid button:nth-child(2) span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubEventStudioQuickGrid button:nth-child(3) span{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubEventStudioQuickGrid button:nth-child(4) span{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubEventStudioPrimaryAction{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubEventStudioPrimaryAction>span{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubEventStudioPrimaryAction small{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubEventStudioHero{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubEventStudioImage::after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubEventStudioTabs{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubEventStudioChecklistCard{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubEventStudioQuickGrid button{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubEventStudioProgressRing span{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubEventStudioMeta button>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubEventStudioCountdown{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubPage.isProjectWorkspace .hubEventStudioImage::before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubPage.isProjectWorkspace .hubEventStudioImage::after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteOverlay{background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .hubGuestInvitePanel{background:var(--workspacePanel)!important;border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteHead{border-bottom:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteHead small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteHead h2{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteHead p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteHead>button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestSearch{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubGuestSearch>i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestSearch input{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestSearch button{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestSearchPrompt{border:1px dashed var(--workspaceLine)!important;color:var(--workspaceMuted)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubGuestSearchEmpty{border:1px dashed var(--workspaceLine)!important;color:var(--workspaceMuted)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubGuestSearchLoading{border:1px dashed var(--workspaceLine)!important;color:var(--workspaceMuted)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubGuestSearchPrompt i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestSearchEmpty i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestSearchPrompt b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestSearchEmpty b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestSearchLoading b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestSearchLoading span{border:3px solid var(--workspaceLine)!important;border-top-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubGuestResult{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubGuestSelectedList article{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubGuestAvatar{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestResult b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestSelectedList b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestResult small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestSelectedList small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestResult button{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestResult button.isSelected{background:var(--workspaceWash)!important;color:var(--journeySuccess)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubGuestSectionTitle b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestSectionTitle small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestSelectedList article>button{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestSelectedEmpty{border:1px dashed var(--workspaceLine)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestShareSection{background:var(--workspaceWash)!important;border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubGuestShareSection>div>span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestShareSection b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestShareSection small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestShareSection>button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestInvitePanel>footer{border-top:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubGuestInvitePanel>footer button:first-child{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteSave{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestResult>span:last-child{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestResult.isSelected{border-color:var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubGuestResult.isSelected>span:last-child{background:var(--workspaceWash)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubGuestShareCompact{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestShareCompact>span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestShareCompact small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestShareCompact>i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteSave em{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubGuestRoster article{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubGuestRoster article small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestStatus{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubGuestStatus.is-accepted{background:var(--workspaceWash)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubGuestStatus.is-declined{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubGuestRosterEmpty{border:1px dashed var(--workspaceLine)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestRosterEmpty i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestRosterEmpty b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGuestRosterActions>button{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubDeleteEventButton{border:1px solid var(--workspaceLine)!important;background:transparent!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubDeleteEventButton>i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubDeleteConfirmOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubDeleteConfirmPanel>span{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubDeleteConfirmPanel button:last-child{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubPage.isProjectWorkspace .hubEventStudioStatus{background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubPage.isProjectWorkspace .hubEventStudioMeta button>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubPage.isProjectWorkspace .hubEventStudioQuickGrid button span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubPage.isProjectWorkspace .hubEventStudioTabs button.isActive{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubOverviewProgressBar i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubOverviewNext{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubOverviewNext small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubOverviewNext>i{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubOverviewCommandCard .hubEventStudioQuickGrid button:nth-child(2) span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubOverviewCommandCard .hubEventStudioQuickGrid button:nth-child(3) span{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubOverviewCommandCard .hubEventStudioQuickGrid button:nth-child(4) span{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubOverviewStats span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestStatus.is-pending{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubGuestStatus.is-maybe{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestMenu button.isDanger{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubGuestDetailOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubGuestResult:hover:not(:disabled){background:transparent!important;}
html[data-palette][data-color-scheme] .hubVendorOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubVendorEditor>header>span{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubVendorSteps .isActive i{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubVendorField>span em{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubVendorEditor footer button:last-of-type{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubRegistryEmpty{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryEmpty>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryEmpty button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionTab{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionTab.isActive{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionTab>button:first-child span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionMenu{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionTab.isActive:after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubRegistryAddSection{border:1px dashed var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryItem{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryItemIcon{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryItemBody button{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubRegistryItemBody>small.is-high{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubRegistryItemBody>small.is-low{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubRegistryItem>em{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionEmpty{border:1px dashed var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionEmpty i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryFab{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubRegistryOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubRegistrySheet{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistrySheet header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryChoices>button{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryChoices>button>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryChoices>button>i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryNoChoices{border:1px dashed var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryCustomChoice{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubRegistryCustomChoice>div b{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryFormSheet input{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryFormSheet select{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryFormSheet textarea{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryIconChoices button{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryIconChoices button.isActive{border-color:var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubRegistryPrimary{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubRegistryActionSheet>button:not([data-registry-close]){border-top:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistryActionSheet>button:not([data-registry-close]) i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubPage.isProjectWorkspace .hubEventStudioTabsSticky{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubExperienceState.isLive{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubExperienceSaveBar button{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubExperienceCardImage>span{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubExperienceSiteHero h3{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubExperienceSiteHero>p{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubExperienceState.isPaused{color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .hubExperienceManageActions button.isPrimary{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubExperienceDangerCard>span{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubExperienceDangerCard button{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubExperienceDangerCard button.isArmed{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .theme-elegant .hubExperienceCardCopy>small{color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .theme-elegant .hubExperienceSiteHero>small{color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .theme-celebration .hubExperienceCardCopy>small{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .theme-celebration .hubExperienceCardCopy>b{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubExperienceStyleSwatch.is-elegant{background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubExperienceStyleSwatch.is-celebration{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubExperienceCommandTitle>span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubExperienceStatusInfo em:before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubExperienceStatusActions button.isPrimary{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubExperienceWorkspaceIntro>span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubExperienceStatusChip>i{background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .hubExperienceStatusChip.is-live>i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubExperienceStatusChip.is-paused>i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubExperienceTemplateMini.is-photo{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubExperienceTemplateMini.is-celebration{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubExperienceTemplateMini.is-elegant{background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubExperienceCoverPreview span{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubProjectEditRule{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findHeroShade{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findHeroContent{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findHeroContent>span{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findHeroContent p{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findHeroContent button{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findCollectionCard{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findCollectionCard:before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findCollectionCopy small{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findCollectionArrow{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findResultPhoto:after{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findFavoriteBtn{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findFavoriteBtn.isActive{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .findStockBadge{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findResultBtn{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findProductOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findProductDots{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findProductDots button{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findProductDots button.isActive{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findProductSave.isActive{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .findProductPrice .bi-star-fill{color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .findProductIncluded i{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .findProductImportant{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findProductAdd{color:var(--workspaceInk)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findAddonGroup.hasError{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findAddonCheck{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .findAddonGroupError{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .findMerchChip>i:first-child{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .findEventBuilderCard{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findEventBuilderIcon{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findPackageLiveSection .findExploreCard{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findSearch::before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findProductSheet{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findProductTopbar{border-bottom:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findProductClose{border:1px solid var(--workspaceLine)!important;background:transparent!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findProductShare{border:1px solid var(--workspaceLine)!important;background:transparent!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findProductSave{border:1px solid var(--workspaceLine)!important;background:transparent!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findProductGallery{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findProductCallout{background:var(--workspaceWash)!important;border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findProductCallout>i{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findProductFact{border:1px solid var(--workspaceLine)!important;background:transparent!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findProductFact>i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .findProductChoices>div{border:1px solid var(--workspaceLine)!important;background:transparent!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .findProductImportant p i{color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .findProductActions{border-top:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .bubbleAvatar{background:var(--workspacePanel)!important;border:5px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .bubbleAvatar span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleStatusDot{background:var(--workspaceWash)!important;border:4px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .bubbleActionStrip button>i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleActionStrip button:last-child>i{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .meritFeature .bubblePocketIcon{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .gritFeature .bubblePocketIcon{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .bubbleEmptyIllustration{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleFeedEmpty button{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubblePostAvatar{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleMiniAvatar{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleFriendAvatar{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubblePostTag{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleProfileNote{background:transparent!important;}
html[data-palette][data-color-scheme] .bubbleSaveButton{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubblePostFormIntro{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleFriendInvite form>button{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleGritIcon{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleGritTitle span{background:var(--workspaceWash)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .bubbleFeedWelcome>button{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleComposerAdd{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleMirrorCover{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleProfileGrid button>i:first-child{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleProfileGrid .bubbleMirrorLogout>i:first-child{background:var(--workspaceWash)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .bubbleProfileGrid .bubbleMirrorLogout small{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .bubbleSignedOutGate:before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleEditorGlow{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar:after{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar:hover:after{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar:focus-visible:after{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar:hover>i{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar:focus-visible>i{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar:hover>em{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar:focus-visible>em{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar.hasPreview:after{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar.hasPreview>i{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar.hasPreview>em{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar>i{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar>em{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar.isUploading:before{border:3px solid var(--workspaceLine)!important;border-top-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .bubbleEditorAvatar.isUploading:after{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubbleGritActivePill{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleFinderNoResults.isError i{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .bubbleNotificationError i{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedProfile{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedAvatar img{border:3px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedAvatar>i{border:3px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedIdentity h3 i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedIdentity>span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedIdentity>em{background:var(--workspaceWash)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedHero>button{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedStats{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .bubbleConnectedStats span{border-right:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedStats i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedStats small{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedActions{border-top:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .bubbleConnectedActions button{border-right:1px solid var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedActions i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleFriendsPlanet{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleFriendsGrow>button{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleViewTabs button .bi-circle-fill{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .bubbleViewTabs button.isActive{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedAvatar{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedQuickActions button{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleConnectedQuickActions button b{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleLiveStatus{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .bubbleLiveStatus i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleFeedFiltersV348 button.active{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleComposerV348 .bubbleComposerPrompt>span{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleComposerTools button:nth-child(1) i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleComposerTools button:nth-child(2) i{color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .bubbleComposerTools button:nth-child(3) i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleComposerTools button:nth-child(4){background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleStoryAvatar{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleStoryAvatar>i:not(.bi-plus-lg){background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleStoryAvatar .bi-plus-lg{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleStoryRail small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubblePostVisual{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubblePostDateTile{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubblePostDateTile b{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleEmptyActions button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubbleStoryAvatar.bubbleStoryCreate .bi-plus-lg{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleCreateHero>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coretab{color:var(--workspaceInk)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coretab__profile{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;border:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__avatar{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;border:3px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__identityCopy small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__identityCopy span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__identityStatus{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__identityStatus i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coretab__chevron{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__membership{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__membershipMark{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__membership small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__membership p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__membership button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coretab__groupHead small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__list{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__row{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;border-bottom-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__row:active{background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .coretab__rowIcon{background:var(--workspaceSoft)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__row:nth-child(3n/**/+2) .coretab__rowIcon{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__row:nth-child(3n) .coretab__rowIcon{background:var(--workspaceSoft)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .coretab__rowCopy small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__badge{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__rowArrow{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__footer{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__footer strong{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coretab__toast{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .godMembersOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .godMembersPanel{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .godMembersTopbar{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .godMembersTopbar span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .godMembersTopbar button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .godMembersHero{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .godMembersDetails{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .godMembersSignedOut{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .godMembersAvatar{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;border:2px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .godMembersHero small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .godMembersHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .godMembersSectionTitle{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .godMembersRow{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .godMembersRow span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .godMembersSignedOut i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .godMembersSignedOut p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__masthead{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__command{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__memberCard{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__pulsePanel{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__module{background:transparent!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coretab__metrics div{background:transparent!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coretab__welcome p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__welcome>div>span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__moduleCopy small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__memberCopy p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__metrics span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__grits{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__gritsIcon{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__gritsCopy small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__gritsCopy p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__grits>button{background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreGritOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreGritPanel{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreGritTopbar{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreGritTopbar small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreGritTopbar button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreGritHero{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreGritHeroIcon{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreGritHero small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreGritHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreGritState{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreGritState>i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreGritState strong{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreGritState button{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreGritLoader{border:3px solid var(--workspaceLine)!important;border-top-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreGritCard{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreGritVisual{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreGritVisual>i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreGritCardTop span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreGritCardTop b{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreGritCardCopy p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreGritCardCopy small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreGritCardCopy small i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreGritState span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreGritCardCopy h3{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coretab__gritAdmin{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coretab__gritAdmin small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__gritAdmin p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__gritAdmin button{background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .gritStudioPanel{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioHeader{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioHeader small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .gritStudioHeader span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .gritStudioHeader button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioTabs{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioTabs button{background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioTabs button.isActive{background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioLoading{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioError{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioEmpty{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioLoading span{border:3px solid var(--workspaceLine)!important;border-top-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioToolbar p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .gritStudioToolbar>button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioCard{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioBadge{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .gritStudioCard small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .gritStudioCard em{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .gritStudioCard p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .gritStudioList article{background:var(--workspacePanel)!important;border:1px solid var(--workspaceLine)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioList article>span{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .gritStudioList small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .gritStudioList em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .gritStudioList article>button{background:var(--workspaceSoft)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .gritStudioModal{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .gritStudioModal>form{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioModal header{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioModal header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .gritStudioModal header button{background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioForm label{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .gritStudioForm input{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioForm select{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioForm textarea{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioModal footer{background:var(--workspacePanel)!important;border-top:1px solid var(--workspaceLine)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioModal footer button:last-child{background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioBody{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioModal footer .gritDeleteTrigger{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;border:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .gritStudioModal footer .gritDeleteContinue{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioModal footer .gritDeleteFinal{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioToast{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .gritStudioToast[data-tone="error"]{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .gritStudioBody.isDesignerWorkspace{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coretab__membersAdmin{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coretab__membersAdmin small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coretab__membersAdmin p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coretab__membersAdmin>button{color:var(--workspaceInk)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .membersStudioOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .membersStudioPanel{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .membersStudioHeader{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .membersStudioHeader small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .membersStudioHeader span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioHeader button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .membersStudioSearch{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .membersStudioSearch i{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioSearch input{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .membersStudioCard{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .membersStudioAvatar{color:var(--workspaceInk)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .membersStudioCopy small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .membersStudioCopy em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioCopy p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioLoading{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioError{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioEmpty{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioLoading span{border:3px solid var(--workspaceLine)!important;border-top-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .membersStudioError i{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .membersStudioModal{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .membersStudioModal>form{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .membersStudioModal header{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .membersStudioModal header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .membersStudioModal header button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .membersStudioForm label{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioDeleteBody label{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioForm input{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .membersStudioDeleteBody input{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .membersStudioDeleteBody textarea{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .membersStudioForm fieldset{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .membersStudioForm fieldset>p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioPrivilege{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .membersStudioPrivilege small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioModal footer{background:var(--workspacePanel)!important;border-top:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .membersStudioModal footer button{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .membersStudioModal footer button[type=submit]{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .membersStudioModal footer .membersStudioDelete{background:var(--workspaceSoft)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .membersStudioDeleteBody>i{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .membersStudioDeleteBody p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreHelpPanel{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpTopbar{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpTopbar small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpBack{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpStatus{background:var(--workspacePanel)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .coreHelpStatus i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreHelpHero{background:var(--workspaceWash)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpHeroGlow{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreHelpHeroIcon{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpHero>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpHero>p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpSearch{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpSearch>i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpSearch input{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpSearch input::placeholder{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpSearch button{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpQuick button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpQuick i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpSection>header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpContact small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpSection>header>span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpGuide{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpGuide>span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpGuide:nth-child(3n/**/+2)>span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpGuide:nth-child(3n)>span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpGuide small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpGuide>i{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpEmpty{border:1px dashed var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpEmpty i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpEmpty span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpFaq{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpFaq article{border-bottom:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpFaq article>button{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpFaq article>button i{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpFaq article>div>p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpContact{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpContactMark{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreHelpContact p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpContact>button{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpContact>button:first-of-type{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpContact .coreHelpSecondary{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpFooter{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpFooter i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailHero{background:var(--workspaceWash)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpContactHero{background:var(--workspaceWash)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailHero>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpContactHero>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailHero>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpContactHero>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpContactHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailNav{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailNav button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailNav button span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailSection{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailSection>header>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailSection>header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailSection header p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpSubtopics{border:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpSubtopic{border-bottom:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpSubtopic>button{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpSubtopic>button>span i{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpSubtopic>button>i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpSubtopic>div p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailActions{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailActions>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailActions button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpDetailActions button.isPrimary{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpFormIntro>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpFormIntro small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpFormIntro p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm label>span{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpReplyMethods legend{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm label em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm input{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm select{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm textarea{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm input:focus{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm select:focus{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpContactForm textarea:focus{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpFormWide>small{color:var(--workspaceMuted)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreHelpReplyMethods{border:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpReplyMethods p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpReplyMethods label span{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpReplyMethods input:checked+span{border-color:var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpPrivacy{background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreHelpPrivacy i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpSubmit{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpFormStatus{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpFormStatus[data-tone="error"]{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .coreHelpContactSuccess>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreHelpContactSuccess>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreHelpContactSuccess p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpContactSuccess>div{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpContactSuccess>div small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreHelpContactSuccess button{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportChatHero{background:var(--workspaceWash)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportChatHero>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportChatHero small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportChatHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportChatHero>button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportChatShell{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportChatHeader{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportAvatar{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportAvatar span{border:2px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreSupportChatHeader small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportChatHeader>button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportMessages{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreSupportMessage>div{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportMessage.isCustomer>div{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportMessage small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportQuickReplies button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportQuickReplies button i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportComposer{border-top:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportComposer textarea{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentComposer textarea{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportComposer button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentComposer button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportSafety{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportSafety i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentity{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard>button{background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard>p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard input{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard select{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard form>button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportIdentityCard form>p{color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentConsole{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentConsole>header{border-bottom:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentConsole header button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentConsole header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentList>button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentList>button>span{background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentList>button>span.isWaiting{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentList small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentList em{color:var(--workspaceMuted)!important;background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentMessages{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentLoading{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportBottomDock{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentFab{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus>div>i{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus nav a{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus.isFallback{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus.isConnected{background:var(--workspaceSoft)!important;border-color:var(--workspaceLine)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus.isConnecting{background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportTyping span i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus.isQueueLive{background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportMiniInfinity{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportMiniInfinity b{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentConsole header em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportLiveTyping{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportLiveTypingAvatar{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportLiveTypingCopy small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportLiveTypingDots i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreSupportChatPage.isChatOnly{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentComposer{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportComposerIcon{background:var(--workspaceSoft)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentConsole>header.coreSupportAgentTopbar{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentTopbar button{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentTopbar em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentTopbar.isConversation em span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentPresence{background:var(--workspaceSoft)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentPresence.isWaiting{background:var(--workspacePanel)!important;color:var(--journeyWarning)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentPresence.isActive{background:var(--workspaceSoft)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentList small b{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentEmpty{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentEmpty>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentEmpty h3{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentEmpty button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreSupportAgentComposer small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreSupportWaitStatus.isQueueLive small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreDeveloperOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreLegalPanel{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreDeveloperPanel{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalTopbar{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreDeveloperPanel>header{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalTopbar>button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreDeveloperPanel>header>button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalTopbar small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreDeveloperPanel>header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalTopbar>span{background:var(--workspaceSoft)!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .coreDeveloperPanel>header>span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalTopbar>span i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreLegalLandingHero{background:var(--workspaceWash)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreDeveloperHero{background:var(--workspaceWash)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreLegalLandingHero>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreDeveloperHero>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalLandingHero>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreDeveloperHero>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalLandingHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreDeveloperHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalHighlights>button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreDeveloperGrid>button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreLegalHighlights>button>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreDeveloperGrid>button>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalHighlights small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreDeveloperGrid small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalHighlights p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalHighlights>button>i{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreDeveloperGrid>button>i{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalIncluded{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalIncluded header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalIncluded button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreLegalIncluded button>i{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalIncluded button small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalLandingFoot{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalLandingFoot i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalDocument{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalDocumentBack{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreLegalHero{background:var(--workspaceWash)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreLegalHero>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalHero small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalNav{background:var(--workspacePanel)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalNav button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreLegalNav button.isActive{border-color:var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreLegalArticle{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalArticle p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalArticle li{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalArticle strong{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreLegalNotice{background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreLegalNotice i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreDeveloperDetail{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreDeveloperDetail>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreDeveloperDetail small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreDeveloperDetail p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusOverlay{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .coreStatusPanel{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreStatusTopbar{border-bottom:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreStatusTopbar button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreStatusTopbar small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusPulse{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreStatusError>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreStatusLoading p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusError p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusLoading>div i{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreStatusError button{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreStatusHero{background:var(--workspaceWash)!important;border-bottom:1px solid var(--workspaceLine)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreStatusHero>span{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreStatusHero.isDegraded{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreStatusHero.isDegraded>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreStatusHero.isOutage{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreStatusHero.isOutage>span{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreStatusHero>small{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .coreStatusHero p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusHero>div{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreStatusHero>div b{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreStatusHero>div em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusSection{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreStatusSection>header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusResponse>div>small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusAdmin header small{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusSection>header>span{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusServices article{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreStatusAdminServices article{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreStatusServiceIcon{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusAdminServices article>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusServices small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusAdminServices small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusMember{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .coreStatusMemberGrid article{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreStatusMemberGrid article>i{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusMemberGrid small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusTimeline article>span{background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .coreStatusTimeline small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusTimeline em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusTimeline article.isEmpty>span{color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .coreStatusResponse{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .coreStatusResponse article{border:1px solid var(--workspaceLine)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .coreStatusResponse article>i{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusResponse article small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusAdmin{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreStatusAdmin header p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusAdmin header>span{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusAdminGrid article{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .coreStatusAdminGrid small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusAdminGrid em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusFoot{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .coreStatusFoot>i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreStatusFoot strong{color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubGreeting small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubOrb{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubLaunchNotice>span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubMiniArt{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubTileIcon{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubSectionHeading>span{background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .hubEmptyV427{border:1px dashed var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubEmptyV427>span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubIdeaGrid button>i{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubBrowseCallout>span{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubNavV427{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubNavV427 button.isActive{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubPlanEyebrow{background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubPlanFacts button{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubPlanFacts i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteOverlay .hubGuestInvitePanel{background:var(--workspacePanel)!important;border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubGuestInviteHead [data-guest-close]{background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .hubInvitePreview>span{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubGuestInvitePanel footer{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubQuickEditPanel{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectEditPanel{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubAddressPanel{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectPanel{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubV427 .hubExperienceFieldStack input{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubV427 .hubExperienceFieldStack textarea{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubManualAddress{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubManualAddress input{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubInvitePreview{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .sceneOrb{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .sceneGate:before{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .infinisScene .sceneButton.isDanger{color:var(--journeyDanger)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .sceneArtCard{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .sceneArtIcon{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .sceneArtDots span{border:2px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .sceneArtDots span:nth-child(2){background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .sceneArtDots span:nth-child(3){background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .sceneError{border:1px solid var(--workspaceLine)!important;color:var(--journeyDanger)!important;background:transparent!important;}
html[data-palette][data-color-scheme] .hubPage .hubBubblePartyLink{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleSocialTabs [data-inbox-count]{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubbleLiveDot{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .bubblePostParty>span{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubblePartyCover:after{border:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .bubblePartyDate{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubblePartyCover .scenePill{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubblePartyArt{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .bubbleSocialDialog{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubbleSocialDialog>header{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubbleSocialPage .bubbleLayerSheet{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubblePartyScheduleButton{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .bubblePartyScheduleButton>i:first-child{background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubblePartyScheduleButton small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .bubblePartyScheduleButton em{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .bubblePartyScheduleButton>i:last-child{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .infinisSurface :where(.sceneButton,.hubMiniBtn,.hubQuickEditPanel footer button,.hubGuestInvitePanel footer button,.hubCreateProjectFooter button,.checkoutPrimary,.checkoutPrimaryAction,.checkoutSecondary,.checkoutPaymentConfirmActions button,.projectSpaceActionBtn){background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .infinisSurface :where(.sceneButton.isPrimary,.hubMiniBtn.isPrimary,.hubCreateProjectFooter button[type=submit],.hubQuickEditPanel footer button[type=submit],.checkoutPrimary,.checkoutPrimaryAction,#checkoutConfirmPay,.hubGuestInvitePanel footer button[type=submit]){color:var(--workspacePrimary)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .infinisSurface :where(button.isDanger,.hubDeleteConfirmDanger){background:var(--workspacePanel)!important;color:var(--journeyDanger)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .infinisSurface :where(.bubbleIconButton,.hubCreateProjectClose,.hubQuickEditClose,.checkoutClose){background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .infinisSurface :where(.sceneNote,.bubbleDetailSection,.hubCreateProjectSection,.checkoutCard,.checkoutSummaryCard){background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] :is(.hubCreateProjectOverlay.isUniversal,.hubProjectEditOverlay,.hubQuickEditOverlay,.hubGuestInviteOverlay,.hubGuestDetailOverlay,.hubDeleteConfirmOverlay,.checkoutPaymentConfirmDialog,.contractDialog,.checkoutDateRecoveryDialog,.projectSpaceChooser,.projectDeleteDialog){background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .infinisSurface :where(header,.hubCreateProjectHead,.hubQuickEditHead,.checkoutHeader,.checkoutPaymentConfirmHeader){background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectTypes label:has(input:checked){color:var(--workspacePrimary)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectTypes label:has(input:checked) :is(span,i,b){color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubbleSocialForm>button[type=submit]{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .scenePrivacyChoice{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .scenePrivacyChoice:has(input:checked){border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .sceneSwitchNote{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .scenePlanSummary{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .scenePlanSummary p{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .sceneLinkedRoster>div{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .sceneLinkedRoster small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .scenePlanCard{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .scenePlanCard small{color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .checkoutProgress{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .checkoutProgress button.isActive{color:var(--workspacePrimary)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .checkoutSidebar{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectPanel.infinisSurface .hubCreateProjectInput{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubCreateProjectPanel.infinisSurface .hubCreateProjectTypes input:checked+span{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .infinisSurface :where(.checkoutPromo button,.contractPanel footer button,.checkoutDateCard button,.checkoutEditButton){color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] :is(.coreHelpOverlay,.coreLegalOverlay,.coreStatusOverlay){background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .sceneFormFooter>button[type=submit]{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .infinisSurface .hubAddressLabelPanel{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .checkoutHeader{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .checkoutWorkspace{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .checkoutFooter{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] :is(.hubCreateProjectOverlay,.hubProjectEditOverlay,.hubQuickEditOverlay){background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] :is(.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel).infinisSurface{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubbleSocialDialog:has(.bubbleSocialForm){background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .eventWorkspaceOverlay{background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] .eventWorkspace{border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .eventWorkspaceSection :is(input:not([type=radio]):not([type=hidden]),select,textarea){background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .eventWorkspaceSection :is(input,textarea,select):focus{border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .eventWorkspaceForm>footer{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .eventWorkspaceError{border-left:3px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] .hubProjectDetailsRedesign .hubDetailsGroup{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectLogisticsSection .hubProjectDetail{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectDetailsRedesign .hubProjectNotesPremium{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectDetailsRedesign .hubDetailsGroup>header{border-bottom:1px solid var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubProjectDetailsRedesign .hubProjectDetailPremium{border-color:var(--workspaceLine)!important;border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectDetailsRedesign .hubProjectDetailPremium>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubDetailsGroup>header>span{background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubProjectDetailsRedesign .hubProjectDetailPremium em{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .bubblePrivateFields{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubbleTagPicker{border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubProjectPanel details:not(.experienceColorDetails){border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .hubExperienceTemplateMini.is-custom{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] :is(.bubbleSocialDialog,.sceneConfirmDialog)[open]{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .activeCartDrawer{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .activeCartPanel.infinisSurface{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .activeCartHeader{background:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .activeCartFooter{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .projectSpaceChooser{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .projectSpaceChooserSheet{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .checkoutDateRecoveryDialog{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .contractDialog{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .contractPanel{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .checkoutDrawer{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .checkoutPanel.infinisSurface{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findSearch{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findDiscovery>.findCategorySection{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .findResultCard{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubbleWorkspaceSidebar .bubbleSocialTabs{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubbleSocialComposer{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] .bubbleSocialPost{background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] :is(.toast,.coretab__toast){background:var(--workspacePanel)!important;}

/* Structural surfaces and inherited typography, including asynchronously opened panels. */
html[data-palette][data-color-scheme] :is(.coreLegalPanel,.coreHelpPanel,.coreStatusPanel,.coreDeveloperPanel,.coreGritPanel,.godMembersPanel,.membersStudioPanel,.membersStudioModal,.gritStudioPanel,.bubbleLayerSheet,.bubbleSocialDialog,.eventWorkspace,.activeCartPanel,.checkoutPanel,.contractPanel,.findProductSheet,.workspaceDialog){
 color:var(--workspaceInk)!important;background-color:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;
 color-scheme:inherit;
}
html[data-palette][data-color-scheme] :is(.coreLegalPanel,.coreHelpPanel,.coreStatusPanel,.coreDeveloperPanel,.coreGritPanel,.godMembersPanel,.bubbleLayerSheet,.eventWorkspace,.activeCartPanel,.checkoutPanel,.contractPanel) :is(h1,h2,h3,h4,strong,b,label,legend){color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.coreLegalPanel,.coreHelpPanel,.coreStatusPanel,.coreDeveloperPanel,.bubbleLayerSheet,.eventWorkspace,.activeCartPanel,.checkoutPanel,.contractPanel) :is(p,small,li,dt,dd){color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] :is(.coreLegalArticle,.contractContent) a{color:var(--workspacePrimary)!important;text-decoration:underline;text-underline-offset:3px;}
html[data-palette][data-color-scheme] :is(.coreLegalArticle,.contractContent) :is(h2,h3){background:transparent!important;}
html[data-palette][data-color-scheme] .coreLegalArticle strong{background:transparent!important;}
html[data-palette][data-color-scheme] :is(.sceneGate,.sceneArtCard,.sceneFeature,.bubbleWorkspaceGuide,.bubbleSocialComposer,.bubbleSocialPost,.bubbleInboxCard,.bubblePartyCopy,.bubblePartyCard,.sceneEmpty,.sceneArtLabel,.sceneArtDots span){background-color:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.sceneGate h2,.sceneArtCard b,.sceneFeature h3,.bubbleWorkspaceGuide h2,.bubblePartyCopy h2,.bubbleSocialPost b,.sceneEmpty h3){color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.sceneGate p,.scenePrivacy,.sceneFeature p,.sceneArtLabel,.bubbleWorkspaceGuide p,.bubblePostText,.sceneEmpty p){color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] :is(.sceneArtCard,.sceneArtLabel,.sceneArtIcon,.sceneArtBack){background-image:var(--workspaceWash)!important;}
html[data-palette][data-color-scheme] .sceneArtGlow{background:radial-gradient(circle,var(--workspaceGlowBlue),var(--workspaceGlowPink),transparent 70%)!important;}
html[data-palette][data-color-scheme] :is(.sceneButton.isPrimary,.bubbleSaveButton,#hubNewProject,#activeCartCheckout,.workspaceButton:not(.isQuiet)){
 background:var(--journeyButtonFill)!important;color:var(--journeyButtonInk)!important;border-color:transparent!important;
}
html[data-palette][data-color-scheme] :is(.sceneButton.isPrimary,.bubbleSaveButton,#hubNewProject,#activeCartCheckout,.workspaceButton:not(.isQuiet)) :is(span,i,svg,b,strong){color:inherit!important;}
html[data-palette][data-color-scheme] :is(.sceneButton:not(.isPrimary),.workspaceButton.isQuiet,.coreLegalDocumentBack){background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.coreLegalNav button.isActive,.bubbleSocialTabs button[aria-pressed="true"],.hubProjectNav button.isActive){background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;border-color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] :is(#tabMount,.eventWorkspace,.coreLegalPanel,.coreHelpPanel,.coreStatusPanel,.bubbleSocialDialog,.bubbleLayerSheet,.activeCartPanel,.checkoutPanel,.hubQuickEditPanel,.hubProjectEditPanel,.workspaceDialog) :is(input:not([type="color"]):not([type="checkbox"]):not([type="radio"]),textarea,select){
 color:var(--workspaceInk)!important;background-color:var(--workspaceSoft)!important;border-color:var(--workspaceLine)!important;caret-color:var(--workspacePrimary);color-scheme:inherit;
}
html[data-palette][data-color-scheme] :is(#tabMount,.eventWorkspace,.coreHelpPanel,.bubbleSocialDialog,.checkoutPanel) :is(input,textarea)::placeholder{color:var(--workspaceMuted)!important;opacity:1;}
html[data-palette][data-color-scheme] :is(.coreLegalPanel,.coreHelpPanel,.eventWorkspace,.bubbleSocialDialog,.workspaceDialog,.activeCartPanel) :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--workspacePrimary)!important;outline-offset:3px;}
html[data-palette][data-color-scheme] :is(.findCategorySection,.findSearch,.findDateGate,.findProductTopbar,.findProductActions,.activeCartHeader,.activeCartFooter,.checkoutHeader,.workspaceDialogHeader,.workspaceDialogFooter){background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.findProductGallery,.findResultPhoto){background-color:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] :is(.coreLegalPanel,.coreHelpPanel,.coreStatusPanel,.coreDeveloperPanel,.bubbleLayerSheet,.eventWorkspace,.activeCartPanel,.checkoutPanel,.findProductSheet){scrollbar-color:var(--workspaceLine) transparent;}
/* A status tone is not a fixed white card in dark mode. */
html[data-palette][data-color-scheme] :is(.sceneError,.eventWorkspaceError,.checkoutError){color:var(--journeyDanger)!important;background:color-mix(in srgb,var(--journeyDanger) 9%,var(--workspacePanel))!important;border-color:color-mix(in srgb,var(--journeyDanger) 30%,transparent)!important;}

/* Desktop/tablet task workspaces: bounded surfaces instead of stretched phone sheets. */
@media(min-width:900px){
 html[data-palette] :is(.coreLegalOverlay,.coreHelpOverlay,.coreStatusOverlay,.coreDeveloperOverlay){display:grid!important;place-items:center!important;padding:24px!important;box-sizing:border-box;}
 html[data-palette] :is(.coreLegalPanel,.coreHelpPanel,.coreStatusPanel,.coreDeveloperPanel){width:min(1120px,calc(100vw - 48px))!important;height:min(900px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;border:1px solid var(--workspaceLine)!important;border-radius:28px!important;box-shadow:var(--themeShadow)!important;}
 html[data-palette] .coreLegalArticle{max-width:80ch;margin-inline:auto;padding:28px!important;font-size:15px!important;line-height:1.8!important;}
 html[data-palette] .coreLegalContent{padding-inline:24px!important;}
 html[data-palette] .coreLegalNav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;white-space:normal!important;}
 html[data-palette] .coreHelpGuideGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html[data-palette] .coreHelpPanel .coreHelpSection{padding-inline:28px!important;}
 html[data-palette] .coretab{width:min(1120px,calc(100vw - 48px))!important;margin-inline:auto!important;}
 html[data-palette] .coretab__groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;align-items:start;}
 html[data-palette] .coretab__group{min-width:0;margin-top:0!important;}
 html[data-palette] .coretab__groupHead h2{font-size:24px!important;}
 html[data-palette] .coretab__row{min-height:82px!important;}
 html[data-palette] .coretab__rowCopy strong{font-size:15px!important;}
 html[data-palette] .coretab__rowCopy small{font-size:12px!important;line-height:1.55!important;}
}
@media(min-width:760px) and (max-width:899px){
 html[data-palette] :is(.coreLegalPanel,.coreHelpPanel,.coreStatusPanel){padding-inline:12px;}
 html[data-palette] .coreLegalArticle{max-width:75ch;margin-inline:auto;}
}
@media(max-width:759px){
 html[data-palette] :is(.coreLegalPanel,.coreHelpPanel,.coreStatusPanel,.coreDeveloperPanel){width:100%!important;max-width:100%!important;max-height:100dvh!important;border-radius:0!important;}
 html[data-palette] .coreLegalArticle{font-size:14px!important;line-height:1.75!important;overflow-wrap:anywhere;}
 html[data-palette] .coreLegalNav button{min-height:44px!important;}
}

/* Keep the main Core canvas open; cards carry the theme, not a white rectangle. */
html[data-palette][data-color-scheme] .coretab{background:transparent!important;max-width:1120px;width:100%;box-sizing:border-box;}
@media(min-width:900px){html[data-palette] .coretab__group:last-child{grid-column:auto!important;}}
/* Detail styles are injected by Core only when a Grit is opened. */
html[data-palette][data-color-scheme] .coreGritDetailOverlay{background:color-mix(in srgb,var(--workspaceBackground) 94%,transparent)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.coreGritDetailCard,.coreGritDetailBenefits article,.coreGritDetailClose){background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.coreGritDetailHero,.coreGritDetailPermanent){background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.coreGritDetailHero p,.coreGritDetailIntro,.coreGritDetailBenefits p,.coreGritDetailPermanent){color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] :is(.coreGritDetailTitle,.coreGritDetailHero small,.coreGritDetailBenefits article>span){color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .coreGritDetailDone{background:var(--journeyButtonFill)!important;color:var(--journeyButtonInk)!important;}
html[data-palette][data-color-scheme] #tabMount>:is(.coretab,.findPage,.hubPage,.bubblePage,.auraPage){background:transparent!important;}
html[data-palette][data-color-scheme] .coreLegalArticle :is(p,li,dt,dd){font-size:14px!important;line-height:1.85!important;}

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

/* BEGIN assets/css/core/journey-experience.css */
/* A small welcome. Help on demand. The same visual language on phone, tablet and desktop. */
.journeyTools{display:flex;align-items:center;justify-content:flex-end;gap:14px;grid-column:1/-1;min-height:42px;margin:0 0 15px;max-width:100%;}
.journeyFirstVisit{margin-right:auto;font-size:12px;line-height:1.4;color:var(--workspaceMuted);}
.journeyTutorial{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;flex:none;width:44px!important;min-width:44px;min-height:40px!important;padding:0!important;border:1px solid var(--workspaceLine)!important;border-radius:14px!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;font:inherit!important;font-size:12px!important;font-weight:650!important;line-height:1.3!important;cursor:pointer;white-space:nowrap;box-shadow:none!important;touch-action:manipulation;position:relative;overflow:hidden;}
.journeyTutorial .workspaceVector{width:18px;height:18px;flex:none;color:var(--workspacePrimary);}.journeyTutorial>span{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;}
.journeyNewDot{width:6px!important;height:6px!important;border-radius:50%;background:var(--workspacePrimary)!important;}
.journeyNewDot[hidden],.journeyFirstVisit[hidden]{display:none!important;}
.journeyTutorial:hover{background:var(--workspaceWash)!important;}
.journeyTutorial:focus-visible,.welcomePlayful button:focus-visible,.journeyCoach button:focus-visible{outline:3px solid var(--workspacePrimary)!important;outline-offset:3px!important;}
html[data-palette] :is(.coreLegalTopbar,.coreHelpTopbar,.coreStatusTopbar,.coreDeveloperPanel>header,.eventWorkspace>header,.activeCartHeader,.checkoutHeader,.findProductTopbar,.workspaceDialogHeader):has(>.journeyTutorial){display:flex!important;align-items:center!important;gap:10px!important;}
html[data-palette] :is(.coreLegalTopbar,.coreHelpTopbar,.coreStatusTopbar,.coreDeveloperPanel>header,.eventWorkspace>header,.activeCartHeader,.checkoutHeader,.workspaceDialogHeader):has(>.journeyTutorial)>div{flex:1;min-width:0;}
html[data-palette] :is(.coreLegalTopbar,.coreHelpTopbar,.coreStatusTopbar):has(>.journeyTutorial)>span{display:none!important;}
html[data-palette] .findPage>.journeyTools{grid-row:1;}
@media(min-width:760px){html[data-palette] .findPage:has(>.journeyTools) :is(.findExploreHeader,.findToolbar){grid-row:2!important;}}
.workspaceMotionSettings{margin:22px 0;padding:18px;border:1px solid var(--workspaceLine);border-radius:20px;background:var(--workspaceSoft);}
.workspaceMotionSettings h3{margin:0 0 6px;font-size:15px;}.workspaceMotionSettings p{margin:0;color:var(--workspaceMuted);font-size:13px;line-height:1.6;}
.workspaceMotionChoices{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;}
.workspaceMotionChoices button{min-height:44px;padding:10px 14px;background:var(--workspacePanel);border:1px solid var(--workspaceLine);border-radius:12px;color:var(--workspaceInk);font:inherit;font-size:13px;}
.workspaceMotionChoices button[aria-pressed="true"]{border-color:var(--workspacePrimary);background:var(--workspaceWash);}

/* The introduction is a full-viewport experience, not a settings manual. */
html[data-palette] .workspaceWelcomeDialog.welcomePlayful{inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;color:var(--workspaceInk)!important;background:radial-gradient(ellipse at 10% 18%,var(--workspaceGlowBlue),transparent 55%),radial-gradient(ellipse at 90% 82%,var(--workspaceGlowPink),transparent 56%),var(--workspaceBackground)!important;overflow:hidden!important;}
.welcomePlayful .welcomeFrame{width:min(1260px,100%);}
.welcomePlayful .welcomeHeader{padding:calc(24px + env(safe-area-inset-top,0px)) 36px 18px;}
.welcomeSkip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid var(--workspaceLine);border-radius:14px;background:var(--workspacePanel);color:var(--workspaceMuted);font:inherit;font-size:12px;cursor:pointer;}
.welcomeSkip svg{width:16px;height:16px;}
.welcomePlayful .welcomeLayout{gap:28px;}
.welcomePlayful .welcomeStage{position:relative;align-self:stretch;padding:26px 36px 28px;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:auto;scrollbar-width:thin;}
.welcomePlayful .welcomeStage h1{font-size:clamp(39px,4.8vw,66px);line-height:1.03;letter-spacing:-.057em;font-weight:780;margin:19px 0;max-width:620px;color:var(--workspaceInk);text-wrap:balance;}
.welcomePlayful .welcomeEyebrow{font-size:10px;letter-spacing:.15em;color:var(--workspacePrimary);font-weight:750;}
.welcomePlayful .welcomeLead{font-size:16px;line-height:1.7;color:var(--workspaceMuted);margin:0 0 24px;max-width:460px;}
.welcomePlayful .welcomeStepBody{max-width:530px;}
.welcomePlayful .welcomeFooter{padding:20px 36px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--workspaceLine);background:color-mix(in srgb,var(--workspacePanel) 75%,transparent)!important;border-radius:24px 24px 0 0;}
.welcomePlayful .welcomeFooterActions .workspaceButton{font-size:14px;min-height:48px;padding:12px 20px;border-radius:16px;}
.welcomePlayful .welcomeProgress>div{gap:3px;}
.welcomePlayful .welcomeProgress button{padding:0;width:22px;height:32px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;}
.welcomePlayful .welcomeProgress button:before{content:"";width:7px;height:7px;border-radius:8px;background:var(--workspaceLine);transition:width .18s ease,background .18s ease;}
.welcomePlayful .welcomeProgress button.active:before{width:20px;background:var(--workspacePrimary);}
.welcomePlayful .welcomeProgress small{font-size:11px;margin-top:0;}
.welcomeOccasions{display:flex;flex-wrap:wrap;gap:9px;}
.welcomeOccasions button{display:flex;align-items:center;gap:8px;min-height:46px;padding:11px 14px;border:1px solid var(--workspaceLine);background:var(--workspacePanel);color:var(--workspaceInk);font:inherit;font-size:13px;border-radius:16px;cursor:pointer;}
.welcomeOccasions button svg{width:20px;height:20px;color:var(--workspacePrimary);}
.welcomeOccasions button[aria-pressed="true"]{background:var(--workspaceWash);border-color:var(--workspacePrimary);}
.welcomeOccasionReply{font-size:13px;line-height:1.65;color:var(--workspaceMuted);min-height:44px;margin-top:16px;}
.welcomeRouteCards{display:grid;gap:10px;}
.welcomeRouteCards article{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:15px;border:1px solid var(--workspaceLine);border-radius:20px;background:var(--workspacePanel);}
.welcomeRouteCards article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:var(--workspacePrimary);background:var(--workspaceWash);}
.welcomeRouteCards svg{width:24px;height:24px;}
.welcomeRouteCards b{font-size:16px;}.welcomeRouteCards p{font-size:13px;line-height:1.5;margin:4px 0 0;color:var(--workspaceMuted);}
.welcomeRouteCards article>small{display:none;}
.welcomeSmallNote{font-size:12px;line-height:1.65;color:var(--workspaceMuted);margin:17px 0 0;}
.welcomeLaunchCard{display:grid;gap:8px;margin-top:14px;padding:16px 18px;border:1px solid var(--workspaceLine);border-radius:22px;background:color-mix(in srgb,var(--workspacePrimary) 10%,var(--workspacePanel));}
.welcomeLaunchCard small{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--workspacePrimary);}
.welcomeLaunchCard strong{font-size:clamp(26px,4vw,34px);line-height:1.05;letter-spacing:-.04em;color:var(--workspaceInk);}
.welcomeLaunchCard p{margin:0;color:var(--workspaceMuted);font-size:13px;line-height:1.6;}
.welcomeMembershipPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;}
.welcomeMembershipPreview article{padding:12px 13px;border:1px solid var(--workspaceLine);border-radius:18px;background:var(--workspacePanel);}
.welcomeMembershipPreview b{display:block;font-size:13px;margin-bottom:5px;color:var(--workspaceInk);}
.welcomeMembershipPreview small{display:block;font-size:11px;line-height:1.45;color:var(--workspaceMuted);}
.welcomeTourDemoTop .journeyTutorial{margin-left:auto;}
.welcomeMemberships{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.welcomeMemberships button{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:5px 10px;padding:15px 13px;background:var(--workspacePanel);border:1px solid var(--workspaceLine);border-radius:19px;color:var(--workspaceInk);font:inherit;text-align:left;cursor:pointer;}
.welcomeMemberships button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--workspaceWash);color:var(--workspacePrimary);grid-row:1/3;}
.welcomeMemberships svg{width:20px;height:20px;}
.welcomeMemberships b{font-size:14px;}.welcomeMemberships small{font-size:11px;line-height:1.4;color:var(--workspaceMuted);}
.welcomeMemberships [aria-pressed="true"]{background:var(--workspaceWash);border-color:var(--workspacePrimary);box-shadow:inset 0 0 0 1px var(--workspacePrimary);}
.welcomeMembershipNote{font-size:13px;line-height:1.65;color:var(--workspaceMuted);margin:15px 0 8px;min-height:44px;}
.welcomeTextAction{border:0;padding:8px 0;min-height:40px;background:transparent;color:var(--workspacePrimary);font:inherit;font-size:13px;font-weight:650;display:inline-flex;gap:8px;align-items:center;text-align:left;cursor:pointer;}
.welcomeTextAction svg{width:17px;height:17px;}
.welcomeVibePreview{position:relative;display:grid;justify-items:center;gap:8px;padding:28px 18px;border:1px solid var(--workspaceLine);border-radius:26px;background:var(--workspaceWash),var(--workspacePanel);overflow:hidden;}
.welcomeVibePreview>span{display:grid;place-items:center;width:55px;height:55px;border:1px solid var(--workspaceLine);border-radius:18px;background:var(--workspacePanel);color:var(--workspacePrimary);margin-bottom:4px;transform:rotate(-8deg);}
.welcomeVibePreview svg{width:30px;height:30px;}.welcomeVibePreview strong{font-size:22px;letter-spacing:-.03em;}.welcomeVibePreview small{font-size:12px;color:var(--workspaceMuted);}
.welcomeMiniModes{display:flex;gap:7px;margin:16px 0;}
.welcomeMiniModes button{flex:1;min-width:0;min-height:45px;padding:9px;border:1px solid var(--workspaceLine);border-radius:13px;background:var(--workspacePanel);color:var(--workspaceInk);font:inherit;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;}
.welcomeMiniModes svg{width:18px;height:18px;}.welcomeMiniModes [aria-checked="true"]{background:var(--workspaceWash);border-color:var(--workspacePrimary);}
.welcomeMiniPalettes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;}
.welcomeMiniPalettes button{min-width:0;min-height:68px;display:grid;justify-items:center;align-content:start;gap:8px;background:transparent;border:0;border-radius:12px;color:var(--workspaceMuted);font:inherit;padding:5px 1px;cursor:pointer;}
.welcomeMiniPalettes button>span{width:32px;height:32px;border:3px solid var(--workspacePanel);border-radius:50%;background:linear-gradient(130deg,var(--vibe-one,var(--workspaceAccentPrimary)),var(--vibe-two,var(--workspaceAccentSecondary)));box-shadow:0 0 0 1px var(--workspaceLine);display:grid;place-items:center;}
.welcomeMiniPalettes button>span.welcomeSeasonal{background:var(--workspaceWash);color:var(--workspacePrimary);}
.welcomeMiniPalettes svg{width:19px;height:19px;}.welcomeMiniPalettes small{font-size:10px;line-height:1.4;}
.welcomeMiniPalettes [aria-checked="true"]>span{box-shadow:0 0 0 2px var(--workspacePrimary);}.welcomeMiniPalettes [aria-checked="true"] small{color:var(--workspaceInk);font-weight:750;}
.welcomeTourPreview{padding:16px;border:1px solid var(--workspaceLine);border-radius:24px;background:var(--workspacePanel);}
.welcomeTourDemoTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;}
.welcomeTourDemoTop>span{display:flex;align-items:center;gap:6px;color:var(--workspaceMuted);font-size:11px;}
.welcomeTourDemoTop>span svg{width:17px;height:17px;}
.welcomeTourDemoItem{display:flex;align-items:center;gap:14px;padding:18px 13px;border:1px solid var(--workspaceLine);border-radius:17px;background:var(--workspaceSoft);}
.welcomeTourDemoItem>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:var(--workspaceWash);color:var(--workspacePrimary);}
.welcomeTourDemoItem svg{width:25px;height:25px;}.welcomeTourDemoItem b{font-size:13px;}.welcomeTourDemoItem small{display:block;font-size:11px;line-height:1.5;color:var(--workspaceMuted);margin-top:4px;}
.welcomeTourDemoItem.isSpotlit{outline:3px solid var(--workspacePrimary);outline-offset:3px;}
.welcomeTourDemoTip{display:grid;gap:6px;margin-top:17px;padding:13px;border-radius:14px;background:var(--workspaceWash);}.welcomeTourDemoTip[hidden]{display:none;}.welcomeTourDemoTip b{font-size:13px;}.welcomeTourDemoTip span{font-size:12px;line-height:1.6;color:var(--workspaceMuted);}

/* CSS-only decorative ticket; no logos or customer artwork are replaced. */
.welcomePlayful .welcomeVisual{padding:20px 0 32px 25px;}
.welcomePlayArt{position:relative;isolation:isolate;min-height:500px;width:100%;max-width:520px;}
.welcomePlayOrbit{position:absolute;inset:6% 0 8%;border:1px solid var(--workspaceLine);border-radius:50%;transform:rotate(-14deg);background:radial-gradient(ellipse,var(--workspaceGlowBlue),transparent 68%);z-index:-1;}
.welcomePlayOrbit:before{content:"";position:absolute;inset:11%;border:1px dashed var(--workspaceLine);border-radius:50%;}
.welcomeTicket{position:absolute;top:19%;left:11%;width:77%;padding:29px 25px 23px;box-sizing:border-box;border:1px solid var(--workspaceLine);border-radius:30px;background:var(--workspaceWash),var(--workspacePanel);box-shadow:0 24px 65px color-mix(in srgb,var(--workspaceInk) 8%,transparent);transform:rotate(-5deg);}
.welcomeTicket>small{font-size:9px;font-weight:750;letter-spacing:.13em;color:var(--workspaceMuted);}
.welcomeTicketStar{display:block;margin:20px 0 10px;color:var(--workspacePrimary);}.welcomeTicketStar svg{width:47px;height:47px;}
.welcomeTicket strong{display:block;font-size:43px;line-height:1.07;font-weight:750;letter-spacing:-.055em;color:var(--workspaceInk);}
.welcomeTicketRule{margin:24px -25px 17px;border-top:1px dashed var(--workspaceLine);position:relative;}
.welcomeTicketRule:before,.welcomeTicketRule:after{content:"";position:absolute;top:-10px;left:-10px;width:20px;height:20px;background:var(--workspaceBackground);border:1px solid var(--workspaceLine);border-radius:50%;}
.welcomeTicketRule:after{left:auto;right:-10px;}.welcomeTicketBottom{font-size:11px;color:var(--workspaceMuted);}
.welcomeFloatChip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:12px 15px;background:var(--workspacePanel);border:1px solid var(--workspaceLine);border-radius:17px;font-size:12px;font-weight:600;box-shadow:var(--themeShadow);z-index:2;animation:welcomeDrift 6s ease-in-out infinite;}
.welcomeFloatChip svg{width:19px;height:19px;color:var(--workspacePrimary);}.welcomeFloatChip.isPeople{top:8%;left:10%;transform:rotate(-6deg);}.welcomeFloatChip.isDate{right:-1%;top:17%;animation-delay:-2.5s;}
.welcomeArtReply{position:absolute;display:flex;align-items:center;gap:12px;left:19%;bottom:3%;width:76%;padding:17px;background:var(--workspacePanel);border:1px solid var(--workspaceLine);border-radius:22px;box-sizing:border-box;box-shadow:var(--themeShadow);transform:rotate(4deg);animation:welcomeReplyIn .65s .18s both;}
.welcomeArtReply>svg{width:29px;height:29px;color:var(--workspaceSecondary);}.welcomeArtReply>span{font-size:15px;font-weight:700;}.welcomeArtReply small{display:block;color:var(--workspaceMuted);font-size:10px;margin-top:6px;font-weight:500;}.welcomeArtReply>i{display:grid;place-items:center;margin-left:auto;width:29px;height:29px;border-radius:50%;background:var(--workspaceWash);color:var(--workspacePrimary);}.welcomeArtReply>i svg{width:17px;height:17px;}
.welcomeTinyStar{position:absolute;font-size:32px;color:var(--workspaceSecondary);font-weight:300;}.welcomeTinyStar.isOne{right:4%;bottom:24%;}.welcomeTinyStar.isTwo{left:2%;top:47%;font-size:22px;color:var(--workspacePrimary);}
@keyframes welcomeDrift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes welcomeReplyIn{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}

/* Native dialog top layer keeps the spotlight above sheets and provider-free dialogs. */
.journeyCoach[open]{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;color:var(--workspaceInk)!important;}
.journeyCoach::backdrop{background:transparent!important;}
.journeyShade{position:fixed;background:rgba(3,9,19,.60);pointer-events:none;}
.journeySpotlight{position:fixed;pointer-events:none;border:2px solid var(--workspacePrimary);border-radius:14px;box-shadow:0 0 0 4px color-mix(in srgb,var(--workspacePrimary) 19%,transparent);box-sizing:border-box;}
.journeySpotlight[hidden]{display:none;}
.journeyCoachCard{position:fixed;box-sizing:border-box;border:1px solid var(--workspaceLine);border-radius:24px;background:var(--workspacePanel);color:var(--workspaceInk);box-shadow:0 24px 90px rgba(0,0,0,.25);padding:19px;overflow:auto;overscroll-behavior:contain;}
.journeyCoachTop{display:flex;align-items:center;justify-content:space-between;gap:12px;}.journeyCoachTop>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--workspacePrimary);}.journeyCoachTop svg{width:18px;height:18px;}
.journeyCoach button{font:inherit;cursor:pointer;touch-action:manipulation;}.journeyCoachTop button{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;border-radius:12px;background:var(--workspaceSoft);color:var(--workspaceInk);}
.journeyCoachCount{font-size:10px;letter-spacing:.1em;color:var(--workspaceMuted);display:block;margin:12px 0 8px;}
.journeyCoachCard h2{font-size:25px;line-height:1.15;letter-spacing:-.035em;color:var(--workspaceInk);margin:0 0 13px;}
.journeyCoachCard p{font-size:14px;line-height:1.7;color:var(--workspaceMuted);margin:0 0 18px;}
.journeyCoachProgress{height:3px;background:var(--workspaceSoft);border-radius:4px;margin-bottom:17px;overflow:hidden;}.journeyCoachProgress i{display:block;height:100%;background:var(--workspacePrimary);}
.journeyCoachCard footer{display:flex;justify-content:space-between;gap:8px;}.journeyCoachCard footer button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;border:1px solid var(--workspaceLine);border-radius:14px;background:var(--workspaceSoft);color:var(--workspaceInk);padding:10px 16px;font-size:13px;}.journeyCoachCard footer svg{width:17px;height:17px;}
.journeyCoachCard footer .journeyCoachNext{background:var(--journeyButtonFill);color:var(--journeyButtonInk);border-color:transparent;font-weight:650;}.journeyCoach button:disabled{opacity:.45;cursor:default;}
.journeyCoachSafety{display:block;text-align:center;margin-top:14px;font-size:10px;line-height:1.5;color:var(--workspaceMuted);}
html[data-tour-open] .launchPolicyNotice{visibility:hidden!important;}
@media(min-width:960px){.welcomePlayful .welcomeLayout{grid-template-columns:minmax(330px,.92fr) minmax(440px,1.08fr);}.welcomePlayful .welcomeVisual{display:grid;place-items:center;}.welcomePlayful .welcomeStage{padding-left:36px;padding-right:30px;}}
@media(min-width:760px) and (max-width:959px){.welcomePlayful .welcomeLayout{grid-template-columns:minmax(260px,.78fr) minmax(340px,1.22fr);gap:6px;}.welcomePlayful .welcomeVisual{display:grid;padding:10px 0 20px 5px;}.welcomePlayArt{min-height:410px;}.welcomeTicket{padding:22px 18px;left:7%;width:88%;}.welcomeTicket strong{font-size:34px;}.welcomeTicket>small{font-size:8px;}.welcomeFloatChip{font-size:10px;padding:10px;}.welcomeFloatChip.isDate{top:13%;right:-2%;}.welcomeArtReply{left:12%;width:88%;padding:13px;}.welcomeArtReply>span{font-size:12px;}.welcomeArtReply small{font-size:9px;}.welcomePlayful .welcomeStage{padding:20px 24px;}.welcomePlayful .welcomeStage h1{font-size:45px;}}
@media(max-width:759px){
 .journeyTools{min-height:38px;margin-bottom:12px;gap:8px;}.journeyFirstVisit{font-size:11px;}.journeyTutorial{min-height:40px!important;width:42px!important;min-width:42px!important;padding:0!important;font-size:11px!important;gap:0!important;}
 .welcomeMembershipPreview{grid-template-columns:1fr;}
 .welcomePlayful .welcomeHeader{padding:calc(17px + env(safe-area-inset-top,0px)) 22px 12px;}.welcomePlayful .welcomeWordmark{font-size:13px;}.welcomePlayful .welcomeWordmark small{font-size:7px;letter-spacing:.09em;}.welcomeSkip{font-size:11px;padding:8px 10px;}
 .welcomePlayful .welcomeVisual{display:none!important;}.welcomePlayful .welcomeLayout{display:flex;min-height:0;}.welcomePlayful .welcomeStage{width:100%;box-sizing:border-box;padding:22px 24px 25px;justify-content:flex-start;}.welcomePlayful .welcomeStage h1{font-size:clamp(37px,10.9vw,52px);margin:18px 0;}.welcomePlayful .welcomeLead{font-size:14px;line-height:1.7;margin-bottom:22px;}.welcomePlayful .welcomeFooter{padding:14px 20px calc(17px + env(safe-area-inset-bottom,0px));gap:10px;border-radius:0;}.welcomePlayful .welcomeFooterActions{gap:7px;}.welcomePlayful .welcomeFooterActions .workspaceButton{min-height:47px;font-size:12px;padding:11px 13px;}.welcomePlayful .welcomeProgress>div{gap:0;}.welcomePlayful .welcomeProgress button{width:18px;}
 .welcomeMemberships button{padding:12px 10px;grid-template-columns:27px 1fr;gap:5px 7px;}.welcomeMemberships button>span{width:27px;height:30px;}.welcomeMemberships small{font-size:10px;}.welcomeMemberships b{font-size:13px;}.welcomeRouteCards article{padding:13px;gap:10px;}.welcomeRouteCards p{font-size:12px;}.welcomeMiniPalettes small{font-size:9px;}.welcomeVibePreview{padding:21px 15px;}.welcomeVibePreview strong{font-size:21px;}
 html[data-palette] :is(.coreLegalTopbar,.coreHelpTopbar,.coreStatusTopbar,.workspaceDialogHeader):has(>.journeyTutorial){gap:8px!important;padding-inline:14px!important;}.workspaceDialogHeader h2{font-size:23px;}
}
@media(max-width:359px){.journeyFirstVisit{display:none;}.welcomePlayful .welcomeHeader{padding-inline:16px;}.welcomePlayful .welcomeStage{padding-inline:18px;}.welcomePlayful .welcomeWordmark small{display:none;}.welcomePlayful .welcomeFooter{padding-inline:14px;}.welcomePlayful .welcomeFooterActions .workspaceButton{padding-inline:9px;font-size:11px;}.welcomePlayful .welcomeProgress button{width:16px;}.welcomeTourDemoTop>span{font-size:10px;}.welcomeMiniPalettes button>span{width:29px;height:29px;}}
@media(max-height:650px){.welcomePlayful .welcomeStage{justify-content:flex-start;}.welcomePlayful .welcomeStage h1{font-size:36px;margin:13px 0;}.welcomePlayful .welcomeHeader{padding-top:12px;padding-bottom:8px;}.welcomePlayful .welcomeFooter{padding-top:10px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));}.welcomePlayArt{min-height:350px;}.welcomeTicket strong{font-size:32px;}.welcomeTicket{top:13%;}.welcomeTicketStar{margin:11px 0 9px;}.welcomeTicketStar svg{width:30px;height:30px;}.welcomeArtReply{bottom:0;}.welcomeFloatChip.isPeople{top:0;}.welcomeFloatChip.isDate{top:6%;}.journeyCoachCard{padding:14px;}.journeyCoachCard h2{font-size:22px;}.journeyCoachCard p{font-size:13px;line-height:1.55;}}
html[data-motion="reduced"] .welcomePlayful *,html[data-motion="reduced"] .journeyCoach *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
@media(prefers-reduced-motion:reduce){.welcomePlayful *,.journeyCoach *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

@media(min-width:720px){.workspaceThemeGrid{grid-template-columns:repeat(5,minmax(0,1fr));}}
html[data-motion="reduced"] :is(.coretab__row,.hubProjectTile,.findResultCard,.sceneGate,.bubbleSocialPost,.coreLegalPanel,.coreHelpPanel,.eventWorkspace,.findProductSheet,.activeCartPanel,.checkoutPanel){animation:none!important;transition-duration:0.001ms!important;scroll-behavior:auto!important;}

/* A planning notice must never cover navigation, tutorial controls, or a dialog. */
html[data-palette] #tabMount .launchPolicyNotice{bottom:calc(var(--bottomNavHeight,74px) + var(--appVisualBottom,0px) + 30px)!important;}
html[data-tour-open] .launchPolicyNotice{visibility:hidden!important;pointer-events:none!important;}

/* Keep the welcome's scrollable scene inside its track on short landscape screens. */
.welcomePlayful .welcomeLayout{grid-template-rows:minmax(0,1fr);overflow:hidden;}
.welcomePlayful .welcomeVisual{min-height:0;}
.welcomePlayful .welcomeStage>*{flex-shrink:0;}
.welcomePlayful .welcomeFooter{position:relative;z-index:2;}
@media(max-height:540px) and (min-width:701px){
 .welcomePlayful .welcomeFrame{width:min(940px,100%);max-width:100%;}
 .welcomePlayful .welcomeVisual{display:none!important;}
 .welcomePlayful .welcomeLayout{grid-template-columns:minmax(0,1fr);}
 .welcomePlayful .welcomeStage{padding:10px 36px 24px;}
 .welcomePlayful .welcomeStage h1{max-width:720px;}
}

/* v0478 welcome refresh: floating controls, deeper mobile onboarding, and richer detail panels. */
.welcomePlayful .welcomeFrame{width:min(1180px,100%);max-width:100%;height:100%;margin:0 auto;position:relative;display:grid;grid-template-rows:minmax(0,1fr);background:transparent;}
.welcomePlayful .welcomeLayout{display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;min-height:100%;}
.welcomePlayful .welcomeHeader{position:absolute;inset:0 0 auto;display:flex;justify-content:flex-end;align-items:flex-start;padding:calc(18px + env(safe-area-inset-top,0px)) 24px 0;pointer-events:none;z-index:6;background:none!important;border:0!important;}
.welcomeSkip{pointer-events:auto;min-height:48px;padding:12px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--workspaceLine) 88%,transparent);background:color-mix(in srgb,var(--workspacePanel) 68%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--workspaceInk);box-shadow:0 14px 30px rgba(3,9,19,.18);}
.welcomePlayful .welcomeStage{padding:clamp(104px,12vh,132px) clamp(24px,4vw,38px) calc(154px + env(safe-area-inset-bottom,0px));max-width:720px;width:100%;justify-content:flex-start;overscroll-behavior:contain;}
.welcomePlayful .welcomeLead{max-width:560px;}
.welcomePlayful .welcomeStepBody{max-width:620px;display:grid;gap:16px;}
.welcomePlayful .welcomeFooter{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:0 24px calc(18px + env(safe-area-inset-bottom,0px));background:none!important;border:0!important;border-radius:0!important;pointer-events:none;z-index:6;}
.welcomePlayful .welcomeProgress,.welcomePlayful .welcomeFooterActions{pointer-events:auto;}
.welcomePlayful .welcomeProgress{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-self:start;padding:10px 12px;border:1px solid color-mix(in srgb,var(--workspaceLine) 85%,transparent);border-radius:18px;background:color-mix(in srgb,var(--workspacePanel) 60%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 32px rgba(3,9,19,.16);}
.welcomePlayful .welcomeProgress>div{display:flex;align-items:center;gap:4px;}
.welcomePlayful .welcomeProgress small{font-size:12px;font-weight:600;color:var(--workspaceMuted);}
.welcomePlayful .welcomeFooterActions{display:flex;align-items:center;gap:12px;justify-self:end;}
.welcomePlayful .welcomeFooterActions .workspaceButton{min-height:54px;padding:14px 22px;border-radius:22px;box-shadow:0 14px 32px rgba(3,9,19,.20);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.welcomePlayful .welcomeFooterActions .workspaceButton.isQuiet{background:color-mix(in srgb,var(--workspacePanel) 62%,transparent)!important;border:1px solid color-mix(in srgb,var(--workspaceLine) 88%,transparent)!important;color:var(--workspaceInk)!important;}
.welcomePlayful .welcomeFooterActions .workspaceButton:not(.isQuiet){min-width:min(58vw,290px);}
.welcomeOccasions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.welcomeOccasions button:last-child{grid-column:1/-1;}
.welcomeOccasions button{justify-content:flex-start;min-height:54px;padding:13px 15px;border-radius:18px;background:color-mix(in srgb,var(--workspacePanel) 90%,transparent);}
.welcomeOccasionReply{padding:0 2px;min-height:48px;}
.welcomeRouteCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.welcomeRouteCards button{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:15px;border:1px solid var(--workspaceLine);border-radius:20px;background:color-mix(in srgb,var(--workspacePanel) 92%,transparent);color:var(--workspaceInk);font:inherit;text-align:left;cursor:pointer;}
.welcomeRouteCards button>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:var(--workspacePrimary);background:var(--workspaceWash);}
.welcomeRouteCards button[aria-pressed="true"]{border-color:var(--workspacePrimary);background:color-mix(in srgb,var(--workspaceWash) 70%,var(--workspacePanel));box-shadow:inset 0 0 0 1px var(--workspacePrimary);}
.welcomeRouteCards button b{font-size:16px;display:block;}
.welcomeRouteCards button p{font-size:13px;line-height:1.5;margin:4px 0 0;color:var(--workspaceMuted);}
.welcomeDetailPanel,.welcomeCompareCard{display:grid;gap:10px;padding:18px;border:1px solid color-mix(in srgb,var(--workspaceLine) 92%,transparent);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--workspacePanel) 96%,transparent),color-mix(in srgb,var(--workspacePanel) 84%,var(--workspaceWash)));box-shadow:0 16px 36px rgba(3,9,19,.10);}
.welcomeDetailPanel small,.welcomeCompareCard small{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--workspacePrimary);text-transform:uppercase;}
.welcomeDetailPanel h3,.welcomeCompareCard h3{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.03em;color:var(--workspaceInk);}
.welcomeDetailPanel p,.welcomeCompareCard p{margin:0;color:var(--workspaceMuted);font-size:13px;line-height:1.65;}
.welcomeDetailPanel ul,.welcomeCompareCard ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--workspaceMuted);font-size:13px;line-height:1.55;}
.welcomeMemberships{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.welcomeMemberships button{align-items:start;grid-template-columns:34px 1fr;padding:15px 14px;gap:6px 10px;border-radius:20px;background:color-mix(in srgb,var(--workspacePanel) 92%,transparent);}
.welcomeMemberships button[aria-pressed="true"]{background:color-mix(in srgb,var(--workspaceWash) 72%,var(--workspacePanel));}
.welcomeMembershipPanel strong{font-size:16px;color:var(--workspaceInk);}
.welcomeMembershipPanel em{font-style:normal;color:var(--workspaceMuted);font-size:12px;line-height:1.6;}
.welcomeCompareRows{display:grid;gap:10px;}
.welcomeCompareRows article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:14px;border:1px solid var(--workspaceLine);border-radius:18px;background:color-mix(in srgb,var(--workspacePanel) 96%,transparent);}
.welcomeCompareRows b{font-size:15px;color:var(--workspaceInk);}
.welcomeCompareRows span{font-size:12px;font-weight:700;color:var(--workspacePrimary);justify-self:end;text-align:right;}
.welcomeCompareRows article p{grid-column:1/-1;font-size:12px;line-height:1.55;}
.welcomeTextAction{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:11px 14px;min-height:46px;border:1px solid var(--workspaceLine);border-radius:16px;background:color-mix(in srgb,var(--workspacePanel) 88%,transparent);color:var(--workspacePrimary);font-size:13px;font-weight:700;}
.welcomeLaunchCard{margin-top:2px;}

@media(min-width:960px){
  .welcomePlayful .welcomeLayout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:16px;}
  .welcomePlayful .welcomeVisual{display:grid;place-items:center;min-height:0;}
}
@media(max-width:959px){
  .welcomePlayful .welcomeVisual{display:none!important;}
}
@media(max-width:759px){
  .welcomePlayful .welcomeHeader{padding-inline:18px;}
  .welcomePlayful .welcomeStage{padding:clamp(98px,14vh,120px) 18px calc(140px + env(safe-area-inset-bottom,0px));max-width:none;}
  .welcomePlayful .welcomeStage h1{font-size:clamp(36px,11vw,52px);max-width:12ch;}
  .welcomePlayful .welcomeLead{font-size:14px;line-height:1.72;margin-bottom:20px;max-width:none;}
  .welcomePlayful .welcomeFooter{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-inline:18px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));}
  .welcomePlayful .welcomeProgress{padding:9px 10px;border-radius:16px;}
  .welcomePlayful .welcomeFooterActions{gap:8px;}
  .welcomePlayful .welcomeFooterActions .workspaceButton{min-height:50px;padding:12px 16px;font-size:12px;border-radius:20px;}
  .welcomePlayful .welcomeFooterActions .workspaceButton:not(.isQuiet){min-width:min(53vw,240px);}
  .welcomeOccasions,.welcomeRouteCards,.welcomeMemberships{grid-template-columns:1fr 1fr;}
  .welcomeRouteCards button{padding:13px;gap:10px;}
  .welcomeRouteCards button p,.welcomeMemberships small,.welcomeCompareRows article p,.welcomeDetailPanel p,.welcomeDetailPanel ul{font-size:12px;}
  .welcomeDetailPanel,.welcomeCompareCard{padding:16px;}
  .welcomeDetailPanel h3,.welcomeCompareCard h3{font-size:21px;}
}
@media(max-width:520px){
  .welcomePlayful .welcomeFooter{grid-template-columns:minmax(0,1fr) auto;}
  .welcomePlayful .welcomeProgress{max-width:max-content;}
  .welcomePlayful .welcomeFooterActions .workspaceButton:not(.isQuiet){min-width:44vw;}
}
@media(max-width:420px){
  .welcomeRouteCards,.welcomeMemberships{grid-template-columns:1fr;}
  .welcomeOccasions{grid-template-columns:1fr;}
  .welcomeOccasions button:last-child{grid-column:auto;}
  .welcomePlayful .welcomeFooter{grid-template-columns:1fr auto;align-items:end;}
  .welcomePlayful .welcomeFooterActions .workspaceButton{padding-inline:14px;}
  .welcomePlayful .welcomeFooterActions .workspaceButton:not(.isQuiet){min-width:52vw;}
}
@media(max-height:650px){
  .welcomePlayful .welcomeStage{padding-top:max(88px,calc(76px + env(safe-area-inset-top,0px)));padding-bottom:calc(130px + env(safe-area-inset-bottom,0px));}
}

/* v0479: genuinely independent floating navigation, two-column mobile grids. */
.workspaceWelcomeDialog.welcomePlayful .welcomeFrame,
.workspaceWelcomeDialog.welcomePlayful .welcomeHeader,
.workspaceWelcomeDialog.welcomePlayful .welcomeFooter,
.workspaceWelcomeDialog.welcomePlayful .welcomeFooterActions{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeFrame::before,
.workspaceWelcomeDialog.welcomePlayful .welcomeFrame::after,
.workspaceWelcomeDialog.welcomePlayful .welcomeFooter::before,
.workspaceWelcomeDialog.welcomePlayful .welcomeFooter::after{content:none!important;display:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeProgress{position:absolute!important;top:calc(22px + env(safe-area-inset-top,0px));left:clamp(16px,4vw,36px);bottom:auto!important;z-index:8;display:flex;align-items:center;gap:8px;flex-direction:row;padding:8px 10px;border-radius:18px;border:1px solid color-mix(in srgb,var(--workspaceLine) 75%,transparent);background:color-mix(in srgb,var(--workspacePanel) 55%,transparent)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto;}
.workspaceWelcomeDialog.welcomePlayful .welcomeProgress small{white-space:nowrap;font-size:11px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeFooter{position:absolute!important;left:0;right:0;bottom:0;padding:0 clamp(16px,4vw,36px) calc(20px + env(safe-area-inset-bottom,0px));display:flex;justify-content:flex-end;pointer-events:none;z-index:8;}
.workspaceWelcomeDialog.welcomePlayful .welcomeFooterActions{display:flex;justify-content:flex-end;gap:10px;width:auto;pointer-events:none;}
.workspaceWelcomeDialog.welcomePlayful .welcomeFooterActions .workspaceButton{pointer-events:auto;flex:none;min-height:54px;border-radius:19px;padding:12px 19px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeFooterActions .workspaceButton:not(.isQuiet){min-width:min(55vw,260px);}
.workspaceWelcomeDialog.welcomePlayful .welcomeStage{justify-content:flex-start!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-bottom:220px;padding-top:clamp(126px,17vh,175px)!important;padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box;}
.workspaceWelcomeDialog.welcomePlayful .welcomeStage::after{content:"";display:block;flex:none;height:1px;min-height:1px;width:100%;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button{min-width:0;display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;justify-content:flex-start;min-height:130px;padding:14px!important;border-radius:19px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button>span,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button>span{flex:none;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button div{min-width:0;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button b,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button b{font-size:15px;line-height:1.25;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button p,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button small{font-size:11px;line-height:1.45;overflow-wrap:anywhere;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTierExperience{display:grid;gap:12px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTierExperience .welcomeMembershipPanel{margin:0;}
.workspaceWelcomeDialog.welcomePlayful .welcomeHeader{padding:calc(18px + env(safe-area-inset-top,0px)) clamp(16px,4vw,36px) 0;}
@media(max-width:520px){
.workspaceWelcomeDialog.welcomePlayful .welcomeStage{padding-left:18px!important;padding-right:18px!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeFooter{padding-left:16px;padding-right:16px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeFooterActions .workspaceButton:not(.isQuiet){min-width:0;width:min(54vw,245px);}
.workspaceWelcomeDialog.welcomePlayful .welcomeProgress{left:16px;gap:5px;padding:7px 8px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeProgress button{width:15px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeProgress button.active:before{width:13px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeProgress small{font-size:10px;}
}


/* v0480: introduction-only grids for the planning, community, and Merit/Grit stories. */
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryArea{display:grid;gap:12px;min-width:0;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button{display:flex;flex-direction:column;gap:7px;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:134px;padding:14px;border:1px solid var(--workspaceLine);border-radius:20px;background:color-mix(in srgb,var(--workspacePanel) 94%,transparent);color:var(--workspaceInk);text-align:left;font:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button:active{transform:scale(.985);}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button[aria-pressed="true"]{border-color:var(--workspacePrimary);background:color-mix(in srgb,var(--workspaceWash) 64%,var(--workspacePanel));box-shadow:inset 0 0 0 1px var(--workspacePrimary);}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button:focus-visible{outline:3px solid var(--workspacePrimary);outline-offset:2px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(130deg,var(--workspaceWash),color-mix(in srgb,var(--workspaceSecondary) 18%,var(--workspacePanel)));color:var(--workspacePrimary);flex:none;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryIcon svg{width:21px;height:21px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button b{font-size:15px;line-height:1.25;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button small{font-size:11px;line-height:1.45;color:var(--workspaceMuted);overflow-wrap:anywhere;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryDetail{gap:10px;min-width:0;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryDetail ul{margin:0;padding-left:18px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryFootnote{border-top:1px solid var(--workspaceLine);padding-top:10px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryNotice{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--workspacePrimary) 30%,var(--workspaceLine));border-radius:16px;background:color-mix(in srgb,var(--workspacePrimary) 9%,var(--workspacePanel));color:var(--workspaceMuted);font-size:12px;line-height:1.55;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryNotice svg{width:20px;height:20px;flex:none;color:var(--workspacePrimary);}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryNotice b{color:var(--workspaceInk);}
/* Eight dots must not collide with the floating skip control on narrow iPhones. */
@media(max-width:520px){
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress{gap:5px;max-width:45dvw;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress>div{gap:1px;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress button{width:12px;height:25px;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress button:before{width:5px;height:5px;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress button.active:before{width:10px;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress small{font-size:10px;white-space:nowrap;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button{min-height:128px;padding:13px;}
}
@media(max-width:360px){
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress{max-width:42dvw;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress>div{gap:0;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress button{width:11px;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeProgress small{font-size:9px;}
}

/* v0482: compact adaptive welcome, in-place topic carousel, and real scroll clearance. */
.workspaceWelcomeDialog.welcomePlayful .welcomeStage{
  padding-top:clamp(106px,12dvh,124px)!important;
  padding-bottom:0!important;
  scroll-padding-top:14px!important;
  scroll-padding-bottom:20px!important;
  overflow-y:auto!important;
  justify-content:flex-start!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
}
.workspaceWelcomeDialog.welcomePlayful .welcomeStage::after{display:none!important;content:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeStageClearance{height:0;min-height:0;display:block;flex:none;width:100%;pointer-events:none;}
.workspaceWelcomeDialog.welcomePlayful .welcomeStage .welcomeStepBody{gap:13px;}
.workspaceWelcomeDialog.welcomePlayful [data-welcome-board-open="true"]>.welcomeRouteCards,
.workspaceWelcomeDialog.welcomePlayful [data-welcome-board-open="true"]>.welcomeMemberships,
.workspaceWelcomeDialog.welcomePlayful [data-welcome-board-open="true"]>.welcomeDiscoveryGrid{display:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicBoard[hidden]{display:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicBoard{
 display:grid;gap:13px;min-width:0;padding:14px;
 border:1px solid color-mix(in srgb,var(--workspacePrimary) 42%,var(--workspaceLine));
 border-radius:23px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--workspaceWash) 36%,var(--workspacePanel)),color-mix(in srgb,var(--workspacePanel) 96%,transparent));
 box-shadow:0 12px 32px rgba(0,0,0,.10);
 animation:welcomeTopicIn .23s cubic-bezier(.21,.75,.25,1) both;
}
@keyframes welcomeTopicIn{from{opacity:0;transform:translateY(7px) scale(.986);}to{opacity:1;transform:translateY(0) scale(1);}}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicTop{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicTop>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--workspacePrimary);}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicTop>button{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;min-height:38px;border:1px solid var(--workspaceLine);border-radius:13px;background:var(--workspacePanel);color:var(--workspaceInk);font:inherit;font-size:12px;font-weight:600;cursor:pointer;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicTop svg{width:17px;height:17px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicChips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:3px 1px 8px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicChips::-webkit-scrollbar{display:none;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicChips button{flex:none;min-height:38px;padding:8px 14px;border:1px solid var(--workspaceLine);border-radius:999px;background:color-mix(in srgb,var(--workspacePanel) 91%,transparent);color:var(--workspaceMuted);font:inherit;font-weight:650;font-size:12px;cursor:pointer;scroll-snap-align:start;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicChips button[aria-pressed="true"]{border-color:var(--workspacePrimary);background:color-mix(in srgb,var(--workspaceWash) 85%,var(--workspacePanel));color:var(--workspaceInk);box-shadow:inset 0 0 0 1px var(--workspacePrimary);}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicContent{min-width:0;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicContent>.welcomeDetailPanel{display:grid!important;gap:9px;margin:0;padding:15px;max-width:100%;box-shadow:none;border-radius:18px;background:color-mix(in srgb,var(--workspacePanel) 92%,transparent);}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicContent>.welcomeDetailPanel h3{font-size:clamp(21px,5.8vw,25px);}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicContent>.welcomeDetailPanel p,
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicContent>.welcomeDetailPanel li{font-size:13px;line-height:1.52;}
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicContent>.welcomeDetailPanel ul{gap:4px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeStepBody .welcomeDetailPanel{display:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeStepBody .welcomeTopicBoard .welcomeDetailPanel{display:grid!important;}
@media(max-width:759px){
 .workspaceWelcomeDialog.welcomePlayful .welcomeStage{padding-top:clamp(100px,12dvh,122px)!important;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeTopicBoard{padding:11px;gap:10px;border-radius:20px;}
 .workspaceWelcomeDialog.welcomePlayful .welcomeTopicContent>.welcomeDetailPanel{padding:13px;}
}
@media(max-height:630px){.workspaceWelcomeDialog.welcomePlayful .welcomeStage{padding-top:99px!important;}}
@media(prefers-reduced-motion:reduce){.workspaceWelcomeDialog.welcomePlayful .welcomeTopicBoard{animation:none;}}
html[data-motion="reduced"] .workspaceWelcomeDialog.welcomePlayful .welcomeTopicBoard{animation:none;}

/* v0483: return to the original choice-grid language, sized between oversized tiles and tiny chips. */
.workspaceWelcomeDialog.welcomePlayful .welcomeTopicBoard{display:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeSimpleChoices>.welcomeRouteCards,
.workspaceWelcomeDialog.welcomePlayful .welcomeSimpleChoices>.welcomeMemberships,
.workspaceWelcomeDialog.welcomePlayful .welcomeSimpleChoices>.welcomeDiscoveryGrid{display:grid!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeSimpleChoices>.welcomeInlineDetail{display:grid!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button{min-height:104px!important;padding:13px!important;border-radius:18px!important;gap:7px!important;box-shadow:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button{justify-content:center!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button{grid-template-columns:32px minmax(0,1fr)!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button>span{width:32px!important;height:32px!important;border-radius:11px!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button b,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button b,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button b{font-size:14px!important;line-height:1.3!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button p,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button small,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button small{font-size:11px!important;line-height:1.4!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeInlineDetail{margin-top:12px!important;padding:15px!important;border-radius:18px!important;box-shadow:none!important;background:color-mix(in srgb,var(--workspacePanel) 88%,transparent)!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeInlineDetail h3{font-size:21px!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeInlineDetail p,
.workspaceWelcomeDialog.welcomePlayful .welcomeInlineDetail li{font-size:12px!important;line-height:1.5!important;}
@media(max-width:360px){.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button,.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button,.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button{padding:10px!important;min-height:98px!important;}}

/* v0484: restrained horizontal mobile tab rails */
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid,
.workspaceWelcomeDialog.welcomePlayful .welcomeSimpleChoices>.welcomeRouteCards,
.workspaceWelcomeDialog.welcomePlayful .welcomeSimpleChoices>.welcomeMemberships,
.workspaceWelcomeDialog.welcomePlayful .welcomeSimpleChoices>.welcomeDiscoveryGrid{display:flex!important;flex-wrap:nowrap!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:3px 2px 12px!important;scrollbar-width:none;width:100%;max-width:100%;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards::-webkit-scrollbar,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships::-webkit-scrollbar,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid::-webkit-scrollbar{display:none;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button{flex:0 0 auto!important;min-width:0!important;width:auto!important;min-height:52px!important;max-width:210px!important;padding:11px 15px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:17px!important;scroll-snap-align:start;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button>span,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button>span,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button>.welcomeDiscoveryIcon{width:29px!important;height:29px!important;min-width:29px!important;display:grid!important;place-items:center!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button div{display:block!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button p,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button small,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button small{display:none!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeRouteCards button b,
.workspaceWelcomeDialog.welcomePlayful .welcomeMemberships button b,
.workspaceWelcomeDialog.welcomePlayful .welcomeDiscoveryGrid button b{font-size:14px!important;white-space:nowrap!important;}
.workspaceWelcomeDialog.welcomePlayful .welcomeLaunchNotice{border:1px solid var(--workspaceLine);border-radius:23px;padding:21px;background:color-mix(in srgb,var(--workspacePanel) 90%,transparent);}
.workspaceWelcomeDialog.welcomePlayful .welcomeLaunchNotice>span{color:var(--workspacePrimary);font-size:11px;letter-spacing:.13em;font-weight:800;}
.workspaceWelcomeDialog.welcomePlayful .welcomeLaunchNotice h3{font-size:clamp(24px,7vw,36px);margin:14px 0 8px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeLaunchNotice p{color:var(--workspaceMuted);line-height:1.6;}
.workspaceWelcomeDialog.welcomePlayful .welcomeLaunchFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeLaunchFacts article{padding:13px;border:1px solid var(--workspaceLine);border-radius:15px;display:grid;gap:7px;}
.workspaceWelcomeDialog.welcomePlayful .welcomeLaunchFacts small{color:var(--workspaceMuted);line-height:1.45;}

/* END assets/css/core/journey-experience.css */

/* BEGIN assets/css/core/live-info.css */
/* v448: one account dock, anchored Live Info, and a separate practice journey. */
html[data-palette] .workspaceAccountDock{background:color-mix(in srgb,var(--workspacePanel) 94%,transparent)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;box-shadow:var(--themeShadow)!important;}
#workspaceDockHome[hidden]{display:none!important;}
#workspaceAccountDock #infinisInfoButton{touch-action:manipulation;}
#infinisInfoButton .workspaceVector{width:22px!important;height:22px!important;color:var(--workspacePrimary);}
html[data-palette] .liveDockSlot{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 100%!important;min-width:0!important;width:100%!important;padding:2px 0 0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;order:20;}
html[data-palette] [data-live-dock-host]{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;}
html[data-palette] [data-live-dock-host]>.liveDockSlot .workspaceAccountDock{width:auto!important;flex:none!important;margin:0!important;}
html[data-palette] [data-live-dock-host]>div:not(.liveDockSlot):not(.checkoutBrandMark){min-width:0!important;flex:1 1 150px;}
@media(min-width:1050px) and (pointer:fine){html[data-palette] [data-live-dock-host]>.liveDockSlot{flex:0 0 auto!important;width:auto!important;margin-left:auto!important;padding:0!important;}}
@media(max-width:359px){.workspaceTopRow{gap:8px!important;}.workspaceCorner{gap:0!important;}.workspaceWordmark{font-size:12px!important;}#workspaceAccountDock{gap:5px!important;padding:5px!important;}}
/* Superseded per-page help buttons are not inserted by the v448 runtime. */
html[data-live-info-open] .launchPolicyNotice,html[data-booking-walkthrough-open] .launchPolicyNotice{visibility:hidden!important;pointer-events:none!important;}
/* Screen help is separate from application navigation motion. */
.liveInfoDialog[open]{position:fixed!important;inset:0!important;margin:0!important;padding:0!important;width:100dvw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--workspaceInk)!important;box-shadow:none!important;overflow:hidden!important;z-index:2147483647;}
.liveInfoDialog::backdrop{background:transparent!important;}
.liveInfoShade{position:fixed;inset:0;background:rgba(3,9,19,.3);}
.liveInfoRing{position:fixed;pointer-events:none;border:2px solid var(--workspacePrimary);border-radius:15px;box-shadow:0 0 0 4px color-mix(in srgb,var(--workspacePrimary) 18%,transparent),0 0 0 200vmax rgba(3,9,19,.42);z-index:1;box-sizing:border-box;}
.liveInfoDialog [hidden]{display:none!important;}
.liveInfoDialog.isInspecting .liveInfoShade{background:transparent;}
.liveInfoPointer{position:fixed;width:10px;height:10px;background:var(--workspacePanel);border:1px solid var(--workspaceLine);transform:rotate(45deg);z-index:2;pointer-events:none;}
.liveInfoPanel{position:fixed;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden;overscroll-behavior:contain;border:1px solid var(--workspaceLine);border-radius:26px;background:var(--workspacePanel);color:var(--workspaceInk);box-shadow:0 22px 70px rgba(0,0,0,.22);font-family:var(--appFont,system-ui);z-index:3;opacity:0;transform-origin:center;transition:none!important;}
.liveInfoDialog[data-ready="false"] :is(.liveInfoPanel,.liveInfoRing,.liveInfoShade,.liveInfoPointer){visibility:hidden!important;}
.liveInfoDialog[data-ready="true"] .liveInfoPanel{opacity:1;}
.liveInfoPanel *{box-sizing:border-box;min-width:0;}
.liveInfoPanel button{font:inherit;cursor:pointer;touch-action:manipulation;color:var(--workspaceInk);}
.liveInfoPanel .workspaceVector{width:20px;height:20px;flex:none;}
.liveInfoHeader{display:flex;align-items:center;gap:11px;padding:16px 17px 13px;background:var(--workspaceWash);border-bottom:1px solid var(--workspaceLine);flex-shrink:0;}
.liveInfoMark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--workspaceLine);border-radius:14px;background:var(--workspacePanel);color:var(--workspacePrimary);flex:none;}
.liveInfoHeader>div{flex:1;}.liveInfoHeader small{display:block;font-size:9px;letter-spacing:.12em;font-weight:750;color:var(--workspacePrimary);}
.liveInfoHeader h2{font-size:18px;line-height:1.25;letter-spacing:-.025em;margin:4px 0 0;color:var(--workspaceInk);overflow-wrap:anywhere;}
.liveInfoHeader>button{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--workspaceLine);border-radius:14px;background:var(--workspacePanel);padding:0;}
.liveInfoHeader>button .workspaceVector{width:17px;height:17px;}
.liveInfoTabs{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;margin:12px 14px 0;border:1px solid var(--workspaceLine);border-radius:17px;background:var(--workspaceSoft);}
.liveInfoTabs button{display:grid;place-items:center;min-height:44px;border:0;border-radius:12px;background:transparent;font-size:12px;font-weight:650;white-space:nowrap;color:var(--workspaceMuted);}
.liveInfoTabs button[aria-selected="true"]{background:var(--workspacePanel);color:var(--workspacePrimary);box-shadow:0 2px 8px rgba(15,40,70,.07);}
.liveInfoBody{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1 1 auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--workspaceLine) transparent;}
.liveInfoWelcome{padding:22px;}
.liveInfoWelcomeArt{position:relative;isolation:isolate;display:grid;place-items:center;width:64px;height:60px;border-radius:21px;background:var(--workspaceWash);color:var(--workspacePrimary);margin:0 0 18px;transform:rotate(-6deg);}
.liveInfoWelcomeArt .workspaceVector{width:32px;height:32px;}.liveInfoWelcomeArt i{position:absolute;right:-8px;top:7px;width:9px;height:9px;background:var(--workspaceSecondary);border-radius:3px;transform:rotate(16deg);}.liveInfoWelcomeArt i:last-child{left:-6px;top:42px;width:5px;height:5px;border-radius:50%;background:var(--workspacePrimary);}
.liveInfoWelcome>small{font-size:8px;letter-spacing:.12em;font-weight:750;color:var(--workspacePrimary);display:block;}
.liveInfoWelcome h3{font-size:28px;line-height:1.12;letter-spacing:-.04em;font-weight:750;margin:11px 0 13px;color:var(--workspaceInk);text-wrap:balance;}
.liveInfoWelcome p{font-size:14px;line-height:1.7;color:var(--workspaceMuted);margin:0 0 21px;}
.liveInfoStart{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:0;border-radius:16px;padding:11px 14px;background:var(--journeyButtonFill,var(--workspacePrimary));color:var(--journeyButtonInk,#fff)!important;font-size:13px!important;font-weight:650!important;}
.liveInfoStart .workspaceVector:last-child{margin-left:auto;width:18px;height:18px;}.liveInfoPromise{display:block;text-align:center;font-size:10px;line-height:1.55;color:var(--workspaceMuted);margin-top:12px;}
.liveInfoListIntro{padding:13px 18px 10px;}.liveInfoListIntro p{font-size:12px;line-height:1.6;color:var(--workspaceMuted);margin:0;}
.liveInfoSearch{display:flex;align-items:center;gap:9px;border:1px solid var(--workspaceLine);border-radius:14px;background:var(--workspaceSoft);padding:0 12px;min-height:46px;margin-top:12px;color:var(--workspacePrimary);}
.liveInfoSearch input{width:100%;min-height:46px;border:0;background:transparent;color:var(--workspaceInk);outline:0;font:inherit;font-size:16px;}
.liveInfoSearch input::placeholder{color:var(--workspaceMuted);opacity:.85;}.liveInfoSearch:focus-within{outline:2px solid var(--workspacePrimary);outline-offset:2px;}
.liveInfoTopics{padding:0 12px 12px;}
.liveInfoTopic{display:flex;align-items:center;gap:11px;text-align:left;width:100%;border:1px solid var(--workspaceLine);background:var(--workspacePanel);border-radius:17px;padding:11px 12px;min-height:61px;margin:0 0 7px;}
.liveInfoTopic>i{display:grid;place-items:center;width:32px;height:34px;border-radius:11px;background:var(--workspaceWash);color:var(--workspacePrimary);flex:none;}
.liveInfoTopic>span{flex:1;}.liveInfoTopic b{font-size:13px;line-height:1.45;display:block;font-weight:650;overflow-wrap:anywhere;}
.liveInfoTopic small{display:block;font-size:11px;line-height:1.5;color:var(--workspaceMuted);margin-top:3px;}
.liveInfoTopic>.workspaceVector{width:14px;height:14px;color:var(--workspacePrimary);flex:none;}
.liveInfoTopic:hover{background:var(--workspaceSoft);border-color:var(--workspacePrimary);}
.liveInfoListFooter{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;border-top:1px solid var(--workspaceLine);padding:8px 14px;background:var(--workspacePanel);}
.liveInfoListFooter button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:12px;font-weight:650;background:transparent;border:0;color:var(--workspacePrimary);}.liveInfoListFooter small{font-size:9px;color:var(--workspaceMuted);text-align:right;max-width:100px;}
.liveInfoEmpty{padding:20px;text-align:center;color:var(--workspaceMuted);font-size:13px;}.liveInfoEmpty>.workspaceVector{display:block;margin:0 auto 10px;color:var(--workspacePrimary);}.liveInfoEmpty b{display:block;color:var(--workspaceInk);font-weight:650;}.liveInfoEmpty p{font-size:12px;line-height:1.6;margin:7px 0 0;}
/* A content-sized coach, repositioned beside the current control on every step. */
.isFollowing .liveInfoPanel{border-radius:23px;}.isFollowing .liveInfoHeader{padding:10px 14px;gap:9px;}.isFollowing .liveInfoMark{width:32px;height:34px;border-radius:12px;}.isFollowing .liveInfoHeader h2{font-size:13px;margin-top:3px;line-height:1.3;}.isFollowing .liveInfoHeader small{font-size:8px;letter-spacing:.09em;}.isFollowing .liveInfoHeader>button{width:44px;height:44px;}
.liveInfoDetail{padding:9px 19px 12px;}.liveInfoGuideTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px;}.liveInfoGuideTop>span{color:var(--workspaceMuted);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em;}
.liveInfoAll{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--workspacePrimary)!important;min-height:44px;padding:0;font-size:12px!important;}.liveInfoAll .workspaceVector{width:15px;height:15px;}
.liveInfoDetail h3{font-size:23px;line-height:1.17;letter-spacing:-.035em;margin:0 0 12px;color:var(--workspaceInk);text-wrap:balance;}
.liveInfoDetail p{font-size:14px;line-height:1.65;margin:0;color:var(--workspaceMuted);}
.liveInfoCurrent{border:1px solid var(--workspaceLine);border-radius:13px;background:var(--workspaceSoft);padding:10px 12px;font-size:12px;line-height:1.5;color:var(--workspaceInk);margin:14px 0 0;font-variant-numeric:tabular-nums;}
.liveInfoMissing{display:block;font-size:12px;line-height:1.5;margin-top:10px;color:var(--workspaceMuted);}
.liveInfoGuideFooter{flex:none;padding:0 17px 15px;background:var(--workspacePanel);}
.liveInfoProgress{height:3px;background:var(--workspaceSoft);border-radius:4px;overflow:hidden;margin-bottom:12px;}.liveInfoProgress>span{display:block;height:100%;border-radius:4px;background:var(--workspacePrimary);}
.liveInfoPaging{display:flex;gap:9px;justify-content:space-between;}.liveInfoPaging button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 15px;border:1px solid var(--workspaceLine);background:var(--workspaceSoft);border-radius:13px;font-size:12px;}.liveInfoPaging button:last-child{background:var(--journeyButtonFill,var(--workspacePrimary));color:var(--journeyButtonInk,#fff);border-color:transparent;font-weight:650;}
.liveInfoPaging .workspaceVector{width:15px;height:15px;}.liveInfoPanel button:disabled{opacity:.45;cursor:default;}
.liveInfoPanel button:focus-visible,.bookingWalkthrough button:focus-visible{outline:3px solid var(--workspacePrimary);outline-offset:2px;}
@media(max-height:650px){.liveInfoWelcome{padding:17px;}.liveInfoWelcomeArt{display:none;}.liveInfoWelcome h3{font-size:25px;}.isFollowing .liveInfoHeader{padding-block:6px;}.liveInfoDetail{padding:4px 16px 10px;}.liveInfoDetail h3{font-size:20px;margin-bottom:9px;}.liveInfoDetail p{font-size:13px;line-height:1.55;}.liveInfoGuideFooter{padding-bottom:10px;}.liveInfoGuideTop{margin:0;}}
@media(prefers-reduced-motion:reduce){.liveInfoDialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
html[data-motion="reduced"] .liveInfoDialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
/* The existing rental calendar gets a discoverable shortcut, not a new picker. */
html[data-palette] .findPage .findToolbar{display:flex!important;align-items:center!important;gap:8px!important;}
html[data-palette] .findPage .findToolbar .findSearch{flex:1 1 0;min-width:0;}
html[data-palette] .findPage .findCalendarShortcut{display:grid;place-items:center;width:44px;height:46px;min-width:44px;flex:0 0 44px;border:1px solid var(--workspaceLine);border-radius:14px;background:var(--workspacePanel);color:var(--workspacePrimary);padding:10px;cursor:pointer;touch-action:manipulation;}
html[data-palette] .findPage .findCalendarShortcut.hasDates{background:var(--workspaceWash);border-color:var(--workspacePrimary);}
.findCalendarShortcut svg{width:23px;height:23px;}.findCalendarShortcut:focus-visible{outline:3px solid var(--workspacePrimary);outline-offset:2px;}

/* Practice uses a contained stage, not a simulated real payment form. */
.bookingWalkthrough[open]{inset:0;position:fixed;padding:0;margin:auto;width:min(1080px,calc(100dvw - 48px));height:min(820px,calc(100dvh - 48px));max-width:100dvw;max-height:100dvh;border:1px solid var(--workspaceLine);border-radius:28px;background:var(--workspacePanel);color:var(--workspaceInk);overflow:hidden;font-family:var(--appFont,system-ui);box-shadow:var(--themeShadow);}
.bookingWalkthrough::backdrop{background:rgba(3,9,19,.52);backdrop-filter:blur(4px);}
.bookingWalkFrame{height:100%;width:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;min-width:0;}
.bookingWalkFrame *{box-sizing:border-box;min-width:0;}
.bookingWalkFrame button{font:inherit;color:var(--workspaceInk);cursor:pointer;touch-action:manipulation;}
.bookingWalkHeader{display:flex;align-items:center;gap:13px;padding:21px 27px;border-bottom:1px solid var(--workspaceLine);background:var(--workspaceWash);}
.bookingWalkHeader>span{display:grid;place-items:center;background:var(--workspacePanel);border:1px solid var(--workspaceLine);width:45px;height:45px;border-radius:15px;color:var(--workspacePrimary);flex:none;}
.bookingWalkHeader>span .workspaceVector{width:25px;height:25px;}.bookingWalkHeader>div{flex:1;}
.bookingWalkHeader small{font-size:9px;letter-spacing:.14em;color:var(--workspacePrimary);font-weight:800;}.bookingWalkHeader h1{font-size:22px;line-height:1.25;letter-spacing:-.035em;margin:5px 0 0;}
.bookingWalkHeader>button{width:44px;height:44px;border:1px solid var(--workspaceLine);border-radius:14px;padding:0;display:grid;place-items:center;background:var(--workspacePanel);flex:none;}.bookingWalkHeader>button .workspaceVector{width:18px;height:18px;}
.bookingWalkNotice{padding:10px 27px;border-bottom:1px solid var(--workspaceLine);background:var(--workspaceSoft);color:var(--workspaceMuted);font-size:11px;line-height:1.6;}
.bookingWalkLayout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:0;overflow:hidden;}
.bookingWalkChapters{padding:18px 12px;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--workspaceLine);overflow:auto;overscroll-behavior:contain;}
.bookingWalkChapters button{display:flex;align-items:center;gap:12px;flex:none;min-height:48px;padding:9px 12px;text-align:left;border:1px solid transparent;border-radius:14px;background:transparent;font-size:12px;line-height:1.4;}
.bookingWalkChapters small{color:var(--workspaceMuted);font-variant-numeric:tabular-nums;font-size:10px;}.bookingWalkChapters .isActive{background:var(--workspaceWash);border-color:var(--workspaceLine);font-weight:700;}.bookingWalkChapters .isActive small{color:var(--workspacePrimary);}
.bookingWalkStage{overflow:auto;overscroll-behavior:contain;min-height:0;padding:28px 34px 30px;scrollbar-width:thin;scrollbar-color:var(--workspaceLine) transparent;}
.bookingWalkEyebrow{font-size:10px;letter-spacing:.09em;font-weight:750;color:var(--workspacePrimary);text-transform:uppercase;}
.bookingWalkStage h2{font-size:clamp(28px,3.3dvw,37px);line-height:1.1;letter-spacing:-.045em;margin:15px 0;max-width:630px;}
.bookingWalkLead{font-size:14px;line-height:1.75;color:var(--workspaceMuted);margin:0 0 21px;max-width:630px;}
.bookingDemoCard{border:1px solid var(--workspaceLine);background:var(--workspaceSoft);border-radius:23px;padding:20px;}.bookingDemoCard h3{font-size:17px;letter-spacing:-.02em;margin:0 0 17px;}.bookingDemoCard p{font-size:13px;line-height:1.7;color:var(--workspaceMuted);}
.bookingDemoProjects,.bookingDemoCatalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.bookingDemoCatalog{grid-template-columns:repeat(3,minmax(0,1fr));}
.bookingDemoProject,.bookingDemoRental{border:1px solid var(--workspaceLine);border-radius:22px;background:var(--workspacePanel);padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;min-height:162px;}
.bookingDemoProject>span,.bookingDemoRental>span{display:grid;place-items:center;width:46px;height:46px;background:var(--workspaceWash);color:var(--workspacePrimary);border-radius:15px;}.bookingDemoProject>span .workspaceVector,.bookingDemoRental>span .workspaceVector{width:26px;height:26px;}
.bookingDemoProject>b,.bookingDemoRental>b{font-size:14px;line-height:1.4;}.bookingDemoProject small,.bookingDemoRental small{font-size:11px;line-height:1.5;color:var(--workspaceMuted);}
.bookingDemoProject>.workspaceVector,.bookingDemoRental>.workspaceVector{width:19px;height:19px;color:var(--workspacePrimary);align-self:flex-end;margin-top:auto;}
.bookingWalkFrame [aria-pressed="true"]{border-color:var(--workspacePrimary);background:var(--workspaceWash);box-shadow:inset 0 0 0 1px var(--workspacePrimary);}
.bookingWalkHint{display:flex;align-items:flex-start;gap:13px;margin-top:18px;padding:17px;border:1px solid var(--workspaceLine);border-radius:20px;background:var(--workspaceWash);}.bookingWalkHint>span{color:var(--workspacePrimary);flex:none;}.bookingWalkHint .workspaceVector{width:21px;height:21px;}.bookingWalkHint b{font-size:13px;line-height:1.4;}.bookingWalkHint p{font-size:12px;line-height:1.7;margin:6px 0 0;color:var(--workspaceMuted);}
.bookingDemoDate{display:grid;gap:9px;font-size:12px;}.bookingDemoDate input{font:inherit;font-size:16px;min-height:48px;width:100%;max-width:100%;border:1px solid var(--workspaceLine);border-radius:13px;background:var(--workspacePanel);color:var(--workspaceInk);padding:10px;box-sizing:border-box;}
.bookingDemoSchedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}.bookingDemoSchedule>span{display:grid;gap:6px;border:1px solid var(--workspaceLine);border-radius:13px;padding:13px;background:var(--workspacePanel);}.bookingDemoSchedule small{font-size:11px;color:var(--workspaceMuted);}.bookingDemoSchedule b{font-size:13px;}
.bookingDemoProductIcon{display:grid;place-items:center;height:88px;border-radius:16px;background:var(--workspaceWash);color:var(--workspacePrimary);}.bookingDemoProductIcon .workspaceVector{width:46px;height:46px;}
.bookingDemoQuantity{display:flex;align-items:center;gap:13px;margin:17px 0;font-size:13px;}.bookingDemoQuantity>span{flex:1;}.bookingDemoQuantity button{width:44px;height:44px;border:1px solid var(--workspaceLine);border-radius:12px;background:var(--workspacePanel);display:grid;place-items:center;}.bookingDemoQuantity .workspaceVector{width:19px;height:19px;}
.bookingDemoTotal,.bookingDemoLine{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;padding:14px 0 0;border-top:1px solid var(--workspaceLine);}.bookingDemoLine{padding:0 0 14px;border:0;}
.bookingDemoHold{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid var(--workspaceLine);border-radius:17px;background:var(--workspacePanel);}.bookingDemoHold>span{color:var(--workspacePrimary);}.bookingDemoHold .workspaceVector{width:29px;height:29px;}.bookingDemoHold small{font-size:9px;letter-spacing:.08em;display:block;color:var(--workspaceMuted);}.bookingDemoHold b{font-size:25px;line-height:1.3;display:block;margin-top:5px;}.bookingDemoHold p{margin:4px 0 0;font-size:11px;}
.bookingDemoChecklist{display:grid;gap:9px;}.bookingDemoChecklist>div{display:flex;align-items:center;gap:13px;padding:13px;background:var(--workspacePanel);border:1px solid var(--workspaceLine);border-radius:15px;}.bookingDemoChecklist .workspaceVector{width:24px;height:24px;color:var(--workspacePrimary);flex:none;}.bookingDemoChecklist b{font-size:13px;display:block;}.bookingDemoChecklist small{display:block;font-size:12px;color:var(--workspaceMuted);line-height:1.6;margin-top:4px;}
.bookingDemoBreakdown{display:grid;gap:13px;margin:0;}.bookingDemoBreakdown>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;}.bookingDemoBreakdown dd{margin:0;font-weight:750;white-space:nowrap;}.bookingDemoBreakdown dt{color:var(--workspaceMuted);}.bookingDemoBreakdown .bookingDemoSum{border-top:1px solid var(--workspaceLine);padding-top:16px;font-size:18px;}.bookingDemoSum dt{color:var(--workspaceInk);}
.bookingDemoPolicyTabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px;}.bookingDemoPolicyTabs span{padding:8px 11px;border:1px solid var(--workspaceLine);border-radius:20px;font-size:11px;background:var(--workspacePanel);}
.bookingDemoOption{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--workspaceLine);border-radius:16px;background:var(--workspacePanel);cursor:pointer;}.bookingDemoOption input{width:22px;height:22px;accent-color:var(--workspacePrimary);flex:none;}.bookingDemoOption b{display:block;font-size:13px;}.bookingDemoOption small{display:block;font-size:11px;line-height:1.6;color:var(--workspaceMuted);margin-top:5px;}
.bookingDemoPayment{display:flex;align-items:center;gap:13px;background:var(--workspacePanel);border:1px solid var(--workspaceLine);border-radius:16px;padding:16px;margin-top:18px;}.bookingDemoPayment>.workspaceVector{width:26px;height:26px;color:var(--workspacePrimary);flex:none;}.bookingDemoPayment b{display:block;font-size:13px;}.bookingDemoPayment small{display:block;font-size:12px;line-height:1.6;color:var(--workspaceMuted);margin-top:6px;}
.bookingDemoFinish{text-align:center;border:1px solid var(--workspaceLine);border-radius:24px;padding:25px;background:var(--workspaceWash);}.bookingDemoFinish>span{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:var(--workspacePanel);color:var(--workspacePrimary);margin:auto;}.bookingDemoFinish .workspaceVector{width:34px;height:34px;}.bookingDemoFinish h3{font-size:21px;margin:17px 0 9px;}.bookingDemoFinish p{color:var(--workspaceMuted);font-size:13px;line-height:1.7;}.bookingDemoFinish button{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;min-height:46px;border:0;border-radius:14px;font-size:13px;}.bookingDemoFinish button .workspaceVector{width:18px;height:18px;}
.bookingWalkFooter{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 27px;background:var(--workspacePanel);border-top:1px solid var(--workspaceLine);}.bookingWalkFooter>small{font-size:11px;color:var(--workspaceMuted);}.bookingWalkFooter>div{display:flex;gap:9px;}.bookingWalkFooter button{min-height:46px;padding:10px 18px;border:1px solid var(--workspaceLine);border-radius:14px;background:var(--workspaceSoft);font-size:13px;}.bookingWalkFrame .bookingWalkPrimary{background:var(--journeyButtonFill,var(--workspacePrimary));color:var(--journeyButtonInk,#fff);border-color:transparent;}.bookingWalkFrame button:disabled{opacity:.45;cursor:default;}
@media(max-width:759px),(pointer:coarse){
 .bookingWalkthrough[open]{width:100dvw!important;height:100dvh!important;max-width:100dvw!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;}
 .bookingWalkHeader{padding:calc(16px + env(safe-area-inset-top,0px)) 19px 15px;gap:10px;}.bookingWalkHeader h1{font-size:19px;}.bookingWalkHeader>span{width:39px;height:39px;border-radius:13px;}
 .bookingWalkNotice{padding:10px 20px;}.bookingWalkLayout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);}
 .bookingWalkChapters{flex-direction:row;border-right:0;border-bottom:1px solid var(--workspaceLine);padding:9px 14px;gap:7px;overflow-x:auto;max-width:100dvw;scrollbar-width:none;}.bookingWalkChapters button{min-height:44px;max-width:155px;gap:8px;white-space:nowrap;}.bookingWalkChapters button span{overflow:hidden;text-overflow:ellipsis;}
 .bookingWalkStage{padding:23px max(23px,calc((100dvw - 660px)/2)) 27px;}.bookingWalkStage h2{font-size:34px;}.bookingWalkLead{font-size:14px;}
 .bookingWalkFooter{padding:13px 19px calc(14px + env(safe-area-inset-bottom,0px));}.bookingWalkFooter button{padding:10px 14px;}
}
@media(max-width:499px){.bookingDemoCatalog{grid-template-columns:1fr;gap:8px;}.bookingDemoRental{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;grid-template-rows:auto auto;min-height:85px;align-items:center;padding:12px 15px;gap:5px 12px;}.bookingDemoRental>span{grid-row:1/3;}.bookingDemoRental>b{grid-column:2;grid-row:1;}.bookingDemoRental>small{grid-column:2;grid-row:2;}.bookingDemoRental>.workspaceVector{grid-column:3;grid-row:1/3;margin:0;align-self:center;}.bookingDemoProject{padding:14px;}.bookingDemoCard{padding:17px;}.bookingDemoSchedule b{font-size:12px;}.bookingWalkStage h2{font-size:31px;}}
@media(max-height:510px){.bookingWalkHeader{padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:9px;}.bookingWalkNotice{padding-top:5px;padding-bottom:5px;}.bookingWalkChapters{padding-top:4px;padding-bottom:4px;}.bookingWalkFooter{padding-top:8px;padding-bottom:max(9px,env(safe-area-inset-bottom,0px));}.bookingWalkStage{padding-top:17px;}.liveInfoHeader{padding:11px 15px;}.liveInfoFooter{padding:8px;}}
@media(prefers-reduced-motion:reduce){.liveInfoDialog *,.bookingWalkthrough *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}

html[data-palette][data-color-scheme] .launchNoticeClose{background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}

/* END assets/css/core/live-info.css */

/* BEGIN assets/css/tabs/thread.css */
/* Thread belongs to the active Infinis scenery. No OS-only color overrides. */
.threadPage{
 --threadPaper:var(--workspacePanel,var(--appPanel));--threadSoft:var(--workspaceSoft,var(--appPanelSoft));
 --threadInk:var(--workspaceInk,var(--appText));--threadMuted:var(--workspaceMuted,var(--appMuted));
 --threadLine:var(--workspaceLine,var(--appLine));--threadBlue:var(--workspacePrimary,var(--appBlue));--threadPink:var(--workspaceSecondary,var(--appPink));
 --threadWash:var(--workspaceWash,var(--appAccentGlass));
 width:min(1180px,calc(100% - 32px));max-width:100%;margin:0 auto;padding:8px 0 28px;
 box-sizing:border-box;color:var(--threadInk);font-family:var(--appFont,system-ui);background:transparent!important;
}
.threadPage *{box-sizing:border-box;min-width:0;}
.threadPage [hidden]{display:none!important;}
.threadPage :is(button,input,select){font:inherit;}
.threadPage button{color:inherit;cursor:pointer;touch-action:manipulation;}
.threadPage button:disabled{cursor:default;opacity:.55;}
.threadPage .workspaceVector{width:21px;height:21px;flex:none;}
.threadPage :is(button,a,input,select):focus-visible{outline:3px solid var(--threadBlue);outline-offset:3px;}
.threadPage :is(h1,h2,h3,p){overflow-wrap:break-word;}
.threadPage h1{font-size:clamp(31px,4dvw,41px);line-height:1.12;letter-spacing:-.045em;margin:7px 0 0;font-weight:750;}
.threadPage h2{color:var(--threadInk);}
.threadView{display:grid;gap:20px;min-width:0;}
.threadHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px;}
.threadHeading small,.threadResultsHead small,.threadDetailHeader small,.threadStoryBlock>small,.threadPhilosophy small{font-size:10px;letter-spacing:.13em;font-weight:750;color:var(--threadMuted);}
.threadModeTabs{display:flex;gap:3px;padding:4px;border:1px solid var(--threadLine);background:var(--threadSoft);border-radius:16px;flex:none;}
.threadModeTabs button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border:0;background:transparent;border-radius:12px;font-size:12px;font-weight:650;white-space:nowrap;color:var(--threadMuted);}
.threadModeTabs .workspaceVector{width:16px;height:16px;}
.threadModeTabs [aria-selected="true"]{background:var(--threadPaper);color:var(--threadInk);box-shadow:0 3px 12px color-mix(in srgb,var(--threadInk) 5%,transparent);}
.threadDiscovery{display:grid;gap:18px;}
.threadHero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);align-items:center;gap:18px;padding:34px 38px;min-height:300px;overflow:hidden;border:1px solid var(--threadLine);border-radius:30px;background:var(--threadWash),var(--threadPaper);}
.threadHero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 0%,var(--workspaceGlowBlue),transparent 70%),radial-gradient(ellipse at 85% 90%,var(--workspaceGlowPink),transparent 60%);}
.threadHeroCopy{z-index:1;}
.threadMakerPill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--threadLine);border-radius:99px;background:color-mix(in srgb,var(--threadPaper) 68%,transparent);color:var(--threadBlue);font-size:10px;line-height:1.5;font-weight:750;letter-spacing:.065em;padding:7px 11px;max-width:100%;}
.threadMakerPill .workspaceVector{width:18px;height:18px;}
.threadHero h2{font-size:clamp(32px,3.5dvw,46px);font-weight:740;line-height:1.13;letter-spacing:-.052em;margin:20px 0 16px;}
.threadHero h2 em{font-style:normal;color:var(--threadBlue);}
.threadHero p{font-size:14px;line-height:1.75;color:var(--threadMuted);max-width:410px;margin:0;}
.threadHeroLink{display:inline-flex;align-items:center;gap:12px;padding:12px 0 3px;min-height:44px;border:0;background:transparent;font-size:12px;font-weight:750;margin-top:10px;}
.threadHeroLink .workspaceVector{width:17px;height:17px;color:var(--threadBlue);}
.threadWeave{position:relative;height:258px;width:100%;max-width:350px;margin:auto;isolation:isolate;}
.threadWeaveHalo{position:absolute;inset:7%;border-radius:50%;border:1px dashed color-mix(in srgb,var(--threadBlue) 23%,transparent);transform:rotate(-18deg);background:radial-gradient(ellipse,var(--workspaceGlowPink),transparent 68%);}
.threadWeaveLoom{position:absolute;inset:19% 20%;transform:rotate(-14deg);animation:threadLoomFloat 9s ease-in-out infinite;}
.threadRibbon{position:absolute;left:0;top:14%;width:100%;height:24%;border:1px solid color-mix(in srgb,var(--threadBlue) 22%,transparent);border-radius:13px;background:linear-gradient(150deg,color-mix(in srgb,var(--threadBlue) 20%,var(--threadPaper)),color-mix(in srgb,var(--threadBlue) 6%,var(--threadPaper)));box-shadow:0 9px 16px color-mix(in srgb,var(--threadInk) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--threadPaper) 80%,transparent);}
.threadRibbon.r1{top:43%;}.threadRibbon.r2{top:72%;}
.threadRibbon.r3,.threadRibbon.r4,.threadRibbon.r5{left:5%;top:0;width:22%;height:110%;background:linear-gradient(110deg,color-mix(in srgb,var(--threadPink) 24%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 10%,var(--threadPaper)));border-color:color-mix(in srgb,var(--threadPink) 25%,transparent);}
.threadRibbon.r4{left:39%;}.threadRibbon.r5{left:72%;}
.threadRibbon.r0{z-index:2;}.threadRibbon.r4{z-index:3;}.threadRibbon.r2{z-index:4;}
.threadWeaveLoom>span{position:absolute;display:grid;place-items:center;left:36%;top:36%;width:32%;aspect-ratio:1;border:1px solid var(--threadLine);border-radius:17px;background:var(--threadPaper);color:var(--threadBlue);z-index:5;box-shadow:var(--themeShadow);transform:rotate(14deg);}
.threadWeaveLoom>span .workspaceVector{width:60%;height:60%;}
.threadFloat{position:absolute;z-index:6;padding:10px 14px;border:1px solid var(--threadLine);border-radius:14px;background:color-mix(in srgb,var(--threadPaper) 88%,transparent);font-size:11px;font-weight:650;box-shadow:0 6px 16px color-mix(in srgb,var(--threadInk) 4%,transparent);}
.threadFloat.wordOne{left:0;top:13%;transform:rotate(-7deg);}.threadFloat.wordTwo{right:0;top:35%;transform:rotate(5deg);}.threadFloat.wordThree{left:24%;bottom:0;transform:rotate(-3deg);color:var(--threadBlue);}
@keyframes threadLoomFloat{0%,100%{translate:0 0;rotate:0deg;}50%{translate:0 -6px;rotate:2deg;}}
.threadCategories{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;min-width:0;max-width:100%;padding:5px 2px 7px;border-bottom:1px solid var(--threadLine);scroll-margin-top:8px;}
.threadCategories::-webkit-scrollbar{display:none;}
.threadCategories button{flex:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--threadMuted);font-size:12px;font-weight:620;white-space:nowrap;}
.threadCategories button .workspaceVector{width:18px;height:18px;}
.threadCategories [aria-selected="true"]{background:var(--threadWash);color:var(--threadBlue);border-color:var(--threadLine);}
.threadToolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,225px);gap:12px;}
.threadSearch{display:flex;align-items:center;gap:10px;padding:0 12px 0 15px;min-height:48px;background:var(--threadPaper);border:1px solid var(--threadLine);border-radius:15px;}
.threadSearch>.workspaceVector{color:var(--threadMuted);width:19px;height:19px;}
.threadSearch input{width:100%;min-height:46px;border:0;outline:0;background:transparent!important;color:var(--threadInk);font-size:16px;padding:8px 0;}
.threadSearch input:focus-visible{outline:0;}.threadSearch:focus-within{outline:2px solid var(--threadBlue);outline-offset:2px;}
.threadSearch input::placeholder{color:var(--threadMuted);opacity:.9;}
.threadSearch button{display:grid;place-items:center;width:36px;height:40px;flex:none;padding:0;border:0;background:transparent;}.threadSearch button .workspaceVector{width:15px;height:15px;}
.threadFilter{display:flex;align-items:center;gap:8px;border:1px solid var(--threadLine);border-radius:15px;background:var(--threadSoft);padding:0 12px;}
.threadFilter>.workspaceVector{width:18px;height:18px;color:var(--threadBlue);}
.threadFilter select{width:100%;min-height:48px;background:transparent;color:var(--threadInk);border:0;font-size:12px;font-weight:620;padding:7px 2px;}
.threadFilter option{background:var(--threadPaper);color:var(--threadInk);}
.threadResultsHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 17px;}
.threadResultsHead h2{margin:7px 0 0;font-size:24px;line-height:1.25;letter-spacing:-.035em;}
.threadResultsHead>span{white-space:nowrap;font-size:11px;color:var(--threadMuted);}
.threadCreationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.threadCreationCard{overflow:hidden;display:flex;flex-direction:column;background:var(--threadPaper);border:1px solid var(--threadLine);border-radius:25px;box-shadow:0 5px 18px color-mix(in srgb,var(--threadInk) 3%,transparent);}
.threadCardOpen{display:flex;flex-direction:column;flex:1;padding:0;border:0;background:transparent;text-align:left;width:100%;}
.threadCardCover{position:relative;display:grid;place-items:center;height:178px;width:100%;overflow:hidden;background:var(--threadWash),var(--threadSoft);border-bottom:1px solid var(--threadLine);}
.threadCardCover.art-game{background:radial-gradient(ellipse at 80% 90%,var(--workspaceGlowPink),transparent),var(--threadSoft);}
.threadCardCover.art-board{background:radial-gradient(ellipse at 10% 0%,var(--workspaceGlowBlue),transparent),var(--threadSoft);}
.threadCardKind{position:absolute;left:15px;top:13px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;color:var(--threadMuted);z-index:3;}
.threadCoverArt{position:relative;display:grid;place-items:center;width:190px;height:146px;margin:auto;isolation:isolate;}
.threadCoverArt.isLogo img{display:block;width:88px;height:88px;object-fit:contain;border-radius:23px;transform:rotate(-6deg);box-shadow:0 15px 26px color-mix(in srgb,var(--threadInk) 15%,transparent);border:1px solid var(--threadLine);z-index:1;}
.threadArtOrbit{position:absolute;width:146px;height:100px;border:1px dashed color-mix(in srgb,var(--threadBlue) 32%,transparent);border-radius:50%;transform:rotate(-27deg);}
.threadCoverArt.imageUnavailable:after{content:"Thread";font-size:26px;color:var(--threadBlue);font-weight:750;}
.threadGameCard{position:absolute;width:72px;height:96px;border:1px solid color-mix(in srgb,var(--threadPink) 36%,transparent);border-radius:14px;box-shadow:0 10px 23px color-mix(in srgb,var(--threadInk) 9%,transparent);}
.threadGameCard.back{top:22px;left:42px;transform:rotate(-19deg);background:var(--threadWash),var(--threadPaper);}
.threadGameCard.front{top:24px;left:83px;transform:rotate(13deg);background:var(--threadPaper);display:grid;place-items:center;color:var(--threadBlue);}
.threadGameCard.front>.workspaceVector{width:37px;height:37px;}.threadGameCard.front i{position:absolute;top:11px;left:11px;width:6px;height:6px;background:var(--threadPink);border-radius:2px;}.threadGameCard.front i:last-child{left:auto;top:auto;bottom:11px;right:11px;}
.threadArtSpark{position:absolute;right:12px;top:12px;font-size:30px;color:var(--threadPink);font-weight:300;}
.threadBoard{position:absolute;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;width:142px;height:86px;transform:perspective(300px) rotateX(28deg) rotateZ(-18deg);border:1px solid var(--threadLine);background:var(--threadPaper);border-radius:13px;box-shadow:0 9px 0 color-mix(in srgb,var(--threadBlue) 20%,var(--threadSoft)),0 22px 22px color-mix(in srgb,var(--threadInk) 12%,transparent);}
.threadBoard i{background:var(--threadWash);border-radius:4px;}.threadBoard i:nth-child(2n){background:color-mix(in srgb,var(--threadPink) 14%,var(--threadPaper));}
.threadPawn{position:absolute;width:25px;height:39px;border-radius:12px 12px 5px 5px;box-shadow:inset -5px 0 0 color-mix(in srgb,var(--threadInk) 10%,transparent),0 6px 8px color-mix(in srgb,var(--threadInk) 12%,transparent);}
.threadPawn:before{content:"";position:absolute;left:3px;top:-11px;width:19px;height:19px;border-radius:50%;background:inherit;}
.threadPawn.p1{left:48px;top:39px;transform:rotate(-13deg);background:color-mix(in srgb,var(--threadBlue) 65%,var(--threadPaper));}.threadPawn.p2{left:114px;top:65px;transform:rotate(-13deg);background:color-mix(in srgb,var(--threadPink) 58%,var(--threadPaper));}
.threadCoverArt.isWeave>.workspaceVector{width:90px;height:90px;color:var(--threadBlue);}
.threadCardCopy{display:flex;flex-direction:column;gap:11px;padding:20px 20px 18px;flex:1;width:100%;}
.threadCardTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;}.threadCardTitle h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:0;}.threadCardTitle>.workspaceVector{width:17px;height:17px;color:var(--threadBlue);}
.threadCardCopy>p{font-size:12px;line-height:1.7;color:var(--threadMuted);margin:0 0 3px;flex:1;}
.threadStatus{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--threadLine);border-radius:99px;align-self:flex-start;max-width:100%;padding:5px 9px;font-size:10px;line-height:1.45;font-weight:650;color:var(--threadMuted);background:var(--threadSoft);}
.threadStatus>.workspaceVector{width:13px;height:13px;}.threadStatus.is-weaving{color:var(--threadBlue);background:var(--threadWash);}
.threadStatus.is-weaving>i{width:6px;height:6px;border-radius:50%;background:var(--threadBlue);box-shadow:0 0 0 3px color-mix(in srgb,var(--threadBlue) 10%,transparent);}
.threadStatus.is-woven{color:var(--threadBlue);}
.threadCardFoot{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--threadLine);padding:3px 12px 3px 20px;}
.threadCardFoot>span{font-size:10px;color:var(--threadMuted);display:flex;align-items:center;gap:5px;line-height:1.5;}.threadCardFoot>span .workspaceVector{width:16px;height:16px;color:var(--threadBlue);}
.threadSave{border:0;background:transparent;border-radius:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;flex:none;color:var(--threadMuted)!important;}
.threadSave[aria-pressed="true"]{color:var(--threadBlue)!important;background:var(--threadWash);}
.threadSave>.workspaceVector{width:20px;height:20px;}
.threadEmpty,.threadLoading{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:240px;padding:33px 24px;border:1px solid var(--threadLine);border-radius:25px;background:var(--threadWash),var(--threadPaper);gap:12px;}
.threadEmpty>.workspaceVector,.threadLoading>.workspaceVector{width:47px;height:47px;color:var(--threadBlue);margin-bottom:5px;}
.threadEmpty h3,.threadEmpty h2{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0;}.threadEmpty p{font-size:13px;line-height:1.75;max-width:420px;color:var(--threadMuted);margin:0 0 5px;}.threadEmpty>small{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--threadBlue);}
.threadButton{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid var(--threadLine);border-radius:14px;padding:11px 16px;background:var(--threadPaper);font-size:12px!important;font-weight:670!important;text-decoration:none;line-height:1.4;}
.threadButton.isPrimary{background:var(--journeyButtonFill,var(--threadBlue));color:var(--journeyButtonInk,var(--threadPaper));border-color:transparent;}.threadButton .workspaceVector{width:18px;height:18px;}
.threadTextButton{font-size:12px!important;min-height:44px;border:0;background:transparent;color:var(--threadBlue)!important;padding:8px 15px;}
.threadLocalNote{font-size:12px;line-height:1.7;margin:0 0 16px;color:var(--threadMuted);max-width:600px;}
.threadPageFoot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--threadLine);padding-top:15px;margin-top:5px;color:var(--threadMuted);font-size:11px;}
.threadPageFoot>span{display:flex;align-items:center;gap:7px;}.threadPageFoot>.workspaceVector{width:18px;height:18px;}
.threadPageFoot button{font-size:11px;line-height:1.5;background:transparent;border:0;color:var(--threadBlue);display:flex;align-items:center;gap:6px;text-align:left;min-height:44px;padding:5px 0;}
.threadPageFoot button>.workspaceVector{width:16px;height:16px;}
.threadBackline{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.threadBackline button{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid var(--threadLine);background:var(--threadPaper);border-radius:13px;font-size:12px;font-weight:650;}
.threadBackline>span{font-size:9px;letter-spacing:.08em;color:var(--threadMuted);}
.threadDetailHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:8px 2px;}
.threadDetailHeader h1{font-size:clamp(34px,4dvw,48px);}
.threadDetailHeader p{max-width:650px;font-size:14px;line-height:1.7;color:var(--threadMuted);margin:12px 0 15px;}
.threadDetailActions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:9px;flex:0 1 310px;}
.threadDetailActions .threadButton{white-space:nowrap;}.threadIconButton{display:grid;place-items:center;width:46px;height:46px;background:var(--threadPaper);border:1px solid var(--threadLine);border-radius:14px;flex:none;}
.threadDetailTabs{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--threadLine);padding:4px 2px 9px;}
.threadDetailTabs button{min-height:44px;padding:10px 23px;font-size:12px;font-weight:650;color:var(--threadMuted);border:1px solid transparent;border-radius:13px;background:transparent;}
.threadDetailTabs button[aria-selected="true"]{color:var(--threadBlue);background:var(--threadWash);border-color:var(--threadLine);}
.threadDetailBody{min-width:0;}
.threadStandardOverview{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start;}
.threadDetailCover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:285px;background:var(--threadWash),var(--threadPaper);border:1px solid var(--threadLine);border-radius:26px;}
.threadDetailCover .threadCoverArt{transform:scale(1.24);margin:20px;}.threadDetailCover>small{font-size:8px;letter-spacing:.12em;color:var(--threadMuted);margin:15px;text-align:center;}
.threadStoryBlock{padding:27px;border:1px solid var(--threadLine);border-radius:24px;background:var(--threadPaper);}
.threadStoryBlock h2{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin:18px 0 16px;}
.threadStoryBlock p{font-size:14px;line-height:1.8;color:var(--threadMuted);max-width:750px;}
.threadStoryBlock>small{line-height:1.6;}
.threadStitchTrack{display:flex;gap:10px;margin:22px 0;max-width:300px;}.threadStitchTrack>i{height:7px;flex:1;background:var(--threadWash);border-radius:99px;border:1px solid var(--threadLine);}.threadStitchTrack>i:nth-child(2n+1){background:color-mix(in srgb,var(--threadBlue) 50%,var(--threadPaper));}.threadStitchTrack>i:nth-child(2n){background:color-mix(in srgb,var(--threadPink) 40%,var(--threadPaper));}
.threadGallery{display:grid;gap:15px;margin-top:20px;}.threadGallery figure{margin:0;}.threadGallery img{max-width:100%;height:auto;border-radius:18px;}.threadGallery figcaption{font-size:12px;color:var(--threadMuted);line-height:1.6;margin-top:8px;}
.threadAccessCard{display:flex;align-items:flex-start;gap:20px;padding:30px;border:1px solid var(--threadLine);border-radius:25px;background:var(--threadWash),var(--threadPaper);}
.threadAccessCard>span{display:grid;place-items:center;width:47px;height:47px;background:var(--threadPaper);color:var(--threadBlue);border:1px solid var(--threadLine);border-radius:16px;flex:none;}
.threadAccessCard small{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--threadBlue);}.threadAccessCard h2{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:10px 0;}.threadAccessCard p{font-size:14px;line-height:1.8;color:var(--threadMuted);max-width:680px;margin:0 0 18px;}
.threadAccessCard .threadPlanNames{font-size:12px;}
.threadDetailFoot{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;font-size:11px;color:var(--threadMuted);}
.threadAuraContent.infinisScene.scenePage{width:100%!important;padding:0!important;margin:0!important;max-width:100%;background:transparent!important;}
.threadAuraContent .auraSceneHero{background:var(--threadPaper)!important;color:var(--threadInk)!important;}
.threadAuraContent .auraSceneTile{background:var(--threadSoft)!important;color:var(--threadInk)!important;border-color:var(--threadLine)!important;}
.threadAuraContent .auraSceneTile b,.threadAuraContent .auraSceneCopy h2{color:var(--threadInk)!important;}
.threadAuraContent .auraSceneCopy p,.threadAuraContent .auraSceneSignature{color:var(--threadMuted)!important;}
.threadPhilosophy{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px;padding:36px;border:1px solid var(--threadLine);border-radius:28px;background:var(--threadWash),var(--threadPaper);}
.threadPhilosophy h1{font-size:clamp(34px,4dvw,49px);line-height:1.08;margin:17px 0;}.threadPhilosophy h2{font-size:23px;letter-spacing:-.035em;margin:22px 0 12px;}.threadPhilosophy p{font-size:14px;line-height:1.85;color:var(--threadMuted);}.threadPhilosophy .threadMakerPill{margin-top:13px;}
@media(hover:hover) and (pointer:fine){.threadCardOpen:hover .threadCardTitle{color:var(--threadBlue);}.threadSave:hover,.threadIconButton:hover{background:var(--threadWash);}.threadCategories button:hover{color:var(--threadBlue);}.threadHeroLink:hover{color:var(--threadBlue);}}
@media(min-width:1200px){.threadPage{padding-top:14px;}.threadDiscovery{gap:23px;}.threadHero{padding:38px 46px;}.threadCreationGrid{gap:20px;}}
@media(min-width:601px) and (max-width:1000px){.threadCreationGrid{grid-template-columns:repeat(2,minmax(0,1fr));}.threadHero{grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr);padding:28px;}.threadWeave{height:230px;}.threadHero h2{font-size:34px;}.threadDetailHeader{align-items:flex-start;}.threadDetailActions{flex-direction:column;align-items:flex-end;}.threadStandardOverview{grid-template-columns:1fr 1.15fr;}}
@media(max-width:600px){
 .threadPage{width:calc(100% - 30px);padding-top:3px;}.threadView{gap:17px;}.threadHeading{align-items:center;gap:10px;}.threadHeading small{font-size:8px;letter-spacing:.1em;max-width:135px;display:block;line-height:1.5;}.threadHeading h1{font-size:31px;}.threadModeTabs{padding:3px;gap:1px;border-radius:14px;}.threadModeTabs button{padding:8px 11px;font-size:11px;gap:5px;}.threadModeTabs .workspaceVector{width:15px;height:15px;}
 .threadHero{display:block;min-height:249px;padding:23px 22px;border-radius:24px;}.threadHero h2{font-size:clamp(28px,7.8dvw,39px);margin:17px 0 12px;max-width:100%;}.threadHero p{font-size:12px;line-height:1.7;max-width:calc(100% - 63px);}.threadHeroLink{margin-top:7px;font-size:11px;max-width:calc(100% - 67px);gap:6px;line-height:1.6;}.threadMakerPill{font-size:8px;padding:6px 9px;gap:6px;}.threadMakerPill>.workspaceVector{width:15px;height:15px;}
 .threadHero .threadWeave{position:absolute;right:0;bottom:5px;width:110px;height:117px;max-width:31%;margin:0;z-index:0;}.threadHero .threadFloat{display:none;}.threadHero .threadWeaveLoom{inset:18% 17%;}.threadHero .threadWeaveLoom>span{border-radius:8px;}.threadHero .threadRibbon{border-radius:7px;}
 .threadDiscovery{gap:15px;}.threadCategories{margin:0;gap:3px;}.threadCategories button{padding:9px 12px;font-size:11px;gap:6px;}.threadCategories .workspaceVector{width:17px;height:17px;}
 .threadToolbar{grid-template-columns:minmax(0,1fr) 133px;gap:8px;}.threadSearch{gap:7px;padding-left:12px;padding-right:6px;}.threadSearch>.workspaceVector{width:17px;height:17px;}.threadSearch input{font-size:16px;}.threadSearch input::placeholder{font-size:12px;}.threadFilter{padding:0 9px;gap:4px;}.threadFilter>.workspaceVector{display:none;}.threadFilter select{font-size:11px;}
 .threadResultsHead{gap:12px;margin:3px 0 13px;}.threadResultsHead small{font-size:8px;}.threadResultsHead h2{font-size:22px;}.threadResultsHead>span{font-size:10px;}
 .threadCreationGrid{grid-template-columns:1fr;gap:12px;}.threadCreationCard{border-radius:21px;}.threadCardOpen{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:stretch;}.threadCardCover{height:100%;min-height:145px;border-bottom:0;border-right:1px solid var(--threadLine);}.threadCoverArt{transform:scale(.68);width:160px;height:145px;}.threadCardCover>.threadCoverArt{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) scale(.68);}
 .threadCardKind{top:10px;left:10px;font-size:7px;letter-spacing:.07em;}.threadCardCopy{gap:8px;padding:18px 15px 14px;}.threadCardTitle h3{font-size:20px;}.threadCardTitle>.workspaceVector{width:15px;height:15px;}.threadCardCopy>p{font-size:11px;line-height:1.55;}.threadStatus{font-size:9px;padding:4px 8px;gap:5px;}.threadCardFoot{min-height:47px;padding:1px 9px 1px 14px;}.threadCardFoot>span{font-size:10px;}
 .threadPageFoot{align-items:flex-start;flex-direction:column;gap:2px;padding:14px 2px 0;}.threadPageFoot>span{font-size:10px;}.threadPageFoot button{font-size:10px;}.threadEmpty{padding:27px 20px;min-height:260px;}.threadEmpty h2,.threadEmpty h3{font-size:24px;}
 .threadBackline>span{font-size:8px;letter-spacing:.04em;}.threadDetailHeader{flex-direction:column;align-items:stretch;gap:16px;padding:0;}.threadDetailHeader h1{font-size:38px;}.threadDetailHeader small{font-size:9px;}.threadDetailHeader p{font-size:13px;}.threadDetailActions{justify-content:flex-start;flex:initial;gap:8px;}.threadDetailActions .threadButton{font-size:11px!important;}.threadDetailTabs{gap:3px;}.threadDetailTabs button{flex:1;padding:10px 12px;}
 .threadStandardOverview{grid-template-columns:1fr;gap:15px;}.threadDetailCover{min-height:205px;}.threadDetailCover .threadCoverArt{transform:scale(1);margin:4px;}.threadDetailCover>small{margin:0 10px 10px;}.threadStoryBlock{padding:22px;border-radius:21px;}.threadStoryBlock h2{font-size:25px;}.threadStoryBlock p{font-size:13px;}.threadAccessCard{padding:22px;gap:12px;}.threadAccessCard>span{width:36px;height:36px;border-radius:12px;}.threadAccessCard h2{font-size:21px;}.threadAccessCard p{font-size:13px;}.threadAccessCard small{font-size:9px;}
 .threadPhilosophy{grid-template-columns:1fr;gap:16px;padding:23px;}.threadPhilosophy .threadWeave{height:210px;max-width:260px;}.threadPhilosophy p{font-size:13px;}.threadAuraContent .auraSceneHero{border-radius:23px;}
}
@media(max-width:350px){.threadHeading small{font-size:7px;}.threadModeTabs button{font-size:10px;padding-inline:8px;}.threadModeTabs .workspaceVector{display:none;}.threadToolbar{grid-template-columns:minmax(0,1fr) 115px;}.threadCardOpen{grid-template-columns:87px minmax(0,1fr);}.threadCardCopy{padding:15px 12px;}.threadHero{padding:21px 19px;}.threadHero h2{font-size:27px;}.threadHero p{max-width:100%;}.threadHero .threadWeave{opacity:.4;bottom:0;}.threadHeroLink{position:relative;z-index:1;}}
@media(prefers-reduced-motion:reduce){.threadPage *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
html[data-motion="reduced"] .threadPage *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}

/* The host's old form paint must not create square inserts inside Thread controls. */
html[data-palette][data-color-scheme] #tabMount .threadPage .threadSearch input[data-thread-search],
html[data-palette][data-color-scheme] #tabMount .threadPage .threadFilter select[data-thread-collection]{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] #tabMount .threadPage .threadSearch input[data-thread-search]{padding:8px 0!important;}
html[data-palette][data-color-scheme] .navitem[data-page="thread"].active{color:var(--workspaceInk)!important;}

/* v0452 device-aware access badges */
.threadBuildPills{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 4px;}
.threadBuildPill{display:inline-grid;grid-template-columns:22px auto;column-gap:7px;align-items:center;padding:9px 11px;border:1px solid var(--threadLine);border-radius:13px;background:var(--threadSoft);color:var(--threadInk);}
.threadBuildPill>.workspaceVector{grid-row:1/3;width:19px;height:19px;color:var(--threadBlue);}
.threadBuildPill b{font-size:11px;line-height:1.25;}.threadBuildPill small{font-size:9px;line-height:1.3;color:var(--threadMuted);}

/* v0455: explicit public access actions. A saved website/build should never be invisible to visitors. */
.threadAccessActions{margin-top:20px;padding-top:17px;border-top:1px solid var(--threadLine);}
.threadAccessActions>small{display:block;margin-bottom:10px;font-size:9px!important;font-weight:800!important;letter-spacing:.13em;color:var(--threadMuted)!important;}
.threadLaunchChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px;width:100%;}
.threadLaunchChoice{min-width:0;min-height:64px;padding:10px 12px;border:1px solid var(--threadLine);border-radius:16px;background:var(--threadPaper);color:var(--threadInk);display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:10px;text-align:left;font:inherit;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.threadLaunchChoice>.workspaceVector:first-child{width:24px;height:24px;color:var(--threadBlue);}
.threadLaunchChoice>.workspaceVector:last-child{width:18px;height:18px;color:var(--threadMuted);}
.threadLaunchChoice span{min-width:0;display:block;}
.threadLaunchChoice b,.threadLaunchChoice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.threadLaunchChoice b{font-size:12px;line-height:1.25;}
.threadLaunchChoice small{margin-top:4px;font-size:9px!important;line-height:1.3;letter-spacing:0!important;color:var(--threadMuted)!important;}
.threadLaunchChoice.isDevice{background:var(--threadWash),var(--threadPaper);border-color:color-mix(in srgb,var(--threadBlue) 45%,var(--threadLine));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--threadBlue) 12%,transparent);}
.threadLaunchChoice:active{transform:scale(.985);}
.threadLaunchChoice:disabled{opacity:.58;cursor:wait;}
.threadDetailActions>.threadLaunchChoices.isCompact{display:flex;flex-wrap:wrap;width:auto;gap:8px;}
.threadDetailActions>.threadLaunchChoices.isCompact .threadLaunchChoice{min-height:46px;min-width:0;width:auto;grid-template-columns:20px auto 17px;padding:8px 11px;border-radius:14px;}
.threadDetailActions>.threadLaunchChoices.isCompact .threadLaunchChoice>.workspaceVector:first-child{width:18px;height:18px;}
.threadDetailActions>.threadLaunchChoices.isCompact .threadLaunchChoice small{display:none;}
.threadDetailActions>.threadLaunchChoices.isCompact .threadLaunchChoice b{font-size:11px;}
@media(hover:hover){.threadLaunchChoice:hover{background:var(--threadSoft);border-color:color-mix(in srgb,var(--threadBlue) 32%,var(--threadLine));}}
@media(max-width:600px){
 .threadLaunchChoices{grid-template-columns:1fr;}
 .threadDetailActions>.threadLaunchChoices.isCompact{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
 .threadDetailActions>.threadLaunchChoices.isCompact .threadLaunchChoice{width:100%;grid-template-columns:20px minmax(0,1fr) 16px;}
 .threadDetailActions>.threadLaunchChoices.isCompact .threadLaunchChoice b{white-space:normal;}
}
@media(max-width:390px){.threadDetailActions>.threadLaunchChoices.isCompact{grid-template-columns:1fr;}}

/* v0456: device-appropriate launch action sits with the share control. */
.threadDeviceAction{background:var(--threadWash)!important;border-color:color-mix(in srgb,var(--threadBlue) 42%,var(--threadLine))!important;color:var(--threadBlue)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--threadBlue) 10%,transparent);}
.threadDeviceAction .workspaceVector{width:23px;height:23px;}
.threadDetailActions>.threadIconButton{flex:0 0 auto;}
@media(max-width:600px){
 .threadDetailActions{display:flex;flex-wrap:wrap;align-items:center;}
 .threadDetailActions>.threadButton[data-thread-save]{flex:1 1 220px;}
 .threadDetailActions>.threadIconButton{width:52px;height:52px;min-width:52px;border-radius:17px;}
}


/* v0457: admin web build controls remain compact beside Share. */
.threadDeviceAction.isAdminBuild{position:relative;}
.threadDeviceAction.isAdminBuild::after{content:"";position:absolute;right:6px;bottom:6px;width:7px;height:7px;border-radius:50%;background:var(--workspacePrimary);box-shadow:0 0 0 2px var(--workspacePanel);}
@media(max-width:520px){.threadDetailActions .threadDeviceAction{width:52px!important;min-width:52px!important;height:52px!important;}}


/* v0458: creation actions are one compact, intentional control rail. */
.threadDetailActions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;flex-wrap:wrap!important;}
.threadDetailActions .threadQuickAction{width:52px!important;height:52px!important;min-width:52px!important;flex:0 0 52px!important;border-radius:17px!important;border:1px solid var(--threadLine)!important;background:var(--threadPaper)!important;color:var(--threadInk)!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important;}
.threadDetailActions .threadQuickAction .workspaceVector{width:23px!important;height:23px!important;}
.threadDetailActions .threadQuickAction:hover{background:var(--threadSoft)!important;}
.threadDetailActions .threadManageAction{color:var(--threadBlue)!important;}
.threadDetailActions .threadSaveToggle[aria-pressed="true"],.threadDetailActions .threadSaveToggle.isSaved{background:var(--threadWash)!important;color:var(--threadBlue)!important;border-color:color-mix(in srgb,var(--threadBlue) 38%,var(--threadLine))!important;}
.threadDetailActions .threadDeviceAction{background:linear-gradient(135deg,color-mix(in srgb,var(--threadBlue) 18%,var(--threadPaper)),color-mix(in srgb,var(--workspaceSecondary) 12%,var(--threadPaper)))!important;color:var(--threadBlue)!important;}
.threadDetailActions .threadDeviceAction[data-thread-destination="web"]{color:var(--workspaceSecondary)!important;}
.threadDetailActions .threadDeviceAction.isAdminBuild::after{right:5px;bottom:5px;}
@media(max-width:600px){
 .threadDetailHeader{gap:18px!important;}
 .threadDetailActions{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding:2px 1px 3px!important;}
 .threadDetailActions::-webkit-scrollbar{display:none!important;}
 .threadDetailActions .threadQuickAction{width:52px!important;height:52px!important;min-width:52px!important;}
}

/* v0458: Access is a simple decision surface, not a technical status panel. */
.threadAccessCard{background:linear-gradient(135deg,color-mix(in srgb,var(--threadBlue) 9%,var(--threadPaper)),color-mix(in srgb,var(--workspaceSecondary) 7%,var(--threadPaper)))!important;}
.threadAccessCard>div>p{max-width:620px;}
.threadAccessActions{margin-top:16px!important;padding-top:14px!important;}

/* v0459: purchase ownership and truthful transfer progress. */
.threadLicensePill{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:12px 0;padding:10px 13px;border:1px solid var(--threadLine);border-radius:15px;background:var(--threadPaper);color:var(--threadInk);}
.threadLicensePill>.workspaceVector{width:22px;height:22px;color:var(--threadBlue);flex:none;}
.threadLicensePill span{min-width:0}.threadLicensePill b,.threadLicensePill small{display:block}.threadLicensePill b{font-size:12px}.threadLicensePill small{margin-top:3px;font-size:9px!important;letter-spacing:0!important;color:var(--threadMuted)!important;}
.threadBuyButton{background:linear-gradient(135deg,var(--workspacePrimary),color-mix(in srgb,var(--workspaceSecondary) 72%,var(--workspacePrimary)))!important;}
.threadQuickAction.isProgressing,.threadLaunchChoice.isProgressing{position:relative!important;overflow:hidden!important;isolation:isolate;}
.threadQuickAction.isProgressing::before,.threadLaunchChoice.isProgressing::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--action-progress,0%);background:linear-gradient(90deg,color-mix(in srgb,var(--threadBlue) 20%,transparent),color-mix(in srgb,var(--workspaceSecondary) 28%,transparent));transition:width .15s linear;}
.threadQuickAction.isProgressing::after{content:attr(data-progress-label);position:absolute;left:50%;bottom:3px;transform:translateX(-50%);max-width:46px;overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:5px;letter-spacing:.02em;color:var(--threadMuted);}
.threadLaunchChoice.isProgressing{opacity:1!important;}
.threadLaunchChoice.isProgressing span small{color:var(--threadBlue)!important;}

/* v0476: Featured cards use a softer, image-first mobile composition. */
.threadCreationCard.isFeaturedCard{
  border-radius:30px;
  border-color:color-mix(in srgb,var(--threadLine) 82%,transparent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--threadPaper) 98%,var(--threadBlue) 2%),var(--threadPaper));
  box-shadow:0 14px 34px color-mix(in srgb,var(--threadInk) 7%,transparent);
}
.threadCreationCard.isFeaturedCard .threadCardCover{
  background:linear-gradient(145deg,color-mix(in srgb,var(--threadBlue) 8%,var(--threadSoft)),color-mix(in srgb,var(--threadPink) 7%,var(--threadSoft)));
}
.threadCreationCard.isFeaturedCard .threadCoverArt.isArtwork{
  width:100%;height:100%;margin:0;
}
.threadCreationCard.isFeaturedCard .threadCoverArt.isArtwork img{
  width:100%;height:100%;display:block;border-radius:inherit;
}
.threadCreationCard.isFeaturedCard .threadCoverArt.isAppIcon{
  width:100%;height:100%;margin:0;
}
.threadCreationCard.isFeaturedCard .threadCoverArt.isAppIcon img{
  width:min(68%,112px);height:auto;aspect-ratio:1;border-radius:24%;
  box-shadow:0 13px 28px color-mix(in srgb,var(--threadInk) 18%,transparent);
}
.threadCreationCard.isFeaturedCard .threadCardKind{
  padding:6px 9px;border-radius:999px;
  background:color-mix(in srgb,var(--threadPaper) 78%,transparent);
  border:1px solid color-mix(in srgb,var(--threadLine) 78%,transparent);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  color:var(--threadInk);box-shadow:0 4px 12px color-mix(in srgb,var(--threadInk) 5%,transparent);
}
.threadCreationCard.isFeaturedCard .threadCardFoot{
  border-top-color:color-mix(in srgb,var(--threadLine) 72%,transparent);
}
@media(max-width:600px){
  .threadCreationGrid{gap:15px;}
  .threadCreationCard.isFeaturedCard{border-radius:29px;padding:9px;overflow:hidden;}
  .threadCreationCard.isFeaturedCard .threadCardOpen{
    grid-template-columns:132px minmax(0,1fr);gap:4px;min-height:172px;
  }
  .threadCreationCard.isFeaturedCard .threadCardCover{
    min-height:154px;height:calc(100% - 4px);margin:2px 0 2px 2px;
    border:0;border-radius:22px;overflow:hidden;
  }
  .threadCreationCard.isFeaturedCard .threadCardCover>.threadCoverArt{
    position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;
  }
  .threadCreationCard.isFeaturedCard .threadCoverArt.isArtwork img{
    width:100%;height:100%;object-fit:cover;
  }
  .threadCreationCard.isFeaturedCard .threadCoverArt.isAppIcon img{
    width:70%;max-width:94px;height:auto;
  }
  .threadCreationCard.isFeaturedCard .threadCardKind{top:9px;left:9px;font-size:7px;letter-spacing:.08em;padding:5px 7px;}
  .threadCreationCard.isFeaturedCard .threadCardCopy{padding:17px 14px 14px 15px;gap:9px;}
  .threadCreationCard.isFeaturedCard .threadCardTitle h3{font-size:21px;line-height:1.12;}
  .threadCreationCard.isFeaturedCard .threadCardCopy>p{font-size:11.5px;line-height:1.52;}
  .threadCreationCard.isFeaturedCard .threadStatus{margin-top:2px;}
  .threadCreationCard.isFeaturedCard .threadCardFoot{margin:2px 3px 0;padding:7px 7px 5px 12px;min-height:50px;border-top-width:1px;}
  .threadCreationCard.isFeaturedCard .threadSave{width:40px;height:40px;border-radius:14px;}
}
@media(max-width:380px){
  .threadCreationCard.isFeaturedCard .threadCardOpen{grid-template-columns:116px minmax(0,1fr);}
}

/* END assets/css/tabs/thread.css */

/* BEGIN assets/css/tabs/thread-studio.css */
/* Creation management shares Thread's tokens; original artwork is never recolored. */
.threadPage .threadCoverArt.isArtwork{width:100%;height:100%;margin:0;display:grid;place-items:center;}
.threadPage .threadCoverArt.isArtwork img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0;transform:none;box-shadow:none;}
.threadPage .threadCardCover:has(.isArtwork){height:auto;aspect-ratio:1.2;}
.threadPage .threadDetailCover:has(.isArtwork){padding:0;display:flex;flex-direction:column;overflow:hidden;}
.threadPage .threadDetailCover .threadCoverArt.isArtwork{height:auto;aspect-ratio:1;}
.threadPage .threadDetailCover:has(.isArtwork)>small{padding:13px;}
.threadPage .threadCardCover:has(.isArtwork) .threadCardKind{top:auto;bottom:10px;left:10px;padding:5px 8px;border-radius:9px;border:1px solid var(--threadLine);background:var(--threadPaper);color:var(--threadInk);}
.threadPage .threadCoverArt.isAppIcon{width:100%;height:100%;background:var(--threadWash);}
.threadPage .threadCoverArt.isAppIcon img{width:min(48%,140px);aspect-ratio:1;height:auto;max-height:85%;object-fit:contain;border-radius:23%;filter:none;box-shadow:var(--themeShadow);}
.threadPage .threadCoverArt.isPlaceholder{width:100%;height:100%;background:var(--threadWash);}
.threadPlaceholderSymbol{display:grid;place-items:center;width:82px;height:82px;border-radius:25px;border:1px solid var(--threadLine);background:var(--threadPaper);color:var(--threadBlue);transform:rotate(-5deg);}
.threadPlaceholderSymbol .workspaceVector{width:43px;height:43px;}
.threadCoverArt.imageUnavailable:after{content:'Artwork unavailable';font-size:12px;color:var(--threadMuted);position:absolute;inset:0;display:grid;place-items:center;background:var(--threadSoft);}
.threadPrivateLabel{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--threadMuted);margin-top:10px;}
.threadPrivateLabel .workspaceVector{width:14px;height:14px;}
.threadCardManage{display:flex;justify-content:space-between;gap:10px;padding:5px 12px;border-top:1px dashed var(--threadLine);background:var(--threadSoft);}
.threadCardManage button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--threadBlue);font-size:12px;}
.threadCardManage button .workspaceVector{width:17px;height:17px;}
.threadStudioBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--threadLine);background:var(--threadWash),var(--threadPaper);border-radius:20px;padding:14px 17px;}
.threadStudioBar>span{display:grid;grid-template-columns:25px 1fr;gap:4px 10px;align-items:center;}
.threadStudioBar>span>.workspaceVector{grid-row:1/3;color:var(--threadBlue);}
.threadStudioBar b{font-size:13px;}.threadStudioBar small{font-size:11px;color:var(--threadMuted);}
.threadStudioBar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.threadStudioBar .threadButton{font-size:12px;min-height:44px;padding:9px 13px;}
.threadTesterNote{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:var(--threadMuted);}
.threadTesterNote .workspaceVector{color:var(--threadBlue);}
/* One contained task screen, with a fixed header/footer and a dedicated field scroller. */
.threadPage:has(.threadEditor){padding-bottom:0;}
.threadEditor{display:flex;flex-direction:column;min-height:0;height:calc(100dvh - var(--workspaceHeaderHeight,92px) - var(--bottomNavHeight,84px) - 36px - env(safe-area-inset-top,0px));min-height:250px;max-height:calc(100dvh - 120px);border:1px solid var(--threadLine);border-radius:27px;background:var(--threadPaper);overflow:hidden;}
.threadEditorHead{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--threadLine);flex:none;background:var(--threadWash);}
.threadEditorHead>div{flex:1;}.threadEditorHead small{font-size:9px;letter-spacing:.13em;font-weight:750;color:var(--threadMuted);}
.threadEditorHead h1{font-size:clamp(19px,2.2dvw,26px);line-height:1.2;margin:5px 0 0;}
.threadEditorDraft{font-size:11px;color:var(--threadMuted);padding:7px 10px;border-radius:99px;background:var(--threadPaper);border:1px solid var(--threadLine);white-space:nowrap;}
.threadEditorForm{display:flex;flex-direction:column;min-height:0;flex:1;}
.threadEditorTabs{display:flex;flex:none;gap:5px;padding:10px 18px;border-bottom:1px solid var(--threadLine);overflow-x:auto;scrollbar-width:none;}
.threadEditorTabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:46px;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:13px;font-size:12px;color:var(--threadMuted);white-space:nowrap;}
.threadEditorTabs button[aria-selected="true"]{color:var(--threadBlue);background:var(--threadWash);border-color:var(--threadLine);}
.threadEditorTabs .workspaceVector{width:18px;height:18px;}
.threadEditorLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,31%);min-height:0;flex:1;overflow:hidden;}
.threadEditorBody{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:22px;padding:25px;scrollbar-width:thin;}
.threadEditorPane{display:grid;gap:22px;}
.threadEditorIntro small{font-size:9px;font-weight:750;letter-spacing:.13em;color:var(--threadBlue);}
.threadEditorIntro h2{font-size:24px;letter-spacing:-.035em;line-height:1.2;margin:10px 0;}
.threadEditorIntro p{color:var(--threadMuted);font-size:13px;line-height:1.65;max-width:530px;margin:0;}
.threadEditorFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;align-items:start;}
.threadEditorFields .isWide{grid-column:1/-1;}
.threadEditorField{display:grid;gap:8px;min-width:0;}
.threadEditorField>span{font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.threadEditorField>small,.threadEditorHint{color:var(--threadMuted);font-size:11px;line-height:1.6;margin:0;}
.threadEditorField output{font-size:11px;color:var(--threadBlue);font-variant-numeric:tabular-nums;}
html[data-palette][data-color-scheme] .threadEditor :is(input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="file"]):not([type="hidden"]),textarea,select){display:block;width:100%;min-height:48px;margin:0;padding:12px 13px;border:1px solid var(--threadLine)!important;border-radius:13px;background:var(--threadSoft)!important;color:var(--threadInk)!important;font:inherit;font-size:16px;line-height:1.45;}
.threadEditor textarea{resize:vertical;max-height:260px;min-height:100px;}
.threadEditor :is(input,select,textarea,button):focus-visible{outline:2px solid var(--threadBlue);outline-offset:2px;}
.threadEditor :is(input,textarea)::placeholder{color:var(--threadMuted);opacity:.8;}
.threadEditor input[type=range]{width:100%;min-height:38px;accent-color:var(--threadBlue);}
.threadEditorCheck{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--threadLine);border-radius:16px;background:var(--threadSoft);}
.threadEditorCheck input,.threadPlanChoices input{width:20px;height:20px;flex:none;accent-color:var(--threadBlue);}
.threadEditorCheck b{font-size:13px;display:block;}.threadEditorCheck small{display:block;font-size:11px;line-height:1.6;color:var(--threadMuted);margin-top:4px;}
.threadArtModes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;border:0;padding:0;margin:0;}
.threadArtModes legend{font-size:12px;font-weight:650;margin-bottom:12px;}
.threadArtModes label{position:relative;}
.threadArtModes input{position:absolute;opacity:0;width:1px;height:1px;}
.threadArtModes label>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:64px;font-size:12px;padding:12px;border:1px solid var(--threadLine);border-radius:15px;cursor:pointer;background:var(--threadSoft);}
.threadArtModes input:checked+span{background:var(--threadWash);border-color:var(--threadBlue);box-shadow:inset 0 0 0 1px var(--threadBlue);}
.threadArtModes input:focus-visible+span{outline:3px solid var(--threadBlue);outline-offset:3px;}
.threadEditorMedia{display:grid;gap:15px;padding:18px;border:1px solid var(--threadLine);border-radius:20px;background:var(--threadSoft);}
.threadEditorMedia h3{margin:0;font-size:16px;}.threadEditorMedia p{color:var(--threadMuted);font-size:12px;line-height:1.55;margin:0;}
.threadEditorMediaHead{display:flex;gap:13px;align-items:center;}.threadEditorMediaHead>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--threadWash);color:var(--threadBlue);}
.threadEditorMediaHead p{margin-top:5px;}
.threadUploadRow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;}
.threadUploadButton{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;overflow:hidden;padding:10px 14px;border:1px dashed var(--threadBlue);border-radius:12px;background:var(--threadPaper);font-size:12px;font-weight:650;cursor:pointer;}
.threadUploadButton input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.threadUploadButton:focus-within{outline:3px solid var(--threadBlue);outline-offset:3px;}
.threadUploadStatus{font-size:11px!important;overflow-wrap:anywhere;}.threadUploadStatus:empty{display:none;}
.threadPlaceholderChoices{display:flex;flex-wrap:wrap;gap:9px;}.threadPlaceholderChoices button{display:grid;place-items:center;width:47px;height:47px;border:1px solid var(--threadLine);border-radius:13px;background:var(--threadPaper);color:var(--threadMuted);}
.threadPlaceholderChoices [aria-pressed=true]{border-color:var(--threadBlue);color:var(--threadBlue);background:var(--threadWash);}
.threadGalleryEditRow{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--threadLine);}
.threadGalleryEditRow>span{color:var(--threadBlue);}.threadGalleryEditRow>div{flex:1;display:grid;gap:9px;}.threadGalleryEditRow b{font-size:12px;overflow-wrap:anywhere;}
.threadPlanChoices{display:flex;flex-wrap:wrap;gap:10px;border:1px solid var(--threadLine);padding:14px;border-radius:15px;}
.threadPlanChoices legend{font-size:12px;font-weight:650;}.threadPlanChoices label{display:flex;align-items:center;gap:7px;padding:6px;min-height:44px;font-size:13px;}
.threadEditorNotice{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--threadLine);border-radius:17px;padding:16px;background:var(--threadWash);}
.threadEditorNotice>.workspaceVector{color:var(--threadBlue);}.threadEditorNotice p{margin:0;font-size:12px;line-height:1.65;color:var(--threadMuted);}
.threadEditorPreview{padding:24px 20px;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--threadLine);background:var(--threadSoft);}
.threadEditorPreview>small{font-size:9px;letter-spacing:.1em;color:var(--threadMuted);font-weight:750;}
.threadEditorPreview>p{font-size:11px;color:var(--threadMuted);line-height:1.65;}
.threadPreviewCard{margin-top:18px;border:1px solid var(--threadLine);border-radius:22px;overflow:hidden;background:var(--threadPaper);}
.threadPreviewCard>div+div{padding:19px;}.threadPreviewCard h2{font-size:22px;line-height:1.2;margin:9px 0;overflow-wrap:anywhere;}.threadPreviewCard p{font-size:12px;line-height:1.6;color:var(--threadMuted);margin:8px 0 15px;overflow-wrap:anywhere;}
.threadPreviewKind{font-size:9px;letter-spacing:.1em;color:var(--threadBlue);text-transform:uppercase;}
.threadPreviewArt{display:grid;place-items:center;aspect-ratio:1.15;overflow:hidden;isolation:isolate;background:var(--threadWash),var(--threadSoft);border-bottom:1px solid var(--threadLine);}
.threadPreviewArt img{width:100%;height:100%;min-height:0;object-fit:contain;}
.threadPreviewArt.is-icon img{width:48%;height:55%;border-radius:23%;}.threadPreviewArt>span{display:grid;place-items:center;width:78px;height:78px;border-radius:24px;border:1px solid var(--threadLine);background:var(--threadPaper);color:var(--threadBlue);transform:rotate(-5deg);}.threadPreviewArt>span>.workspaceVector{width:42px;height:42px;}
.threadEditorFooter{display:flex;gap:9px;align-items:center;padding:16px 22px;border-top:1px solid var(--threadLine);background:var(--threadPaper);flex:none;}
.threadEditorFooter>div{flex:1;display:grid;gap:4px;}.threadEditorFooter b{font-size:12px;}.threadEditorFooter small{font-size:11px;color:var(--threadMuted);line-height:1.45;}.threadEditorFooter .isError{color:var(--journeyDanger);}
.threadPage .threadEditorFooter .threadButton{font-size:12px;padding:11px 15px;min-height:45px;}
@media(max-width:960px){
 .threadEditorLayout{grid-template-columns:minmax(0,1fr);overflow:auto;}.threadEditorBody{overflow:visible;}.threadEditorPreview{border-left:0;border-top:1px solid var(--threadLine);overflow:visible;display:none;}
 .threadEditor:has([data-editor-pane="artwork"]:not([hidden])) .threadEditorLayout{display:flex;flex-direction:column;}
 .threadEditor:has([data-editor-pane="artwork"]:not([hidden])) .threadEditorPreview{display:block;order:-1;padding:14px 20px;flex:none;}
 .threadEditor:has([data-editor-pane="artwork"]:not([hidden])) .threadEditorBody{flex:none;}
 .threadEditorPreview>small{display:none;}.threadEditorPreview>p{margin:8px 0 0;}
 .threadPreviewCard{margin:0;display:grid;grid-template-columns:110px minmax(0,1fr);border-radius:17px;}
 .threadPreviewArt{width:110px;height:110px;aspect-ratio:1;border:0;border-right:1px solid var(--threadLine);}
 .threadPreviewCard>div+div{padding:12px 15px;}.threadPreviewCard h2{font-size:18px;margin:4px 0;}.threadPreviewCard p{margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.threadPreviewCard .threadStatus{display:none;}
}
@media(max-width:600px){
 .threadEditor{border-radius:20px;height:calc(100dvh - var(--workspaceHeaderHeight,76px) - var(--bottomNavHeight,82px) - 32px - env(safe-area-inset-top,0px));}
 .threadEditorHead{padding:14px;gap:9px;}.threadEditorHead h1{font-size:19px;}.threadEditorHead small{font-size:8px;}.threadEditorDraft{display:none;}
 .threadEditorBody{padding:20px 16px;}.threadEditorTabs{padding:8px;gap:3px;}.threadEditorTabs button{flex-direction:column;gap:5px;padding:8px 5px;min-height:56px;font-size:10px;}.threadEditorTabs .workspaceVector{width:18px;height:18px;}
 .threadEditorFields{grid-template-columns:minmax(0,1fr);gap:17px;}.threadEditorIntro h2{font-size:23px;}.threadEditorIntro p{font-size:12px;}.threadEditorField>span{font-size:12px;}
 .threadArtModes{gap:6px;}.threadArtModes label>span{flex-direction:column;gap:7px;padding:9px 5px;font-size:11px;}
 .threadEditorMedia{padding:14px;}.threadEditorFooter{padding:12px 14px;flex-wrap:wrap;}.threadEditorFooter>div{flex-basis:100%;gap:3px;}.threadEditorFooter>button{flex:1;}.threadEditorFooter small{font-size:10px;}
 .threadStudioBar{padding:13px;gap:12px;}.threadStudioBar>div{width:100%;}.threadStudioBar>div>button{flex:1;}
}
@media(max-height:580px){.threadEditorHead h1{font-size:18px;}.threadEditorHead{padding:9px 12px;}.threadEditorTabs{padding-block:4px;}.threadEditorFooter{padding:9px 13px;}.threadEditorFooter small{display:none;}.threadEditor{min-height:220px;max-height:calc(100dvh - 80px);}.threadEditor:has([data-editor-pane="artwork"]:not([hidden])) .threadEditorPreview{display:none;}}
@media(prefers-reduced-motion:reduce){.threadEditor *{scroll-behavior:auto!important;}}
/* Fit the real app content track, including short landscape and a resized viewport.
   Only the field/preview containers scroll; the save controls never sit under the nav. */
html.infinisCustomerLight .scroller:has(.threadEditor){overflow:hidden!important;padding:8px 0!important;}
#tabMount:has(.threadEditor){height:100%;min-height:0;padding:0!important;}
.threadPage:has(.threadEditor){height:100%;min-height:0;padding:0!important;}
.threadView:has(.threadEditor){display:flex;flex-direction:column;height:100%;min-height:0;}
.threadView .threadEditor{height:100%;min-height:0;max-height:none;flex:1;}
@media(max-height:580px){
 html.infinisCustomerLight[data-palette]:has(.threadEditor){--workspaceHeaderHeight:64px;--topH:64px;--topMobH:64px;}
 html.infinisCustomerLight:has(.threadEditor) .topbar.workspaceTop{padding-top:4px!important;padding-bottom:4px!important;}
 html.infinisCustomerLight:has(.threadEditor) .workspaceAccountDock{padding-block:3px;}
 .threadEditorHead{padding:3px 12px;min-height:50px;}.threadEditorHead small{display:none;}.threadEditorHead h1{margin:0;font-size:18px;}
 .threadEditorTabs{padding:2px 8px;}.threadEditorTabs button{min-height:44px;padding:6px;font-size:11px;flex-direction:row;}
 .threadEditorFooter{padding:3px 10px;flex-wrap:nowrap;}.threadEditorFooter>div{display:none;}.threadEditorFooter>button{flex:1;}
 .threadEditorBody{padding:16px;}.threadEditorIntro h2{font-size:21px;}.threadEditorIntro{margin-bottom:0;}
}
@media(max-height:580px){
 /* A focused task screen on short landscape displays. Back/Cancel remain visible. */
 html.infinisCustomerLight:has(.threadEditor) .bottomnav{visibility:hidden!important;pointer-events:none!important;}
 html.infinisCustomerLight .scroller:has(.threadEditor){bottom:env(safe-area-inset-bottom,0px)!important;}
}

/* v0452: device builds are part of the same creation editor, not a separate technical screen. */
.threadBuilds{display:grid;gap:15px;padding:18px;border:1px solid var(--threadLine);border-radius:21px;background:var(--threadSoft);}
.threadBuildsIntro{display:flex;align-items:flex-start;gap:13px;}
.threadBuildsIntro>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:var(--threadWash);color:var(--threadBlue);}
.threadBuildsIntro h3{margin:0;font-size:17px;line-height:1.25;}.threadBuildsIntro p{margin:6px 0 0;color:var(--threadMuted);font-size:12px;line-height:1.6;max-width:650px;}
.threadBuildGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.threadBuildCard{display:grid;gap:14px;padding:15px;border:1px solid var(--threadLine);border-radius:18px;background:var(--threadPaper);}
.threadBuildCard>header{display:flex;align-items:center;gap:11px;}.threadBuildCard>header>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--threadWash);color:var(--threadBlue);}
.threadBuildCard>header small{display:block;font-size:8px;font-weight:780;letter-spacing:.12em;color:var(--threadMuted);}.threadBuildCard>header h3{font-size:15px;margin:4px 0 0;}.threadBuildCard>header p{font-size:10px;line-height:1.45;color:var(--threadMuted);margin:4px 0 0;}
.threadBuildControls{display:grid;gap:11px;}.threadBuildFile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.threadBuildFile>*{flex:1 1 135px;}
.threadBuildStatus{min-height:18px;margin:0;font-size:10px;line-height:1.5;color:var(--threadMuted);overflow-wrap:anywhere;}
.threadBuildFoot{font-size:10px;line-height:1.55;color:var(--threadMuted);margin:0;}

/* The editor is a focused task surface. Global tab/home navigation cannot catch a scrolling finger. */
html.thread-editor-open .bottomnav{opacity:0!important;pointer-events:none!important;transform:translate3d(-50%,calc(100% + 18px),0)!important;}
html.thread-editor-open .workspaceWordmark{pointer-events:none!important;}
html.thread-editor-open .scroller{
 top:calc(var(--threadVisualTop,0px) + var(--workspaceHeaderHeight,76px) + env(safe-area-inset-top,0px))!important;
 bottom:auto!important;
 height:calc(var(--threadVisualHeight,100dvh) - var(--workspaceHeaderHeight,76px) - env(safe-area-inset-top,0px))!important;
 padding:8px 0 max(8px,env(safe-area-inset-bottom,0px))!important;
 overflow:hidden!important;
}
html.thread-editor-open #tabMount,html.thread-editor-open .threadPage:has(.threadEditor),html.thread-editor-open .threadView:has(.threadEditor){height:100%!important;min-height:0!important;padding:0!important;}
html.thread-editor-open .threadEditor{height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;}
html.thread-editor-keyboard .threadEditorHead{padding-top:10px;padding-bottom:10px;}
html.thread-editor-keyboard .threadEditorFooter{padding-top:9px;padding-bottom:9px;}
html.thread-editor-keyboard .threadEditorFooter small{display:none;}
html.thread-editor-keyboard .threadEditorBody{scroll-padding-bottom:90px;}

@media(max-width:700px){
 .threadBuildGrid{grid-template-columns:minmax(0,1fr);}
 .threadBuilds{padding:14px;}.threadBuildCard{padding:13px;}.threadBuildFile>*{flex:1 1 120px;}
 html.thread-editor-keyboard .threadEditorHead small,html.thread-editor-keyboard .threadEditorDraft{display:none!important;}
 html.thread-editor-keyboard .threadEditorHead h1{margin:0;font-size:18px;}
 html.thread-editor-keyboard .threadEditorTabs{padding-block:4px;}
 html.thread-editor-keyboard .threadEditorTabs button{min-height:46px;padding-block:6px;}
 html.thread-editor-keyboard .threadEditorFooter>div{display:none;}
 html.thread-editor-keyboard .threadEditorFooter{flex-wrap:nowrap;}
 html.thread-editor-keyboard .threadEditorFooter>button{flex:1;}
}


/* v0453: mobile Thread Studio is a real workspace, not a modal/card. */
@media(max-width:700px){
  html.thread-editor-open .scroller{
    top:calc(var(--threadVisualTop,0px) + var(--workspaceHeaderHeight,76px) + env(safe-area-inset-top,0px))!important;
    left:0!important;right:0!important;width:100dvw!important;
    padding:0!important;
  }
  html.thread-editor-open #tabMount,
  html.thread-editor-open .threadPage:has(.threadEditor),
  html.thread-editor-open .threadView:has(.threadEditor){
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  }
  html.thread-editor-open .threadEditor{
    position:relative!important;
    width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
    margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    background:var(--threadPaper)!important;
  }
  html.thread-editor-open .threadEditorHead{display:none!important;}
  html.thread-editor-open .threadEditorTabs{
    position:sticky;top:0;z-index:8;
    padding:8px 8px 9px!important;
    border-top:0!important;border-bottom:1px solid var(--threadLine)!important;
    background:color-mix(in srgb,var(--threadPaper) 94%,transparent)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  html.thread-editor-open .threadEditorTabs button{
    min-height:58px!important;border-radius:15px!important;
  }
  html.thread-editor-open .threadEditorLayout{height:100%!important;min-height:0!important;overflow:hidden!important;}
  html.thread-editor-open .threadEditorBody{
    height:100%!important;overflow:auto!important;overscroll-behavior:contain!important;
    padding:22px 16px calc(112px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:130px!important;
  }
  html.thread-editor-open .threadEditorFooter{
    position:absolute!important;z-index:12!important;
    left:auto!important;right:14px!important;bottom:max(14px,env(safe-area-inset-bottom,0px))!important;
    width:auto!important;max-width:calc(100% - 28px)!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
    padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    pointer-events:none!important;
  }
  html.thread-editor-open .threadEditorFooter>div{display:none!important;}
  html.thread-editor-open .threadEditorFooter>.threadButton{
    pointer-events:auto!important;flex:0 0 auto!important;
    min-width:52px!important;min-height:52px!important;height:52px!important;
    padding:0 18px!important;border-radius:999px!important;
    box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    font-size:13px!important;font-weight:760!important;
  }
  html.thread-editor-open .threadEditorFooter>.threadButton:not(.isPrimary){
    width:52px!important;padding:0!important;
    font-size:0!important;
    background:color-mix(in srgb,var(--threadPaper) 92%,transparent)!important;
    border:1px solid var(--threadLine)!important;color:var(--threadInk)!important;
  }
  html.thread-editor-open .threadEditorFooter>.threadButton:not(.isPrimary)::before{
    content:'×';font-size:30px;line-height:1;font-weight:400;
  }
  html.thread-editor-open .threadEditorFooter>.threadButton.isPrimary{
    min-width:158px!important;
    background:var(--threadBlue)!important;color:var(--threadButtonInk,#fff)!important;
    border-color:transparent!important;
  }
  html.thread-editor-keyboard .threadEditorTabs{padding-block:5px!important;}
  html.thread-editor-keyboard .threadEditorTabs button{min-height:48px!important;}
  html.thread-editor-keyboard .threadEditorBody{
    padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
    scroll-padding-bottom:104px!important;
  }
  html.thread-editor-keyboard .threadEditorFooter{
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  }
}


/* v0458: access setup reads like a creation tool, not a technical form dump. */
.threadAccessComposer{display:grid;gap:18px;}
.threadAccessPolicy{display:grid;gap:14px;padding:17px;border:1px solid var(--threadLine);border-radius:22px;background:var(--threadSoft);}
.threadAccessPolicy>.threadEditorField{margin:0;}
.threadRoutePicker{margin:0;padding:0;border:0;min-width:0;}
.threadRoutePicker>legend{padding:0;margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--threadMuted);text-transform:uppercase;}
.threadRouteGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.threadRouteGrid label{position:relative;display:block;min-width:0;cursor:pointer;}
.threadRouteGrid input{position:absolute;opacity:0;pointer-events:none;}
.threadRouteGrid label>span{min-height:86px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:14px;border:1px solid var(--threadLine);border-radius:19px;background:var(--threadPaper);transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.threadRouteGrid .workspaceVector{grid-row:1/3;width:24px;height:24px;color:var(--threadBlue);justify-self:center;}
.threadRouteGrid b{font-size:13px;line-height:1.2;color:var(--threadInk);}
.threadRouteGrid small{font-size:10px;line-height:1.35;color:var(--threadMuted);}
.threadRouteGrid input:checked+span{background:linear-gradient(135deg,color-mix(in srgb,var(--threadBlue) 12%,var(--threadPaper)),color-mix(in srgb,var(--workspaceSecondary) 10%,var(--threadPaper)));border-color:color-mix(in srgb,var(--threadBlue) 42%,var(--threadLine));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--threadBlue) 8%,transparent);}
.threadRouteGrid input:focus-visible+span{outline:3px solid var(--threadBlue);outline-offset:3px;}
.threadAccessRoute{padding:17px;border:1px solid var(--threadLine);border-radius:21px;background:var(--threadPaper);}
.threadAccessRoute[hidden]{display:none!important;}
.threadAccessRoute>.threadEditorField{margin:0;}
.threadAccessRoute>.threadBuildCard{border:0!important;padding:0!important;background:transparent!important;}
.threadEditorPane[data-editor-pane="access"] .threadEditorNotice{margin-top:18px;}
.threadEditorPane[data-editor-pane="access"] .threadPlanChoices{margin:0;}
.threadEditorPane[data-editor-pane="access"] .threadBuildCard>header p{max-width:420px;}
@media(max-width:700px){
 .threadEditorPane[data-editor-pane="access"] .threadEditorIntro{margin-bottom:18px;}
 .threadRouteGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .threadRouteGrid label>span{min-height:78px;padding:12px 10px;grid-template-columns:30px minmax(0,1fr);gap:4px 8px;border-radius:17px;}
 .threadRouteGrid .workspaceVector{width:21px;height:21px;}
 .threadRouteGrid b{font-size:12px;}.threadRouteGrid small{font-size:9px;}
 .threadAccessPolicy,.threadAccessRoute{padding:14px;border-radius:18px;}
}
@media(max-width:380px){.threadRouteGrid{grid-template-columns:1fr;}.threadRouteGrid label>span{min-height:68px;}}

/* v0459: make The basics feel like a creation canvas instead of a technical form. */
.threadBasicsStack{display:grid;gap:16px;}
.threadBasicsGroup{padding:20px;border:1px solid var(--threadLine);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--threadBlue) 6%,var(--threadPaper)),color-mix(in srgb,var(--workspaceSecondary) 4%,var(--threadPaper)));box-shadow:0 12px 34px color-mix(in srgb,var(--threadInk) 4%,transparent);}
.threadBasicsGroup>header{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:start;margin-bottom:18px;}
.threadBasicsGroup>header>span{width:46px;height:46px;border:1px solid var(--threadLine);border-radius:16px;display:grid;place-items:center;background:var(--threadPaper);color:var(--threadBlue);}
.threadBasicsGroup>header .workspaceVector{width:22px;height:22px;}
.threadBasicsGroup>header small{display:block;font-size:9px;font-weight:850;letter-spacing:.14em;color:var(--threadBlue);}
.threadBasicsGroup>header h3{margin:5px 0 4px;font-size:19px;line-height:1.22;letter-spacing:-.025em;color:var(--threadInk);}
.threadBasicsGroup>header p{margin:0;font-size:12px;line-height:1.55;color:var(--threadMuted);}
.threadBasicsGroup .threadEditorFields{margin:0;}
.threadBasicsGroup.isPublish{background:linear-gradient(145deg,color-mix(in srgb,var(--workspaceSecondary) 6%,var(--threadPaper)),var(--threadPaper));}
.threadPriceCard{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--threadLine);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--threadBlue) 9%,var(--threadPaper)),color-mix(in srgb,var(--workspaceSecondary) 7%,var(--threadPaper)));}
.threadPriceCard>span{width:50px;height:50px;border-radius:16px;border:1px solid var(--threadLine);display:grid;place-items:center;background:var(--threadPaper);color:var(--threadBlue);}
.threadPriceCard>span .workspaceVector{width:24px;height:24px;}
.threadPriceCard small{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--threadBlue);}
.threadPriceCard h3{margin:5px 0 6px;font-size:17px;color:var(--threadInk);}
.threadPriceCard p{margin:0 0 14px;font-size:12px;line-height:1.6;color:var(--threadMuted);}
.threadPriceField{display:grid;gap:7px;}
.threadPriceField>span{font-size:12px;font-weight:750;color:var(--threadInk);}
.threadPriceField>div{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:52px;border:1px solid var(--threadLine);border-radius:16px;background:var(--threadPaper);}
.threadPriceField>div>b{font-size:18px;color:var(--threadMuted);}
.threadPriceField input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:18px!important;color:var(--threadInk)!important;}
.threadPriceField>small{letter-spacing:0;color:var(--threadMuted);}
.threadSaveProgressButton{position:relative!important;overflow:hidden!important;isolation:isolate;min-width:190px;}
.threadSaveProgressButton .threadButtonProgress{position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--save-progress,0%);background:linear-gradient(90deg,color-mix(in srgb,var(--workspaceSecondary) 35%,transparent),color-mix(in srgb,var(--workspacePrimary) 42%,transparent));transition:width .2s linear;}
.threadSaveProgressButton>span{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1;}
.threadSaveProgressButton>small{position:relative;z-index:1;margin-left:8px;font-size:10px;font-weight:850;}
.threadSaveProgressButton.isWorking{cursor:wait;}
@media(max-width:600px){
 .threadBasicsGroup{padding:16px;border-radius:20px}.threadBasicsGroup>header{grid-template-columns:40px minmax(0,1fr);gap:11px;margin-bottom:14px}.threadBasicsGroup>header>span{width:40px;height:40px;border-radius:14px}.threadBasicsGroup>header h3{font-size:17px}.threadPriceCard{grid-template-columns:40px minmax(0,1fr);padding:15px}.threadPriceCard>span{width:40px;height:40px;border-radius:14px}.threadSaveProgressButton{min-width:0!important;}
}


/* v0460: when the iOS keyboard is visible, its own accessory/home area replaces the app bottom inset. */
@media(max-width:700px){
  html[data-native-platform="ios"].thread-editor-keyboard .threadEditorBody{
    padding-bottom:92px!important;
    scroll-padding-bottom:104px!important;
  }
  html[data-native-platform="ios"].thread-editor-keyboard .threadEditorFooter{
    bottom:8px!important;
  }
}

/* v0461: on iOS the keyboard overlays/pans the visual viewport. The editor stays
   full-height; only its floating controls keep a small local clearance. */
@media(max-width:700px){
  html[data-native-platform="ios"].thread-editor-open.thread-editor-keyboard .scroller{
    top:calc(var(--workspaceHeaderHeight,76px) + env(safe-area-inset-top,0px))!important;
    height:calc(100% - var(--workspaceHeaderHeight,76px) - env(safe-area-inset-top,0px))!important;
    bottom:auto!important;
  }
  html[data-native-platform="ios"].thread-editor-keyboard .threadEditorBody{
    padding-bottom:76px!important;
    scroll-padding-bottom:84px!important;
  }
  html[data-native-platform="ios"].thread-editor-keyboard .threadEditorFooter{
    bottom:6px!important;
  }
}


/* v0462: no iOS keyboard reservation. The body/footer clearance is local only;
   the workspace itself remains on the frozen pre-keyboard layout viewport. */
@media(max-width:700px){
  html[data-native-platform="ios"].native-keyboard-open.thread-editor-open .scroller{
    height:calc(var(--iosKeyboardLayoutHeight,100dvh) - var(--workspaceHeaderHeight,76px) - env(safe-area-inset-top,0px))!important;
    padding-bottom:0!important;
  }
  html[data-native-platform="ios"].native-keyboard-open.thread-editor-keyboard .threadEditorBody{
    padding-bottom:20px!important;
    scroll-padding-bottom:20px!important;
  }
  html[data-native-platform="ios"].native-keyboard-open.thread-editor-keyboard .threadEditorFooter{
    bottom:0!important;
    padding-bottom:8px!important;
  }
}

/* END assets/css/tabs/thread-studio.css */

/* BEGIN assets/css/core/v464-tablet-desktop.css */
/* v0464: tablet + desktop workspace pass.
   Mobile remains untouched. Larger screens use deliberate app-like panels,
   denser grids, split views, and workspace-sized creation/settings surfaces. */

@media (min-width:760px){
  html.infinisCustomerLight[data-palette]{
    --workspaceContentMax:1320px;
    --workspaceWideGutter:clamp(26px,4vw,64px);
  }

  html.infinisCustomerLight .scroller{
    padding-left:var(--workspaceWideGutter)!important;
    padding-right:var(--workspaceWideGutter)!important;
  }
  html.infinisCustomerLight #tabMount{
    width:min(var(--workspaceContentMax),100%);
    margin:0 auto;
    padding-top:18px!important;
  }

  /* Shared page tracks */
  html.infinisCustomerLight :is(.findPage,.catalogPage,.bubblePage,.bubbleSocialPage,.bubbleFeedPage,.coretab,.hubV427,.hubHomeV427,.threadPage){
    width:100%!important;
    max-width:none!important;
    margin-inline:auto!important;
  }

  /* Header becomes a proper tablet command bar. */
  .workspaceTopRow{max-width:1320px!important;}
  .workspaceWordmark{min-width:170px;}
  .workspaceAccountDock{box-shadow:0 12px 34px rgba(35,55,88,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;}

  /* Bottom navigation reads as a compact tablet dock instead of an oversized phone tab bar. */
  html.infinisCustomerLight .bottomnav{
    width:min(560px,calc(100dvw - 72px))!important;
    max-width:560px!important;
    padding:8px!important;
    gap:6px!important;
  }
  html.infinisCustomerLight .navitem{min-height:54px!important;padding-inline:10px!important;}

  /* THREAD / discovery */
  .threadPage{padding:4px 0 30px!important;}
  .threadHeading{padding:0 4px 2px!important;}
  .threadHeading h1{font-size:clamp(34px,3.2vw,48px)!important;}
  .threadModeTabs{padding:5px!important;border-radius:18px!important;}
  .threadModeTabs button{min-height:48px!important;padding-inline:18px!important;}
  .threadDiscovery{gap:22px!important;}
  .threadHero{
    min-height:330px!important;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;
    padding:38px 44px!important;
    border-radius:32px!important;
  }
  .threadHero h2{font-size:clamp(38px,4vw,56px)!important;max-width:720px;}
  .threadHero p{font-size:15px!important;max-width:560px!important;}
  .threadWeave{height:280px!important;max-width:400px!important;}
  .threadCategories{padding-block:8px!important;gap:8px!important;}
  .threadCategories button{min-height:46px!important;padding-inline:16px!important;}
  .threadToolbar{grid-template-columns:minmax(260px,1fr) minmax(190px,260px)!important;gap:14px!important;}
  .threadResultsHead{margin-top:10px!important;}
  .threadCreationGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;}
  .threadCreationCard{border-radius:27px!important;}
  .threadCardCover{height:clamp(190px,19vw,245px)!important;}
  .threadCardCopy{padding:19px 19px 17px!important;}
  .threadCardTitle{font-size:18px!important;}
  .threadCardCopy p{font-size:12px!important;line-height:1.6!important;}

  /* Thread creation detail pages: use content + actions instead of stretched phone rows. */
  .threadDetailHeader{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:28px!important;
    align-items:start!important;
    padding:6px 4px 0!important;
  }
  .threadDetailActions{min-width:220px!important;align-items:stretch!important;}
  .threadStandardOverview{grid-template-columns:minmax(280px,.85fr) minmax(0,1.3fr)!important;gap:26px!important;align-items:stretch!important;}
  .threadStoryBlock{padding:28px!important;border-radius:28px!important;}
  .threadDetailMedia{min-height:320px!important;border-radius:28px!important;}

  /* Thread Studio: desktop/tablet becomes a true three-zone workspace. */
  html.thread-editor-open .scroller{
    left:0!important;right:0!important;
    padding:10px var(--workspaceWideGutter) 14px!important;
  }
  html.thread-editor-open #tabMount{width:min(1380px,100%)!important;}
  html.thread-editor-open .threadEditor{
    border:1px solid var(--threadLine)!important;
    border-radius:28px!important;
    overflow:hidden!important;
    box-shadow:0 20px 56px color-mix(in srgb,var(--threadInk) 8%,transparent)!important;
  }
  .threadEditorHead{padding:18px 22px!important;min-height:76px!important;}
  .threadEditorHead h1{font-size:26px!important;}
  .threadEditorTabs{
    padding:8px 12px!important;
    gap:6px!important;
    overflow-x:auto!important;
    scrollbar-width:none;
  }
  .threadEditorTabs::-webkit-scrollbar{display:none;}
  .threadEditorTabs button{min-height:52px!important;padding:9px 15px!important;border-radius:16px!important;font-size:12px!important;}
  .threadEditorLayout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(290px,34%)!important;
    min-height:0!important;
    height:100%!important;
  }
  .threadEditorBody{
    padding:28px 30px!important;
    border-right:1px solid var(--threadLine)!important;
    overflow:auto!important;
    min-height:0!important;
  }
  .threadEditorPreview{
    display:block!important;
    padding:24px!important;
    overflow:auto!important;
    background:linear-gradient(155deg,color-mix(in srgb,var(--threadBlue) 4%,var(--threadPaper)),color-mix(in srgb,var(--workspaceSecondary) 4%,var(--threadPaper)))!important;
  }
  .threadEditorIntro{max-width:760px!important;margin-bottom:24px!important;}
  .threadEditorIntro h2{font-size:30px!important;}
  .threadEditorIntro p{font-size:13px!important;line-height:1.7!important;max-width:700px!important;}
  .threadEditorFields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 20px!important;}
  .threadEditorField.isWide,.threadEditorField[data-wide="true"]{grid-column:1/-1!important;}
  .threadBasicsStack{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;}
  .threadBasicsGroup{height:100%!important;padding:22px!important;}
  .threadBasicsGroup.isPublish{grid-column:1/-1!important;}
  .threadBuildGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .threadRouteGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .threadRouteGrid label>span{min-height:104px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;text-align:center!important;justify-items:center!important;gap:7px!important;}
  .threadRouteGrid .workspaceVector{grid-row:auto!important;}
  .threadEditorFooter{padding:12px 18px!important;}

  /* Settings / appearance dialogs should feel native to tablets. */
  .workspaceDialog{width:min(920px,calc(100dvw - 80px))!important;max-width:920px!important;border-radius:30px!important;}
  .workspaceAppearanceDialog{width:min(980px,calc(100dvw - 80px))!important;}
  .workspaceDialogHeader{padding:26px 30px 20px!important;}
  .workspaceDialogHeader h2{font-size:28px!important;}
  .workspaceDialogBody{padding:26px 30px!important;}
  .workspaceDialogFooter{padding:16px 30px!important;}
  .workspaceThemeGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
  .workspaceThemePreview{height:96px!important;}

  /* Core / settings list: split identity from actions on larger screens. */
  .coretab{
    display:grid!important;
    grid-template-columns:minmax(260px,34%) minmax(0,1fr)!important;
    gap:22px!important;
    align-items:start!important;
  }
  .coretab__profile,.coretab__membership,.coretab__grits{grid-column:1!important;}
  .coretab__groups,.coretab__list{grid-column:2!important;}
  .coretab__footer{grid-column:1/-1!important;}

  /* Hub/project creation and app settings: make forms breathe horizontally. */
  .hubCreateProjectPanel,.hubProjectEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel{
    width:min(900px,calc(100dvw - 80px))!important;
    max-width:900px!important;
    border-radius:30px!important;
  }
  .hubCreateProjectFields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  .hubCreateProjectField.isWide,.hubCreateProjectField[data-wide="true"]{grid-column:1/-1!important;}
  .hubMoreGrid,.hubNextGrid,.hubMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .hubCategoryGrid,.hubCollectionGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .hubExperienceBuilderGrid{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;gap:24px!important;}
  .hubExperienceTemplateGrid,.hubExperienceStyleChoices{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

  /* Bubble/app pages use a desktop-width content rhythm rather than phone-width cards floating in space. */
  .bubbleSocialPage{display:grid!important;grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;gap:24px!important;}
  .bubbleWorkspaceSidebar{display:block!important;}
  .bubbleWorkspaceMain{display:grid!important;gap:18px!important;}
  .bubbleSocialTabs{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
  .bubbleSocialTabs>button{justify-content:flex-start!important;min-height:48px!important;padding-inline:15px!important;}
  .bubbleSocialContent{max-width:none!important;}

  /* Generic card density for tablet. */
  :is(.sceneCard,.hubCard,.findResult,.catalogCard){border-radius:22px!important;}
}

@media (min-width:1100px){
  html.infinisCustomerLight[data-palette]{--workspaceWideGutter:clamp(38px,5vw,86px);}
  .threadCreationGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .threadCardCover{height:210px!important;}
  .workspaceThemeGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .hubCategoryGrid,.hubCollectionGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .hubMoreGrid,.hubNextGrid,.hubMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

/* Landscape tablets are shallow: keep the editor functional without crushing content. */
@media (min-width:760px) and (max-height:720px){
  html.thread-editor-open .threadEditorHead{min-height:60px!important;padding-block:10px!important;}
  html.thread-editor-open .threadEditorHead h1{font-size:22px!important;}
  html.thread-editor-open .threadEditorTabs{padding-block:5px!important;}
  html.thread-editor-open .threadEditorTabs button{min-height:44px!important;}
  html.thread-editor-open .threadEditorBody{padding:18px 22px!important;}
  html.thread-editor-open .threadEditorPreview{padding:16px!important;}
  html.thread-editor-open .threadEditorFooter{padding-block:8px!important;}
}

/* v0466: tablet/desktop Thread Studio follows the same focused control model as mobile.
   The redundant Studio title bar is removed and save/cancel float over the workspace. */
@media (min-width:760px){
  html.thread-editor-open .threadEditor{
    position:relative!important;
  }
  html.thread-editor-open .threadEditorHead{
    display:none!important;
  }
  html.thread-editor-open .threadEditorTabs{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    border-top:0!important;
    background:color-mix(in srgb,var(--threadPaper) 95%,transparent)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  html.thread-editor-open .threadEditorBody{
    padding-bottom:112px!important;
    scroll-padding-bottom:128px!important;
  }
  html.thread-editor-open .threadEditorPreview{
    padding-bottom:104px!important;
  }
  html.thread-editor-open .threadEditorFooter{
    position:absolute!important;
    z-index:14!important;
    left:auto!important;
    right:20px!important;
    bottom:18px!important;
    width:auto!important;
    max-width:calc(100% - 40px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  html.thread-editor-open .threadEditorFooter>div{
    display:none!important;
  }
  html.thread-editor-open .threadEditorFooter>.threadButton{
    pointer-events:auto!important;
    flex:0 0 auto!important;
    min-height:54px!important;
    height:54px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:780!important;
    box-shadow:0 14px 38px color-mix(in srgb,var(--threadInk) 18%,transparent)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  html.thread-editor-open .threadEditorFooter>.threadButton:not(.isPrimary){
    width:54px!important;
    min-width:54px!important;
    padding:0!important;
    font-size:0!important;
    background:color-mix(in srgb,var(--threadPaper) 92%,transparent)!important;
    border:1px solid var(--threadLine)!important;
    color:var(--threadInk)!important;
  }
  html.thread-editor-open .threadEditorFooter>.threadButton:not(.isPrimary)::before{
    content:'×';
    font-size:31px;
    line-height:1;
    font-weight:400;
  }
  html.thread-editor-open .threadEditorFooter>.threadButton.isPrimary{
    min-width:168px!important;
    background:var(--threadBlue)!important;
    color:var(--threadButtonInk,#fff)!important;
    border-color:transparent!important;
  }

  /* Creation-page quick actions terminate on the same visual gutter as the left edge. */
  .threadDetailHeader{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    padding-inline:4px!important;
  }
  .threadDetailHeader>div:first-child{
    max-width:780px!important;
  }
  .threadDetailActions{
    min-width:0!important;
    width:max-content!important;
    max-width:min(470px,46vw)!important;
    justify-self:end!important;
    align-self:start!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    margin:0!important;
    padding-right:0!important;
  }
}

@media (min-width:760px) and (max-height:720px){
  html.thread-editor-open .threadEditorFooter{
    right:14px!important;
    bottom:10px!important;
  }
  html.thread-editor-open .threadEditorBody{
    padding-bottom:92px!important;
    scroll-padding-bottom:108px!important;
  }
  html.thread-editor-open .threadEditorPreview{
    padding-bottom:88px!important;
  }
}

/* END assets/css/core/v464-tablet-desktop.css */

/* BEGIN assets/css/core/project-theme.css */
/* v451: Project scenery is defined at its source and at detached editor roots.
   Do not theme user-authored invitation previews, remote Aion/God Bubble or images. */
html[data-palette][data-color-scheme]{
 --hubInk:var(--workspaceInk);--hubMuted:var(--workspaceMuted);--hubSurface:var(--workspacePanel);--hubSoft:var(--workspaceSoft);--hubBorder:var(--workspaceLine);--hubAccent:var(--workspaceWash);
}
html[data-palette][data-color-scheme] :is(.hubPage,.hubV427,.hubProjectPanel,.hubMoreGrid,.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.hubRegistrySheet,.hubDeleteConfirmPanel,.hubAddressPanel,.eventWorkspace,.sceneConfirmDialog){
 --hubInk:var(--workspaceInk)!important;--hubMuted:var(--workspaceMuted)!important;--hubSurface:var(--workspacePanel)!important;--hubSoft:var(--workspaceSoft)!important;--hubBorder:var(--workspaceLine)!important;--hubAccent:var(--workspaceWash)!important;
 --appText:var(--workspaceInk)!important;--appMuted:var(--workspaceMuted)!important;--appIcon:var(--workspaceInk)!important;--appBlue:var(--workspacePrimary)!important;--appPink:var(--workspaceSecondary)!important;--appPurple:var(--workspaceSecondary)!important;
 --appPanel:var(--workspacePanel)!important;--appPanelSoft:var(--workspaceSoft)!important;--appGlass:var(--workspacePanel)!important;--appGlassHard:var(--workspacePanel)!important;--appBg:var(--workspaceBackground)!important;--appLine:var(--workspaceLine)!important;--appAccentGlass:var(--workspaceWash)!important;
 --sceneSurface:var(--workspacePanel)!important;--sceneSoft:var(--workspaceSoft)!important;--sceneInk:var(--workspaceInk)!important;--sceneMuted:var(--workspaceMuted)!important;--sceneLine:var(--workspaceLine)!important;--sceneBlue:var(--workspacePrimary)!important;--sceneAccent:var(--workspaceWash)!important;
 --surfacePaper:var(--workspacePanel)!important;--surfaceInk:var(--workspaceInk)!important;--surfaceMuted:var(--workspaceMuted)!important;--surfaceLine:var(--workspaceLine)!important;--surfaceWash:var(--workspaceWash)!important;
 color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;
}
html[data-palette][data-color-scheme="dark"] :is(.hubPage,.hubProjectPanel,.hubMoreGrid,.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.hubRegistrySheet,.eventWorkspace,.sceneConfirmDialog){color-scheme:dark;}
html[data-palette][data-color-scheme="light"] :is(.hubPage,.hubProjectPanel,.hubMoreGrid,.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.hubRegistrySheet,.eventWorkspace,.sceneConfirmDialog){color-scheme:light;}
/* More and all primary project sections use opaque readable surfaces, not a white wash. */
html[data-palette][data-color-scheme] :is(.hubNavV427,.hubMoreGrid,.hubExperienceBuilderTabs,.hubRegistrySectionRail){background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;box-shadow:none!important;}
html[data-palette][data-color-scheme] :is(.hubNavV427,.hubMoreGrid,.hubExperienceBuilderTabs) button{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.hubNavV427,.hubMoreGrid,.hubExperienceBuilderTabs) button:is(.isActive,[aria-current="page"]){background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;border-color:var(--workspacePrimary)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--workspacePrimary) 35%,transparent)!important;}
html[data-palette][data-color-scheme] .hubMoreGrid button i{color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] .hubV427 .hubSection,
html[data-palette][data-color-scheme] :is(.hubDetailsGroup,.hubProjectNotesPremium,.hubProjectDetail,.hubProjectDetailPremium,.hubCollectionCard,.hubChecklistItem,.hubGuestRoster article,.hubBudgetCompact,.hubRegistryItem,.hubRegistryWorkspace,.hubPlanningMessage,.hubLogisticsNotes>button,.hubBudgetPrimary,.hubBudgetMetric,.hubWorkspaceEmpty,.hubGuestRosterEmpty,.hubEmptyV427,.hubSnapshotGrid>button,.hubNextGrid>button){
 background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;box-shadow:none!important;
}
html[data-palette][data-color-scheme] :is(.hubDetailsGroup>header,.hubSectionHead,.hubBudgetTotal){background:var(--workspaceSoft)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubSectionHead{background:transparent!important;}
html[data-palette][data-color-scheme] :is(.hubProjectDetail>span,.hubDetailsGroup>header>span,.hubProjectNotesPremium>div>span,.hubCollectionIcon,.hubBudgetIcon,.hubPlanningMessage>span,.hubRegistryItemIcon,.hubRegistrySectionTab>span){background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] :is(.hubProjectDetail,.hubProjectDetailPremium,.hubDetailsGroup,.hubProjectNotesPremium,.hubCollectionCard,.hubChecklistItem,.hubBudgetCompact,.hubLogisticsNotes,.hubPlanningMessage,.hubWorkspaceEmpty,.hubRegistryItem,.hubGuestRoster) :is(b,strong,h2,h3,h4){color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.hubProjectDetail,.hubProjectDetailPremium,.hubDetailsGroup,.hubProjectNotesPremium,.hubCollectionCard,.hubChecklistItem,.hubBudgetCompact,.hubLogisticsNotes,.hubPlanningMessage,.hubWorkspaceEmpty,.hubRegistryItem,.hubGuestRoster) :is(small,p,em){color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] :is(.hubProjectDetail.isMissing em,.hubProjectDetailChevron,.hubDetailsGroup>header i){color:var(--workspacePrimary)!important;}
html[data-palette][data-color-scheme] :is(.hubSectionAdd,.hubTextButton,.hubRegistryFab,.hubRegistryAddSection,.hubRegistrySectionMenu,.hubChecklistEdit,.hubGuestMenuButton){background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubChecklistToggle{background:transparent!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] .hubChecklistToggle>span{background:var(--workspaceSoft)!important;border-color:var(--workspaceLine)!important;color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] .hubChecklistItem.isDone{background:color-mix(in srgb,var(--journeySuccess) 7%,var(--workspacePanel))!important;border-color:color-mix(in srgb,var(--journeySuccess) 30%,var(--workspaceLine))!important;}
html[data-palette][data-color-scheme] .hubChecklistItem.isDone .hubChecklistToggle>span{background:color-mix(in srgb,var(--journeySuccess) 14%,var(--workspacePanel))!important;color:var(--journeySuccess)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionTab{background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubRegistrySectionTab:is(.isActive,[aria-selected=true]){background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;border-color:var(--workspacePrimary)!important;}
/* App-owned invitation builder controls. The preview/artwork has its own authored palette. */
html[data-palette][data-color-scheme] :is(.hubExperienceSettingsGroup,.hubExperienceManageCard,.hubExperienceDangerCard,.hubExperienceLaunchCard,.hubExperienceFullPreview,.hubExperienceConnectedAction,.hubExperienceScheduleRow,.hubExperienceUpdateRow,.experiencePalettePresets button,.experienceColorDetails,.experienceColorGrid label,.hubExperienceSettingsBody,.hubExperienceSettingsHead,.hubExperienceInfoCard,.hubExperienceGuide){background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.hubExperienceSettingsGroup,.hubExperienceManageCard,.hubExperienceLaunchCard,.hubExperienceFullPreview,.hubExperienceConnectedAction) :is(p,small){color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] :is(.hubExperienceSettingsGroup,.hubExperienceManageCard,.hubExperienceLaunchCard,.hubExperienceFullPreview,.hubExperienceConnectedAction) :is(h3,b,strong){color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.hubExperienceManageActions button,.hubExperienceShareRow button,.hubExperienceAddRow,.hubExperienceModuleToggle){background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] .hubExperienceManageActions button.isPrimary{background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
/* Detached editors must inherit the same tokens even outside the project DOM tree. */
html[data-palette][data-color-scheme] :is(.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.hubRegistrySheet,.hubDeleteConfirmPanel,.hubAddressPanel,.eventWorkspace,.sceneConfirmDialog){background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] :is(.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.hubRegistrySheet,.hubCreateProjectPanel,.hubAddressPanel) :is(header,footer,.hubProjectEditFields,.hubQuickEditFields,.hubGuestInviteBody,.hubGuestDetailBody,.hubProjectEditSection){background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.hubRegistrySheet,.hubCreateProjectPanel,.hubAddressPanel) :is(header,footer){background:var(--workspaceSoft)!important;}
html[data-palette][data-color-scheme] :is(.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.hubRegistrySheet,.hubCreateProjectPanel,.hubAddressPanel,.eventWorkspace) :is(h1,h2,h3,h4,b,strong,label,legend){color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.hubRegistrySheet,.hubCreateProjectPanel,.hubAddressPanel,.eventWorkspace) :is(p,small){color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] :is(.hubProjectPanel,.hubQuickEditPanel,.hubProjectEditPanel,.hubRegistrySheet,.hubGuestInvitePanel,.eventWorkspace) :is(input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select){background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubRegistrySheet,.hubGuestInvitePanel,.eventWorkspace) :is(input,textarea)::placeholder{color:var(--workspaceMuted)!important;opacity:.85;}
html[data-palette][data-color-scheme] :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubRegistrySheet,.hubGuestInvitePanel,.eventWorkspace) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--workspacePrimary);}
html[data-palette][data-color-scheme] :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubRegistrySheet,.hubGuestInvitePanel,.eventWorkspace) :is(button:not(.isDanger),.hubDocumentOpen){background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;}
html[data-palette][data-color-scheme] :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubRegistrySheet,.hubGuestInvitePanel,.eventWorkspace) :is(button[type=submit],.hubRegistryPrimary,.hubGuestInviteSave){background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.hubDangerSection,.hubDeleteConfirmPanel,.hubExperienceDangerCard){border-color:color-mix(in srgb,var(--journeyDanger) 35%,var(--workspaceLine))!important;}
html[data-palette][data-color-scheme] :is(.hubDeleteEventButton,.hubQuickEditPanel .isDanger,.hubExperienceDangerCard button,.hubExperienceDangerCard>span){color:var(--journeyDanger)!important;background:color-mix(in srgb,var(--journeyDanger) 8%,var(--workspacePanel))!important;border-color:color-mix(in srgb,var(--journeyDanger) 30%,var(--workspaceLine))!important;}
html[data-palette][data-color-scheme] :is(.hubProjectEditError,.hubQuickEditPanel .isError){color:var(--journeyDanger)!important;}
html[data-palette][data-color-scheme] :is(.hubRegistryEmpty,.hubRegistrySectionEmpty,.hubRegistryNoChoices,.hubGuestSearchPrompt,.hubGuestSearchEmpty,.hubCollectionSection .hubWorkspaceEmpty){background:var(--workspaceSoft)!important;color:var(--workspaceMuted)!important;border-color:var(--workspaceLine)!important;}
/* The newer invitation settings cards also belong to the project, not its preview. */
html[data-palette][data-color-scheme] :is(.hubExperienceIdentityCard,.hubExperienceHostCard,.hubExperienceCoreCard,.hubExperienceSettingsCard,.hubExperienceGuestSections,.hubExperienceGuestSection,.hubExperienceSaveBar,.hubExperienceCoverCard,.hubExperienceCoverTools,.hubExperienceOption,.hubExperienceSectionSettings,.hubExperienceConnectedList){background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;border-color:var(--workspaceLine)!important;box-shadow:none!important;}
html[data-palette][data-color-scheme] :is(.hubExperienceIdentityCard,.hubExperienceHostCard,.hubExperienceCoreCard,.hubExperienceSettingsCard,.hubExperienceGuestSections,.hubExperienceGuestSection,.hubExperienceSaveBar,.hubExperienceCoverTools,.hubExperienceOption,.hubExperienceSectionSettings) :is(p,small,em){color:var(--workspaceMuted)!important;}
html[data-palette][data-color-scheme] :is(.hubExperienceIdentityCard,.hubExperienceHostCard,.hubExperienceCoreCard,.hubExperienceSettingsCard,.hubExperienceGuestSections,.hubExperienceGuestSection,.hubExperienceSaveBar,.hubExperienceCoverTools,.hubExperienceOption,.hubExperienceSectionSettings) :is(h2,h3,b,strong){color:var(--workspaceInk)!important;}
html[data-palette][data-color-scheme] :is(.hubExperienceGuestSectionIcon,.hubExperienceGuestSectionState,.hubExperienceCoreFacts>span){background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;border-color:var(--workspaceLine)!important;}

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

/* BEGIN assets/css/core/checkout-refinement.css */
/* Infinis v0486 — secure checkout presentation only.
   Keep step controllers, policy decisions, payment fields, and checkout flow intact. */

/* The previous full-width checkout masthead is replaced by two floating tools. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel{
  --checkoutTopClearance: 78px;
  --checkoutControlGap: 12px;
  position:relative!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  background:var(--workspacePanel)!important;
  color:var(--workspaceInk)!important;
  overflow:hidden!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutHeader.checkoutFloatingHeader{
  position:absolute!important;
  z-index:35!important;
  top:0!important;
  inset-inline:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:var(--checkoutControlGap)!important;
  min-height:var(--checkoutTopClearance)!important;
  margin:0!important;
  padding:calc(12px + env(safe-area-inset-top,0px)) 18px 9px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html[data-palette] .checkoutPanel .checkoutFloatingHeader .checkoutBrandMark{display:none!important;}
html[data-palette] .checkoutPanel .checkoutFloatingHeader>.checkoutHeaderCopy{
  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;
  flex:none!important;
  pointer-events:none!important;
}
/* The Live Info controller already transfers the original account dock between contexts.
   Its checkout slot is now first in the row instead of forcing an extra masthead line. */
html[data-palette] .checkoutPanel .checkoutFloatingHeader>.liveDockSlot{
  display:flex!important;
  flex:0 1 auto!important;
  order:0!important;
  min-width:0!important;
  width:auto!important;
  max-width:calc(100% - 60px)!important;
  margin:0 auto 0 0!important;
  padding:0!important;
  justify-content:flex-start!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  pointer-events:auto!important;
  box-shadow:none!important;
}
html[data-palette] .checkoutPanel .checkoutFloatingHeader .workspaceAccountDock{
  max-width:100%!important;
  margin:0!important;
  background:color-mix(in srgb,var(--workspacePanel) 88%,transparent)!important;
  border:1px solid var(--workspaceLine)!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] .checkoutPanel .checkoutFloatingHeader>#checkoutClose{
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  flex:0 0 49px!important;
  order:2!important;
  width:49px!important;
  height:49px!important;
  min-height:49px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:18px!important;
  color:var(--workspaceInk)!important;
  background:color-mix(in srgb,var(--workspacePanel) 88%,transparent)!important;
  box-shadow:0 10px 30px rgba(5,14,30,.14)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  backdrop-filter:blur(22px)!important;
  font:inherit!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
html[data-palette] .checkoutPanel .checkoutFloatingHeader>#checkoutClose i{font-size:21px;line-height:1;}
html[data-palette] .checkoutPanel .checkoutFloatingHeader>#checkoutClose:active{transform:scale(.96);}
html[data-palette] .checkoutPanel .checkoutFloatingHeader>#checkoutClose:focus-visible{
  outline:3px solid var(--workspacePrimary)!important;
  outline-offset:3px!important;
}

/* The navigation is the first layout row; its margin reserves room for the two floating tools. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress{
  box-sizing:border-box!important;
  min-width:0!important;
  margin:calc(var(--checkoutTopClearance) + env(safe-area-inset-top,0px)) 14px 11px!important;
  padding:6px!important;
  gap:6px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  background:color-mix(in srgb,var(--workspaceSoft) 82%,var(--workspacePanel))!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:22px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html[data-palette] .checkoutPanel>.checkoutProgress button{
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:column nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:9px 3px!important;
  min-width:0!important;
  min-height:58px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  color:var(--workspaceMuted)!important;
  opacity:1!important;
}
html[data-palette] .checkoutPanel>.checkoutProgress button>span{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  font-size:14px!important;
  color:var(--workspaceMuted)!important;
  border:1px solid var(--workspaceLine)!important;
  background:var(--workspacePanel)!important;
}
html[data-palette] .checkoutPanel>.checkoutProgress button.isActive{
  background:linear-gradient(125deg,color-mix(in srgb,var(--workspacePrimary) 13%,var(--workspacePanel)),color-mix(in srgb,var(--workspaceSecondary) 9%,var(--workspacePanel)))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 40%,var(--workspaceLine))!important;
  color:var(--workspaceInk)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--workspacePrimary) 12%,transparent)!important;
}
html[data-palette] .checkoutPanel>.checkoutProgress button.isActive>span{
  background:color-mix(in srgb,var(--workspacePrimary) 15%,var(--workspacePanel))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 50%,var(--workspaceLine))!important;
  color:var(--workspacePrimary)!important;
}
html[data-palette] .checkoutPanel>.checkoutProgress button.isComplete:not(.isActive)>span{
  background:color-mix(in srgb,var(--workspacePrimary) 10%,var(--workspacePanel))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 28%,var(--workspaceLine))!important;
  color:var(--workspacePrimary)!important;
}
html[data-palette] .checkoutPanel>.checkoutProgress button b,
html[data-palette] .checkoutPanel>.checkoutProgress button small{
  display:none!important;
}
html[data-palette] .checkoutPanel>.checkoutProgress button.isActive b{
  display:block!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  max-width:100%!important;
  color:var(--workspaceInk)!important;
}
html[data-palette] .checkoutPanel>.checkoutProgress button[hidden]{display:none!important;}
html[data-palette] .checkoutPanel>.checkoutProgress:has(button[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))!important;}

/* Quiet, consistent surfaces. The payment/contract controls retain their own behavior. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutWorkspace{
  min-height:0!important;
  background:var(--workspacePanel)!important;
  overscroll-behavior:contain!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutBody{
  min-width:0!important;
  padding:17px 19px 36px!important;
  scroll-padding-bottom:28px!important;
}
html[data-palette] .checkoutPanel .checkoutStep.isActive{gap:16px!important;}
html[data-palette] .checkoutPanel .checkoutSectionHeading h3{
  font-size:clamp(19px,3vw,25px)!important;
  letter-spacing:-.035em!important;
  line-height:1.15!important;
}
html[data-palette] .checkoutPanel .checkoutSectionHeading p{line-height:1.55!important;}
html[data-palette] .checkoutPanel :is(.checkoutPhoneCard,.checkoutEventCard,.checkoutLocationCard,.checkoutPolicyPanel,.checkoutReviewCard,.checkoutStepCard,.checkoutPaymentAmount,.checkoutCardSource,.checkoutAgreementReady){
  border-radius:22px!important;
  border-color:var(--workspaceLine)!important;
  background:color-mix(in srgb,var(--workspaceSoft) 53%,var(--workspacePanel))!important;
  box-shadow:none!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyTabs{gap:9px!important;padding:3px 1px 9px!important;scrollbar-width:none!important;}
html[data-palette] .checkoutPanel .checkoutPolicyTabs::-webkit-scrollbar{display:none!important;}
html[data-palette] .checkoutPanel .checkoutPolicyTab{
  min-height:62px!important;
  border-radius:17px!important;
  border-color:var(--workspaceLine)!important;
  background:var(--workspaceSoft)!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyTab.isActive,
html[data-palette] .checkoutPanel .checkoutPolicyTab[aria-selected="true"]{
  border-color:color-mix(in srgb,var(--workspacePrimary) 57%,var(--workspaceLine))!important;
  background:var(--workspaceWash)!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyNav{
  gap:9px!important;
  border-color:var(--workspaceLine)!important;
  padding:12px!important;
  background:transparent!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyNav button{
  min-height:44px!important;
  border-radius:15px!important;
  background:var(--workspacePanel)!important;
  border:1px solid var(--workspaceLine)!important;
  color:var(--workspaceInk)!important;
  font-size:12px!important;
  padding:9px 10px!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyNav button:nth-child(2){
  background:linear-gradient(125deg,color-mix(in srgb,var(--workspacePrimary) 18%,var(--workspacePanel)),color-mix(in srgb,var(--workspaceSecondary) 13%,var(--workspacePanel)))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 44%,var(--workspaceLine))!important;
  color:var(--workspaceInk)!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyNav button:disabled{opacity:.43!important;}
html[data-palette] .checkoutPanel :is(input,select,textarea):focus-visible{
  outline:2px solid var(--workspacePrimary)!important;
  outline-offset:2px!important;
}

html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px))!important;
  border:0!important;
  border-top:1px solid var(--workspaceLine)!important;
  background:color-mix(in srgb,var(--workspacePanel) 96%,transparent)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
html[data-palette] .checkoutPanel>.checkoutFooter button{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:52px!important;
  padding:11px 17px!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:17px!important;
  color:var(--workspaceInk)!important;
  background:var(--workspaceSoft)!important;
  font-size:14px!important;
  font-weight:750!important;
}
html[data-palette] .checkoutPanel>.checkoutFooter .checkoutPrimary{
  background:linear-gradient(120deg,color-mix(in srgb,var(--workspacePrimary) 18%,var(--workspacePanel)),color-mix(in srgb,var(--workspaceSecondary) 14%,var(--workspacePanel)))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 51%,var(--workspaceLine))!important;
  color:var(--workspaceInk)!important;
}
html[data-palette] .checkoutPanel>.checkoutFooter button:disabled{opacity:.44!important;cursor:default!important;}

@media(max-width:700px){
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel{
    --checkoutTopClearance:70px;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutHeader.checkoutFloatingHeader{
    min-height:calc(var(--checkoutTopClearance) + env(safe-area-inset-top,0px))!important;
    padding:calc(10px + env(safe-area-inset-top,0px)) 13px 8px!important;
  }
  html[data-palette] .checkoutPanel .checkoutFloatingHeader .workspaceAccountDock{
    padding:5px 7px!important;
    gap:6px!important;
    border-radius:21px!important;
  }
  html[data-palette] .checkoutPanel .checkoutFloatingHeader>#checkoutClose{
    flex:0 0 46px!important;
    width:46px!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:17px!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress{
    margin:calc(var(--checkoutTopClearance) + env(safe-area-inset-top,0px)) 12px 9px!important;
    gap:4px!important;
    padding:5px!important;
    border-radius:19px!important;
  }
  html[data-palette] .checkoutPanel>.checkoutProgress button{
    min-height:57px!important;
    padding:7px 2px!important;
    gap:4px!important;
    border-radius:14px!important;
  }
  html[data-palette] .checkoutPanel>.checkoutProgress button.isActive b{font-size:10px!important;}
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutWorkspace{
    display:block!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:var(--workspacePanel)!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutBody{
    padding:14px 14px 28px!important;
  }
  html[data-palette] .checkoutPanel .checkoutSectionHeading h3{font-size:21px!important;}
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter{
    padding:10px 13px calc(12px + env(safe-area-inset-bottom,0px))!important;
    gap:9px!important;
  }
  html[data-palette] .checkoutPanel>.checkoutFooter button{min-height:49px!important;border-radius:16px!important;font-size:13px!important;}
}
@media(max-width:375px){
  html[data-palette] .checkoutPanel .checkoutFloatingHeader>.liveDockSlot{max-width:calc(100% - 54px)!important;}
  html[data-palette] .checkoutPanel .checkoutFloatingHeader .workspaceAccountDock{gap:4px!important;padding:4px 5px!important;}
  html[data-palette] .checkoutPanel .checkoutFloatingHeader>#checkoutClose{flex-basis:43px!important;width:43px!important;height:43px!important;min-height:43px!important;}
  html[data-palette] .checkoutPanel>.checkoutProgress button.isActive b{font-size:9px!important;}
  html[data-palette] .checkoutPanel .checkoutPolicyNav{gap:6px!important;padding:10px 7px!important;}
  html[data-palette] .checkoutPanel .checkoutPolicyNav button{font-size:10px!important;padding:8px 5px!important;white-space:nowrap!important;}
  html[data-palette] .checkoutPanel .checkoutPolicyNav button:nth-child(2) i{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-palette] .checkoutPanel .checkoutFloatingHeader>#checkoutClose{transition:none!important;}
}


/* Infinis v0573 — viewport-anchored, independent checkout bubble docks.
   The content scrolls through the entire canvas UNDER the floated progress,
   linked-project chips and bottom actions; no floating backdrop surfaces. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel{
  --checkoutHeaderH:70px;
  --checkoutProgressTop:calc(var(--checkoutHeaderH) + env(safe-area-inset-top,0px));
  --checkoutProjectTop:calc(var(--checkoutHeaderH) + 65px + env(safe-area-inset-top,0px));
  --checkoutBodyTop:calc(var(--checkoutHeaderH) + 138px + env(safe-area-inset-top,0px));
  --checkoutBottomClearance:104px;
  --checkoutFloatingControlH:56px;
  --checkoutBubbleEdge:16px;
  grid-template-rows:minmax(0,1fr)!important;
  isolation:isolate!important;
}
/* Only the checkout workspace fills the grid; header, progress, chip dock and footer overlay it. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutWorkspace{
  grid-row:1!important;
  grid-column:1!important;
  height:100%!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:var(--workspacePanel)!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutBody{
  padding:var(--checkoutBodyTop) 20px calc(var(--checkoutBottomClearance) + env(safe-area-inset-bottom,0px))!important;
  scroll-padding-top:var(--checkoutBodyTop)!important;
  scroll-padding-bottom:calc(var(--checkoutBottomClearance) + 12px)!important;
  overscroll-behavior:contain!important;
  min-width:0!important;
  scrollbar-gutter:stable!important;
  background:transparent!important;
}
html[data-palette] .checkoutDrawer:not(.hasProjectBubbleDock):not(.isBookingComplete) .checkoutPanel{
  --checkoutBodyTop:calc(var(--checkoutHeaderH) + 65px + env(safe-area-inset-top,0px));
}
/* Floating icon progress. The full-width colored progress div is gone. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress{
  position:absolute!important;
  z-index:36!important;
  top:var(--checkoutProgressTop)!important;
  left:max(14px,env(safe-area-inset-left,0px))!important;
  right:max(14px,env(safe-area-inset-right,0px))!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress:has(button[hidden]){
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:3px!important;
  min-height:var(--checkoutFloatingControlH,56px)!important;
  padding:7px 5px!important;
  border:1px solid color-mix(in srgb,var(--workspacePrimary) 15%,var(--workspaceLine))!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--workspacePanel) 78%,transparent)!important;
  color:var(--workspaceMuted)!important;
  box-shadow:0 9px 20px rgba(7,23,46,.09)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.15)!important;
  backdrop-filter:blur(20px) saturate(1.15)!important;
  pointer-events:none!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button[hidden]{display:none!important;}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button>span{
  flex:0 0 27px!important;
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--workspaceSoft) 70%,var(--workspacePanel))!important;
  border:1px solid color-mix(in srgb,var(--workspacePrimary) 18%,var(--workspaceLine))!important;
  color:var(--workspacePrimary)!important;
  font-size:14px!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button.isActive{
  border-color:color-mix(in srgb,var(--workspacePrimary) 52%,var(--workspaceLine))!important;
  background:linear-gradient(120deg,color-mix(in srgb,var(--workspacePrimary) 12%,var(--workspacePanel)),color-mix(in srgb,var(--workspaceSecondary) 8%,var(--workspacePanel)))!important;
  box-shadow:0 11px 26px rgba(22,66,115,.14)!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button.isComplete:not(.isActive)>span{
  background:color-mix(in srgb,var(--workspacePrimary) 10%,var(--workspacePanel))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 35%,var(--workspaceLine))!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button b,
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button small{display:none!important;}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button.isActive b{
  display:block!important;
  text-align:center!important;
  font-weight:800!important;
  font-size:10px!important;
  line-height:1.12!important;
  margin:0!important;
  letter-spacing:0!important;
  max-width:100%!important;
  white-space:normal!important;
  color:var(--workspaceInk)!important;
}
/* Project facts remain fixed beneath progress, NOT part of checkoutBody. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>#checkoutProjectBridge.checkoutProjectBubbleDock{
  position:absolute!important;
  z-index:35!important;
  top:var(--checkoutProjectTop)!important;
  inset-inline:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  isolation:auto!important;
  pointer-events:none!important;
}
html[data-palette] .checkoutDrawer .checkoutPanel>#checkoutProjectBridge[hidden]{display:none!important;}
html[data-palette] .checkoutPanel>#checkoutProjectBridge::before{display:none!important;content:none!important;}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutProjectBridgeFacts{
  /* The track is genuinely edge-to-edge. Its only horizontal whitespace lives
     inside the FIRST and LAST scroll positions, never as a fixed side gutter. */
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:14px 0 26px!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  border:0!important;
  background:transparent!important;
  scroll-padding-inline:var(--checkoutBubbleEdge,16px)!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  pointer-events:auto!important;
}
/* Flex spacers scroll away WITH the chips. There is no stationary inset that
   can cut the first/last bubble off before it reaches the viewport edge. */
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutProjectBridgeFacts::before,
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutProjectBridgeFacts::after{
  content:""!important;
  display:block!important;
  width:calc(var(--checkoutBubbleEdge,16px) - 9px)!important;
  height:1px!important;
  flex:0 0 calc(var(--checkoutBubbleEdge,16px) - 9px)!important;
  align-self:center!important;
  pointer-events:none!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutProjectBridgeFacts::-webkit-scrollbar{display:none!important;}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-width:104px!important;
  max-width:184px!important;
  min-height:var(--checkoutFloatingControlH,56px)!important;
  padding:9px 12px!important;
  border:1px solid color-mix(in srgb,var(--workspacePrimary) 18%,var(--workspaceLine))!important;
  border-radius:19px!important;
  color:var(--workspaceInk)!important;
  background:color-mix(in srgb,var(--workspacePanel) 81%,transparent)!important;
  box-shadow:0 8px 24px rgba(7,23,46,.12)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.15)!important;
  backdrop-filter:blur(20px) saturate(1.15)!important;
  scroll-snap-align:start!important;
  cursor:pointer!important;
  text-align:left!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact>i{
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--workspacePrimary) 14%,var(--workspaceLine))!important;
  background:color-mix(in srgb,var(--workspacePrimary) 8%,var(--workspacePanel))!important;
  color:var(--workspacePrimary)!important;
  font-size:14px!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipCopy{
  display:flex!important;
  flex-flow:column nowrap!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipCopy small{
  display:block!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-weight:750!important;
  margin:0!important;
  color:var(--workspaceMuted)!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipCopy b{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.25!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:var(--workspaceInk)!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact.isExpanded{
  flex:0 0 min(82dvw,340px)!important;
  max-width:min(82dvw,340px)!important;
  min-height:72px!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 54%,var(--workspaceLine))!important;
  background:linear-gradient(120deg,color-mix(in srgb,var(--workspacePrimary) 12%,var(--workspacePanel)),color-mix(in srgb,var(--workspaceSecondary) 9%,var(--workspacePanel)))!important;
  box-shadow:0 15px 34px rgba(7,23,46,.14)!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact.isExpanded .checkoutChipCopy b{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:13px!important;
  line-height:1.4!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact.isExpanded .checkoutChipCopy em{
  display:block!important;
  font-style:normal!important;
  color:var(--workspaceMuted)!important;
  font-weight:550!important;
  font-size:11px!important;
  line-height:1.4!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact:focus-visible{
  outline:2px solid var(--workspacePrimary)!important;
  outline-offset:3px!important;
}
/* Only real Back and Continue/Pay bubbles are rendered; no middle step title. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter{
  position:absolute!important;
  z-index:37!important;
  top:auto!important;
  bottom:calc(13px + env(safe-area-inset-bottom,0px))!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:11px!important;
  padding:0 16px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 1 265px!important;
  max-width:calc(50% - 6px)!important;
  min-height:55px!important;
  margin:0!important;
  padding:11px 12px!important;
  border-radius:21px!important;
  border:1px solid color-mix(in srgb,var(--workspacePrimary) 23%,var(--workspaceLine))!important;
  background:color-mix(in srgb,var(--workspacePanel) 81%,transparent)!important;
  color:var(--workspaceInk)!important;
  box-shadow:0 14px 32px rgba(7,23,46,.14)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.15)!important;
  backdrop-filter:blur(20px) saturate(1.15)!important;
  pointer-events:auto!important;
  font-size:14px!important;
  font-weight:800!important;
  touch-action:manipulation!important;
}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter button[hidden]{display:none!important;}
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter .checkoutPrimary{
  background:linear-gradient(120deg,color-mix(in srgb,var(--workspacePrimary) 13%,var(--workspacePanel)),color-mix(in srgb,var(--workspaceSecondary) 10%,var(--workspacePanel)))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 51%,var(--workspaceLine))!important;
}
html[data-palette] .checkoutPanel>.checkoutFooter .checkoutFooterStep{display:none!important;}
html[data-palette] .checkoutDrawer.isBookingComplete .checkoutPanel>#checkoutProjectBridge{display:none!important;}
@media(max-width:900px){
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutWorkspace{
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutWorkspace .checkoutBody{
    height:auto!important;
    min-height:100%!important;
    overflow:visible!important;
    scrollbar-gutter:auto!important;
    padding:var(--checkoutBodyTop) 15px calc(var(--checkoutBottomClearance) + env(safe-area-inset-bottom,0px))!important;
  }
}
@media(max-width:640px){
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel{
    --checkoutHeaderH:66px;
    --checkoutBubbleEdge:14px;
    --checkoutProjectTop:calc(var(--checkoutHeaderH) + 60px + env(safe-area-inset-top,0px));
    --checkoutBodyTop:calc(var(--checkoutHeaderH) + 134px + env(safe-area-inset-top,0px));
    --checkoutBottomClearance:98px;
  }
  html[data-palette] .checkoutDrawer:not(.hasProjectBubbleDock):not(.isBookingComplete) .checkoutPanel{
    --checkoutBodyTop:calc(var(--checkoutHeaderH) + 66px + env(safe-area-inset-top,0px));
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress{
    left:max(12px,env(safe-area-inset-left,0px))!important;
    right:max(12px,env(safe-area-inset-right,0px))!important;
    gap:6px!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button{
    min-height:var(--checkoutFloatingControlH,54px)!important;
    padding:5px 2px!important;
    border-radius:16px!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress button.isActive b{
    font-size:9px!important;
  }
  html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact{
    min-width:104px!important;
    max-width:168px!important;
    padding:8px 11px!important;
    border-radius:17px!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter{
    padding:0 12px!important;
    gap:10px!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter button{
    flex:1 1 0!important;
    max-width:calc(50% - 5px)!important;
    min-height:54px!important;
    border-radius:19px!important;
    font-size:13px!important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutFooter #checkoutNext:only-of-type{
    margin-left:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact{transition:none!important;}
}

/* v0574 — respond to the actual top-right dock instead of a guessed row height.
   Measurement uses ResizeObserver in cart.js and keeps all three independent
   floating rails within the checkout viewport. */
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress,
html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>#checkoutProjectBridge{
  transition:none!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge,
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutProjectBridgeFacts{
  border-inline:0!important;
  border-radius:0!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>.checkoutProgress,
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel>#checkoutProjectBridge{transition:none!important;}
}


/* v0575 — single-axis agreement tabs and smoothly transitioning quick-fact bubbles. */
html[data-palette] .checkoutPanel #checkoutPolicyTabs.checkoutPolicyTabs{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:none!important;
  touch-action:pan-x!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
}
html[data-palette] .checkoutPanel #checkoutPolicyTabs.checkoutPolicyTabs .checkoutPolicyTab{
  touch-action:pan-x!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutProjectBridgeFacts{
  /* Expansion animates freely without CSS scroll snapping repositioning chips. */
  scroll-snap-type:none!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact{
  --checkoutChipClosedWidth:clamp(130px,36dvw,174px);
  flex:0 0 var(--checkoutChipClosedWidth)!important;
  width:var(--checkoutChipClosedWidth)!important;
  max-width:var(--checkoutChipClosedWidth)!important;
  transition:flex-basis .38s cubic-bezier(.22,1,.32,1),
    width .38s cubic-bezier(.22,1,.32,1),
    max-width .38s cubic-bezier(.22,1,.32,1),
    min-height .38s cubic-bezier(.22,1,.32,1),
    background .3s ease,border-color .3s ease,box-shadow .3s ease!important;
  will-change:flex-basis;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact.isExpanded{
  flex:0 0 min(82dvw,340px)!important;
  width:min(82dvw,340px)!important;
  max-width:min(82dvw,340px)!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipCopy{
  align-self:stretch!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipReveal{
  display:grid!important;
  grid-template-rows:0fr!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  visibility:hidden!important;
  min-width:0!important;
  width:100%!important;
  transition:grid-template-rows .38s cubic-bezier(.22,1,.32,1),
    opacity .25s ease,transform .38s cubic-bezier(.22,1,.32,1),
    visibility 0s linear .38s!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipRevealInner{
  display:grid!important;
  gap:6px!important;
  min-height:0!important;
  overflow:hidden!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipRevealInner strong{
  font-size:13px!important;
  font-weight:800!important;
  color:var(--workspaceInk)!important;
  line-height:1.4!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipRevealInner em{
  display:block!important;
  font-style:normal!important;
  font-size:11px!important;
  font-weight:550!important;
  line-height:1.4!important;
  color:var(--workspaceMuted)!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact.isExpanded .checkoutChipReveal{
  grid-template-rows:1fr!important;
  opacity:1!important;
  transform:translateY(0)!important;
  visibility:visible!important;
  transition:grid-template-rows .38s cubic-bezier(.22,1,.32,1),
    opacity .27s ease .06s,transform .38s cubic-bezier(.22,1,.32,1),
    visibility 0s!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact.isExpanded .checkoutChipCopy>b{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1.25!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact,
  html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipReveal{
    transition:none!important;
    will-change:auto!important;
  }
}


/* v0576 — compact, top-aligned bubble detail and natural two-axis gestures. */
/* Remove the surplus 14px start gutter between progress and project facts.
   Keep bottom shadow clearance and the edge-spacers that scroll with chips. */
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutProjectBridgeFacts{
  align-items:flex-start!important;
  padding-top:0!important;
  margin-top:0!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact{
  align-self:flex-start!important;
  align-items:flex-start!important;
  /* A static compact base means an expanded sibling never vertically centers us. */
  min-height:var(--checkoutFloatingControlH,56px)!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipCopy{
  align-self:flex-start!important;
  justify-content:flex-start!important;
  padding-top:1px!important;
}
/* Expansion is informative, not a giant card. Animate the same DOM nodes. */
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact.isExpanded{
  flex-basis:min(76dvw,300px)!important;
  width:min(76dvw,300px)!important;
  max-width:min(76dvw,300px)!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact .checkoutChipRevealInner strong[hidden],
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutBridgeFact .checkoutChipRevealInner em[hidden]{
  display:none!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipRevealInner{
  gap:4px!important;
}
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutChipRevealInner em{
  line-height:1.35!important;
}
/* The policy tab rail scrolls left/right; vertical gestures pass through to
   the checkout's existing vertical scroll container. */
html[data-palette] .checkoutPanel #checkoutPolicyTabs.checkoutPolicyTabs{
  touch-action:pan-x pan-y!important;
  overscroll-behavior-y:auto!important;
  overflow-y:hidden!important;
}
html[data-palette] .checkoutPanel #checkoutPolicyTabs.checkoutPolicyTabs .checkoutPolicyTab,
html[data-palette] .checkoutPanel #checkoutPolicyTabs.checkoutPolicyTabs .checkoutPolicyTab *{
  touch-action:pan-x pan-y!important;
}

/* v0577 — balanced vertical breathing room and true circular selection marks. */
html[data-palette] .checkoutPanel>#checkoutProjectBridge .checkoutProjectBridgeFacts{
  padding-top:8px!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyOption{
  min-width:0!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyOption .checkoutPolicyOptionCheck{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  min-height:27px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  flex:none!important;
  line-height:1!important;
  transform:none!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyOption.isSingleChoice .checkoutPolicyOptionCheck{
  border-radius:50%!important;
  border-width:2px!important;
  background:var(--workspacePanel)!important;
  color:transparent!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyOption.isSingleChoice.isSelected .checkoutPolicyOptionCheck{
  border:7px solid var(--workspacePrimary)!important;
  border-radius:50%!important;
  background:var(--workspacePanel)!important;
}
html[data-palette] .checkoutPanel .checkoutPolicyOption:not(.isSingleChoice) .checkoutPolicyOptionCheck{
  border-radius:9px!important;
}

/* END assets/css/core/checkout-refinement.css */

/* BEGIN assets/css/core/explore-floating.css */
/* Infinis v0490. Floating application chrome and responsive Explore surfaces.
   Only app-owned controls are styled; the God Bubble itself remains provider-owned. */
:root{
 --exploreEase:cubic-bezier(.22,.8,.24,1);
 --exploreShadow:0 8px 28px color-mix(in srgb,var(--workspaceInk,#24364d) 6%,transparent);
}
/* No full-width header/footer bands. Insets are scrolling content padding, not
   cut-outs from the scroll viewport. The padding leaves first/last items usable. */
html.infinisCustomerLight #app #scrollArea{
 position:fixed!important;inset:0!important;width:100%!important;height:100%!important;
 min-height:0!important;max-height:none!important;box-sizing:border-box!important;
 padding:calc(84px + env(safe-area-inset-top,0px)) 0 calc(var(--bottomNavHeight,74px) + 34px + env(safe-area-inset-bottom,0px))!important;
 overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;
 scroll-padding-top:calc(84px + env(safe-area-inset-top,0px));scroll-padding-bottom:calc(var(--bottomNavHeight,74px) + 34px);
 -webkit-overflow-scrolling:touch;scrollbar-gutter:auto!important;
}
html.infinisCustomerLight #app #tabMount{min-height:100%;padding:0!important;box-sizing:border-box;}
html.infinisCustomerLight .topbar.workspaceTop.workspaceFloatingTop{
 position:fixed!important;inset:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) auto auto!important;
 width:max-content!important;max-width:calc(100dvw - 28px)!important;height:auto!important;min-height:0!important;
 padding:0!important;margin:0!important;display:block!important;z-index:40!important;
 background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;
}
html.infinisCustomerLight .workspaceFloatingTop:not(:has(>.workspaceAccountDock)){visibility:hidden;}
html.infinisCustomerLight .workspaceFloatingTop>.workspaceAccountDock{
 margin:0!important;pointer-events:auto!important;
 background:color-mix(in srgb,var(--workspacePanel,#fff) 82%,transparent)!important;
 border:1px solid color-mix(in srgb,var(--workspacePanel,#fff) 65%,var(--workspaceLine,#dfe6ef))!important;
 border-radius:22px!important;box-shadow:0 6px 28px color-mix(in srgb,var(--workspaceInk,#24364d) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--workspacePanel,#fff) 85%,transparent)!important;
 backdrop-filter:blur(24px) saturate(1.35)!important;-webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
}
html.infinisCustomerLight #app>.bottomnav{
 bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--appVisualBottom,0px))!important;
 left:50%!important;right:auto!important;width:min(480px,calc(100dvw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))!important;max-width:480px!important;
 padding:6px!important;gap:3px!important;border-radius:24px!important;
 background:color-mix(in srgb,var(--workspacePanel,#fff) 82%,transparent)!important;
 border:1px solid color-mix(in srgb,var(--workspacePanel,#fff) 65%,var(--workspaceLine,#dfe6ef))!important;
 box-shadow:0 8px 32px color-mix(in srgb,var(--workspaceInk,#24364d) 13%,transparent),inset 0 1px 0 color-mix(in srgb,var(--workspacePanel,#fff) 85%,transparent)!important;
 backdrop-filter:blur(24px) saturate(1.35)!important;-webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
}
html.infinisCustomerLight #app>.bottomnav::before,html.infinisCustomerLight #app>.bottomnav::after{display:none!important;}
html.infinisCustomerLight #app>.bottomnav .navitem{min-width:0!important;min-height:50px!important;border-radius:18px!important;font-weight:650!important;font-size:10px!important;}

/* The catalog is a page, not another nested scroll pane. */
html.infinisCustomerLight #tabMount>.findPage{
 width:calc(100% - 32px)!important;max-width:1240px!important;margin:0 auto!important;padding:0 0 10px!important;
 display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important;overflow:visible!important;
 color:var(--workspaceInk,var(--appText));background:transparent!important;
}
html.infinisCustomerLight .findPage [hidden],html.infinisCustomerLight .findProductOverlay [hidden]{display:none!important;}
html.infinisCustomerLight .findPage :is(button,input,select){font-family:var(--appFont);}
html.infinisCustomerLight .findPage :is(button,[role=button]){touch-action:manipulation;}
html.infinisCustomerLight .findPage :is(button,[role=button],input,select):focus-visible,
html.infinisCustomerLight .findProductSheet :is(button,summary):focus-visible{
 outline:3px solid var(--workspacePrimary,var(--appBlue))!important;outline-offset:3px!important;
}
html.infinisCustomerLight #tabMount .findExploreHeader{display:flex!important;align-items:center!important;gap:10px!important;min-height:0!important;padding:0 2px!important;margin:0 0 18px!important;}
html.infinisCustomerLight #tabMount .findExploreHeader>div:first-child{flex:1;min-width:0;}
html.infinisCustomerLight #tabMount .findExploreHeader>div>span:not(.findCatalogCount){font-size:10px!important;letter-spacing:.12em!important;font-weight:700!important;color:var(--workspacePrimary)!important;}
html.infinisCustomerLight #tabMount .findExploreHeader h1{font-size:34px!important;line-height:1.08!important;font-weight:750!important;letter-spacing:-.055em!important;margin:6px 0 0!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight #tabMount .findExploreHeader p{font-size:12px;line-height:1.5;margin:6px 0 0;color:var(--workspaceMuted);font-weight:450;}
html.infinisCustomerLight .findHeadingActions{display:flex;align-items:center;gap:8px;}
html.infinisCustomerLight #tabMount .findCatalogCount{white-space:nowrap;font-size:10px!important;line-height:1.4;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;color:var(--workspaceMuted)!important;background:var(--workspacePanel);border:1px solid var(--workspaceLine);padding:8px 10px;border-radius:999px;}
html.infinisCustomerLight #tabMount .findSavedShortcut{width:44px!important;height:44px!important;flex:none;border-radius:16px!important;box-shadow:none!important;}
html.infinisCustomerLight #tabMount .findToolbar{
 display:flex!important;position:relative!important;top:auto!important;z-index:2!important;gap:8px!important;grid-column:auto!important;grid-row:auto!important;
 margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html.infinisCustomerLight #tabMount .findSearch{height:52px!important;flex:1 1 0!important;min-width:0!important;border:1px solid var(--workspaceLine)!important;border-radius:18px!important;padding:0 14px!important;background:color-mix(in srgb,var(--workspacePanel) 88%,transparent)!important;box-shadow:var(--exploreShadow)!important;}
html.infinisCustomerLight #tabMount .findSearch:focus-within{border-color:var(--workspacePrimary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--workspacePrimary) 13%,transparent)!important;}
html.infinisCustomerLight #tabMount .findSearch input{font-size:16px!important;line-height:1.4!important;font-weight:450!important;padding:0!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight #tabMount .findSearch input::placeholder{font-size:13px!important;font-weight:450!important;}
html.infinisCustomerLight #tabMount :is(.findBackBtn,.findCalendarShortcut,.findFilterBtn){width:48px!important;height:52px!important;min-width:48px!important;flex:0 0 48px!important;border-radius:17px!important;background:var(--workspacePanel)!important;border:1px solid var(--workspaceLine)!important;box-shadow:none!important;padding:11px!important;color:var(--workspacePrimary)!important;}
html.infinisCustomerLight #tabMount .findClearBtn{min-width:32px!important;min-height:38px!important;background:transparent!important;flex:none;}
html.infinisCustomerLight #tabMount .findFilterBtn{display:none!important;} /* Native sort is already directly visible in results. */
html.infinisCustomerLight #tabMount .findDiscovery{display:flex!important;flex-direction:column!important;gap:28px!important;min-width:0!important;}
html.infinisCustomerLight #tabMount .findDiscovery>.findDiscoverSection{margin:0!important;padding:0!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;border:0!important;border-radius:0!important;background:transparent!important;}
html.infinisCustomerLight #tabMount .findHero{
 position:relative!important;display:block!important;min-height:230px!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;
 margin:0!important;border:1px solid var(--workspaceLine)!important;border-radius:28px!important;overflow:hidden!important;
 background:linear-gradient(120deg,color-mix(in srgb,var(--workspacePrimary) 11%,var(--workspacePanel)),color-mix(in srgb,var(--workspaceSecondary) 12%,var(--workspacePanel)))!important;
 box-shadow:none!important;isolation:isolate;
}
html.infinisCustomerLight #tabMount .findHeroShade{inset:0!important;background:radial-gradient(ellipse at 85% 15%,color-mix(in srgb,var(--workspacePanel) 85%,transparent),transparent 65%)!important;pointer-events:none;}
html.infinisCustomerLight #tabMount .findHeroContent{position:relative!important;z-index:2!important;width:66%!important;max-width:570px!important;padding:24px 0 24px 20px!important;box-sizing:border-box!important;}
html.infinisCustomerLight #tabMount .findHeroContent>span{font-size:8px!important;line-height:1.5!important;letter-spacing:.09em!important;font-weight:700!important;color:var(--workspacePrimary)!important;}
html.infinisCustomerLight #tabMount .findHeroContent h2{font-size:27px!important;line-height:1.08!important;font-weight:740!important;letter-spacing:-.045em!important;margin:12px 0 10px!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight #tabMount .findHeroContent p{font-size:12px!important;font-weight:450!important;line-height:1.65!important;max-width:240px!important;margin:0!important;color:var(--workspaceMuted)!important;}
html.infinisCustomerLight #tabMount .findHeroContent button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:44px!important;padding:0 13px!important;margin-top:17px!important;border:1px solid var(--workspaceLine)!important;border-radius:15px!important;background:var(--workspacePanel)!important;color:var(--workspaceInk)!important;font-size:12px!important;font-weight:650!important;box-shadow:0 4px 12px color-mix(in srgb,var(--workspaceInk) 5%,transparent)!important;}
html.infinisCustomerLight .findHeroContent .workspaceVector{width:17px;height:17px;}
html.infinisCustomerLight .findHeroMedia{position:absolute;z-index:1;inset:22px -38px 43px auto;width:48%;border-radius:50%;background:var(--findHeroPhoto) center/contain no-repeat;transform:rotate(-7deg);opacity:.9;overflow:hidden;}
html.infinisCustomerLight .findHeroSignature{position:absolute;right:16px;bottom:17px;font-size:8px;font-weight:550;letter-spacing:.03em;color:var(--workspaceMuted);}
html.infinisCustomerLight #tabMount .findDiscovery>*{order:0!important;}
html.infinisCustomerLight #tabMount .findSectionHead{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;margin:0 1px 14px!important;}
html.infinisCustomerLight #tabMount .findSectionHead>div:first-child{min-width:0;flex:1;}
html.infinisCustomerLight #tabMount .findSectionHead>div>span{font-size:9px!important;line-height:1.45!important;letter-spacing:.1em!important;font-weight:650!important;color:var(--workspaceMuted)!important;}
html.infinisCustomerLight #tabMount .findSectionHead h2{font-size:20px!important;line-height:1.2!important;font-weight:720!important;letter-spacing:-.035em!important;margin:5px 0 0!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight #tabMount .findSectionHead>button{font-size:11px!important;font-weight:650!important;min-height:44px!important;padding:0 4px!important;background:transparent!important;border:0!important;white-space:nowrap;color:var(--workspacePrimary)!important;}
html.infinisCustomerLight #tabMount .findCategoryGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 10px!important;}
html.infinisCustomerLight #tabMount .findCategoryCard{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:0!important;min-width:0!important;text-align:left!important;border:0!important;background:transparent!important;transition:transform .25s var(--exploreEase);}
html.infinisCustomerLight #tabMount .findCategoryPhoto{display:block!important;width:100%!important;max-width:none!important;aspect-ratio:1.06!important;border-radius:20px!important;margin:0 0 8px!important;border:1px solid var(--workspaceLine)!important;box-shadow:none!important;background-color:var(--workspaceSoft)!important;}
html.infinisCustomerLight #tabMount .findCategoryLabel{display:block!important;min-width:0!important;font-size:11px!important;line-height:1.35!important;font-weight:650!important;white-space:normal!important;overflow:visible!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight #tabMount .findCategoryCard>small{font-size:9px;line-height:1.5;margin-top:3px;font-weight:450;color:var(--workspaceMuted);}
/* Horizontal collections retain an intentional next-card peek at all sizes. */
html.infinisCustomerLight #tabMount .findRail{
 display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 18px)/2.08)!important;gap:12px!important;
 width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:stretch!important;
 padding:1px 1px 12px!important;scroll-snap-type:x proximity!important;scroll-padding-inline:1px;overscroll-behavior-x:contain;scrollbar-width:none!important;
}
html.infinisCustomerLight #tabMount .findRailCard{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;scroll-snap-align:start!important;}
html.infinisCustomerLight #tabMount .findResults{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important;padding:0 0 10px!important;}
html.infinisCustomerLight #tabMount .findResultCard{border-radius:22px!important;border:1px solid var(--workspaceLine)!important;background:var(--workspacePanel)!important;box-shadow:none!important;overflow:hidden!important;transition:transform .25s var(--exploreEase),box-shadow .25s var(--exploreEase),border-color .25s ease!important;}
html.infinisCustomerLight #tabMount .findResultPhoto{aspect-ratio:1.08!important;background-size:contain!important;background-color:var(--workspaceSoft)!important;}
html.infinisCustomerLight #tabMount .findResultPhoto::after{display:none!important;}
html.infinisCustomerLight #tabMount .findResultBody{padding:12px!important;gap:0!important;}
html.infinisCustomerLight #tabMount .findResultType{font-size:8px!important;font-weight:650!important;letter-spacing:.09em!important;line-height:1.5!important;color:var(--workspacePrimary)!important;}
html.infinisCustomerLight #tabMount .findResultBody h3{font-size:13px!important;line-height:1.4!important;font-weight:680!important;letter-spacing:-.018em!important;margin:5px 0 0!important;overflow-wrap:anywhere;}
html.infinisCustomerLight #tabMount .findResultBody p{font-size:10px!important;line-height:1.5!important;font-weight:450!important;margin-top:6px!important;-webkit-line-clamp:2;}
html.infinisCustomerLight #tabMount .findResultFooter{gap:5px!important;padding-top:14px!important;align-items:center!important;}
html.infinisCustomerLight #tabMount .findResultFooter>strong{font-size:15px!important;font-weight:720!important;white-space:normal!important;overflow:visible!important;line-height:1.2!important;}
html.infinisCustomerLight #tabMount .findResultFooter>strong small{display:block!important;font-size:9px!important;font-weight:450!important;line-height:1.5!important;margin-top:3px!important;}
html.infinisCustomerLight #tabMount .findResultBtn{width:42px!important;height:44px!important;min-width:42px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;border:1px solid var(--workspaceLine)!important;font-size:16px!important;}
html.infinisCustomerLight #tabMount .findFavoriteBtn{width:40px!important;height:40px!important;border-radius:50%!important;box-shadow:var(--exploreShadow)!important;background:color-mix(in srgb,var(--workspacePanel) 90%,transparent)!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight #tabMount .findFavoriteBtn.isActive{color:var(--workspaceSecondary)!important;}
html.infinisCustomerLight #tabMount .findStockBadge{font-size:9px!important;font-weight:550!important;background:color-mix(in srgb,var(--workspacePanel) 94%,transparent)!important;color:var(--workspaceInk)!important;border:1px solid var(--workspaceLine)!important;}
html.infinisCustomerLight #tabMount .findRailNavigation{display:none;align-items:center;gap:6px;flex:none;}
html.infinisCustomerLight #tabMount .findRailNavigation button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--workspaceLine);border-radius:15px;background:var(--workspacePanel);color:var(--workspaceInk);}
html.infinisCustomerLight .findRailNavigation .workspaceVector{width:17px;height:17px;}
html.infinisCustomerLight .findRailNavigation button:disabled{opacity:.35;cursor:default;}
html.infinisCustomerLight #tabMount .findCollectionGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
html.infinisCustomerLight #tabMount .findCollectionCard{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;min-height:182px!important;padding:15px!important;border-radius:24px!important;border:1px solid var(--workspaceLine)!important;background:var(--workspaceSoft)!important;box-shadow:none!important;}
html.infinisCustomerLight #tabMount .findCollectionMedia{inset:0 0 auto!important;height:105px!important;background-size:cover!important;opacity:.75;}
html.infinisCustomerLight #tabMount .findCollectionCard::before{background:linear-gradient(0deg,var(--workspacePanel) 42%,color-mix(in srgb,var(--workspacePanel) 86%,transparent) 58%,transparent)!important;}
html.infinisCustomerLight #tabMount .findCollectionCopy{padding-right:0!important;}
html.infinisCustomerLight #tabMount .findCollectionCopy strong{font-size:13px!important;line-height:1.3!important;font-weight:680!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight #tabMount .findCollectionCopy small{font-size:10px!important;line-height:1.5!important;font-weight:450!important;color:var(--workspaceMuted)!important;margin-top:6px!important;}
html.infinisCustomerLight #tabMount .findCollectionArrow{width:32px!important;height:32px!important;top:12px!important;right:12px!important;background:var(--workspacePanel)!important;color:var(--workspacePrimary)!important;}
html.infinisCustomerLight #tabMount .findQuickRow{display:flex!important;gap:8px!important;padding:1px 1px 16px!important;overflow-x:auto!important;max-width:100%;}
html.infinisCustomerLight #tabMount .findQuickChip{min-height:44px!important;border-radius:16px!important;padding:6px 12px 6px 7px!important;font-size:11px!important;font-weight:550!important;background:var(--workspacePanel)!important;color:var(--workspaceMuted)!important;}
html.infinisCustomerLight #tabMount .findQuickChip.isActive{background:var(--workspaceWash)!important;border-color:var(--workspacePrimary)!important;color:var(--workspaceInk)!important;}
html.infinisCustomerLight #tabMount .findQuickThumb{width:28px!important;height:28px!important;border-radius:9px!important;}
html.infinisCustomerLight #tabMount .findResultsHead{align-items:center!important;gap:12px!important;margin:5px 1px 18px!important;}
html.infinisCustomerLight #tabMount .findResultsHead>div{min-width:0;}
html.infinisCustomerLight #tabMount .findResultsHead h2{font-size:23px!important;line-height:1.2!important;font-weight:710!important;}
html.infinisCustomerLight #tabMount .findResultsHead small{font-size:11px!important;font-weight:450!important;line-height:1.5!important;}
html.infinisCustomerLight #tabMount .findSortSelect{display:block!important;font-size:12px!important;font-weight:550!important;height:44px!important;max-width:145px!important;border-radius:14px!important;background:var(--workspacePanel)!important;border-color:var(--workspaceLine)!important;flex:none;}
html.infinisCustomerLight #tabMount :is(.findMerchChip,.findEventBuilderCard){border-radius:22px!important;box-shadow:none!important;border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;}
html.infinisCustomerLight #tabMount .findEventBuilderCard{min-height:120px!important;padding:20px!important;}
html.infinisCustomerLight #tabMount .findEventBuilderCard strong{font-size:18px!important;line-height:1.3!important;font-weight:700!important;}
html.infinisCustomerLight #tabMount .findEventBuilderCard em{font-size:11px!important;line-height:1.65!important;font-weight:450!important;}

/* Open rentals: the same floating-control treatment with a single inner scroller. */
html.infinisCustomerLight .findProductOverlay{
 position:fixed!important;inset:0!important;width:100dvw!important;height:var(--sceneVh,100dvh)!important;max-height:100dvh!important;
 box-sizing:border-box!important;display:grid!important;place-items:center!important;padding:0!important;overflow:hidden!important;
 background:color-mix(in srgb,var(--workspaceInk) 36%,transparent)!important;
}
html.infinisCustomerLight .findProductSheet{
 position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 border:0!important;border-radius:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;
 background:var(--workspaceBackground,var(--appBg))!important;color:var(--workspaceInk)!important;
 --findDetailTop:calc(86px + env(safe-area-inset-top,0px));--findDetailBottom:calc(108px + env(safe-area-inset-bottom,0px));
}
html.infinisCustomerLight .findProductSheet .findProductTopbar{
 position:absolute!important;inset:calc(10px + env(safe-area-inset-top,0px)) 16px auto!important;
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;
 gap:8px!important;min-height:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:15!important;pointer-events:none!important;
}
html.infinisCustomerLight .findProductSheet .findProductTopbar>span{display:none!important;}
html.infinisCustomerLight .findProductSheet :is(.findProductClose,.findProductShare,.findProductSave){width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;border-radius:16px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--workspaceLine)!important;background:color-mix(in srgb,var(--workspacePanel) 90%,transparent)!important;color:var(--workspaceInk)!important;box-shadow:var(--exploreShadow)!important;pointer-events:auto!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
html.infinisCustomerLight .findProductSheet .workspaceVector{width:21px;height:21px;flex:none;}
html.infinisCustomerLight .findProductSheet .findProductTopbar>.liveDockSlot{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0 0 0 auto!important;padding:0!important;pointer-events:auto!important;}
html.infinisCustomerLight .findProductSheet .findProductTopbar .workspaceAccountDock{border-radius:20px!important;background:color-mix(in srgb,var(--workspacePanel) 84%,transparent)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:var(--exploreShadow)!important;}
html.infinisCustomerLight .findProductSheet .findProductScroll{
 position:absolute!important;inset:0!important;display:block!important;min-height:0!important;width:100%!important;height:100%!important;
 box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;
 padding:var(--findDetailTop) 16px var(--findDetailBottom)!important;
 scroll-padding-top:var(--findDetailTop);scroll-padding-bottom:var(--findDetailBottom);
 overscroll-behavior-y:contain!important;scrollbar-width:thin!important;scrollbar-color:var(--workspaceLine) transparent;
}
html.infinisCustomerLight .findProductSheet .findProductGallery{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1.18!important;max-height:360px!important;min-width:0!important;border-radius:27px!important;border:1px solid var(--workspaceLine)!important;background:var(--workspaceWash)!important;overflow:hidden!important;}
html.infinisCustomerLight .findProductSheet .findProductHeroImage{position:absolute!important;width:auto!important;height:auto!important;inset:12px!important;background-size:contain!important;background-position:center!important;}
html.infinisCustomerLight .findGalleryArrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--workspaceLine);border-radius:15px;background:color-mix(in srgb,var(--workspacePanel) 88%,transparent);color:var(--workspaceInk);box-shadow:var(--exploreShadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
html.infinisCustomerLight .findGalleryPrevious{left:10px;}html.infinisCustomerLight .findGalleryNext{right:10px;}
html.infinisCustomerLight .findProductSheet .findProductDots{bottom:12px!important;gap:0!important;padding:0 3px!important;background:color-mix(in srgb,var(--workspacePanel) 85%,transparent)!important;border:1px solid var(--workspaceLine);}
html.infinisCustomerLight .findProductSheet .findProductDots button{display:grid;place-items:center;width:32px!important;height:32px!important;border:0!important;padding:0!important;background:transparent!important;border-radius:50%!important;}
html.infinisCustomerLight .findProductSheet .findProductDots button::after{content:"";width:6px;height:6px;display:block;border-radius:99px;background:var(--workspaceMuted);opacity:.4;transition:width .25s ease,opacity .25s ease;}
html.infinisCustomerLight .findProductSheet .findProductDots button.isActive::after{width:18px;opacity:1;background:var(--workspacePrimary);}
html.infinisCustomerLight .findGalleryCount{position:absolute;z-index:3;right:12px;bottom:14px;border:1px solid var(--workspaceLine);border-radius:12px;padding:7px 9px;font-size:10px;font-weight:550;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--workspacePanel) 90%,transparent);color:var(--workspaceInk);}
html.infinisCustomerLight .findProductSheet .findProductContent{min-width:0!important;padding:24px 2px 6px!important;}
html.infinisCustomerLight .findProductSheet .findProductHeading span{font-size:10px!important;letter-spacing:.12em!important;font-weight:650!important;line-height:1.5!important;color:var(--workspacePrimary)!important;}
html.infinisCustomerLight .findProductSheet .findProductHeading h2{font-size:30px!important;font-weight:730!important;letter-spacing:-.045em!important;line-height:1.13!important;margin:8px 0 0!important;}
html.infinisCustomerLight .findProductSheet .findProductPrice{margin-top:14px!important;gap:12px!important;}
html.infinisCustomerLight .findProductSheet .findProductPrice strong{font-size:22px!important;font-weight:720!important;}
html.infinisCustomerLight .findProductSheet .findProductPrice strong small{font-size:11px!important;font-weight:450!important;}
html.infinisCustomerLight .findProductSheet .findProductPrice>span{font-size:12px!important;font-weight:650!important;}
html.infinisCustomerLight .findProductSheet .findProductSummary{font-size:14px!important;font-weight:450!important;line-height:1.75!important;margin:18px 0 0!important;}
html.infinisCustomerLight .findProductSheet .findProductSection{margin-top:24px!important;}
html.infinisCustomerLight .findProductSheet .findProductSection h3{font-size:18px!important;line-height:1.35!important;font-weight:680!important;margin-bottom:14px!important;}
html.infinisCustomerLight .findProductSheet .findProductFacts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
html.infinisCustomerLight .findProductSheet .findProductFact{padding:14px 12px!important;border:1px solid var(--workspaceLine)!important;border-radius:18px!important;background:var(--workspacePanel)!important;gap:9px!important;}
html.infinisCustomerLight .findProductSheet .findProductFact small{font-size:10px!important;font-weight:450!important;line-height:1.5!important;}
html.infinisCustomerLight .findProductSheet .findProductFact b{font-size:12px!important;font-weight:650!important;line-height:1.5!important;margin-top:4px!important;}
html.infinisCustomerLight .findProductSheet .findProductCallout{padding:16px!important;border-radius:20px!important;background:var(--workspaceWash)!important;border-color:var(--workspaceLine)!important;}
html.infinisCustomerLight .findProductSheet .findProductCallout b{font-size:12px!important;font-weight:650!important;}
html.infinisCustomerLight .findProductSheet .findProductCallout p{font-size:12px!important;font-weight:450!important;line-height:1.6!important;}
html.infinisCustomerLight .findProductSheet .findProductDisclosure{border:1px solid var(--workspaceLine)!important;border-radius:20px!important;padding:0!important;background:var(--workspacePanel)!important;}
html.infinisCustomerLight .findProductSheet .findProductDisclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:15px 17px;box-sizing:border-box;font-size:14px;font-weight:650;line-height:1.4;cursor:pointer;list-style:none;}
html.infinisCustomerLight .findProductDisclosure>summary::-webkit-details-marker{display:none;}
html.infinisCustomerLight .findProductDisclosure>summary .workspaceVector{width:17px;height:17px;transition:transform .22s var(--exploreEase);}
html.infinisCustomerLight .findProductDisclosure[open]>summary .workspaceVector{transform:rotate(180deg);}
html.infinisCustomerLight .findProductSheet .findProductDisclosure>div{padding:0 17px 17px;}
html.infinisCustomerLight .findProductSheet :is(.findProductIncluded span,.findProductImportant p){font-size:12px!important;font-weight:450!important;line-height:1.65!important;}
html.infinisCustomerLight .findProductSheet .findProductIncluded .workspaceVector{width:17px;height:17px;color:var(--workspacePrimary);margin-top:2px;}
html.infinisCustomerLight .findProductSheet .findProductImportant{border-color:color-mix(in srgb,var(--workspaceSecondary) 25%,var(--workspaceLine))!important;background:color-mix(in srgb,var(--workspaceSecondary) 5%,var(--workspacePanel))!important;}
html.infinisCustomerLight .findProductSheet .findProductFinePrint{font-size:11px!important;font-weight:450!important;line-height:1.65!important;text-align:left!important;margin-top:22px!important;}
html.infinisCustomerLight .findProductSheet .findProductActions{
 position:absolute!important;inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px))!important;z-index:16!important;
 display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:12px!important;align-items:center!important;
 margin:0!important;padding:13px 14px!important;border:1px solid var(--workspaceLine)!important;border-radius:24px!important;
 background:color-mix(in srgb,var(--workspacePanel) 88%,transparent)!important;box-shadow:0 6px 28px color-mix(in srgb,var(--workspaceInk) 13%,transparent)!important;
 backdrop-filter:blur(24px) saturate(1.3)!important;-webkit-backdrop-filter:blur(24px) saturate(1.3)!important;
}
html.infinisCustomerLight .findProductSheet .findProductActions small{font-size:10px!important;font-weight:500!important;line-height:1.5!important;}
html.infinisCustomerLight .findProductSheet .findProductActions strong{font-size:22px!important;line-height:1.2!important;font-weight:720!important;}
html.infinisCustomerLight .findProductSheet .findProductAdd{min-height:48px!important;width:100%!important;padding:10px 12px!important;border:1px solid var(--workspaceLine)!important;border-radius:17px!important;background:var(--workspaceWash)!important;color:var(--workspaceInk)!important;font-size:13px!important;line-height:1.4!important;font-weight:650!important;white-space:normal!important;}
html.infinisCustomerLight .findProductSheet :is(.findProductCartControl,.findProductQuantityWrap,.findProductQuantity){min-width:0!important;max-width:100%!important;}
html.infinisCustomerLight .findProductSheet .findProductCustomizer{border-radius:22px!important;padding:17px!important;background:var(--workspacePanel)!important;border:1px solid var(--workspaceLine)!important;}
html.infinisCustomerLight .findProductSheet .findProductSectionHeading p{font-size:12px!important;font-weight:450!important;line-height:1.65!important;}
html.infinisCustomerLight .findProductSheet :is(.findAddonOption,.findAddonGroup){min-width:0!important;max-width:100%!important;}
html.infinisCustomerLight .findProductSheet .findPackageComponent{border-radius:19px!important;}
@media(min-width:600px){
 html.infinisCustomerLight #tabMount .findHeroContent{width:64%!important;padding:30px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent h2{font-size:36px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent p{font-size:14px!important;max-width:310px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent>span{font-size:9px!important;}
 html.infinisCustomerLight .findHeroMedia{inset:20px 12px 28px auto;width:36%;}
 html.infinisCustomerLight .findHeroSignature{font-size:10px;right:25px;bottom:17px;}
 html.infinisCustomerLight #tabMount .findRail{grid-auto-columns:calc((100% - 36px)/3.12)!important;gap:16px!important;}
 html.infinisCustomerLight #tabMount .findRailNavigation:not([hidden]){display:flex;}
 html.infinisCustomerLight #tabMount .findResults{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
 html.infinisCustomerLight #tabMount .findCategoryGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;}
 html.infinisCustomerLight #tabMount .findCategoryPhoto{border-radius:24px!important;}
 html.infinisCustomerLight #tabMount .findCategoryLabel{font-size:12px!important;}
 html.infinisCustomerLight #tabMount .findCategoryCard>small{font-size:10px;}
}
@media(min-width:760px){
 html.infinisCustomerLight #app #scrollArea{padding:calc(102px + env(safe-area-inset-top,0px)) 32px calc(var(--bottomNavHeight,74px) + 42px + env(safe-area-inset-bottom,0px))!important;scroll-padding-top:110px;}
 html.infinisCustomerLight #app #tabMount{max-width:1240px;width:100%;margin-inline:auto;}
 html.infinisCustomerLight .topbar.workspaceTop.workspaceFloatingTop{top:calc(16px + env(safe-area-inset-top,0px))!important;right:max(32px,calc((100dvw - 1240px)/2),env(safe-area-inset-right,0px))!important;}
 html.infinisCustomerLight #app>.bottomnav{max-width:520px!important;width:min(520px,calc(100dvw - 48px))!important;padding:7px!important;}
 html.infinisCustomerLight #app>.bottomnav .navitem{font-size:11px!important;min-height:52px!important;}
 html.infinisCustomerLight #tabMount>.findPage{width:100%!important;}
 html.infinisCustomerLight #tabMount .findExploreHeader{margin-bottom:22px!important;}
 html.infinisCustomerLight #tabMount .findExploreHeader h1{font-size:42px!important;}
 html.infinisCustomerLight #tabMount .findExploreHeader p{font-size:14px;}
 html.infinisCustomerLight #tabMount .findToolbar{margin-bottom:24px!important;max-width:none!important;}
 html.infinisCustomerLight #tabMount .findHero{min-height:268px!important;border-radius:32px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent{padding:32px 38px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent h2{font-size:42px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent button{font-size:13px!important;padding-inline:17px!important;min-height:46px!important;}
 html.infinisCustomerLight #tabMount .findDiscovery{gap:34px!important;}
 html.infinisCustomerLight #tabMount .findSectionHead h2{font-size:24px!important;}
 html.infinisCustomerLight #tabMount .findResultBody{padding:16px!important;}
 html.infinisCustomerLight #tabMount .findResultBody h3{font-size:15px!important;}
 html.infinisCustomerLight #tabMount .findResultBody p{font-size:12px!important;}
 html.infinisCustomerLight #tabMount .findResultType{font-size:9px!important;}
 html.infinisCustomerLight #tabMount .findResultPhoto{aspect-ratio:1.22!important;}
 html.infinisCustomerLight #tabMount .findResultCard{border-radius:25px!important;}
 html.infinisCustomerLight #tabMount .findCollectionGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
 html.infinisCustomerLight .findProductOverlay{padding:24px!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
 html.infinisCustomerLight .findProductSheet{width:min(1100px,100%)!important;height:min(880px,100%)!important;border:1px solid var(--workspaceLine)!important;border-radius:32px!important;box-shadow:0 28px 90px color-mix(in srgb,var(--workspaceInk) 25%,transparent)!important;}
 html.infinisCustomerLight .findProductSheet .findProductTopbar{inset:16px 22px auto!important;}
 html.infinisCustomerLight .findProductSheet .findProductScroll{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:28px!important;align-items:start!important;padding-inline:24px!important;}
 html.infinisCustomerLight .findProductSheet .findProductGallery{position:sticky!important;top:0!important;aspect-ratio:.94!important;max-height:520px!important;}
 html.infinisCustomerLight .findProductSheet .findProductContent{padding:0 0 10px!important;}
 html.infinisCustomerLight .findProductSheet .findProductHeading h2{font-size:32px!important;}
 html.infinisCustomerLight .findProductSheet .findProductActions{left:20px!important;right:20px!important;bottom:16px!important;grid-template-columns:minmax(0,1fr) minmax(210px,320px)!important;padding:15px 20px!important;}
}
@media(min-width:1050px){
 html.infinisCustomerLight #tabMount .findRail{grid-auto-columns:calc((100% - 66px)/4.12)!important;gap:20px!important;}
 html.infinisCustomerLight #tabMount .findResults{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;}
 html.infinisCustomerLight #tabMount .findCategoryGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:20px!important;}
 html.infinisCustomerLight #tabMount .findCategoryPhoto{aspect-ratio:1.4!important;}
 html.infinisCustomerLight #tabMount .findHeroContent h2{font-size:48px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent{width:62%!important;padding:36px 42px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent p{max-width:380px!important;}
 html.infinisCustomerLight .findHeroMedia{right:60px;width:31%;inset-block:16px;}
 html.infinisCustomerLight .findProductSheet .findProductTopbar>span{display:block!important;margin-left:6px!important;padding:10px 14px!important;border-radius:14px!important;background:color-mix(in srgb,var(--workspacePanel) 88%,transparent)!important;font-size:12px!important;font-weight:550!important;}
 html.infinisCustomerLight .findProductSheet .findProductHeading h2{font-size:36px!important;}
}
@media(max-width:359px){
 html.infinisCustomerLight #tabMount .findCatalogCount{display:none!important;}
 html.infinisCustomerLight #tabMount .findHeroContent{width:70%!important;padding-left:16px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent h2{font-size:24px!important;}
 html.infinisCustomerLight #tabMount .findHeroContent>span{font-size:7px!important;}
 html.infinisCustomerLight #tabMount .findHeroMedia{right:-46px;width:48%;}
 html.infinisCustomerLight #tabMount .findResults{gap:10px!important;}
 html.infinisCustomerLight #tabMount .findResultBody{padding:10px!important;}
 html.infinisCustomerLight #tabMount .findResultFooter>strong{font-size:13px!important;}
 html.infinisCustomerLight #tabMount .findResultBtn{min-width:38px!important;width:38px!important;}
 html.infinisCustomerLight .findProductSheet .findProductTopbar{left:12px!important;right:12px!important;gap:6px!important;}
 html.infinisCustomerLight .findProductSheet .findProductActions{gap:8px!important;padding:12px!important;}
 html.infinisCustomerLight .findProductSheet .findProductActions strong{font-size:19px!important;}
}
@media(max-height:520px) and (min-width:640px){
 html.infinisCustomerLight .findProductOverlay{padding:10px!important;}
 html.infinisCustomerLight .findProductSheet{border-radius:24px!important;}
 html.infinisCustomerLight .findProductSheet .findProductScroll{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:20px!important;}
 html.infinisCustomerLight .findProductSheet .findProductContent{padding-top:0!important;}
 html.infinisCustomerLight .findProductSheet .findProductGallery{max-height:none!important;}
}
@media(hover:hover) and (pointer:fine){
 html.infinisCustomerLight #tabMount .findCategoryCard:hover{transform:translateY(-3px);}
 html.infinisCustomerLight #tabMount .findResultCard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--workspacePrimary) 45%,var(--workspaceLine))!important;box-shadow:var(--exploreShadow)!important;}
 html.infinisCustomerLight .findProductSheet .findGalleryArrow:hover{background:var(--workspacePanel);}
}
@media(prefers-reduced-motion:reduce){
 html.infinisCustomerLight :is(.findPage,.findProductOverlay) *,html.infinisCustomerLight :is(.findPage,.findProductOverlay) *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}
/* Explicit modal dimensions avoid intrinsic sizing of an absolutely filled sheet
   inside a centered grid, including iPad split-screen and landscape browsers. */
html.infinisCustomerLight[data-palette][data-color-scheme] .findProductOverlay{
 grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;
 background:color-mix(in srgb,var(--workspaceInk) 36%,transparent)!important;
}
html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet{
 width:100dvw!important;height:var(--sceneVh,100dvh)!important;border:0!important;
 background:var(--workspaceBackground)!important;
}
@media(min-width:760px){
 html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet{
  width:min(1100px,calc(100dvw - 48px))!important;height:min(880px,calc(var(--sceneVh,100dvh) - 48px))!important;
  border:1px solid var(--workspaceLine)!important;
 }
}
@media(max-height:520px) and (min-width:640px){
 html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet{
  width:calc(100dvw - 20px)!important;height:calc(var(--sceneVh,100dvh) - 20px)!important;
 }
}

/* Keep single-package collections intentional rather than leaving an empty rail. */
html.infinisCustomerLight #tabMount #findPackageGrid:has(>.findResultCard:only-child){grid-auto-columns:minmax(0,1fr)!important;}
html.infinisCustomerLight #tabMount #findPackageGrid>.findResultCard:only-child{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;min-height:184px!important;}
html.infinisCustomerLight #tabMount #findPackageGrid>.findResultCard:only-child .findResultPhoto{height:100%!important;min-height:184px!important;aspect-ratio:auto!important;}
html.infinisCustomerLight #tabMount #findPackageGrid>.findResultCard:only-child .findResultBody{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:17px!important;}
html.infinisCustomerLight #tabMount #findPackageGrid>.findResultCard:only-child h3{font-size:18px!important;line-height:1.25!important;}
html.infinisCustomerLight #tabMount .findSearch input{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;}
html.infinisCustomerLight .findProductSheet .findProductQuantity{width:100%!important;grid-template-columns:44px minmax(32px,1fr) 44px!important;box-sizing:border-box!important;}
html.infinisCustomerLight .findProductSheet .findProductQuantity>button{width:44px!important;min-width:44px!important;height:46px!important;}
html.infinisCustomerLight .findProductSheet .findProductAdd{min-width:0!important;}
html.infinisCustomerLight .findProductSheet .findProductDots{max-width:calc(100% - 98px)!important;overflow-x:auto;scrollbar-width:none;}
html.infinisCustomerLight .findProductSheet .findProductDots button{flex-shrink:0;}
@media(min-width:760px){
 html.infinisCustomerLight #tabMount #findPackageGrid>.findResultCard:only-child{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)!important;min-height:210px!important;}
 html.infinisCustomerLight #tabMount #findPackageGrid>.findResultCard:only-child .findResultBody{padding:26px!important;}
 html.infinisCustomerLight #tabMount #findPackageGrid>.findResultCard:only-child h3{font-size:23px!important;}
}

/* v0491: Search mode must hide discovery even when its flex layout uses !important.
   The prior selector was more specific than the generic [hidden] rule. */
html.infinisCustomerLight #tabMount>.findPage #findDiscovery[hidden],
html.infinisCustomerLight #tabMount>.findPage #findSearchView[hidden]{display:none!important;visibility:hidden!important;}
html.infinisCustomerLight #tabMount>.findPage #findSearchView:not([hidden]){display:block!important;visibility:visible!important;min-width:0!important;}
html.infinisCustomerLight #tabMount>.findPage #findSearchInput{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;}

/* V0494: show discovery artwork without changing original card composition.
   The generic catalog-image position:relative rule previously defeated absolute media. */
#tabMount .findCollectionCard > .findCollectionMedia{
  position:absolute!important;
  display:block!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:58%!important;
  overflow:hidden!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:0!important;
  background-image:var(--findCollectionPhoto)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#tabMount .findCollectionCard .findCollectionArtwork{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
}
html.infinisCustomerLight #tabMount .findCollectionCard > .findCollectionMedia{height:105px!important;}

/* v0495: Discovery uses the same real-photo background as category tiles.
   Keep the original 105px media slot, gradients, borders and card layout. */
html.infinisCustomerLight #tabMount .findCollectionCard > .findCollectionMedia{
  background-image:var(--findCollectionPhoto)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
}

/* END assets/css/core/explore-floating.css */

/* BEGIN assets/css/core/explore-photography-v525.css */
/* Infinis v0525 - photographed Explore surfaces and reliable fallbacks.
   Intentional: no bundled cartoon rental SVG as card or product fallback. */
#tabMount :is(.findCollectionMedia,.findCategoryPhoto,.findQuickThumb).catalogEditorialImagePending,
#tabMount :is(.findCollectionMedia,.findCategoryPhoto,.findQuickThumb).catalogEditorialImageUnavailable{
  --findCollectionPhoto:none;
  background-image:none!important;
  background-color:color-mix(in srgb,var(--workspaceWash,var(--appPanel,#fff)) 80%,var(--workspacePanel,#fff))!important;
}
#tabMount .findCollectionCard > .findCollectionMedia.catalogEditorialImagePending,
html.infinisCustomerLight #tabMount .findCollectionCard > .findCollectionMedia.catalogEditorialImagePending,
#tabMount .findCollectionCard > .findCollectionMedia.catalogEditorialImageUnavailable,
html.infinisCustomerLight #tabMount .findCollectionCard > .findCollectionMedia.catalogEditorialImageUnavailable{
  background-image:linear-gradient(115deg,
    color-mix(in srgb,var(--workspacePrimary,#356fff) 8%,var(--workspacePanel,#fff)) 0%,
    color-mix(in srgb,var(--workspaceSecondary,#ec69be) 6%,var(--workspacePanel,#fff)) 100%)!important;
}
#tabMount .findCollectionCard > .findCollectionMedia.catalogEditorialImageLoaded{
  background-image:var(--findCollectionPhoto)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:none!important;
}
#tabMount .findCategoryPhoto.catalogEditorialImageLoaded{background-image:var(--findCategoryPhoto)!important;background-size:cover!important;background-position:center!important;}
#tabMount .findQuickThumb.catalogEditorialImageLoaded{background-image:var(--findQuickPhoto)!important;background-size:cover!important;background-position:center!important;}
#tabMount :is(.findCollectionMedia,.findCategoryPhoto,.findQuickThumb).catalogEditorialImageLoaded{
  transition:opacity .22s ease-out,background-color .22s ease-out;
}
/* True catalog items without any usable image receive an unobtrusive neutral
   treatment, not illustration art that can be mistaken for a real rental. */
#tabMount :is(.findResultPhoto,.findDetailMedia,.findProductHeroImage,.findPackageComponentImage).catalogImageUnavailable{
  background-image:none!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--workspacePrimary,#356fff) 5%,var(--workspacePanel,#fff)),
    color-mix(in srgb,var(--workspaceSecondary,#ec69be) 4%,var(--workspacePanel,#fff)))!important;
}
#tabMount .catalogPhotoDisclosure{
  position:absolute;left:10px;bottom:10px;z-index:5;
  display:inline-flex;align-items:center;
  max-width:calc(100% - 20px);padding:5px 8px;
  border-radius:8px;
  border:1px solid color-mix(in srgb,var(--workspaceInk,#1d2940) 10%,transparent);
  background:color-mix(in srgb,var(--workspacePanel,#fff) 87%,transparent);
  color:var(--workspaceMuted,#68758a);
  font-size:9px;font-weight:650;letter-spacing:.02em;line-height:1.25;
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  pointer-events:none;
}
@media (prefers-reduced-motion: reduce){
  #tabMount .catalogEditorialImageLoaded{transition:none!important;}
}

#tabMount .catalogMediaEmptyState{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  display:block;width:max-content;max-width:calc(100% - 32px);padding:8px 10px;
  color:var(--workspaceMuted,#6f7788);font-size:10px;font-weight:570;
  line-height:1.4;text-align:center;pointer-events:none;
}
/* Representative lifestyle imagery should fill catalog tiles; authenticated
   actual product photography retains the app's original contain behavior. */
html.infinisCustomerLight #tabMount .findResultPhoto.catalogRepresentativePhoto{
  background-size:cover!important;
  background-position:center!important;
}

/* END assets/css/core/explore-photography-v525.css */

/* BEGIN assets/css/core/dock-first-thread-v526.css */
/* v0526: Dock-first layout, keep page-specific controls without repeating dock names. */
html #tabMount .sceneGatePage.scenePage{padding-top:0!important;row-gap:14px!important;}
html #tabMount .hubHomeV427{row-gap:15px!important;}
html #tabMount .hubHomeV427>.hubHomeActions{margin-top:0!important;}
html #tabMount .hubPage.hubV427{padding-top:0!important;}
html #tabMount .findPage{padding-top:0!important;}
html #tabMount .findPage>.findToolbar{grid-column:1/-1!important;grid-row:auto!important;width:100%;max-width:100%;margin:0!important;padding:0 0 5px!important;display:flex!important;align-items:center!important;gap:9px!important;}
html #tabMount .findPage>.findToolbar .findSearch{flex:1 1 0;min-width:0;}
html #tabMount .findPage>.findToolbar :is(.findSavedShortcut,.findCalendarShortcut,.findBackBtn,.findFilterBtn){flex:0 0 auto;}
html #tabMount .findPage>.findDiscovery,html #tabMount .findPage>.findDateGate,html #tabMount .findPage>.findSearchView{grid-column:1/-1!important;grid-row:auto!important;}
html #tabMount .findCompactCount{font-size:11px!important;font-weight:650!important;letter-spacing:0!important;line-height:1.2!important;text-transform:none!important;border:1px solid var(--workspaceLine,var(--appLine));border-radius:999px;padding:8px 11px;color:var(--workspaceMuted,var(--appMuted))!important;background:var(--workspacePanel,var(--appPanel));white-space:nowrap;}
/* Thread: a compact two-way switch instead of a second oversized tab label. */
html #tabMount .threadPage{padding-top:0!important;}
html #tabMount .threadView{gap:13px;}
html #tabMount .threadHeading{justify-content:flex-start;padding:0;margin:0;}
html #tabMount .threadModeTabs{width:100%;max-width:400px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border-radius:17px;background:var(--threadSoft);}
html #tabMount .threadModeTabs button{font-size:13px;min-height:46px;min-width:0;border-radius:13px;font-weight:720;}
html #tabMount .threadModeTabs button[aria-selected=true]{background:var(--threadPaper);box-shadow:0 3px 12px color-mix(in srgb,var(--threadInk) 7%,transparent);}
html #tabMount .threadDiscovery{gap:14px;}
.threadIntroStrip{position:relative;overflow:hidden;border-radius:21px;padding:19px 21px;border:1px solid var(--threadLine);background:linear-gradient(112deg,color-mix(in srgb,var(--threadBlue) 8%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 8%,var(--threadPaper)) 96%);}
.threadIntroStrip:after{content:"";position:absolute;right:-35px;top:-75px;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--threadBlue) 13%,transparent);border-radius:50%;box-shadow:0 0 0 23px color-mix(in srgb,var(--threadPink) 3%,transparent);pointer-events:none;}
.threadIntroStrip>div{position:relative;z-index:1;max-width:95%;}
.threadIntroStrip small,.threadPersonalIntro>small{font-size:10px;letter-spacing:.12em;color:var(--threadBlue);font-weight:800;}
.threadIntroStrip h2{font-size:clamp(21px,4.6dvw,29px);line-height:1.2;letter-spacing:-.045em;margin:7px 0 5px;font-weight:790;}
.threadIntroStrip p{font-size:12px;line-height:1.5;margin:0;color:var(--threadMuted);}
.threadPersonalOverview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--threadLine);border-radius:22px;background:linear-gradient(115deg,color-mix(in srgb,var(--threadBlue) 9%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 7%,var(--threadPaper)));}
.threadPersonalIntro{min-width:0;flex:1;}
.threadPersonalIntro h2{margin:6px 0 5px;font-size:clamp(20px,5dvw,28px);letter-spacing:-.045em;line-height:1.18;font-weight:790;}
.threadPersonalIntro p{margin:0;color:var(--threadMuted);font-size:12px;line-height:1.5;}
.threadPersonalCounts{display:flex;gap:7px;flex:0 0 auto;}
.threadPersonalCounts>span{display:grid;place-items:center;gap:2px;min-width:65px;padding:10px 12px;background:color-mix(in srgb,var(--threadPaper) 78%,transparent);border:1px solid var(--threadLine);border-radius:14px;}
.threadPersonalCounts strong{font-size:23px;line-height:1.1;color:var(--threadInk);font-weight:780;}
.threadPersonalCounts small{font-size:10px;color:var(--threadMuted);}
.threadLibraryPrivacy{margin:-4px 0 0;color:var(--threadMuted);font-size:11px;line-height:1.55;}
.threadPersonalShelves{display:grid;gap:19px;}
.threadLibraryShelf{display:grid;gap:12px;}
.threadShelfHeading{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.threadShelfHeading h3{margin:0;font-size:19px;letter-spacing:-.035em;color:var(--threadInk);}
.threadShelfHeading p{font-size:11px;margin:4px 0 0;line-height:1.4;color:var(--threadMuted);}
.threadShelfHeading>span{flex:0 0 auto;min-width:31px;text-align:center;padding:7px 8px;border-radius:11px;background:var(--threadSoft);font-size:12px;color:var(--threadMuted);}
.threadLibraryBlank{padding:28px 23px;border:1px solid var(--threadLine);border-radius:20px;background:var(--threadPaper);display:grid;justify-items:start;gap:10px;}
.threadLibraryBlank h3{font-size:21px;margin:0;letter-spacing:-.035em;color:var(--threadInk);}
.threadLibraryBlank p{margin:0;max-width:380px;font-size:12px;line-height:1.6;color:var(--threadMuted);}
.threadLibraryBlank button{margin-top:3px;}
.threadLibraryBrowse{width:100%;min-height:47px;border:1px solid var(--threadLine);border-radius:14px;background:var(--threadPaper);display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:12px;font-weight:740;color:var(--threadBlue)!important;}
.threadLibraryBrowse .workspaceVector{width:16px;height:16px;}
@media(max-width:600px){
 html #tabMount .threadModeTabs{max-width:none;}
 .threadIntroStrip{padding:16px 17px;border-radius:19px;}
 .threadIntroStrip h2{font-size:23px;}
 .threadIntroStrip p{max-width:90%;font-size:11px;}
 .threadPersonalOverview{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:18px 16px;}
 .threadPersonalCounts{width:100%;}
 .threadPersonalCounts>span{flex:1;display:flex;justify-content:center;gap:8px;padding:9px 13px;}
 .threadPersonalCounts strong{font-size:19px;}
 .threadPersonalIntro h2{font-size:24px;}
 .threadShelfHeading h3{font-size:18px;}
 .threadPersonalShelves{gap:17px;}
 html #tabMount .findPage>.findToolbar{gap:7px!important;}
 html #tabMount .findCompactCount{padding:6px 9px;font-size:10px!important;}
}
@media(prefers-reduced-motion:reduce){.threadIntroStrip,.threadPersonalOverview{animation:none;}}

/* END assets/css/core/dock-first-thread-v526.css */

/* BEGIN assets/css/core/cart-floating-v498.css */
/* Infinis v0498 - focused rental-project and inquiry layout correction.
   The switcher, item list and floating actions each own exactly one grid track. */
html[data-palette] .activeCartPanel,
html.infinisCustomerLight .activeCartPanel.infinisSurface{
  --cartControlClearance:calc(80px + env(safe-area-inset-top,0px));
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:var(--cartControlClearance) auto minmax(0,1fr) auto!important;
  grid-auto-rows:0!important;
  row-gap:0!important;
  align-content:stretch!important;
  min-height:0!important;
  overflow:hidden!important;
}
/* Header floats over the deliberately reserved first track. */
html[data-palette] .activeCartPanel>.activeCartHeader.activeCartFloatingHeader{
  grid-row:1!important;
  min-height:var(--cartControlClearance)!important;
}
html[data-palette] .activeCartPanel>.activeCartSwitcher,
html.infinisCustomerLight .activeCartPanel>.activeCartSwitcher{
  grid-row:2!important;
  position:relative!important;
  z-index:1!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 0 7px!important;
  border:0!important;
  overflow:hidden!important;
  align-self:start!important;
}
html[data-palette] .activeCartPanel>.activeCartList,
html.infinisCustomerLight .activeCartPanel>.activeCartList{
  grid-row:3!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:9px 2px 18px!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-padding-top:10px!important;
  scroll-padding-bottom:18px!important;
}
html[data-palette] .activeCartPanel>.activeCartEmpty,
html.infinisCustomerLight .activeCartPanel>.activeCartEmpty{
  grid-row:3!important;
  min-height:0!important;
  padding:18px 16px!important;
  align-self:stretch!important;
  overflow-y:auto!important;
}
html[data-palette] .activeCartPanel>.activeCartSwitcher[hidden],
html[data-palette] .activeCartPanel>.activeCartList[hidden],
html[data-palette] .activeCartPanel>.activeCartEmpty[hidden],
html[data-palette] .activeCartPanel>.activeCartFooter[hidden]{display:none!important;}

/* The selected project and its controls are vertically centered inside the chip. */
html[data-palette] .activeCartPanel .cartProjectRail{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  min-height:0!important;
  gap:9px!important;
  padding:1px 2px 4px!important;
}
html[data-palette] .activeCartPanel .cartProjectChip,
html.infinisCustomerLight .activeCartPanel .cartProjectChip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:center!important;
  flex:0 0 clamp(190px,53vw,230px)!important;
  width:clamp(190px,53vw,230px)!important;
  min-width:0!important;
  max-width:none!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
html[data-palette] .activeCartPanel .cartProjectChip .cartSwitcherSelect,
html.infinisCustomerLight .activeCartPanel .cartProjectChip .cartSwitcherSelect{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:center!important;
  align-content:center!important;
  justify-items:stretch!important;
  column-gap:10px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:64px!important;
  padding:8px 10px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
html[data-palette] .activeCartPanel .cartProjectChip .cartSwitcherSelect>span{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
}
html[data-palette] .activeCartPanel .cartProjectChip .cartSwitcherSelect>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:center!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  gap:3px!important;
}
html[data-palette] .activeCartPanel .cartProjectChip .cartSwitcherSelect b,
html[data-palette] .activeCartPanel .cartProjectChip .cartSwitcherSelect small{
  margin:0!important;
  line-height:1.24!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-palette] .activeCartPanel .cartProjectChip .cartSwitcherSelect b{font-size:14px!important;}
html[data-palette] .activeCartPanel .cartProjectChip .cartSwitcherSelect small{font-size:11px!important;}
html[data-palette] .activeCartPanel .cartProjectChip .cartSwitcherDelete{
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  width:38px!important;
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:0!important;
  font-size:17px!important;
}
html[data-palette] .activeCartPanel .cartProjectAdd{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  flex:0 0 84px!important;
  width:84px!important;
  min-width:84px!important;
  height:64px!important;
  min-height:64px!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  padding:7px!important;
}
html[data-palette] .activeCartPanel .cartProjectAdd span{line-height:1.2!important;max-width:100%!important;}

/* Guest inquiry uses one compact identity row followed by its explanation. */
html[data-palette] .activeCartPanel .guestInquiryRail{gap:8px!important;}
html[data-palette] .activeCartPanel .guestInquiryRail .projectSpaceTopline{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
}
html[data-palette] .activeCartPanel .guestInquiryIdentity{min-height:42px!important;align-items:center!important;}
html[data-palette] .activeCartPanel .guestInquiryNotice{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:9px 11px!important;
  border-radius:15px!important;
}

/* Let the entire reservation duration show, including the hour field. */
html[data-palette] .activeCartPanel .projectSpaceTopline{display:flex!important;align-items:stretch!important;gap:8px!important;}
html[data-palette] .activeCartPanel .projectSpaceTopline>.projectSpaceUsageCompact{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0 12px!important;
  grid-template-columns:auto minmax(20px,1fr) auto!important;
  gap:8px!important;
}
html[data-palette] .activeCartPanel .projectSpaceTopline>.activeCartHoldStatus.projectHoldMini{
  position:relative!important;
  flex:0 0 clamp(136px,38vw,164px)!important;
  width:clamp(136px,38vw,164px)!important;
  min-width:clamp(136px,38vw,164px)!important;
  max-width:clamp(136px,38vw,164px)!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0 10px!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow:hidden!important;
}
html[data-palette] .activeCartPanel .projectSpaceTopline>.activeCartHoldStatus.projectHoldMini[hidden]{display:none!important;}
html[data-palette] .activeCartPanel .projectHoldMini .activeCartHoldIcon{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
}
html[data-palette] .activeCartPanel .projectHoldMini .activeCartHoldCopy{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  overflow:visible!important;
}
html[data-palette] .activeCartPanel .projectHoldMini .activeCartHoldCopy strong{
  display:block!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:clamp(13px,3.8vw,16px)!important;
  font-weight:800!important;
  line-height:1.1!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:0!important;
}

html[data-palette] .activeCartPanel .projectHoldMini .activeCartHoldCopy strong:not(.isNumericTime){
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
}

/* No footer card: estimate, primary CTA and remove action float independently. */
html[data-palette] .activeCartPanel>.activeCartFooter,
html.infinisCustomerLight .activeCartPanel>.activeCartFooter{
  grid-row:4!important;
  position:relative!important;
  inset:auto!important;
  bottom:auto!important;
  align-self:end!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  grid-auto-rows:auto!important;
  align-items:stretch!important;
  align-content:end!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(34dvh,230px)!important;
  margin:0!important;
  padding:8px 0 max(10px,env(safe-area-inset-bottom,0px))!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  overflow:visible!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter>.cartFloatingEstimate,
html.infinisCustomerLight .activeCartPanel>.activeCartFooter>.cartFloatingEstimate{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  gap:5px!important;
  align-items:start!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:11px 14px!important;
  box-sizing:border-box!important;
  border:1px solid var(--workspaceLine,var(--appLine))!important;
  border-radius:19px!important;
  background:color-mix(in srgb,var(--workspacePanel,var(--appPanel)) 90%,transparent)!important;
  box-shadow:0 7px 24px color-mix(in srgb,var(--workspaceInk,#16344d) 10%,transparent)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
  pointer-events:auto!important;
}
html[data-palette] .activeCartPanel .cartFloatingEstimateMain{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
html[data-palette] .activeCartPanel .cartFloatingEstimateMain>span{
  min-width:0!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.25!important;
  color:var(--workspaceInk,var(--appText))!important;
}
html[data-palette] .activeCartPanel .cartFloatingEstimateMain>strong{
  flex:0 0 auto!important;
  font-size:clamp(22px,7.2vw,29px)!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
  color:var(--workspaceInk,var(--appText))!important;
  white-space:nowrap!important;
}
html[data-palette] .activeCartPanel .cartFloatingEstimate.isQuotePending .cartFloatingEstimateMain>strong,
html[data-palette] .activeCartPanel .cartFloatingEstimate.isCalculating .cartFloatingEstimateMain>strong{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:55%!important;
  font-size:clamp(12px,3.3vw,16px)!important;
  line-height:1.2!important;
  text-align:right!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

html[data-palette] .activeCartPanel .cartFloatingEstimateNote{
  display:block!important;
  grid-column:1!important;
  grid-row:2!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:var(--workspaceMuted,var(--appMuted))!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  order:initial!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter>.cartFloatingActions,
html.infinisCustomerLight .activeCartPanel>.activeCartFooter>.cartFloatingActions{
  grid-column:1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter .cartFloatingActions>.activeCartPrimary,
html.infinisCustomerLight .activeCartPanel>.activeCartFooter .cartFloatingActions>.activeCartPrimary{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:49px!important;
  min-height:49px!important;
  margin:0!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:17px!important;
  background:var(--journeyButtonFill,var(--workspacePrimary,var(--appBlue)))!important;
  color:var(--journeyButtonInk,#fff)!important;
  box-shadow:0 7px 20px color-mix(in srgb,var(--workspacePrimary,#3e8fc1) 20%,transparent)!important;
  font:inherit!important;
  font-size:clamp(13px,3.75vw,15px)!important;
  font-weight:850!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
  touch-action:manipulation!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter .cartFloatingActions>.activeCartClear,
html.infinisCustomerLight .activeCartPanel>.activeCartFooter .cartFloatingActions>.activeCartClear{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  width:auto!important;
  height:49px!important;
  min-height:49px!important;
  margin:0!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  border:1px solid var(--workspaceLine,var(--appLine))!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--workspacePanel,var(--appPanel)) 92%,transparent)!important;
  color:var(--workspaceMuted,var(--appMuted))!important;
  box-shadow:0 7px 20px color-mix(in srgb,var(--workspaceInk,#16344d) 8%,transparent)!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
  touch-action:manipulation!important;
}
html[data-palette] .activeCartPanel .cartFloatingActions>.activeCartClear i{font-size:14px!important;line-height:1!important;}
html[data-palette] .activeCartPanel .cartFloatingActions>.activeCartClear span{
  display:inline!important;
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  white-space:nowrap!important;
}
html[data-palette] .activeCartPanel .cartFloatingActions>button:active{transform:translateY(1px) scale(.985)!important;}
html[data-palette] .activeCartPanel .cartFloatingActions>button:disabled{opacity:.55!important;filter:saturate(.55)!important;transform:none!important;}
html[data-palette] .activeCartPanel .cartFloatingActions>button:focus-visible{outline:3px solid var(--workspacePrimary,var(--appBlue))!important;outline-offset:3px!important;}

@media(max-width:640px){
  html[data-palette] .activeCartPanel,
  html.infinisCustomerLight .activeCartPanel.infinisSurface{
    --cartControlClearance:calc(78px + env(safe-area-inset-top,0px));
    padding:0 12px 0!important;
    width:100dvw!important;
    max-width:100dvw!important;
  }
  html[data-palette] .activeCartPanel>.activeCartSwitcher,
  html.infinisCustomerLight .activeCartPanel>.activeCartSwitcher{padding:2px 0 6px!important;}
  html[data-palette] .activeCartPanel>.activeCartList,
  html.infinisCustomerLight .activeCartPanel>.activeCartList{padding:8px 0 12px!important;gap:9px!important;}
  html[data-palette] .activeCartPanel>.activeCartFooter,
  html.infinisCustomerLight .activeCartPanel>.activeCartFooter{padding:7px 0 max(9px,env(safe-area-inset-bottom,0px))!important;}
}
@media(max-width:355px){
  html[data-palette] .activeCartPanel .projectSpaceTopline>.projectSpaceUsageCompact{padding:0 8px!important;gap:5px!important;}
  html[data-palette] .activeCartPanel .projectSpaceTopline>.activeCartHoldStatus.projectHoldMini{padding:0 7px!important;gap:5px!important;}
  html[data-palette] .activeCartPanel .projectHoldMini .activeCartHoldCopy strong{font-size:12.5px!important;}
  html[data-palette] .activeCartPanel .cartFloatingEstimateMain>span{font-size:11px!important;}
  html[data-palette] .activeCartPanel .cartFloatingEstimateMain>strong{font-size:21px!important;}
  html[data-palette] .activeCartPanel .cartFloatingActions>.activeCartClear{padding:0 9px!important;font-size:10px!important;}
  html[data-palette] .activeCartPanel .cartFloatingActions>.activeCartPrimary{padding:0 8px!important;font-size:12px!important;}
}
@media(max-height:640px){
  html[data-palette] .activeCartPanel>.activeCartFooter>.cartFloatingEstimate{padding-block:8px!important;gap:3px!important;}
  html[data-palette] .activeCartPanel .cartFloatingEstimate.isQuotePending .cartFloatingEstimateMain>strong,
html[data-palette] .activeCartPanel .cartFloatingEstimate.isCalculating .cartFloatingEstimateMain>strong{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:55%!important;
  font-size:clamp(12px,3.3vw,16px)!important;
  line-height:1.2!important;
  text-align:right!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

html[data-palette] .activeCartPanel .cartFloatingEstimateNote{font-size:9px!important;}
  html[data-palette] .activeCartPanel .cartFloatingActions>button{height:44px!important;min-height:44px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-palette] .activeCartPanel .cartFloatingActions>button{transition:none!important;}
}

/* v0499: uncluttered empty inquiry, full-width identity, accessible confirmation. */
html[data-palette] .activeCartPanel .guestInquiryRail .projectSpaceTopline{width:100%!important;min-width:0!important;}
html[data-palette] .activeCartPanel .guestInquiryIdentity{width:100%!important;min-width:0!important;gap:12px!important;padding:5px 12px!important;box-sizing:border-box!important;}
html[data-palette] .activeCartPanel .guestInquiryIdentity>div{flex:1!important;min-width:0!important;}
html[data-palette] .activeCartPanel .guestInquiryIdentity small{font-size:clamp(10px,2.8vw,12px)!important;line-height:1.35!important;letter-spacing:.09em!important;}
html[data-palette] .activeCartPanel .guestInquiryIdentity b{font-size:clamp(18px,5vw,22px)!important;line-height:1.2!important;}
html[data-palette] .activeCartPanel .guestInquiryIdentity em{font-size:clamp(11px,3.2vw,13px)!important;line-height:1.4!important;}
html[data-palette] .activeCartPanel .guestInquiryNotice{display:flex!important;max-width:100%!important;width:100%!important;font-size:clamp(11px,2.8vw,13px)!important;line-height:1.45!important;}
html[data-palette] .activeCartPanel>.activeCartEmpty:not([hidden]){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center!important;padding:16px 24px max(36px,env(safe-area-inset-bottom))!important;overflow:auto!important;}
html[data-palette] .activeCartPanel>.activeCartEmpty>i{font-size:clamp(36px,11vw,54px)!important;line-height:1!important;opacity:.8!important;}
html[data-palette] .activeCartPanel>.activeCartEmpty>b{font-size:clamp(21px,6vw,28px)!important;line-height:1.2!important;}
html[data-palette] .activeCartPanel>.activeCartEmpty>small{font-size:clamp(12px,3.5vw,15px)!important;line-height:1.5!important;max-width:310px!important;}
html[data-palette] .activeCartPanel>.activeCartEmpty>button{margin-top:12px!important;max-width:280px!important;width:min(100%,280px)!important;}
.cartClearVerifyOverlay[hidden]{display:none!important}.cartClearVerifyOverlay{position:fixed;inset:0;z-index:2147483000;background:rgba(2,14,19,.64);display:grid;place-items:center;padding:20px;box-sizing:border-box;backdrop-filter:blur(10px)}
.cartClearVerifyCard{width:min(100%,390px);box-sizing:border-box;padding:28px 22px 20px;border:1px solid rgba(125,209,204,.35);border-radius:28px;background:#102c30;color:#edf9f7;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.cartClearVerifyIcon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin:0 auto 16px;background:rgba(117,203,199,.14);color:#8be0d8;font-size:24px}
.cartClearVerifyCard h2{font-size:23px;line-height:1.2;margin:0 0 10px}.cartClearVerifyCard p{font-size:14px;line-height:1.55;color:#b5d0ce;margin:0 0 24px}
.cartClearVerifyActions{display:flex;flex-direction:column;gap:10px}.cartClearVerifyActions button{min-height:48px;border-radius:15px;font:inherit;font-weight:700;cursor:pointer;border:1px solid rgba(155,216,213,.35);color:#e9f8f6;background:rgba(255,255,255,.07)}
.cartClearVerifyActions button[data-cart-clear-confirm]{background:rgba(218,105,118,.14);color:#ffc5cb;border-color:rgba(238,137,147,.45)}.cartClearVerifyActions button:focus-visible{outline:3px solid #70d2cb;outline-offset:2px}

/* v0500: center the empty workspace in the available viewport track. */
html[data-palette] .activeCartPanel>.activeCartEmpty:not([hidden]),
html.infinisCustomerLight .activeCartPanel>.activeCartEmpty:not([hidden]){
 grid-column:1!important;grid-row:3!important;position:relative!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;align-self:stretch!important;min-height:0!important;
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 margin:0!important;padding:12px 24px!important;overflow-y:auto!important;
 transform:none!important;top:auto!important;bottom:auto!important;
}
html[data-palette] .activeCartPanel>.activeCartEmpty:not([hidden])>*{flex-shrink:0!important}
@media(max-height:620px){html[data-palette] .activeCartPanel>.activeCartEmpty:not([hidden]){gap:7px!important;padding:8px 20px!important}}

/* v0501 - clean empty guest inquiry, restoring vertical balance without header. */
html[data-palette] .activeCartPanel.isGuestInquiry>.activeCartSwitcher[hidden],
html.infinisCustomerLight .activeCartPanel.isGuestInquiry>.activeCartSwitcher[hidden]{display:none!important;}
html[data-palette] .activeCartPanel.isGuestInquiry:has(>.activeCartSwitcher[hidden])>.activeCartEmpty:not([hidden]),
html.infinisCustomerLight .activeCartPanel.isGuestInquiry:has(>.activeCartSwitcher[hidden])>.activeCartEmpty:not([hidden]){grid-row:2 / 4!important;justify-content:center!important;align-self:stretch!important;}

/* END assets/css/core/cart-floating-v498.css */

/* BEGIN assets/css/core/cart-action-swap-v512.css */
/* v0512: Swap only the cart footer action positions; keep their roles and handlers. */
html[data-palette] .activeCartPanel>.activeCartFooter>.cartFloatingActions,
html.infinisCustomerLight .activeCartPanel>.activeCartFooter>.cartFloatingActions{
  grid-template-columns:auto minmax(0,1fr)!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter .cartFloatingActions>.activeCartClear,
html.infinisCustomerLight .activeCartPanel>.activeCartFooter .cartFloatingActions>.activeCartClear{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
}
html[data-palette] .activeCartPanel>.activeCartFooter .cartFloatingActions>.activeCartPrimary,
html.infinisCustomerLight .activeCartPanel>.activeCartFooter .cartFloatingActions>.activeCartPrimary{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:stretch!important;
}

/* END assets/css/core/cart-action-swap-v512.css */

/* BEGIN assets/css/core/persistent-dock-v503.css */
/* Infinis v0503 — One globally anchored dock, independent of app screens.
   The existing workspaceAccountDock and provider-owned God Bubble are reused. */
html[data-palette] #workspaceAccountDock {
 position:fixed!important;
 inset:calc(10px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) auto auto!important;
 margin:0!important;
 width:max-content!important;
 max-width:calc(100dvw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
 height:auto!important;
 min-height:0!important;
 display:flex!important;
 align-items:center!important;
 flex-wrap:nowrap!important;
 z-index:2147483646!important;
 transform:none!important;
 opacity:1;
 visibility:visible;
 isolation:isolate;
 pointer-events:auto!important;
 background:color-mix(in srgb,var(--workspacePanel,#fff) 86%,transparent)!important;
 border:1px solid color-mix(in srgb,var(--workspacePanel,#fff) 65%,var(--workspaceLine,#dfe6ef))!important;
 border-radius:22px!important;
 box-shadow:0 6px 28px color-mix(in srgb,var(--workspaceInk,#24364d) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--workspacePanel,#fff) 85%,transparent)!important;
 backdrop-filter:blur(24px) saturate(1.35)!important;
 -webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
}
/* Respect native [popover] visibility rules, even against older !important dock styles. */
html[data-palette] #workspaceAccountDock[popover]:not(:popover-open){display:none!important;}
html[data-palette] #workspaceAccountDock[popover]:popover-open{display:flex!important;}
/* Full-screen loader gets complete visual priority. Never cover its animation. */
html:has(#tabLoader.active) #workspaceAccountDock,
html:has(#infinisStartup) #workspaceAccountDock {
 visibility:hidden!important;
 pointer-events:none!important;
 opacity:0!important;
}
/* Dock still belongs to the same scene when a native dialog is opened. */
html[data-palette] dialog[open] > #workspaceAccountDock {
 position:fixed!important;
 z-index:2147483646!important;
}
/* The top dock owns the right edge of overlays; checkout's close remains reachable. */
html[data-palette] .checkoutPanel > .checkoutHeader > #checkoutClose {
 position:absolute!important;
 top:calc(12px + env(safe-area-inset-top,0px))!important;
 left:max(14px,env(safe-area-inset-left,0px))!important;
 right:auto!important;
 z-index:5!important;
}
@media(max-width:359px){
 html[data-palette] #workspaceAccountDock {gap:5px!important;padding:5px!important;right:10px!important;max-width:calc(100dvw - 20px)!important;}
}

/* END assets/css/core/persistent-dock-v503.css */

/* BEGIN assets/css/core/dock-interactions-v521.css */
/* v0521: G.O.D. Bubble's provider-owned sign-in and Mirror take priority over
   the persistent workspace controls. Keep the dock above all other app panels. */
html[data-palette].infinisGodBubbleOverlayOpen #workspaceAccountDock,
html.infinisGodBubbleOverlayOpen #workspaceAccountDock {
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* The lower dock itself never shifts when tabs change. A soft selection
   glow glides between the active items; the icon gets a restrained pop. */
html.infinisCustomerLight #app > .bottomnav.hasDockSelection {
  isolation:isolate;
}
html.infinisCustomerLight #app > .bottomnav.hasDockSelection::before {
  content:"";
  display:block!important;
  position:absolute;
  left:0;
  top:0;
  z-index:0;
  box-sizing:border-box;
  width:var(--dockSelectionW,0px);
  height:var(--dockSelectionH,0px);
  border-radius:17px;
  border:1px solid color-mix(in srgb,var(--workspacePrimary,#64cbd2) 25%,transparent);
  background:linear-gradient(132deg,
    color-mix(in srgb,var(--workspacePrimary,#64cbd2) 18%,var(--workspacePanel,#111b2a)),
    color-mix(in srgb,var(--workspaceSecondary,#db82b3) 13%,var(--workspacePanel,#111b2a)));
  box-shadow:0 5px 22px color-mix(in srgb,var(--workspacePrimary,#64cbd2) 13%,transparent),
     inset 0 1px 0 color-mix(in srgb,var(--workspacePrimary,#64cbd2) 12%,transparent);
  pointer-events:none;
  opacity:1;
  transform:translate3d(var(--dockSelectionX,0px),var(--dockSelectionY,0px),0);
  transition:transform .36s cubic-bezier(.22,.78,.22,1),width .26s ease,height .26s ease;
  will-change:transform;
}
html.infinisCustomerLight #app > .bottomnav.dockSelectionBootstrap::before {
  transition:none!important;
}
html.infinisCustomerLight #app > .bottomnav.hasDockSelection > .navitem {
  position:relative;
  z-index:1;
  background:transparent!important;
  transition:color .22s ease,opacity .18s ease!important;
}
html.infinisCustomerLight #app > .bottomnav.hasDockSelection > .navitem.active {
  background:transparent!important;
}
html.infinisCustomerLight #app > .bottomnav.hasDockSelection > .navitem.active :is(svg,.workspaceVector,i) {
  animation:infinisDockIconSelect .34s cubic-bezier(.25,.9,.25,1) both;
}
html.infinisCustomerLight #app > .bottomnav > .navitem:active {
  transform:scale(.985);
}
@keyframes infinisDockIconSelect {
  0% {opacity:.68;scale:.84;translate:0 2px;}
  65% {opacity:1;scale:1.09;translate:0 -2px;}
  100% {opacity:1;scale:1;translate:0 0;}
}
@media(prefers-reduced-motion:reduce){
  html.infinisCustomerLight #app > .bottomnav.hasDockSelection::before,
  html.infinisCustomerLight #app > .bottomnav.hasDockSelection > .navitem,
  html.infinisCustomerLight #app > .bottomnav.hasDockSelection > .navitem :is(svg,.workspaceVector,i){
    transition:none!important;animation:none!important;
  }
}

/* END assets/css/core/dock-interactions-v521.css */

/* BEGIN assets/css/core/infinity-loader-theme-v504.css */
/* Infinis v0504: Theme-aware original Infinity particle loader.
   Uses the resolved member palette (including auto/seasonal and light/dark).
   Geometry, trail, animation, hit-testing, and loader life cycle are untouched. */
html[data-palette][data-color-scheme] #tabLoader.tab-loader {
  background:color-mix(in srgb,var(--workspaceBackground,#f7f9fd) 76%,transparent)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
html[data-palette][data-color-scheme="dark"] #tabLoader.tab-loader {
  background:color-mix(in srgb,var(--workspaceBackground,#09121e) 78%,transparent)!important;
}
/* Infinis' startup/recovery placeholder uses the same palette before the
   tab loader is mounted. Do not change the branded infinity mark or timing. */
html[data-palette][data-color-scheme] .infinisStartup {
  color:var(--appText,#24364d);
}
html[data-palette][data-color-scheme] .infinisStartupMark {
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--appAccentBlue,#4c9bd0) 18%,transparent),
    color-mix(in srgb,var(--appAccentPink,#d18ab7) 18%,transparent));
  color:var(--appAccentBlue,#4c9bd0);
}

/* END assets/css/core/infinity-loader-theme-v504.css */

/* BEGIN assets/css/core/project-chooser-v505.css */
/* v0505: compact, scroll-contained project picker; one global dock. */
html[data-palette] .projectSpaceChooser{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(12px,3dvw,24px)!important;box-sizing:border-box!important;background:color-mix(in srgb,var(--workspaceInk,#142137) 36%,transparent)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
html[data-palette] .projectSpaceChooser[hidden]{display:none!important}
html[data-palette] .projectSpaceChooserBackdrop{position:absolute!important;inset:0!important;display:block!important;background:transparent!important}
html[data-palette] .projectSpaceChooserSheet{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-self:center!important;justify-self:center!important;width:min(100%,500px)!important;max-width:500px!important;height:auto!important;min-height:0!important;max-height:min(70dvh,620px)!important;margin:0 auto!important;border:1px solid var(--workspaceLine,var(--appBorder))!important;border-radius:26px!important;background:var(--workspacePanel,var(--appSurface))!important;box-shadow:0 22px 75px rgba(0,0,0,.22)!important;overflow:hidden!important}
html[data-palette] .projectSpaceChooserSheet header{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:12px!important;padding:24px 20px 18px!important;border-bottom:1px solid var(--workspaceLine,var(--appBorder))!important;background:transparent!important}
html[data-palette] .projectSpaceChooserHeading{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;flex:1 1 auto!important;min-width:0!important}
html[data-palette] .projectSpaceChooserHeading>span{width:44px!important;height:44px!important;border-radius:14px!important}
html[data-palette] .projectSpaceChooserHeading>div{min-width:0!important}
html[data-palette] .projectSpaceChooserSheet h3{font-size:1.12rem!important;line-height:1.2!important;white-space:normal!important}
html[data-palette] .projectSpaceChooserSheet header p{font-size:.76rem!important;line-height:1.45!important;font-weight:500!important;max-width:290px!important}
html[data-palette] .projectSpaceChooserSheet header>button{flex:0 0 38px!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important}
html[data-palette] .projectSpaceChooserList{display:flex!important;flex-direction:column!important;flex:0 1 auto!important;min-height:0!important;max-height:calc(min(70dvh,620px) - 120px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:12px!important;gap:9px!important;align-content:start!important;grid-auto-rows:max-content!important}
html[data-palette] .projectSpaceChooserList button{display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important;min-height:72px!important;height:auto!important;width:100%!important;padding:12px!important;border-radius:17px!important;text-align:left!important}
html[data-palette] .projectSpaceChooserList button div{min-width:0!important}
html[data-palette] .projectSpaceChooserList button b{font-size:.87rem!important;line-height:1.3!important}
html[data-palette] .projectSpaceChooserList button small{font-size:.72rem!important;line-height:1.35!important}
@media(max-width:700px){html[data-palette] .projectSpaceChooser{padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(12px + env(safe-area-inset-bottom,0px))!important;height:100dvh!important}html[data-palette] .projectSpaceChooserSheet{width:100%!important;max-width:460px!important;height:auto!important;max-height:min(67dvh,590px)!important;border-radius:24px!important}html[data-palette] .projectSpaceChooserSheet header{padding:20px 16px 16px!important}html[data-palette] .projectSpaceChooserList{max-height:calc(min(67dvh,590px) - 118px)!important;padding:12px!important}}

/* END assets/css/core/project-chooser-v505.css */

/* BEGIN assets/css/core/project-chooser-v506.css */
/* v0506: native mobile project-selection workspace; single persistent global dock. */
@media(max-width:700px){
 html[data-palette] .projectSpaceChooser:not([hidden]){position:fixed!important;inset:0!important;width:100dvw!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;background:var(--workspaceBg,var(--appBg))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important;isolation:auto!important}
 html[data-palette] .projectSpaceChooserBackdrop{display:none!important}
 html[data-palette] .projectSpaceChooserSheet,html.infinisCustomerLight .projectSpaceChooserSheet{position:relative!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;justify-self:stretch!important;flex:1 1 auto!important;width:100%!important;max-width:none!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:var(--workspaceBg,var(--appBg))!important;box-shadow:none!important;overflow:hidden!important}
 html[data-palette] .projectSpaceChooserSheet::before{content:'';position:absolute;inset:0 0 auto;height:min(45dvh,330px);pointer-events:none;background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 19%,transparent),transparent 67%),radial-gradient(ellipse at 100% 5%,color-mix(in srgb,var(--workspaceAccent,var(--appAccent)) 17%,transparent),transparent 65%);opacity:.85}
 html[data-palette] .projectSpaceChooserSheet header,html.infinisCustomerLight .projectSpaceChooserSheet header{position:relative!important;flex:0 0 auto!important;display:flex!important;align-items:flex-start!important;gap:12px!important;min-height:0!important;margin:0!important;padding:calc(104px + env(safe-area-inset-top,0px)) 22px 20px!important;box-sizing:border-box!important;border-bottom:0!important;background:transparent!important}
 html[data-palette] .projectSpaceChooserHeading{display:flex!important;align-items:flex-start!important;gap:13px!important;min-width:0!important}
 html[data-palette] .projectSpaceChooserHeading>span{display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:17px!important;background:color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 17%,var(--workspacePanel,var(--appSurface)))!important;color:var(--workspacePrimary,var(--appBlue))!important;border:1px solid color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 25%,transparent)!important}
 html[data-palette] .projectSpaceChooserHeading>div{min-width:0!important;flex:1!important}
 html[data-palette] .projectSpaceChooserSheet header small{display:block!important;font-size:10px!important;letter-spacing:.16em!important;line-height:1.5!important;font-weight:850!important;color:var(--workspacePrimary,var(--appAccent))!important}
 html[data-palette] .projectSpaceChooserSheet h3{margin:3px 0 6px!important;font-size:clamp(24px,6.5vw,32px)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:850!important;color:var(--workspaceInk,var(--appText))!important}
 html[data-palette] .projectSpaceChooserSheet header p{margin:0!important;font-size:13px!important;line-height:1.5!important;max-width:285px!important;color:var(--workspaceMuted,var(--appMuted))!important;font-weight:500!important}
 html[data-palette] .projectSpaceChooserSheet header>button{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin-top:3px!important;border-radius:14px!important;border:1px solid var(--workspaceLine,var(--appBorder))!important;background:var(--workspacePanel,var(--appSurface))!important;color:var(--workspaceInk,var(--appText))!important}
 html[data-palette] .projectSpaceChooserList{position:relative!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;max-height:none!important;margin:0!important;padding:10px 18px calc(30px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;align-content:start!important}
 html[data-palette] .projectSpaceChooserList button{display:grid!important;grid-template-columns:52px minmax(0,1fr) 42px!important;align-items:center!important;gap:13px!important;flex:0 0 auto!important;min-height:92px!important;width:100%!important;margin:0!important;padding:15px 14px!important;box-sizing:border-box!important;border-radius:23px!important;border:1px solid color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 17%,var(--workspaceLine,var(--appBorder)))!important;background:color-mix(in srgb,var(--workspacePanel,var(--appSurface)) 94%,transparent)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--workspaceInk,#182f4c) 7%,transparent)!important;text-align:left!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important}
 html[data-palette] .projectSpaceChooserList button>span{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:17px!important;background:color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 12%,var(--workspacePanel,var(--appSurface)))!important;color:var(--workspacePrimary,var(--appBlue))!important;font-size:22px!important}
 html[data-palette] .projectSpaceChooserList button>div{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
 html[data-palette] .projectSpaceChooserList button b{font-size:15px!important;line-height:1.25!important;letter-spacing:-.015em!important;font-weight:800!important;color:var(--workspaceInk,var(--appText))!important;overflow-wrap:anywhere!important}
 html[data-palette] .projectSpaceChooserList button small{font-size:11.5px!important;line-height:1.4!important;color:var(--workspaceMuted,var(--appMuted))!important}
 html[data-palette] .projectSpaceChooserList button em{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:15px!important;background:linear-gradient(130deg,var(--workspacePrimary,var(--appBlue)),var(--workspaceAccent,var(--appAccent)))!important;color:#fff!important;font-size:18px!important;box-shadow:0 6px 18px color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 23%,transparent)!important}
 html[data-palette] .projectSpaceChooserList button:active{transform:scale(.985)!important}
 html[data-palette] .projectSpaceChooserList button:focus-visible{outline:3px solid var(--workspacePrimary,var(--appBlue))!important;outline-offset:2px!important}
}
@media(max-width:360px){html[data-palette] .projectSpaceChooserSheet header{padding-left:15px!important;padding-right:15px!important}html[data-palette] .projectSpaceChooserList{padding-left:12px!important;padding-right:12px!important}html[data-palette] .projectSpaceChooserHeading>span{flex-basis:42px!important;width:42px!important;height:42px!important}html[data-palette] .projectSpaceChooserSheet h3{font-size:24px!important}}
@media(max-height:650px) and (max-width:700px){html[data-palette] .projectSpaceChooserSheet header{padding-top:calc(82px + env(safe-area-inset-top,0px))!important;padding-bottom:12px!important}html[data-palette] .projectSpaceChooserList button{min-height:78px!important}}
@media(prefers-reduced-motion:reduce){html[data-palette] .projectSpaceChooserList button{transition:none!important}}

/* END assets/css/core/project-chooser-v506.css */

/* BEGIN assets/css/core/project-chooser-v510.css */
/* v0510: photo-first native project selection, no promotional heading */
@media(max-width:700px){
 html[data-palette] .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader{height:calc(108px + env(safe-area-inset-top,0px))!important;min-height:0!important;padding:calc(54px + env(safe-area-inset-top,0px)) 20px 10px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;background:transparent!important;flex-shrink:0!important}
 html[data-palette] .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader>button{width:42px!important;height:42px!important;border-radius:16px!important;flex:0 0 42px!important}
 .projectSpaceChooserSrOnly{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
 html[data-palette] .projectSpaceChooserList{padding:8px 16px calc(25px + env(safe-area-inset-bottom,0px))!important;gap:13px!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard{grid-template-columns:96px minmax(0,1fr) 40px!important;min-height:126px!important;padding:10px!important;gap:13px!important;border-radius:25px!important;background:color-mix(in srgb,var(--workspacePanel,var(--appSurface)) 96%,transparent)!important;box-shadow:0 10px 26px #00000012!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard .projectChooserCover{position:relative!important;display:block!important;width:96px!important;height:104px!important;overflow:hidden!important;border-radius:19px!important;background:linear-gradient(140deg,color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 25%,var(--workspacePanel,var(--appSurface))),color-mix(in srgb,var(--workspaceAccent,var(--appAccent)) 22%,var(--workspacePanel,var(--appSurface))))!important}
 html[data-palette] .projectChooserCover img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
 html[data-palette] .projectChooserCover img[hidden]{display:none!important}
 html[data-palette] .projectChooserCover>i{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;font-size:26px!important;opacity:.65!important}
 html[data-palette] .projectChooserCover:has(img:not([hidden]))>i{display:none!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard b{font-size:16px!important;line-height:1.25!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard small{font-size:11px!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard em{width:40px!important;height:40px!important;border-radius:15px!important}
}
@media(max-width:360px){html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard{grid-template-columns:78px minmax(0,1fr) 36px!important;gap:9px!important}html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard .projectChooserCover{width:78px!important;height:96px!important}}

/* END assets/css/core/project-chooser-v510.css */

/* BEGIN assets/css/core/project-chooser-v511.css */
/* v0511: Hub-sized photo project rows, with native back placement. */
@media(max-width:700px){
 html[data-palette] .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader,
 html.infinisCustomerLight .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader{height:calc(110px + env(safe-area-inset-top,0px))!important;min-height:0!important;padding:calc(48px + env(safe-area-inset-top,0px)) 17px 9px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important;background:transparent!important}
 html[data-palette] .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader>button{display:grid!important;place-items:center!important;margin:0!important;width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:15px!important;border:1px solid var(--workspaceLine,var(--appBorder))!important;background:var(--workspacePanel,var(--appSurface))!important;color:var(--workspaceInk,var(--appText))!important;font-size:21px!important}
 html[data-palette] .projectSpaceChooserList{gap:10px!important;padding:5px 16px calc(24px + env(safe-area-inset-bottom,0px))!important;}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard{display:grid!important;grid-template-columns:62px minmax(0,1fr) 38px!important;gap:13px!important;align-items:center!important;min-height:90px!important;height:auto!important;max-height:105px!important;padding:12px 13px!important;border-radius:20px!important;border:1px solid var(--workspaceLine,var(--appBorder))!important;background:var(--workspacePanel,var(--appSurface))!important;box-shadow:0 4px 17px rgba(0,0,0,.055)!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard .projectChooserCover{position:relative!important;display:block!important;overflow:hidden!important;width:62px!important;height:65px!important;border-radius:15px!important;background:var(--workspaceSoft,var(--appSurface))!important;box-shadow:none!important;padding:0!important}
 html[data-palette] .projectChooserCover img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
 html[data-palette] .projectChooserCover img[hidden]{display:none!important}
 html[data-palette] .projectChooserCover>i{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;opacity:.5!important;font-size:20px!important}
 html[data-palette] .projectChooserCover:has(img:not([hidden]))>i{display:none!important}
 html[data-palette] .projectChooserCopy{gap:4px!important;min-width:0!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard b{font-size:16px!important;line-height:1.2!important;letter-spacing:-.02em!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard small{font-size:11.5px!important;line-height:1.3!important}
 html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard em{width:38px!important;height:38px!important;border-radius:13px!important;background:color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 13%,var(--workspacePanel,var(--appSurface)))!important;color:var(--workspacePrimary,var(--appBlue))!important;box-shadow:none!important}
}
@media(max-width:360px){html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard{grid-template-columns:54px minmax(0,1fr) 36px!important;gap:10px!important;padding:10px!important}html[data-palette] .projectSpaceChooserList button.projectChooserPhotoCard .projectChooserCover{width:54px!important;height:58px!important}}

/* END assets/css/core/project-chooser-v511.css */

/* BEGIN assets/css/core/project-chooser-v556.css */
/* v0556 | Mobile-first event chooser. Matches Infinis' existing glass and
   nebula-blue/pink palette; only the project picker is restyled. */
html[data-palette] .projectSpaceChooserSheet,
html.infinisCustomerLight .projectSpaceChooserSheet {
  max-height:min(80dvh,720px)!important;
  height:min(80dvh,720px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:28px!important;
}
html[data-palette] .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader,
html.infinisCustomerLight .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader {
  height:auto!important;
  min-height:74px!important;
  padding:18px 20px 12px!important;
  display:flex!important;
  justify-content:flex-start!important;
  gap:14px!important;
  align-items:center!important;
  background:transparent!important;
  border-bottom:0!important;
}
.projectChooserTitle {display:flex; flex-direction:column; gap:3px; min-width:0; flex:1}
.projectChooserTitle small {font-size:10px; font-weight:850; letter-spacing:.14em; color:var(--workspacePrimary,var(--appBlue,#2f70ff));}
html[data-palette] .projectSpaceChooserSheet .projectChooserTitle h3,
html.infinisCustomerLight .projectSpaceChooserSheet .projectChooserTitle h3 {
  font-size:clamp(20px,5vw,26px)!important;letter-spacing:-.035em!important;line-height:1.15!important;margin:0!important;
  color:var(--workspaceInk,var(--appText,#172937))!important;
}
html[data-palette] .projectSpaceChooserSheet .projectSpaceChooserList,
html.infinisCustomerLight .projectSpaceChooserSheet .projectSpaceChooserList {
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;align-content:flex-start!important;
  padding:12px 16px 22px!important;
}
.projectChooserFooter {flex:0 0 auto;position:relative;padding:14px 17px calc(14px + env(safe-area-inset-bottom,0px));
  border-top:1px solid var(--workspaceLine,var(--appBorder,#dde4ee));
  background:var(--workspacePanel,var(--appSurface,#fff));
  box-shadow:0 -12px 26px color-mix(in srgb,var(--workspaceInk,#142536) 4%,transparent);
}
.projectChooserCreate {display:flex;gap:14px;align-items:center;justify-content:center;width:100%;min-height:58px;padding:13px 19px;
  border:1px solid color-mix(in srgb,var(--workspacePrimary,var(--appBlue,#3475ff)) 18%,transparent);border-radius:20px;
  background:linear-gradient(105deg,color-mix(in srgb,var(--workspacePrimary,var(--appBlue,#2d74ed)) 19%,#f9ffff),color-mix(in srgb,var(--workspaceSecondary,#e95db3) 18%,#fff5fb));
  color:var(--workspaceInk,var(--appText,#17323b));font-size:15px;font-weight:850;
  letter-spacing:-.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;
}
.projectChooserCreate>i:first-child{font-size:19px;color:var(--workspacePrimary,var(--appBlue,#2d74ed))}
.projectChooserCreate>i:last-child{margin-left:auto;color:var(--workspacePrimary,var(--appBlue,#2d74ed))}
.projectChooserCreate>span{flex:1;text-align:left}
.projectChooserCreate:active{transform:scale(.985)}
.projectChooserCreate:focus-visible{outline:3px solid var(--workspacePrimary,var(--appBlue,#3475ff));outline-offset:3px}
.projectChooserEmpty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;min-height:210px;text-align:center;padding:20px 17px;color:var(--workspaceInk,var(--appText,#18323a))}
.projectChooserEmpty>span{display:grid;place-items:center;width:70px;height:70px;border-radius:23px;font-size:27px;
 background:linear-gradient(140deg,color-mix(in srgb,var(--workspacePrimary,#4277ee) 13%,#f5fcff),color-mix(in srgb,var(--workspaceSecondary,#e95da9) 13%,#fff9fa));color:var(--workspacePrimary,var(--appBlue,#3475ff));}
.projectChooserEmpty strong{font-size:17px;letter-spacing:-.02em}
.projectChooserEmpty p{font-size:13px;line-height:1.5;color:var(--workspaceMuted,var(--appMuted,#627681));max-width:280px;margin:0}
.projectChooserLoading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 8px;color:var(--workspaceMuted,var(--appMuted,#627681));font-weight:700;font-size:13px}
.projectChooserLoading i{font-size:19px;animation:projectChooserSpin 1.3s linear infinite;color:var(--workspacePrimary,#3475ff)}
@keyframes projectChooserSpin{to{transform:rotate(360deg)}}
html[data-palette] .projectChooserRetry{display:block!important;min-height:44px!important;width:auto!important;padding:8px 17px!important;border-radius:14px!important;background:var(--workspaceSoft,#eaf6fc)!important}
@media(max-width:700px){
 html[data-palette] .projectSpaceChooserSheet,html.infinisCustomerLight .projectSpaceChooserSheet{max-height:calc(88dvh - env(safe-area-inset-top,0px))!important;height:calc(88dvh - env(safe-area-inset-top,0px))!important;max-width:460px!important;border-radius:27px!important}
 html[data-palette] .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader,
 html.infinisCustomerLight .projectSpaceChooserSheet header.projectSpaceChooserMinimalHeader{
  min-height:0!important;height:auto!important;padding:calc(16px + env(safe-area-inset-top,0px)) 17px 13px!important;
 }
 .projectChooserFooter{padding-bottom:calc(15px + env(safe-area-inset-bottom,0px))}
}
@media(max-height:670px) and (max-width:700px){.projectChooserEmpty{min-height:165px}}
@media(prefers-reduced-motion:reduce){.projectChooserLoading i{animation:none}.projectChooserCreate{transition:none}}

/* END assets/css/core/project-chooser-v556.css */

/* BEGIN assets/css/tabs/bubble-mobile-refine-v513.css */
/* Infinis v0513: Bubble is already named in the global dock. Keep app-owned
   Bubble tasks in one shared, theme-aware mobile visual language. Never restyle
   the remote G.O.D. Bubble, Aion, or payment-provider interfaces. */

/* Signed-in social feed: no redundant community hero. */
html.infinisCustomerLight[data-palette] .bubbleSocialPage.scenePage {
  min-width:0;
  align-content:start;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGrid {min-width:0;}
html.infinisCustomerLight[data-palette] .bubbleSocialPage :is(.bubbleSocialComposer,.bubbleSocialPost,.bubblePartyCard,.bubbleInboxCard){
  border:1px solid var(--workspaceLine)!important;
  border-radius:23px!important;
  background:var(--workspacePanel)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--workspaceInk) 5%,transparent)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialComposer {
  padding:16px!important;
  background:linear-gradient(130deg,
    color-mix(in srgb,var(--workspacePrimary) 5%,var(--workspacePanel)),
    color-mix(in srgb,var(--workspaceSecondary) 5%,var(--workspacePanel)))!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWritePrompt {
  display:flex;align-items:center;min-height:54px!important;
  gap:13px!important;padding:3px 1px!important;
  color:var(--workspaceInk)!important;font-size:14px!important;
  font-weight:550;text-align:left;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialAvatar {
  width:43px;height:43px;flex-basis:43px;border-radius:16px;
  background:var(--workspaceWash)!important;color:var(--workspacePrimary)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWritePrompt>i {
  margin-left:auto;display:grid;place-items:center;
  width:36px;height:36px;border-radius:12px;
  color:var(--workspacePrimary)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter {
  padding-top:12px!important;margin-top:12px!important;
  border-color:var(--workspaceLine)!important;gap:8px!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter .sceneButton {
  border-radius:15px!important;min-height:44px!important;
  font-weight:700!important;letter-spacing:-.01em;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter .sceneButton.isPrimary {
  color:var(--workspaceInk)!important;
  background:var(--workspaceWash)!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 34%,var(--workspaceLine))!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialTabs {
  gap:6px!important;padding:4px!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:19px!important;
  background:color-mix(in srgb,var(--workspaceSoft) 75%,transparent)!important;
  box-shadow:none!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialTabs>button {
  min-height:44px!important;padding:10px 13px!important;
  border:0!important;border-radius:14px!important;
  font-size:12px!important;font-weight:650!important;
  color:var(--workspaceMuted)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialTabs>button[aria-pressed="true"] {
  color:var(--workspaceInk)!important;
  background:var(--workspaceWash)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialToolbar {
  min-height:42px!important;margin:0!important;
  align-items:center!important;gap:8px!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleToolbarActions {
  display:flex;flex:0 0 auto;align-items:center;gap:7px;
  margin-left:auto;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleIconButton {
  background:var(--workspaceSoft)!important;
  border-color:var(--workspaceLine)!important;
  color:var(--workspaceInk)!important;
  border-radius:14px;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSubFilters {gap:5px!important;min-width:0;flex:1 1 auto;}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSubFilters>button {
  min-height:37px!important;padding:7px 11px!important;
  border-radius:999px!important;font-weight:620!important;
  color:var(--workspaceMuted)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSubFilters>button[aria-pressed="true"] {
  color:var(--workspaceInk)!important;
  border:1px solid var(--workspaceLine)!important;
  background:var(--workspacePanel)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialContent {gap:12px!important;min-width:0;}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialContent>.sceneEmpty {
  padding:32px 22px!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,var(--workspacePanel),var(--workspaceSoft))!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialPost {padding:17px!important;}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyCard {overflow:hidden;}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyCover {
  background:var(--workspaceWash)!important;
}

/* Task surfaces belong to the selected theme, not an unthemed white popup. */
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog[open] {
  background:var(--workspaceBackground)!important;
  color:var(--workspaceInk)!important;
  border-color:var(--workspaceLine)!important;
  overflow:hidden!important;
  display:flex!important;flex-direction:column!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskRail,
html.infinisCustomerLight[data-palette] .eventWorkspace>.eventWorkspaceNav {
  display:flex!important;flex:0 0 auto!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;
  border:0!important;border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--workspaceInk)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskRail .bubbleTaskBack,
html.infinisCustomerLight[data-palette] .eventWorkspace>.eventWorkspaceNav>[data-event-close] {
  display:grid!important;place-items:center!important;
  flex:none!important;width:46px!important;height:46px!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:16px!important;
  padding:0!important;
  background:var(--workspacePanel)!important;
  color:var(--workspaceInk)!important;
  font-size:20px!important;
  box-shadow:0 5px 15px color-mix(in srgb,var(--workspaceInk) 5%,transparent)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskRail .bubbleTaskBack i,
html.infinisCustomerLight[data-palette] .eventWorkspace>.eventWorkspaceNav>[data-event-close] i {
  line-height:1;display:block;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskRail h2,
html.infinisCustomerLight[data-palette] .eventWorkspace>.eventWorkspaceNav>h2 {
  margin:0!important;font-size:19px!important;
  line-height:1.25!important;letter-spacing:-.025em;
  color:var(--workspaceInk)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskContext {
  padding:0 20px 10px;
  color:var(--workspaceInk);
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskContext h3 {
  margin:0;font-size:22px;line-height:1.25;
  font-weight:750;letter-spacing:-.035em;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleSocialDialogBody {
  min-width:0;min-height:0;flex:1 1 auto;
  overscroll-behavior:contain;
  color:var(--workspaceInk);
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .bubbleField {
  color:var(--workspaceInk)!important;font-size:13px!important;line-height:1.35;
  font-weight:670!important;gap:8px!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .bubbleField input,
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .bubbleField select,
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .bubbleField textarea {
  background:var(--workspaceSoft)!important;
  color:var(--workspaceInk)!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:16px!important;
  min-height:50px;
  padding:13px 15px;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .bubbleField textarea {min-height:100px;max-height:35dvh;}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog :is(input,textarea)::placeholder {
  color:var(--workspaceMuted)!important;opacity:.9;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog :is(.bubblePrivateFields,.bubbleTagPicker,.bubbleGuestDetails,.scenePlanSummary,.bubbleCancelDetails,.bubbleRoster) {
  border:1px solid var(--workspaceLine)!important;
  border-radius:20px!important;
  background:var(--workspacePanel)!important;
  box-shadow:none!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .sceneFormFooter {
  background:color-mix(in srgb,var(--workspacePanel) 95%,transparent)!important;
  border-top:1px solid var(--workspaceLine)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .sceneFormFooter>button[type=submit] {
  min-height:50px!important;border-radius:16px!important;
  background:var(--workspaceWash)!important;
  color:var(--workspaceInk)!important;
  border:1px solid color-mix(in srgb,var(--workspacePrimary) 25%,var(--workspaceLine))!important;
  font-size:14px;font-weight:750;
}

/* Event editor is shared by Bubble hosting and Hub: one slim back rail,
   calm cards, comfortably sized controls and a fixed action row. */
html.infinisCustomerLight[data-palette] .eventWorkspace {
  background:var(--workspaceBackground)!important;
  color:var(--workspaceInk)!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceForm {min-height:0!important;}
html.infinisCustomerLight[data-palette] .eventWorkspaceBody {
  min-height:0!important;
  display:grid!important;gap:14px!important;
  align-content:start!important;
  background:var(--workspaceBackground)!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection {
  display:grid!important;gap:15px!important;
  padding:19px!important;margin:0!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:23px!important;
  background:var(--workspacePanel)!important;
  box-shadow:0 6px 21px color-mix(in srgb,var(--workspaceInk) 4%,transparent)!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection>h3 {
  display:flex;align-items:center;gap:7px;
  margin:0 0 2px!important;
  font-size:18px!important;line-height:1.2!important;
  letter-spacing:-.03em!important;font-weight:740!important;
  color:var(--workspaceInk)!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection>h3 i {color:var(--workspacePrimary)!important;font-size:14px;}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection>label {
  color:var(--workspaceInk)!important;font-size:13px!important;
  line-height:1.35!important;font-weight:670!important;gap:8px!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection>label small,
html.infinisCustomerLight[data-palette] .eventWorkspaceHelp {font-size:11px!important;line-height:1.5!important;color:var(--workspaceMuted)!important;}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection :is(input:not([type=radio]):not([type=hidden]),select,textarea){
  min-height:50px!important;
  padding:12px 14px!important;
  border-radius:15px!important;
  border:1px solid var(--workspaceLine)!important;
  background:var(--workspaceSoft)!important;
  color:var(--workspaceInk)!important;
  font-size:16px!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection textarea {min-height:94px!important;resize:vertical!important;}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection :is(input,select,textarea):focus {
  outline:2px solid color-mix(in srgb,var(--workspacePrimary) 50%,transparent)!important;
  outline-offset:1px!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceSection .eventScheduleControl {
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 16px!important;
  gap:12px!important;min-height:82px!important;
  padding:13px!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:17px!important;
  background:var(--workspaceSoft)!important;
  color:var(--workspaceInk)!important;
  text-align:left!important;
}
html.infinisCustomerLight[data-palette] .eventScheduleControl>i:first-child {
  display:grid;place-items:center;width:38px;height:42px;
  border-radius:14px;background:var(--workspaceWash)!important;
  color:var(--workspacePrimary)!important;font-size:21px!important;
}
html.infinisCustomerLight[data-palette] .eventScheduleControl>span {gap:4px!important;}
html.infinisCustomerLight[data-palette] .eventScheduleControl small {font-weight:650!important;letter-spacing:0!important;text-transform:none!important;font-size:12px!important;}
html.infinisCustomerLight[data-palette] .eventScheduleControl b {font-size:13px!important;font-weight:690!important;}
html.infinisCustomerLight[data-palette] .eventVisibility {gap:9px!important;}
html.infinisCustomerLight[data-palette] .eventVisibility>legend {
  margin-bottom:8px!important;font-weight:650!important;font-size:13px!important;
}
html.infinisCustomerLight[data-palette] .eventVisibility label>span {
  min-height:63px!important;
  border-radius:17px!important;
  padding:11px 12px!important;
  background:var(--workspaceSoft)!important;
  border:1px solid var(--workspaceLine)!important;
  color:var(--workspaceInk)!important;
}
html.infinisCustomerLight[data-palette] .eventVisibility label>span>i{font-size:19px!important;color:var(--workspacePrimary)!important;}
html.infinisCustomerLight[data-palette] .eventVisibility input:checked+span {
  background:var(--workspaceWash)!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 55%,var(--workspaceLine))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--workspacePrimary) 15%,transparent)!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceForm>footer {
  display:flex!important;align-items:center!important;
  flex:0 0 auto!important;gap:10px!important;
  border-top:1px solid var(--workspaceLine)!important;
  background:color-mix(in srgb,var(--workspacePanel) 93%,transparent)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
html.infinisCustomerLight[data-palette] .eventWorkspaceForm>footer>button {
  border-radius:16px!important;min-height:50px!important;
  font-size:14px!important;font-weight:730!important;
  color:var(--workspaceInk)!important;
  border:1px solid var(--workspaceLine)!important;
}
html.infinisCustomerLight[data-palette] .eventWorkspaceForm>footer>button[type=submit] {
  background:var(--workspaceWash)!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 26%,var(--workspaceLine))!important;
}

/* Other Bubble-owned sheets, including connections and notifications, share
   the back-left control instead of introducing a second decorative header. */
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerSheet {
  background:var(--workspaceBackground)!important;
  color:var(--workspaceInk)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerHead.bubbleLayerTaskRail {
  display:flex;align-items:center;justify-content:flex-start;gap:14px;
  background:transparent!important;
  border-bottom:0!important;
  color:var(--workspaceInk)!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerTaskRail>button[data-bubble-close] {
  width:46px!important;height:46px!important;flex:0 0 46px;
  display:grid;place-items:center;padding:0!important;
  border-radius:16px!important;
  border:1px solid var(--workspaceLine)!important;
  background:var(--workspacePanel)!important;
  color:var(--workspaceInk)!important;
  font-size:20px!important;
}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerTaskRail .bubbleLayerNavCopy span {color:var(--workspaceMuted)!important;}
html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerTaskRail .bubbleLayerNavCopy h2 {
  color:var(--workspaceInk)!important;
  font-size:19px!important;line-height:1.25;
}

@media(max-width:759px){
  /* Reserve exactly one narrow dock row. The global dock itself is untouched. */
  html.infinisCustomerLight[data-palette] .bubbleSocialPage.infinisScene.scenePage {
    padding:12px 0 calc(18px + var(--bottomNavHeight,74px))!important;
    gap:12px!important;
    width:calc(100dvw - 30px)!important;max-width:100%!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceMain>.bubbleSocialComposer {order:-2;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar>.bubbleSocialTabs {order:-1;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialComposer {padding:14px!important;border-radius:23px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter>span {display:none!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter {display:grid!important;grid-template-columns:1fr 1.13fr!important;gap:9px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter .sceneButton {
    min-width:0!important;width:100%!important;flex:none!important;
    padding:10px 8px!important;font-size:12px!important;
    white-space:normal!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialTabs {margin-top:1px!important;border-radius:19px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialTabs>button {font-size:12px!important;padding:9px 12px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialToolbar {flex-wrap:nowrap!important;align-items:center!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSubFilters {flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSubFilters::-webkit-scrollbar {display:none;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSubFilters>button {white-space:nowrap;flex:0 0 auto;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleToolbarActions {gap:5px;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleToolbarActions .bubbleIconButton {
    width:37px;min-width:37px;height:38px;flex-basis:37px;border-radius:13px;
  }
  /* App-owned Bubble native dialogs are full-viewport task screens. */
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog[open] {
    inset:var(--sceneTop,0px) 0 auto 0!important;
    width:100dvw!important;height:var(--sceneVh,100dvh)!important;
    max-width:none!important;max-height:none!important;
    margin:0!important;border:0!important;border-radius:0!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskRail,
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog:has(.bubbleSocialForm)>.bubbleTaskRail {
    flex:0 0 80px!important;height:80px!important;
    padding:12px 16px!important;
    align-items:flex-start!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskRail .bubbleTaskAssist,
  html.infinisCustomerLight[data-palette] .eventWorkspace>.eventWorkspaceNav>h2 {
    position:absolute!important;width:1px!important;height:1px!important;
    overflow:hidden!important;white-space:nowrap!important;
    clip-path:inset(50%)!important;
    padding:0!important;border:0!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskContext {
    padding:0 18px 12px!important;
    flex:0 0 auto!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskContext h3 {
    font-size:21px!important;line-height:1.25!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleSocialDialogBody {
    padding:10px 17px calc(20px + env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleSocialDialogBody.sceneFormBody {
    display:flex!important;flex-direction:column!important;
    padding:0!important;overflow:hidden!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .sceneFormFields {
    padding:10px 17px 20px!important;gap:15px!important;
    min-height:0!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog .sceneFormFooter {
    padding:12px 17px calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  /* The event editor has no hero/title banner; a single back arrow occupies
     the left half of the same row as the persistent dock. */
  html.infinisCustomerLight[data-palette] .eventWorkspaceOverlay {height:var(--sceneVh,100dvh)!important;}
  html.infinisCustomerLight[data-palette] .eventWorkspace {height:var(--sceneVh,100dvh)!important;max-height:none!important;}
  html.infinisCustomerLight[data-palette] .eventWorkspace>.eventWorkspaceNav {
    flex:0 0 80px!important;height:80px!important;
    padding:12px 16px!important;
    align-items:flex-start!important;
  }
  html.infinisCustomerLight[data-palette] .eventWorkspaceBody {
    padding:6px 16px 20px!important;
    gap:13px!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch;
  }
  html.infinisCustomerLight[data-palette] .eventWorkspaceSection {padding:17px!important;gap:14px!important;border-radius:21px!important;}
  html.infinisCustomerLight[data-palette] .eventWorkspaceSection>h3 {font-size:18px!important;}
  html.infinisCustomerLight[data-palette] .eventWorkspaceForm>footer {
    padding:11px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  html.infinisCustomerLight[data-palette] .eventWorkspaceForm>footer>button {
    flex:1 1 0!important;min-width:0!important;
    min-height:51px!important;padding:9px 9px!important;
    font-size:13px!important;
  }
  /* Connection/inbox layers: same dock clearance and no second title bar. */
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayer {
    top:var(--sceneTop,0px)!important;bottom:auto!important;
    height:var(--sceneVh,100dvh)!important;
    width:100dvw!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerSheet {
    width:100dvw!important;height:var(--sceneVh,100dvh)!important;
    max-width:none!important;max-height:none!important;
    border:0!important;border-radius:0!important;
    grid-template-rows:80px minmax(0,1fr)!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerHead.bubbleLayerTaskRail {
    padding:12px 16px!important;
    align-items:flex-start!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerTaskRail .bubbleLayerNavCopy {
    position:absolute!important;width:1px!important;height:1px!important;
    overflow:hidden!important;white-space:nowrap!important;
    clip-path:inset(50%)!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerBody {
    min-height:0!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
}
@media(min-width:760px){
  html.infinisCustomerLight[data-palette] .bubbleSocialPage.scenePage {padding:16px 0 28px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskRail {padding:18px 20px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleTaskContext {display:none;}
  html.infinisCustomerLight[data-palette] .eventWorkspace>.eventWorkspaceNav {padding:17px 20px!important;}
  html.infinisCustomerLight[data-palette] .eventWorkspaceBody {padding:18px 22px 24px!important;}
}
@media(prefers-reduced-motion:reduce){
  html.infinisCustomerLight[data-palette] :is(.bubbleSocialPage,.bubbleTaskDialog,.eventWorkspace) * {
    transition-duration:0.01ms!important;animation-duration:0.01ms!important;
  }
}

/* END assets/css/tabs/bubble-mobile-refine-v513.css */

/* BEGIN assets/css/tabs/bubble-connections-v515.css */
/* Infinis v0515: Connections is a focused, mobile-first social view.
   All rules are scoped to this one Bubble surface. */
.bubbleLayerBody .bubbleFriendsExperience {
  --bc-panel:var(--workspacePanel,var(--appPanel));
  --bc-soft:var(--workspaceSoft,var(--appPanelSoft));
  --bc-wash:var(--workspaceWash,var(--appPanelSoft));
  --bc-ink:var(--workspaceInk,var(--appText));
  --bc-muted:var(--workspaceMuted,var(--appMuted));
  --bc-line:var(--workspaceLine,var(--appLine));
  --bc-accent:var(--workspacePrimary,var(--appBlue));
  --bc-pink:var(--workspaceSecondary,var(--appPink));
  box-sizing:border-box!important;
  width:100%;min-width:0;max-width:760px;margin:0 auto;
  display:flex!important;flex-direction:column;gap:18px!important;
  padding:12px clamp(14px,4dvw,24px) max(28px,env(safe-area-inset-bottom))!important;
  background:transparent!important;
}
.bubbleLayerBody .bubbleFriendsExperience *{box-sizing:border-box;min-width:0}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderHero{margin:0!important;padding:0!important;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;display:flex;flex-direction:column;gap:12px}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderToolbar{display:block!important;min-width:0;width:100%;margin:0;padding:0}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderForm{width:100%;min-width:0;margin:0;padding:0;display:block;border:0!important;background:transparent!important;box-shadow:none!important}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderSearch{width:100%;min-width:0;height:54px!important;min-height:54px;display:flex!important;align-items:center;gap:12px;padding:0 15px!important;border:1px solid var(--bc-line)!important;border-radius:19px!important;background:var(--bc-panel)!important;box-shadow:0 8px 25px color-mix(in srgb,var(--bc-ink) 4%,transparent)!important;transition:border-color .2s ease,box-shadow .2s ease}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderSearch:focus-within{border-color:color-mix(in srgb,var(--bc-accent) 60%,var(--bc-line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bc-accent) 11%,transparent)!important}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderSearch>i{flex:0 0 20px;font-size:18px;color:var(--bc-accent)}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderSearch>input[type=search]{-webkit-appearance:none!important;appearance:none!important;display:block!important;flex:1 1 0!important;width:0!important;max-width:none!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important;color:var(--bc-ink)!important;font-family:inherit!important;font-size:16px!important;font-weight:550!important;line-height:1.35!important;text-align:left!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderSearch>input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderSearch>input[type=search]::placeholder{color:var(--bc-muted)!important;opacity:.8}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderSearch>button{flex:0 0 31px;width:31px;height:31px;border:0;border-radius:10px;background:var(--bc-soft);color:var(--bc-muted);display:grid;place-items:center}
.bubbleLayerBody .bubbleFriendsExperience [hidden]{display:none!important}
.bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
.bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs>button{width:100%;min-width:0;min-height:43px;height:43px;padding:0 6px;border:1px solid var(--bc-line)!important;border-radius:14px;background:var(--bc-soft)!important;color:var(--bc-muted)!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px!important;font-weight:650;letter-spacing:-.02em;white-space:nowrap;transition:background .18s,border-color .18s,transform .18s}
.bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs>button i{font-size:13px;flex:0 0 auto}
.bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs>button .bi-circle-fill{font-size:8px!important;color:var(--journeySuccess,#4bdba7)!important}
.bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs>button.isActive{background:color-mix(in srgb,var(--bc-accent) 10%,var(--bc-panel))!important;border-color:color-mix(in srgb,var(--bc-accent) 45%,var(--bc-line))!important;color:var(--bc-accent)!important}
.bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs>button:active{transform:scale(.97)}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderResults{display:grid;gap:8px;margin:0;width:100%}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderResults:empty{display:none}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderResultCard{min-width:0;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:11px;border-radius:18px;border-color:var(--bc-line);background:var(--bc-panel);box-shadow:none}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderResultAvatar{width:44px;height:44px}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFinderResultCard button{min-height:38px;min-width:72px;padding:0 11px;border-radius:12px;font-size:12px}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectionsHead{display:flex;align-items:center;justify-content:space-between;padding:0 3px!important;margin:1px 0 -3px;gap:12px}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectionsHead>div{display:flex;flex-direction:column;gap:3px}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectionsHead strong{color:var(--bc-ink);font-size:18px;font-weight:760;letter-spacing:-.035em}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectionsHead small{color:var(--bc-muted);font-size:11px;font-weight:510;letter-spacing:0;text-transform:none}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectionsHead>span{flex:0 0 auto;height:27px;min-width:27px;padding:0 9px;border-radius:999px;background:var(--bc-soft);color:var(--bc-muted);font-size:12px;font-weight:750}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFriendList{display:flex!important;flex-direction:column;gap:10px!important;width:100%;padding:0!important;min-width:0}
html[data-palette][data-color-scheme] .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedProfile,
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedProfile{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:center;gap:12px!important;min-height:91px;padding:13px!important;border-radius:21px!important;border:1px solid var(--bc-line)!important;background:linear-gradient(117deg,var(--bc-panel),color-mix(in srgb,var(--bc-accent) 4%,var(--bc-panel)) 67%,color-mix(in srgb,var(--bc-pink) 4%,var(--bc-panel)))!important;color:var(--bc-ink)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--bc-ink) 4%,transparent)!important;overflow:visible}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedAvatar{position:relative;width:56px!important;height:56px!important;flex:0 0 56px;border-radius:50%;padding:2px!important;background:linear-gradient(135deg,var(--bc-accent),var(--bc-pink));display:grid;place-items:center;font-size:16px}
html[data-palette][data-color-scheme] .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedAvatar img,
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedAvatar img{width:100%;height:100%;object-fit:cover;border:2px solid var(--bc-panel)!important;border-radius:50%;background:var(--bc-panel)}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedAvatar>i{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border:2px solid var(--bc-panel)!important;background:var(--journeySuccess,#36dba0)!important}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedIdentity{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0;margin:0}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedIdentity h3{margin:0!important;color:var(--bc-ink);font-size:15px!important;line-height:1.25;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedIdentity h3 i{font-size:12px;color:var(--bc-accent)}
html[data-palette][data-color-scheme] .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedIdentity>span,
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedIdentity>span{display:block;max-width:100%;margin:0;color:var(--bc-muted)!important;font-size:12px!important;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-palette][data-color-scheme] .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedIdentity>em,
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedIdentity>em{width:max-content;max-width:100%;margin:3px 0 0!important;padding:3px 7px!important;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:color-mix(in srgb,var(--journeySuccess,#36dba0) 9%,var(--bc-panel))!important;color:var(--journeySuccess,#35ae7c)!important;font-style:normal;font-size:10px!important;font-weight:660}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedIdentity>em i{font-size:11px}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedQuickActions{display:flex!important;grid-column:auto!important;grid-row:auto!important;align-items:center;justify-content:end;min-width:0;gap:0!important}
html[data-palette][data-color-scheme] .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedQuickActions button,
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedQuickActions button{position:relative;width:auto!important;min-width:42px;max-width:100%;height:41px!important;padding:0 12px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:13px!important;border:1px solid color-mix(in srgb,var(--bc-accent) 22%,var(--bc-line))!important;background:color-mix(in srgb,var(--bc-accent) 8%,var(--bc-panel))!important;color:var(--bc-accent)!important;font-size:12px!important;font-weight:750;white-space:nowrap;transition:transform .16s,background .16s}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedQuickActions button:active{transform:scale(.96)}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedQuickActions button i{font-size:16px}
.bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedQuickActions button b{position:absolute;top:-6px;right:-5px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--bc-panel);border-radius:999px;background:var(--bc-pink);color:var(--bc-ink)!important;display:grid;place-items:center;font-size:10px}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFriendsEmpty{border:1px dashed var(--bc-line);border-radius:21px;padding:28px 20px;background:var(--bc-panel);color:var(--bc-muted)}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFriendsEmpty strong{color:var(--bc-ink);font-size:15px;font-weight:700}
.bubbleLayerBody .bubbleFriendsExperience .bubbleFriendsEmpty p{font-size:12px;line-height:1.5;max-width:270px;margin:5px auto 0}
@media(max-width:365px){
 .bubbleLayerBody .bubbleFriendsExperience{padding-inline:12px!important;gap:15px!important}
 .bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs{gap:5px!important}
 .bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs>button{font-size:11px!important;padding:0 4px}
 .bubbleLayerBody .bubbleFriendsExperience .bubbleViewTabs>button:not([data-bubble-view="online"]) i{display:none}
 .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedProfile{grid-template-columns:50px minmax(0,1fr)!important;gap:9px!important;padding:11px!important}
 .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedAvatar{width:50px!important;height:50px!important}
 .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedQuickActions button{width:42px!important;padding:0!important}
 .bubbleLayerBody .bubbleFriendsExperience .bubbleConnectedQuickActions button span{display:none}
}
@media(prefers-reduced-motion:reduce){.bubbleLayerBody .bubbleFriendsExperience *{transition:none!important;animation:none!important}}

/* END assets/css/tabs/bubble-connections-v515.css */

/* BEGIN assets/css/tabs/bubble-chat-v516.css */
/* Infinis v0516: Bubble conversation refresh */
.bubbleLayerBody:has(.bubbleConversationV516){padding-bottom:0;background:transparent}
.bubbleConversationV516{min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px 0 calc(var(--bottomNavHeight,76px) + 106px);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--appBlue) 7%,transparent),transparent 34%),radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--appPink) 6%,transparent),transparent 28%),transparent}
.bubbleConversationV516 .bubbleConversationMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px}
.bubbleConversationV516 .bubbleConversationMetaIdentity{display:flex;align-items:center;gap:11px;min-width:0}
.bubbleConversationV516 .bubbleConversationMetaIdentity>div{min-width:0}
.bubbleConversationV516 .bubbleConversationMetaIdentity strong,.bubbleConversationV516 .bubbleConversationMetaIdentity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bubbleConversationV516 .bubbleConversationMetaIdentity strong{font-size:.88rem;letter-spacing:-.02em}
.bubbleConversationV516 .bubbleConversationMetaIdentity small{margin-top:2px;color:var(--appMuted);font-size:.57rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}
.bubbleConversationV516 .bubbleConversationMetaAvatar,.bubbleConversationV516 .bubbleTypingAvatar{width:42px;height:42px;flex:0 0 42px;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) 14%,var(--appPanel)));box-shadow:0 10px 24px rgba(11,18,37,.16)}
.bubbleConversationV516 .bubbleConversationMetaAvatar img,.bubbleConversationV516 .bubbleTypingAvatar img{width:100%;height:100%;object-fit:cover}
.bubbleConversationV516 .bubbleConversationPresence{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,#35c77a 10%,var(--appPanel));border:1px solid color-mix(in srgb,#35c77a 24%,var(--appLine));color:#59e69d;font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.bubbleConversationV516 .bubbleConversationPresence 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}
.bubbleConversationV516 .bubbleMessageList{min-height:0;overflow:visible;padding:0 14px 8px;display:flex;flex-direction:column;gap:10px}
.bubbleConversationV516 .bubbleMessageList article{position:relative;max-width:78%;padding:12px 14px;border:1px solid color-mix(in srgb,var(--appBlue) 9%,var(--appLine));border-radius:20px 20px 20px 7px;background:linear-gradient(180deg,color-mix(in srgb,var(--appPanelSoft) 78%,var(--appPanel)),var(--appPanel));box-shadow:0 14px 34px rgba(9,18,38,.14)}
.bubbleConversationV516 .bubbleMessageList article.isMine{align-self:flex-end;border-radius:20px 20px 7px 20px;border-color:color-mix(in srgb,var(--appBlue) 28%,var(--appLine));background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 78%,white 3%),color-mix(in srgb,var(--appBlue) 56%,var(--appPink) 22%));color:#031421}
.bubbleConversationV516 .bubbleMessageList p{margin:0;font-size:.71rem;line-height:1.52}
.bubbleConversationV516 .bubbleMessageList small{display:block;margin-top:6px;font-size:.5rem;opacity:.68}
.bubbleConversationV516 .bubbleConversationWelcome{margin:18px auto 4px;max-width:310px;display:grid;justify-items:center;gap:8px;padding:20px 18px;border:1px solid color-mix(in srgb,var(--appBlue) 10%,var(--appLine));border-radius:28px;background:radial-gradient(circle at top,color-mix(in srgb,var(--appBlue) 10%,transparent),transparent 42%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--appPink) 8%,transparent),transparent 34%),var(--appPanel);text-align:center;box-shadow:0 18px 42px rgba(9,18,38,.12)}
.bubbleConversationV516 .bubbleConversationWelcomeGlyph{width:64px;height:64px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 18%,var(--appPanel)),color-mix(in srgb,var(--appPink) 15%,var(--appPanel)));color:var(--appBlue);font-size:1.45rem}
.bubbleConversationV516 .bubbleConversationWelcome strong{font-size:1rem;letter-spacing:-.03em}
.bubbleConversationV516 .bubbleConversationWelcome span:last-child{color:var(--appMuted);font-size:.63rem;line-height:1.5}
.bubbleConversationV516 .bubbleTypingRow{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"avatar bubble" ". label";gap:8px 10px;align-items:end;max-width:260px;padding-left:2px;transition:opacity .18s ease,transform .18s ease}
.bubbleConversationV516 .bubbleTypingRow.isDismissed{opacity:.38;transform:translateY(3px)}
.bubbleConversationV516 .bubbleTypingAvatar{grid-area:avatar;width:36px;height:36px;flex-basis:36px;align-self:end}
.bubbleConversationV516 .bubbleTypingBubble{grid-area:bubble;display:inline-flex;align-items:center;gap:6px;width:max-content;padding:12px 14px;border-radius:18px 18px 18px 7px;border:1px solid color-mix(in srgb,var(--appBlue) 8%,var(--appLine));background:var(--appPanel);box-shadow:0 12px 28px rgba(9,18,38,.1)}
.bubbleConversationV516 .bubbleTypingBubble span{width:7px;height:7px;border-radius:50%;background:var(--appBlue);opacity:.35;animation:bubbleTypingBounce 1.15s infinite}
.bubbleConversationV516 .bubbleTypingBubble span:nth-child(2){animation-delay:.14s}
.bubbleConversationV516 .bubbleTypingBubble span:nth-child(3){animation-delay:.28s}
.bubbleConversationV516 .bubbleTypingRow small{grid-area:label;margin:0 0 0 2px;color:var(--appMuted);font-size:.56rem;font-weight:700;letter-spacing:.02em}
.bubbleConversationV516 .bubbleMessageComposerFloating{position:sticky;bottom:calc(var(--bottomNavHeight,76px) + 12px);z-index:5;display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:end;gap:10px;margin:0 12px calc(env(safe-area-inset-bottom) + 10px);padding:0;border:0;background:transparent}
.bubbleConversationV516 .bubbleMessageComposerShell{display:flex;align-items:flex-end;min-height:54px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--appBlue) 14%,var(--appLine));border-radius:22px;background:color-mix(in srgb,var(--appPanel) 92%,transparent);box-shadow:0 22px 58px rgba(7,14,30,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.bubbleConversationV516 .bubbleMessageComposerFloating textarea{width:100%;min-height:24px;max-height:110px;resize:none;border:0;background:transparent;color:var(--appText);padding:0;font:650 16px/1.35 inherit;outline:none}
.bubbleConversationV516 .bubbleMessageComposerFloating textarea::placeholder{color:color-mix(in srgb,var(--appMuted) 88%,white 12%)}
.bubbleConversationV516 .bubbleMessageComposerFloating button{width:52px;height:52px;align-self:end;border:0;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--appBlue) 95%,white 5%),color-mix(in srgb,var(--appBlue) 58%,var(--appPink) 32%));color:#031421;box-shadow:0 18px 38px color-mix(in srgb,var(--appBlue) 28%,transparent);transition:transform .16s ease,box-shadow .16s ease}
.bubbleConversationV516 .bubbleMessageComposerFloating.hasValue button{transform:translateY(-1px);box-shadow:0 22px 44px color-mix(in srgb,var(--appBlue) 35%,transparent)}
.bubbleConversationV516 .bubbleMessageComposerFloating button:disabled{opacity:.6;transform:none;box-shadow:none}
@keyframes bubbleTypingBounce{0%,80%,100%{transform:translateY(0);opacity:.28}40%{transform:translateY(-3px);opacity:.95}}
@media(max-width:620px){
  .bubbleConversationV516{padding-top:10px;padding-bottom:calc(var(--bottomNavHeight,76px) + 98px)}
  .bubbleConversationV516 .bubbleConversationMeta{padding-inline:12px}
  .bubbleConversationV516 .bubbleMessageList{padding-inline:12px}
  .bubbleConversationV516 .bubbleMessageComposerFloating{margin-inline:10px;bottom:calc(var(--bottomNavHeight,76px) + 10px)}
  .bubbleConversationV516 .bubbleMessageList article{max-width:84%}
}
@media(prefers-reduced-motion:reduce){.bubbleConversationV516 *{animation:none!important;transition:none!important}}

/* END assets/css/tabs/bubble-chat-v516.css */

/* BEGIN assets/css/tabs/bubble-chat-v517.css */
/* v0517 — Real Bubble messages, deliberately compact and dock-aware.
   The identity and composer are floating surfaces, not page-wide panels. */
.bubbleLayerSheet:has(.bubbleConversationV517){
  height:var(--bubble-chat-viewport,100dvh);max-height:var(--bubble-chat-viewport,100dvh);
  grid-template-rows:80px minmax(0,1fr);
  overflow:hidden;
}
.bubbleLayerBody:has(.bubbleConversationV517){
  min-height:0;overflow:hidden!important;padding:0!important;
  scrollbar-width:none;background:var(--appBg);
}
.bubbleConversationV517{
  --chatText:var(--workspaceInk,var(--appText));
  --chatMuted:var(--workspaceMuted,var(--appMuted));
  --chatSurface:var(--workspacePanel,var(--appPanel));
  --chatLine:var(--workspaceLine,var(--appLine));
  --chatAccent:var(--workspacePrimary,var(--appBlue));
  box-sizing:border-box;display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:8px!important;height:100%;min-height:0;width:100%;max-width:760px;
  margin:0 auto;padding:8px 0 var(--bubble-chat-dock-clearance,108px)!important;
  overflow:hidden!important;
  background:radial-gradient(ellipse at 7% 5%,color-mix(in srgb,var(--appBlue) 4%,transparent),transparent 42%),
             radial-gradient(ellipse at 91% 5%,color-mix(in srgb,var(--appPink) 4%,transparent),transparent 38%);
  color:var(--chatText);
}
.bubbleConversationV517 *{box-sizing:border-box}
.bubbleConversationV517 [hidden]{display:none!important}
/* One small, softly lifted identity capsule. */
.bubbleConversationV517 .bubbleChatPeerRail{
  display:flex;align-items:center;justify-content:flex-start;
  width:100%;min-width:0;padding:0 14px;
}
.bubbleConversationV517 .bubbleChatPeerPill{
  display:inline-flex;align-items:center;gap:9px;
  max-width:min(285px,calc(100% - 8px));min-height:49px;
  padding:5px 14px 5px 6px;
  border-radius:999px;border:1px solid color-mix(in srgb,var(--chatAccent) 15%,var(--chatLine));
  background:color-mix(in srgb,var(--chatSurface) 91%,transparent);
  box-shadow:0 9px 28px rgba(8,15,35,.13),inset 0 1px 0 color-mix(in srgb,var(--chatSurface) 80%,transparent);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.bubbleConversationV517 .bubbleChatPeerPill strong{
  min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--appFont,system-ui);font-size:14px;line-height:1.25;
  font-weight:730;letter-spacing:-.015em;color:var(--chatText);
}
.bubbleConversationV517 .bubbleChatPeerAvatar{
  position:relative;display:grid;place-items:center;overflow:visible;
  flex:0 0 37px;width:37px;height:37px;border-radius:50%;
  background:linear-gradient(145deg,color-mix(in srgb,var(--appBlue) 20%,var(--chatSurface)),color-mix(in srgb,var(--appPink) 17%,var(--chatSurface)));
}
.bubbleConversationV517 .bubbleChatPeerAvatar .bubbleNotificationAvatar{
  display:grid;place-items:center;width:37px;height:37px;overflow:hidden;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--chatAccent) 28%,var(--chatLine));
}
.bubbleConversationV517 .bubbleChatPeerAvatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.bubbleConversationV517 .bubbleChatPresenceDot{
  position:absolute;right:-1px;bottom:0;width:10px;height:10px;
  border:2px solid var(--chatSurface);border-radius:50%;background:#35d6a0;
}
/* Only the thread scrolls. The composer does not float halfway up the screen. */
.bubbleConversationV517 .bubbleMessageList{
  display:flex;flex-direction:column;gap:8px;
  min-height:0;min-width:0;width:100%;padding:8px 14px 13px!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;scroll-padding-bottom:14px;
}
.bubbleConversationV517 .bubbleMessageList::-webkit-scrollbar{display:none}
.bubbleConversationV517 .bubbleMessageList article{
  position:relative;flex:0 0 auto;
  align-self:flex-start;max-width:min(82%,470px);min-width:0;
  border-radius:20px 20px 20px 6px;
  padding:11px 13px!important;
  border:1px solid color-mix(in srgb,var(--chatAccent) 10%,var(--chatLine));
  background:color-mix(in srgb,var(--chatSurface) 92%,var(--appBlue) 8%);
  box-shadow:0 5px 17px rgba(10,22,45,.09);
  color:var(--chatText);
}
.bubbleConversationV517 .bubbleMessageList article.isMine{
  align-self:flex-end;
  border-radius:20px 20px 6px 20px;
  border-color:color-mix(in srgb,var(--appBlue) 23%,#fff);
  background:linear-gradient(125deg,color-mix(in srgb,var(--appBlue) 46%,#ffffff),color-mix(in srgb,var(--appBlue) 32%,#ffffff));
  color:#092431!important;
  box-shadow:0 7px 22px color-mix(in srgb,var(--appBlue) 15%,transparent);
}
.bubbleConversationV517 .bubbleMessageList article p{
  margin:0!important;font-family:var(--appFont,system-ui)!important;
  font-size:15px!important;line-height:1.48!important;font-weight:540!important;
  color:inherit!important;text-shadow:none!important;
  overflow-wrap:anywhere;white-space:pre-wrap;
}
.bubbleConversationV517 .bubbleMessageList article.isMine p{
  color:#092431!important;opacity:1!important;
}
.bubbleConversationV517 .bubbleMessageList article small{
  display:block;margin:5px 0 0!important;
  color:var(--chatMuted)!important;opacity:.83!important;
  font-size:10px!important;line-height:1.3;font-weight:640!important;
  letter-spacing:.015em;white-space:nowrap;
}
.bubbleConversationV517 .bubbleMessageList article.isMine small{
  color:#24515f!important;opacity:1!important;
}
/* Typing is never decorative: JS exposes this only on a verified, fresh signal. */
.bubbleConversationV517 .bubbleTypingRow{
  align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  margin:7px 0 0 2px;color:var(--chatMuted);
}
.bubbleConversationV517 .bubbleTypingMini{
  display:inline-flex;align-items:center;gap:4px;padding:11px 13px;
  border:1px solid var(--chatLine);border-radius:17px 17px 17px 6px;
  background:var(--chatSurface);box-shadow:0 6px 18px rgba(10,22,45,.07);
}
.bubbleConversationV517 .bubbleTypingMini span{
  width:6px;height:6px;border-radius:999px;background:var(--chatAccent);
  opacity:.38;animation:bubbleChatRealTyping 1.15s ease-in-out infinite;
}
.bubbleConversationV517 .bubbleTypingMini span:nth-child(2){animation-delay:.16s}
.bubbleConversationV517 .bubbleTypingMini span:nth-child(3){animation-delay:.32s}
.bubbleConversationV517 .bubbleTypingRow>span:last-child{
  font-size:11px;font-weight:610;white-space:nowrap;
}
@keyframes bubbleChatRealTyping{0%,65%,100%{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
/* Floating composer: one border for the input, one small send control. */
.bubbleConversationV517 .bubbleMessageComposerFloating{
  position:relative!important;inset:auto!important;bottom:auto!important;
  width:auto;min-width:0;align-self:end;
  display:grid!important;grid-template-columns:minmax(0,1fr) 50px;
  align-items:end;gap:8px;
  margin:0 12px!important;padding:0!important;
  border:0!important;border-radius:0;background:transparent!important;
  box-shadow:none!important;
}
.bubbleConversationV517 .bubbleMessageComposerShell{
  display:flex;align-items:center;min-width:0;min-height:50px;
  padding:12px 15px;border-radius:21px;
  border:1px solid color-mix(in srgb,var(--chatAccent) 24%,var(--chatLine));
  background:color-mix(in srgb,var(--chatSurface) 93%,transparent);
  box-shadow:0 9px 25px rgba(10,18,34,.16);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.bubbleConversationV517 .bubbleMessageComposerShell:focus-within{
  border-color:color-mix(in srgb,var(--chatAccent) 70%,var(--chatLine));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--chatAccent) 11%,transparent),0 9px 25px rgba(10,18,34,.16);
}
.bubbleConversationV517 .bubbleMessageComposerFloating textarea{
  box-sizing:border-box;width:100%;min-width:0;
  display:block;min-height:24px;max-height:112px;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;background-image:none!important;
  box-shadow:none!important;resize:none;
  color:var(--chatText)!important;
  font-family:var(--appFont,system-ui)!important;font-size:16px!important;
  font-weight:530!important;line-height:1.45!important;
  overflow-y:auto;
}
.bubbleConversationV517 .bubbleMessageComposerFloating textarea::placeholder{
  color:var(--chatMuted)!important;opacity:.8!important;
}
.bubbleConversationV517 .bubbleChatSend{
  width:50px;height:50px;display:grid;place-items:center;
  border:0;border-radius:19px;
  background:linear-gradient(125deg,color-mix(in srgb,var(--appBlue) 68%,#ffffff),color-mix(in srgb,var(--appBlue) 46%,var(--appPink) 10%));
  color:#08232d;box-shadow:0 9px 24px color-mix(in srgb,var(--appBlue) 19%,transparent);
  font-size:18px;transition:opacity .16s,transform .16s;
}
.bubbleConversationV517 .bubbleChatSend:disabled{opacity:.58;box-shadow:none}
.bubbleConversationV517 .bubbleChatSend:not(:disabled):active{transform:scale(.96)}
@media(max-width:620px){
  .bubbleLayerSheet:has(.bubbleConversationV517){
    width:100dvw;height:var(--bubble-chat-viewport,100dvh);max-height:var(--bubble-chat-viewport,100dvh);
    border:0;border-radius:0;
  }
  .bubbleConversationV517{padding-top:5px!important;gap:6px!important}
  .bubbleConversationV517 .bubbleChatPeerRail{padding:0 12px}
  .bubbleConversationV517 .bubbleMessageList{padding-inline:12px!important}
  .bubbleConversationV517 .bubbleMessageComposerFloating{margin-inline:10px!important}
  .bubbleConversationV517 .bubbleMessageList article{max-width:85%}
}
@media(prefers-reduced-motion:reduce){
  .bubbleConversationV517 *{animation:none!important;transition:none!important}
}

/* END assets/css/tabs/bubble-chat-v517.css */

/* BEGIN assets/css/tabs/grit-studio-v522.css */
/* v0522. Isolated studio layout; other Core tools and account overlays are untouched. */
html .gsStudio {
 --gs-bg:var(--appBg,#f5f8fe);--gs-panel:var(--appPanel,#fff);--gs-soft:var(--appPanelSoft,#edf3fb);
 --gs-ink:var(--appText,#18253b);--gs-muted:var(--appMuted,#5b6b80);--gs-line:var(--appLine,#dbe3ee);
 --gs-blue:var(--appBlue,#318be0);--gs-pink:var(--appPink,#e861b2);--gs-top:84px;--gs-bottom:0px;
 position:fixed!important;inset:var(--gs-offset,0px) 0 auto!important;width:100dvw!important;height:var(--gs-height,100dvh)!important;
 max-width:none!important;max-height:none!important;display:block!important;margin:0!important;padding:0!important;
 background:var(--gs-bg)!important;color:var(--gs-ink)!important;z-index:2147483000!important;
 overflow:hidden!important;opacity:1!important;transform:none!important;backdrop-filter:none!important;touch-action:auto!important;
 font-family:var(--appFont,system-ui,-apple-system,sans-serif);font-size:14px;line-height:1.45;
}
html .gsStudio *,html .gsStudio *::before,html .gsStudio *::after {box-sizing:border-box;}
html .gsStudio [hidden] {display:none!important;}
html .gsStudio .gsPanel {
 position:relative!important;display:flex!important;flex-direction:column!important;grid-template:none!important;
 width:100%!important;height:100%!important;max-width:1200px!important;max-height:none!important;margin:0 auto!important;
 padding:var(--gs-top) max(14px,env(safe-area-inset-right)) calc(var(--gs-bottom) + max(10px,env(safe-area-inset-bottom))) max(14px,env(safe-area-inset-left))!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;overflow:hidden!important;min-height:0!important;
}
html .gsStudio .gsRail{position:absolute;left:14px;top:max(12px,env(safe-area-inset-top));height:48px;z-index:4;}
html .gsStudio .gsBack,html .gsStudio .gsIconBtn{
 display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;min-height:0;padding:0;border:1px solid var(--gs-line);border-radius:14px;
 background:var(--gs-panel);color:var(--gs-ink);box-shadow:none;font:inherit;cursor:pointer;line-height:1;
}
html .gsStudio .gsBack{width:46px;height:46px;border-radius:16px;font-size:22px;}
html .gsStudio .gsHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:6px 2px 14px;border:0;background:none;}
html .gsStudio .gsHead h1{margin:3px 0 0;font-size:24px;font-weight:780;line-height:1.1;letter-spacing:-.045em;}
html .gsStudio .gsHead small{font-size:9px;letter-spacing:.16em;color:var(--gs-muted);font-weight:750;}
html .gsStudio .gsHeadTools{display:flex;gap:7px;}
html .gsStudio .gsHeadTools .gsBtn{padding:0;width:38px;height:38px;min-height:0;}
html .gsStudio .gsHeadTools .gsBtn span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
html .gsStudio .gsTabs{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;margin:0 0 14px;border:1px solid var(--gs-line);border-radius:19px;background:var(--gs-panel);}
html .gsStudio .gsTabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:42px;margin:0;padding:0 6px;border:0;border-radius:13px;background:transparent;color:var(--gs-muted);font:650 12px/1.2 var(--appFont,system-ui);cursor:pointer;white-space:nowrap;}
html .gsStudio .gsTabs button[aria-pressed=true]{color:var(--gs-ink);background:linear-gradient(130deg,color-mix(in srgb,var(--gs-blue) 16%,var(--gs-panel)),color-mix(in srgb,var(--gs-pink) 12%,var(--gs-panel)));}
html .gsStudio .gsTabs button i{font-size:15px;}
html .gsStudio .gsBody{flex:1 1 0;min-height:0;min-width:0;overflow:hidden;background:transparent;outline:0;}
html .gsStudio .gsScroll{overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-padding:12px;}
html .gsStudio .gsCatalog,html .gsStudio .gsAssignments,html .gsStudio .gsEditing{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;min-width:0;}
html .gsStudio .gsToolbar{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;}
html .gsStudio .gsBtn {
 position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:0;min-height:40px;padding:9px 13px;margin:0;
 border:1px solid var(--gs-line);border-radius:14px;background:var(--gs-panel);color:var(--gs-ink);font:680 12px/1.25 var(--appFont,system-ui);text-align:center;cursor:pointer;
 text-decoration:none;box-shadow:none;white-space:normal;transition:transform .15s ease,background .18s ease;
}
html .gsStudio .gsBtn.gsPrimary{background:var(--gs-ink);border-color:var(--gs-ink);color:var(--gs-panel);}
html .gsStudio .gsBtn.gsDanger{background:color-mix(in srgb,#d94860 12%,var(--gs-panel));color:var(--gs-ink);border-color:color-mix(in srgb,#d94860 50%,var(--gs-line));}
html .gsStudio button:active:not(:disabled){transform:scale(.97);}
html .gsStudio button:disabled{opacity:.45;cursor:default;}
html .gsStudio button:focus-visible,html .gsStudio input:focus-visible,html .gsStudio select:focus-visible,html .gsStudio textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--gs-blue) 45%,transparent);outline-offset:2px;}
html .gsStudio .gsSearch{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0;height:44px;padding:0 13px;border-radius:15px;border:1px solid var(--gs-line);background:var(--gs-panel);color:var(--gs-muted);}
html .gsStudio .gsSearch input[type=search]{appearance:none!important;-webkit-appearance:none!important;flex:1 1 0!important;width:0!important;min-width:0!important;height:40px!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--gs-ink)!important;font:500 16px/1.3 var(--appFont,system-ui)!important;outline:none!important;}
html .gsStudio .gsSearch input::placeholder{color:var(--gs-muted);opacity:.8;}
html .gsStudio .gsImportBtn{width:40px;padding:0;}
html .gsStudio .gsImportBtn>span{display:none;}
html .gsStudio .gsFilters{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--gs-muted);font-size:11px;}
html .gsStudio .gsFilters label{display:flex;align-items:center;gap:5px;min-width:0;}
html .gsStudio .gsFilters select{max-width:120px;height:34px;min-height:0;padding:4px 7px;border:1px solid var(--gs-line);border-radius:11px;background:var(--gs-panel);color:var(--gs-ink);font:600 11px var(--appFont,system-ui);}
html .gsStudio .gsFilters>[data-gs-count]{margin-left:auto;white-space:nowrap;}
html .gsStudio .gsCatalogGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-content:start;gap:12px;padding:0 2px 14px;flex:1 1 0;}
html .gsStudio .gsCard{min-width:0;padding:15px;border:1px solid var(--gs-line);border-radius:24px;background:linear-gradient(120deg,var(--gs-panel) 68%,color-mix(in srgb,var(--gs-blue) 5%,var(--gs-panel)));box-shadow:0 5px 22px color-mix(in srgb,var(--gs-ink) 3%,transparent);}
html .gsStudio .gsCardHero{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;}
html .gsStudio .gsBadge{width:64px;height:64px;display:grid;place-items:center;border-radius:19px;overflow:hidden;flex:0 0 auto;background:linear-gradient(145deg,color-mix(in srgb,var(--gs-blue) 11%,var(--gs-soft)),color-mix(in srgb,var(--gs-pink) 7%,var(--gs-soft)));}
html .gsStudio .gsBadge img{width:100%;height:100%;object-fit:contain;padding:4px;}
html .gsStudio .gsBadge b{font-size:28px;color:var(--gs-blue);}
html .gsStudio .gsArtMissing{padding:6px;text-align:center;font-size:10px;color:var(--gs-muted);}
html .gsStudio .gsCardLabels{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--gs-muted);font-size:10px;font-weight:650;}
html .gsStudio .gsCardLabels em{font-style:normal;background:var(--gs-soft);border-radius:7px;padding:2px 6px;}
html .gsStudio .gsCardLabels em[data-status=active]{background:color-mix(in srgb,var(--gs-blue) 13%,var(--gs-soft));color:var(--gs-ink);}
html .gsStudio .gsCard h2{margin:5px 0 2px;font-size:19px;letter-spacing:-.035em;line-height:1.2;overflow-wrap:anywhere;}
html .gsStudio .gsCardHero small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:var(--gs-muted);}
html .gsStudio .gsCard>p{margin:14px 0 12px;color:var(--gs-muted);font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
html .gsStudio .gsCardMeta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--gs-muted);padding-bottom:13px;}
html .gsStudio .gsCard footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:0;padding:0;background:none;}
html .gsStudio .gsCard footer .gsBtn{padding:8px 4px;min-height:38px;font-size:11px;}
html .gsStudio .gsEmpty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:210px;height:100%;max-width:400px;padding:28px 20px;margin:auto;text-align:center;}
html .gsStudio .gsEmpty>i{font-size:32px;color:var(--gs-blue);}
html .gsStudio .gsEmpty h2{font-size:20px;line-height:1.2;letter-spacing:-.035em;margin:6px 0 0;}
html .gsStudio .gsEmpty p{margin:0 0 10px;font-size:13px;color:var(--gs-muted);}
html .gsStudio .gsSpinner{height:32px;width:32px;border:3px solid var(--gs-line);border-top-color:var(--gs-blue);border-radius:50%;animation:gsSpin .8s linear infinite;}
html .gsStudio .gsStatus{flex:0 0 auto;padding:9px 10px 0;font-size:11px;line-height:1.4;color:var(--gs-muted);max-height:65px;overflow:auto;}
html .gsStudio [data-tone=error]{color:var(--gs-ink);border-left:3px solid #d94860;padding-left:10px;}
html .gsStudio .gsEditorHead{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
html .gsStudio .gsEditorHead>div{min-width:0;flex:1;}
html .gsStudio .gsEditorHead h2{font-size:17px;margin:0;font-weight:750;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
html .gsStudio .gsEditorHead small{font-size:10px;color:var(--gs-muted);}
html .gsStudio .gsDefinitionPicker{display:flex;align-items:center;gap:12px;flex:0 0 auto;font-size:12px;font-weight:650;}
html .gsStudio .gsDefinitionPicker select{min-width:0;flex:1;height:36px;padding:0 8px;border:1px solid var(--gs-line);border-radius:12px;background:var(--gs-panel);color:var(--gs-ink);font:500 13px var(--appFont,system-ui);}
html .gsStudio .gsEditorTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;flex:0 0 auto;border:0;padding:0;background:transparent;}
html .gsStudio .gsEditorTabs button{min-width:0;padding:7px 4px;min-height:34px;border:1px solid var(--gs-line);border-radius:12px;background:transparent;color:var(--gs-muted);font:600 12px var(--appFont,system-ui);}
html .gsStudio .gsEditorTabs button[aria-pressed=true]{background:var(--gs-soft);color:var(--gs-ink);border-color:color-mix(in srgb,var(--gs-blue) 38%,var(--gs-line));}
html .gsStudio .gsEditorLayout{display:flex;flex:1 1 0;min-height:0;min-width:0;gap:16px;}
html .gsStudio .gsEditorForm{flex:1 1 0;display:block;padding:0 3px 14px;margin:0;border:0;background:transparent;}
html .gsStudio .gsFormSection{padding:17px;border-radius:23px;border:1px solid var(--gs-line);background:var(--gs-panel);}
html .gsStudio .gsFormSection h3{font-size:15px;margin:0 0 13px;letter-spacing:-.02em;}
html .gsStudio .gsField{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;min-width:0;font-weight:600;color:var(--gs-ink);font-size:12px;}
html .gsStudio .gsField input:not([type=checkbox]):not([type=file]),html .gsStudio .gsField textarea,html .gsStudio .gsField select{
 display:block!important;box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:44px!important;margin:0!important;padding:11px 12px!important;
 border:1px solid var(--gs-line)!important;border-radius:14px!important;background:var(--gs-soft)!important;color:var(--gs-ink)!important;box-shadow:none!important;font:450 16px/1.4 var(--appFont,system-ui)!important;appearance:auto!important;-webkit-appearance:auto!important;
}
html .gsStudio .gsField textarea{height:auto!important;resize:vertical;max-height:260px;}
html .gsStudio .gsField textarea[data-gs-field*="overlayTemplate"]{font-family:ui-monospace,monospace!important;font-size:12px!important;tab-size:2;}
html .gsStudio .gsField input[type=color]{height:44px;cursor:pointer;padding:6px!important;}
html .gsStudio .gsField small,html .gsStudio .gsHelp{color:var(--gs-muted);font-weight:450;font-size:11px;line-height:1.5;margin:0 0 12px;}
html .gsStudio .gsField small{margin:0;}
html .gsStudio .gsPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
html .gsStudio .gsCheck{flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:10px;}
html .gsStudio .gsCheck input[type=checkbox]{appearance:auto!important;width:19px!important;height:19px!important;flex:0 0 19px;min-height:0!important;margin:0!important;accent-color:var(--gs-blue);}
html .gsStudio .gsCheck span{flex:1;}
html .gsStudio .gsRuleNote{display:flex;gap:8px;padding:12px;border-radius:13px;background:var(--gs-soft);color:var(--gs-muted);font-size:12px;line-height:1.5;}
html .gsStudio details{margin-top:15px;border-top:1px solid var(--gs-line);padding-top:12px;}
html .gsStudio summary{padding:4px 0 13px;cursor:pointer;font-size:12px;font-weight:750;color:var(--gs-ink);}
html .gsStudio pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:14px;background:var(--gs-soft);color:var(--gs-ink);font:11px/1.55 ui-monospace,monospace;max-height:300px;overflow:auto;}
html .gsStudio .gsUpload{padding:13px;margin-bottom:14px;border:1px solid var(--gs-line);border-radius:17px;background:var(--gs-panel);}
html .gsStudio .gsUpload>strong{display:block;font-size:12px;margin-bottom:10px;}
html .gsStudio .gsDefinitionActions{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0 0;}
html .gsStudio .gsInlinePreview{display:flex;flex-direction:column;flex:0 0 42%;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--gs-line);border-radius:20px;background:var(--gs-panel);}
html .gsStudio .gsPreviewTools{display:flex;gap:8px;align-items:center;padding:8px 10px;font-size:10px;color:var(--gs-muted);flex:0 0 auto;}
html .gsStudio .gsPreviewTools span{flex:1;}
html .gsStudio .gsPreviewTools select,html .gsStudio .gsFullPreviewTools select{min-height:32px;border:1px solid var(--gs-line);border-radius:10px;padding:5px;background:var(--gs-panel);color:var(--gs-ink);font:12px system-ui;}
html .gsStudio .gsPreviewTools .gsIconBtn{width:30px;height:30px;border-radius:10px;}
html .gsStudio .gsInlinePreview iframe{border:0;display:block;width:100%;height:100%;flex:1 1 0;min-height:0;background:var(--gs-soft);}
html .gsStudio .gsPresetGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
html .gsStudio .gsPreset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:61px;padding:8px 5px;border:1px solid var(--gs-line);border-radius:14px;background:var(--gs-soft);color:var(--gs-ink);font:550 11px system-ui;}
html .gsStudio .gsPreset i{color:var(--gs-blue);font-size:18px;}
html .gsStudio .gsEditorFooter{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;border:0;padding:3px 0 0;background:transparent;}
html .gsStudio .gsEditorFooter>div{display:flex;gap:6px;}
html .gsStudio .gsEditorFooter .gsPrimary{min-height:44px;min-width:114px;}
html .gsStudio .gsAwardList{flex:1 1 0;display:flex;flex-direction:column;gap:10px;padding-bottom:10px;}
html .gsStudio .gsAward{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--gs-line);border-radius:21px;background:var(--gs-panel);}
html .gsStudio .gsAward .gsBadge{width:52px;height:52px;border-radius:16px;}
html .gsStudio .gsAwardCopy{min-width:0;}
html .gsStudio .gsAward h3{margin:0 0 3px;font-size:14px;}
html .gsStudio .gsAwardCopy strong,html .gsStudio .gsAwardCopy small{display:block;font-size:11px;overflow-wrap:anywhere;}
html .gsStudio .gsAwardCopy small{color:var(--gs-muted);}
html .gsStudio .gsAwardState{display:inline-block;font-size:10px;margin-top:5px;padding:2px 6px;border-radius:6px;background:var(--gs-soft);color:var(--gs-muted);}
html .gsStudio .gsAwardActions{display:flex;flex-direction:column;gap:5px;}
html .gsStudio .gsAwardActions .gsBtn{min-height:33px;padding:6px 8px;font-size:10px;}
html .gsStudio .gsApi{height:100%;padding-bottom:14px;}
html .gsStudio .gsApi h2{font-size:18px;margin:0 0 12px;}
html .gsStudio .gsApi code{font-size:11px;overflow-wrap:anywhere;font-weight:400;}
html .gsStudio .gsDialog{position:absolute;inset:0;z-index:8;display:flex;justify-content:center;background:color-mix(in srgb,var(--gs-bg) 93%,transparent);backdrop-filter:blur(12px);padding:var(--gs-top) 14px calc(var(--gs-bottom) + 12px);}
html .gsStudio .gsDialog>section{width:min(760px,100%);min-height:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:25px;border:1px solid var(--gs-line);background:var(--gs-panel);box-shadow:0 18px 55px color-mix(in srgb,var(--gs-ink) 7%,transparent);}
html .gsStudio .gsDialog header{display:flex;align-items:center;gap:12px;padding:14px;border:0;background:transparent;flex:0 0 auto;}
html .gsStudio .gsDialog h2{font-size:18px;line-height:1.2;margin:0;letter-spacing:-.025em;}
html .gsStudio .gsDialogBody{padding:4px 18px 18px;min-height:0;overflow:auto;overscroll-behavior:contain;}
html .gsStudio .gsDialogCopy{font-size:13px;line-height:1.6;color:var(--gs-muted);margin:0 0 18px;}
html .gsStudio .gsDialog footer{display:flex;gap:8px;justify-content:flex-end;border:0;padding:14px 0 0;background:transparent;}
html .gsStudio .gsDialogStatus{padding:10px 16px;margin:0;flex:0 0 auto;font-size:12px;line-height:1.4;max-height:120px;overflow:auto;}
html .gsStudio .gsMemberResults{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-size:12px;color:var(--gs-muted);}
html .gsStudio .gsMemberChoice{width:100%;padding:10px 12px;border:1px solid var(--gs-line);border-radius:13px;background:var(--gs-soft);color:var(--gs-ink);text-align:left;}
html .gsStudio .gsMemberChoice strong,html .gsStudio .gsMemberChoice small{display:block;font:600 12px/1.5 system-ui;}
html .gsStudio .gsMemberChoice small{color:var(--gs-muted);font-size:11px;font-weight:400;}
html .gsStudio .gsMemberChoice[aria-pressed=true]{border-color:var(--gs-blue);}
html .gsStudio .gsSelectedMember{border-radius:12px;background:var(--gs-soft);padding:10px;margin-bottom:15px;font-size:12px;}
html .gsStudio .gsFacts{margin:0;font-size:13px;}
html .gsStudio .gsFacts>div{padding:11px 0;border-bottom:1px solid var(--gs-line);}
html .gsStudio .gsFacts dt{font-size:10px;color:var(--gs-muted);margin-bottom:3px;}
html .gsStudio .gsFacts dd{margin:0;overflow-wrap:anywhere;}
html .gsStudio .gsCopyValue{width:100%;max-width:100%;min-height:120px;border:1px solid var(--gs-line);border-radius:12px;padding:12px;background:var(--gs-soft);color:var(--gs-ink);font:12px/1.5 ui-monospace,monospace;}
html .gsStudio .gsPreviewDialog>section{width:min(1100px,100%);}
html .gsStudio .gsPreviewDialog .gsDialogBody{flex:1;padding:0;overflow:hidden;}
html .gsStudio .gsFullPreview{display:flex;flex-direction:column;height:100%;}
html .gsStudio .gsFullPreviewTools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;padding:8px;}
html .gsStudio .gsFullPreviewTools .gsBtn{min-height:34px;}
html .gsStudio .gsFullPreviewStage{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;background:var(--gs-soft);display:grid;place-items:center;}
html .gsStudio .gsFullPreviewStage iframe{display:block;grid-area:1/1;border:0;transform-origin:center;max-width:none;max-height:none;flex:none;}
@keyframes gsSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){
 html .gsStudio .gsPanel{padding-inline:12px!important;}
 html .gsStudio .gsHead{padding-bottom:12px;}
 html .gsStudio .gsHead h1{font-size:22px;}
 html .gsStudio .gsTabs{margin-bottom:12px;}
 html .gsStudio .gsTabs button{font-size:11px;gap:4px;}
 html .gsStudio .gsTabs button i{font-size:12px;}
 html .gsStudio .gsEditorLayout.hasPreview{flex-direction:column;gap:10px;}
 html .gsStudio .gsInlinePreview{flex:0 0 clamp(130px,23dvh,205px);min-height:0;}
 html .gsStudio .gsEditorForm{flex:1 1 0;}
 html .gsStudio .gsFormSection{padding:14px;border-radius:19px;}
 html .gsStudio .gsEditing{gap:9px;}
 html .gsStudio .gsDialog{padding-inline:0;}
 html .gsStudio .gsDialog>section{border-radius:22px 22px 0 0;border-left:0;border-right:0;}
 html .gsStudio .gsFilters{gap:7px;font-size:10px;}
 html .gsStudio .gsFilters select{max-width:103px;}
 html .gsStudio .gsCard{padding:13px;}
}
@media(max-width:355px){
 html .gsStudio .gsTabs button i{display:none;}
 html .gsStudio .gsTabs button{padding:0 3px;}
 html .gsStudio .gsToolbar>.gsPrimary{padding-inline:8px;font-size:11px;}
 html .gsStudio .gsFilters{gap:6px;}
 html .gsStudio .gsFilters label{font-size:0;gap:0;}
 html .gsStudio .gsFilters select{font-size:11px;max-width:103px;}
 html .gsStudio .gsEditorFooter>div>.gsBtn{display:none;}
 html .gsStudio .gsPair{grid-template-columns:1fr;gap:0;}
 html .gsStudio .gsAward{grid-template-columns:44px minmax(0,1fr);gap:10px;}
 html .gsStudio .gsAward .gsBadge{width:44px;height:44px;}
 html .gsStudio .gsAwardActions{grid-column:1/-1;flex-direction:row;justify-content:flex-end;}
}
@media(max-height:620px){html .gsStudio .gsHead small{display:none;}html .gsStudio .gsHead{padding-bottom:7px;}html .gsStudio .gsTabs{margin-bottom:7px;}html .gsStudio .gsInlinePreview{display:none;}html .gsStudio .gsDefinitionPicker{display:none;}}
@media(prefers-reduced-motion:reduce){html .gsStudio *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* Keep filter labels legible despite global form typography. */
html .gsStudio .gsFilters select{font:600 12px/1.3 var(--appFont,system-ui)!important;padding:4px 6px!important;}

/* END assets/css/tabs/grit-studio-v522.css */

/* BEGIN assets/css/core/v527-responsive-bubble-project.css */
/* Infinis v0527: correct tablet/desktop Bubble grid nesting and project section selection.
 * Extends existing palette tokens without changing mobile navigation or the provider-owned Mirror. */
#hubMoreSections:is(.isActive,.isOpen,[aria-selected="true"]) {
  background:var(--workspaceWash,var(--hubAccent))!important;
  color:var(--workspacePrimary,var(--hubText))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary,var(--hubText)) 45%,var(--workspaceLine,var(--hubBorder)))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--workspacePrimary,var(--hubText)) 23%,transparent)!important;
}
#hubMoreSections.isOpen {outline:2px solid color-mix(in srgb,var(--workspacePrimary,#315cff) 28%,transparent);outline-offset:-2px;}
#hubMoreGrid:not([hidden]) {display:grid;animation:infinisMoreEnter .19s cubic-bezier(.22,.75,.2,1) both;}
#hubMoreGrid button.isActive,#hubMoreGrid button[aria-current="page"]{background:var(--workspaceWash,var(--hubAccent))!important;color:var(--workspacePrimary,var(--hubText))!important;}
@keyframes infinisMoreEnter{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

.hubExperienceViewerClose {
  position:fixed;top:max(calc(env(safe-area-inset-top) + 14px),20px);right:max(calc(env(safe-area-inset-right) + 16px),20px);z-index:2;
  width:46px;height:46px;display:grid;place-items:center;cursor:pointer;
  background:color-mix(in srgb,var(--appPanel,#fff) 93%,transparent);color:var(--appText,#102f38);
  border:1px solid var(--appLine,rgba(30,57,90,.13));border-radius:16px;
  box-shadow:0 12px 32px rgba(29,49,80,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:transform .18s ease,box-shadow .18s ease;
}
.hubExperienceViewerClose:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(29,49,80,.22)}
.hubExperienceViewerClose:focus-visible{outline:3px solid var(--appBlue,#315cff);outline-offset:3px}

@media (min-width:760px){
  html.infinisCustomerLight[data-palette] #tabMount {min-width:0;max-width:100%;}
  /* The prior 2-column grid was applied to the page AND to its child grid,
     leaving Bubble's actual workspace squeezed into only the first column. */
  html.infinisCustomerLight[data-palette] #tabMount .bubbleSocialPage.scenePage {
    display:block!important;grid-template-columns:none!important;width:100%!important;
    max-width:1400px!important;min-width:0!important;margin:0 auto!important;
    padding:0 0 30px!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGrid {
    display:grid!important;grid-template-columns:clamp(195px,22dvw,255px) minmax(0,1fr)!important;
    column-gap:clamp(18px,2.8dvw,34px)!important;align-items:start!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar {
    position:sticky!important;top:12px!important;display:grid!important;
    gap:16px!important;align-content:start!important;min-width:0!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs {
    width:100%!important;min-width:0!important;padding:8px!important;
    border-radius:24px!important;background:var(--workspacePanel,#fff)!important;
    box-shadow:0 14px 36px rgba(21,56,89,.055)!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs>button{
    min-width:0!important;justify-content:flex-start!important;padding:12px 14px!important;
    min-height:52px!important;border-radius:16px!important;transition:background .18s ease,transform .18s ease!important;
    white-space:nowrap!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs>button:hover {
    background:color-mix(in srgb,var(--workspacePrimary,#315cff) 7%,var(--workspacePanel,#fff))!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs>button[aria-pressed="true"] {
    color:var(--workspacePrimary,#315cff)!important;
    background:linear-gradient(110deg,color-mix(in srgb,var(--workspacePrimary,#315cff) 12%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#ef57b6) 8%,var(--workspacePanel,#fff)))!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--workspacePrimary,#315cff) 19%,transparent)!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide {
    padding:21px!important;border-radius:24px!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--workspacePrimary,#315cff) 6%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#ef57b6) 7%,var(--workspacePanel,#fff)))!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide h2{font-size:clamp(18px,1.8vw,23px)!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceMain {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;min-width:0!important;width:100%!important;max-width:100%!important;align-content:start!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage :is(.bubbleSocialComposer,.bubbleSocialToolbar,.bubbleSocialContent,.bubbleSocialPost,.bubblePartyCard,.bubbleInboxCard){min-width:0!important;max-width:100%!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialComposer {
    padding:20px 22px!important;border-radius:26px!important;
    background:linear-gradient(115deg,color-mix(in srgb,var(--workspacePrimary,#315cff) 5%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#ef57b6) 5%,var(--workspacePanel,#fff)))!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialComposer .bubbleWritePrompt{font-size:15px!important;min-height:60px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter{justify-content:space-between!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter>span{flex:1 1 210px!important;min-width:0!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePostGrid {grid-template-columns:minmax(0,1fr)!important;gap:17px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyCard{overflow:hidden!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyCover{min-height:150px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleInboxList{display:grid!important;gap:13px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleInboxCard{padding:19px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialToolbar{flex-wrap:wrap!important;gap:10px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage :is(.bubbleSubFilters,.bubblePartyFilters,.bubbleSocialSearch){min-width:0!important;max-width:100%!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleLayerSheet {
    width:min(820px,calc(100dvw - 60px))!important;max-height:min(920px,calc(100dvh - 58px))!important;
    border-radius:28px!important;box-shadow:0 24px 70px rgba(19,44,74,.17)!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog {
    width:min(760px,calc(100dvw - 60px))!important;max-width:min(760px,calc(100dvw - 60px))!important;
    max-height:calc(100dvh - 70px)!important;overflow:hidden!important;border-radius:28px!important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialDialog.bubbleTaskDialog>.bubbleSocialDialogBody{min-height:0!important;overflow-y:auto!important;}
  /* Guest landing and other planning screens should be paired on tablets, not phone-width floating cards. */
  html.infinisCustomerLight[data-palette] #tabMount .sceneGatePage .sceneGate {
    grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;
    gap:clamp(26px,3vw,52px)!important;padding:clamp(30px,3vw,52px)!important;
    min-width:0!important;max-width:1200px!important;margin-inline:auto!important;
  }
  html.infinisCustomerLight[data-palette] :is(.hubPage,.findPage,.threadPage,.coretab) :is(img,video,canvas,iframe){max-width:100%;}
  html.infinisCustomerLight[data-palette] .hubExperienceBuilderGrid,
  html.infinisCustomerLight[data-palette] .hubProjectDetailsGrid {min-width:0;}
}
@media (min-width:760px) and (max-width:980px) {
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGrid{grid-template-columns:190px minmax(0,1fr)!important;gap:16px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs>button{font-size:12px!important;padding:10px 9px!important;min-height:48px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide{padding:15px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide h2{font-size:19px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
}
@media (min-width:1300px){
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGrid{grid-template-columns:250px minmax(0,1fr)!important;gap:34px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceMain{max-width:940px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
}
@media (min-width:760px) and (max-height:690px){
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar{top:4px!important;gap:9px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs>button{min-height:43px!important;padding-block:7px!important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide{padding:12px!important;}
}
@media(prefers-reduced-motion:reduce){#hubMoreGrid:not([hidden]){animation:none}.hubExperienceViewerClose{transition:none}}


/* v0528: remove tacky tinted header slabs inside shared content sections.
   Let the section itself carry the surface treatment instead of nesting another panel. */
html[data-palette][data-color-scheme] :is(.hubSectionHead,.hubSectionHeading,.findSectionHead,.hubRecentSectionHead,.hubProjectsSectionHead,.hubToolsSection .hubSectionHead){
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
html[data-palette][data-color-scheme] :is(.hubSectionHead>div,.hubSectionHeading>div,.findSectionHead>div,.hubRecentSectionHead>div,.hubProjectsSectionHead>div,.hubToolsSection .hubSectionHead>div){
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
}
html[data-palette][data-color-scheme] :is(.hubFeatured .hubSectionHead,.hubGuestsSection .hubSectionHead,.hubCollectionSection .hubSectionHead,.hubTrackingSection .hubSectionHead,.hubRentalPlan .hubSectionHeading){
  background:transparent!important;
}
html[data-palette][data-color-scheme] :is(.hubFeatured .hubSectionHead>div,.hubGuestsSection .hubSectionHead>div,.hubCollectionSection .hubSectionHead>div,.hubTrackingSection .hubSectionHead>div,.hubRentalPlan .hubSectionHeading>div){
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
html[data-palette][data-color-scheme] .hubSectionHeading>span{
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
}

/* END assets/css/core/v527-responsive-bubble-project.css */

/* BEGIN assets/css/tabs/hub-guest-roster-v536.css */
/* Infinis v0536 | Hub > Guests
   One stable, mobile-first card arrangement instead of the inherited three-column
   guest layout competing with multiple responsive flex rules. Scoped to Hub. */
.hubPage.isProjectWorkspace .hubGuestRoster{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  min-width:0;
}
.hubPage.hubV427 .hubGuestRoster .hubGuestCard,
.hubPage.isProjectWorkspace .hubGuestRoster .hubGuestCard{
  box-sizing:border-box;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  flex-wrap:nowrap!important;
  width:100%;
  min-width:0;
  min-height:0!important;
  padding:13px 14px!important;
  gap:0!important;
  overflow:hidden;
  border-radius:19px!important;
  border:1px solid var(--workspaceLine,var(--appLine,rgba(57,80,119,.12)))!important;
  background:var(--workspacePanel,var(--appPanel,#fff))!important;
  box-shadow:0 8px 25px rgba(36,65,112,.035);
}
.hubPage.isProjectWorkspace .hubGuestCardMain{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  column-gap:11px;
  min-width:0;
  width:100%;
}
.hubPage.isProjectWorkspace .hubGuestCardMain > .hubGuestRosterPerson{min-width:0;align-self:center;gap:4px}
.hubPage.isProjectWorkspace .hubGuestCardMain .hubGuestRosterPerson b{
  display:block;
  max-width:100%;
  font-size:14px!important;
  font-weight:780;
  line-height:1.3;
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--workspaceInk,var(--appText,#1b2f43))!important;
}
.hubPage.isProjectWorkspace .hubGuestCardMain .hubGuestRosterPerson small{
  display:block;
  max-width:100%;
  min-width:0;
  margin:0;
  font-size:11px!important;
  line-height:1.4;
  color:var(--workspaceMuted,var(--appMuted,#63758a))!important;
  white-space:nowrap!important;
  text-overflow:ellipsis;
  overflow:hidden;
}
.hubPage.isProjectWorkspace .hubGuestCardMain .hubBubbleMark{height:8px;width:8px;margin-right:4px;vertical-align:0}
.hubPage.hubV427 .hubGuestRoster .hubGuestProfileAvatar,
.hubPage.isProjectWorkspace .hubGuestRoster .hubGuestProfileAvatar{
  box-sizing:border-box;
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px;
  border-radius:50%;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(142deg,rgba(65,177,209,.15),rgba(238,119,181,.14));
  color:var(--workspacePrimary,var(--appBlue,#2687ab));
  border:1px solid color-mix(in srgb,var(--appBlue,#2687ab) 10%,transparent);
  font-size:15px;
  line-height:1;
  font-weight:850;
  letter-spacing:.02em;
}
.hubPage .hubGuestProfileAvatar > span{display:grid;place-items:center;width:100%;height:100%;white-space:nowrap}
.hubPage .hubGuestProfileAvatar > img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;height:100%;
  display:block;
  object-fit:cover;
  opacity:0;
  transition:opacity .16s ease;
}
.hubPage .hubGuestProfileAvatar.hasPhoto > img{opacity:1}
.hubPage.hubV427 .hubGuestRoster .hubGuestRosterActions,
.hubPage.isProjectWorkspace .hubGuestRoster .hubGuestRosterActions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end;
  justify-self:end;
  flex-wrap:nowrap!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  gap:6px!important;
}
.hubPage.hubV427 .hubGuestRoster .hubGuestRosterActions .hubGuestStatus,
.hubPage.isProjectWorkspace .hubGuestRoster .hubGuestRosterActions .hubGuestStatus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:6px 9px!important;
  white-space:nowrap!important;
  text-align:center;
  font-size:10px!important;
  font-weight:760;
  line-height:1.2!important;
  border-radius:999px;
  background:color-mix(in srgb,var(--appBlue,#3089b9) 9%,var(--appPanel,#fff));
  color:var(--workspacePrimary,var(--appBlue,#267fae));
}
.hubPage .hubGuestRoster .hubGuestStatus.is-accepted{
  background:color-mix(in srgb,#2c9b75 10%,var(--appPanel,#fff))!important;color:#197952!important;
}
.hubPage .hubGuestRoster .hubGuestStatus.is-declined{
  background:color-mix(in srgb,#d15873 9%,var(--appPanel,#fff))!important;color:#aa425b!important;
}
.hubPage .hubGuestRoster .hubGuestStatus.is-maybe{
  background:color-mix(in srgb,var(--appPink,#d46eaa) 12%,var(--appPanel,#fff))!important;
  color:color-mix(in srgb,var(--appPink,#bd5795) 75%,var(--appText,#172739))!important;
}
.hubPage.hubV427 .hubGuestRoster .hubGuestMenuButton,
.hubPage.isProjectWorkspace .hubGuestRoster .hubGuestMenuButton{
  box-sizing:border-box;
  display:grid;
  place-items:center;
  flex:0 0 35px;
  width:35px!important;
  min-width:35px!important;
  height:35px!important;
  min-height:35px!important;
  padding:0!important;
  border:1px solid var(--workspaceLine,var(--appLine,rgba(54,79,113,.13)))!important;
  background:var(--workspaceWash,var(--appPanelSoft,#f7f9fc))!important;
  border-radius:12px!important;
  color:var(--workspaceInk,var(--appText,#24364e))!important;
}
.hubPage .hubGuestRoster .hubGuestMenuButton:focus-visible,
.hubPage .hubGuestRoster .hubGuestCopyPass:focus-visible{
  outline:2px solid var(--appBlue,#367eaf);outline-offset:2px;
}
.hubPage.isProjectWorkspace .hubGuestCardDetails{
  min-width:0;
  margin:11px 0 0;
  padding:10px 0 0;
  border-top:1px solid var(--workspaceLine,var(--appLine,rgba(68,89,120,.11)));
  display:grid;
  gap:8px;
}
.hubPage.isProjectWorkspace .hubGuestCardDetails .hubGuestRuleLine{display:flex;min-width:0;gap:8px;align-items:center;margin:0}
.hubPage.isProjectWorkspace .hubGuestCardDetails .hubGuestRuleLine>span{
  display:inline-flex;max-width:100%;align-items:center;gap:6px;
  padding:2px 0;border:0;border-radius:0;background:transparent;
  color:var(--workspaceMuted,var(--appMuted,#5f6f87));
  font-size:11px;line-height:1.35;font-weight:650;
}
.hubPage .hubGuestCardDetails .hubGuestRuleLine i{color:var(--workspacePrimary,var(--appBlue,#337fb4));font-size:13px}
.hubPage.isProjectWorkspace .hubGuestCompanions{display:grid;gap:5px;min-width:0}
.hubPage.isProjectWorkspace .hubGuestCompanion{
  display:grid;
  grid-template-columns:25px minmax(0,1fr) auto auto;
  gap:7px;
  align-items:center;
  min-width:0;
  padding:7px 9px;
  background:var(--workspaceWash,var(--appPanelSoft,#f6f8fc));
  border-radius:11px;
}
.hubPage .hubGuestCompanionIcon{
  width:25px;height:25px;display:grid;place-items:center;
  border-radius:9px;
  color:var(--workspacePrimary,var(--appBlue,#3586b0));
  background:color-mix(in srgb,var(--appBlue,#4283bd) 10%,transparent);
  font-size:12px;
}
.hubPage .hubGuestCompanion b{
  display:block;min-width:0;max-width:100%;
  white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
  color:var(--workspaceInk,var(--appText,#24364e))!important;
  font-size:12px!important;font-weight:710;
}
.hubPage .hubGuestCompanion small{
  margin:0;
  font-size:10px!important;
  color:var(--workspaceMuted,var(--appMuted,#6f7d91))!important;
  white-space:nowrap;
}
.hubPage .hubGuestCompanionAnswer{
  font-size:10px;font-weight:740;white-space:nowrap;
  color:var(--workspaceMuted,var(--appMuted,#63718b));
}
.hubPage .hubGuestCompanionAnswer.is-accepted{color:#197952}
.hubPage .hubGuestCompanionAnswer.is-maybe{color:var(--appPink,#bd5795)}
.hubPage .hubGuestCompanionAnswer.is-declined{color:#bd5870}
.hubPage .hubGuestResponseNote{display:flex;gap:6px;align-items:center;color:var(--workspaceMuted,var(--appMuted,#63718b));font-size:11px}
.hubPage.isProjectWorkspace .hubGuestCardTools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0}
.hubPage.hubV427 .hubGuestRoster .hubGuestCopyPass,
.hubPage.isProjectWorkspace .hubGuestRoster .hubGuestCopyPass{
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-start;
  width:auto!important;
  height:33px!important;
  min-height:33px;
  padding:0 11px!important;
  gap:7px;
  border:1px solid color-mix(in srgb,var(--appBlue,#4e9abf) 17%,transparent)!important;
  border-radius:11px;
  background:color-mix(in srgb,var(--appBlue,#4392ba) 6%,var(--appPanel,#fff))!important;
  color:var(--workspacePrimary,var(--appBlue,#337faf))!important;
  font-size:11px!important;
  font-weight:760;
  white-space:nowrap;
}
.hubPage.isProjectWorkspace .hubGuestRoster .hubGuestCopyPass span{display:inline!important}
.hubPage.isProjectWorkspace .hubGuestRoster .hubGuestRetry{width:auto!important;min-height:33px;font-size:11px;padding:0 10px;border-radius:11px}
.hubPage.isProjectWorkspace .hubRsvpActivity{padding:11px 12px;gap:10px;margin:9px 0 15px;border-radius:16px}
.hubPage.isProjectWorkspace .hubRsvpActivity>div{min-width:0;flex:1}
.hubPage.isProjectWorkspace .hubRsvpActivityIcon{width:37px;height:37px;flex-basis:37px;border-radius:12px}
.hubPage.isProjectWorkspace .hubRsvpActivity b{font-size:12px;line-height:1.3}
.hubPage.isProjectWorkspace .hubRsvpActivity small{font-size:11px;line-height:1.35}
@media(max-width:390px){
  .hubPage.hubV427 .hubGuestRoster .hubGuestCard{padding:12px!important}
  .hubPage.isProjectWorkspace .hubGuestCardMain{grid-template-columns:39px minmax(0,1fr) auto;column-gap:8px}
  .hubPage.hubV427 .hubGuestRoster .hubGuestProfileAvatar{width:39px!important;height:39px!important;min-width:39px!important;flex-basis:39px!important}
  .hubPage.hubV427 .hubGuestRoster .hubGuestRosterActions{gap:4px!important}
  .hubPage.hubV427 .hubGuestRoster .hubGuestRosterActions .hubGuestStatus{font-size:9.5px!important;padding:5px 7px!important}
  .hubPage.hubV427 .hubGuestRoster .hubGuestMenuButton{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;flex-basis:32px!important}
  .hubPage .hubGuestCardMain .hubGuestRosterPerson b{font-size:13px!important}
  .hubPage.isProjectWorkspace .hubGuestCompanion{grid-template-columns:24px minmax(0,1fr) auto auto;padding:7px;gap:5px}
}
@media(prefers-reduced-motion:reduce){.hubPage .hubGuestProfileAvatar > img{transition:none}}

/* Body-mounted invitation picker and guest detail use the same resilient media fallback. */
.hubGuestInviteOverlay .hubGuestProfileAvatar,.hubGuestDetailOverlay .hubGuestProfileAvatar{
  position:relative;display:grid;place-items:center;flex:0 0 46px;min-width:46px;width:46px;height:46px;
  overflow:hidden;border-radius:50%;background:linear-gradient(145deg,rgba(65,177,209,.14),rgba(238,119,181,.14));
  color:var(--appBlue,#3785ac);font-weight:800;font-size:14px;
}
.hubGuestInviteOverlay .hubGuestProfileAvatar img,.hubGuestDetailOverlay .hubGuestProfileAvatar img{
  position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;
}
.hubGuestInviteOverlay .hubGuestProfileAvatar.hasPhoto img,.hubGuestDetailOverlay .hubGuestProfileAvatar.hasPhoto img{opacity:1}
.hubGuestDetailOverlay .hubGuestProfileAvatar{width:58px;height:58px;min-width:58px;flex-basis:58px}

/* END assets/css/tabs/hub-guest-roster-v536.css */

/* BEGIN assets/css/core/mobile-overlay-polish-v539.css */
/* Infinis v0539 · mobile navigation, overlay and notice reliability
   Only app-owned screens are affected; provider-owned God Bubble stays unchanged. */

/* A planning notice is now body-mounted, never clipped by a scrollable tab or transformed card. */
body > .launchPolicyNotice[data-launch-notice-portal]{
  position:fixed!important;
  top:auto!important;left:auto!important;
  right:clamp(12px,3dvw,22px)!important;
  bottom:var(--infinis-launch-dock-clearance,120px)!important;
  width:min(390px,calc(100dvw - 28px))!important;
  max-width:calc(100dvw - 24px)!important;
  z-index:2000000000!important;
  margin:0!important;
  pointer-events:auto!important;
  isolation:isolate;
}
@media(max-width:700px){
  body > .launchPolicyNotice[data-launch-notice-portal]{
    left:14px!important;right:14px!important;
    width:calc(100dvw - 28px)!important;
    max-width:calc(100dvw - 28px)!important;
    bottom:var(--infinis-launch-dock-clearance,124px)!important;
  }
}
/* Hide the notice while app-owned modal surfaces are being used. */
html:has(:is(.hubCreateProjectOverlay,.hubProjectEditOverlay,.hubQuickEditOverlay,.hubGuestInviteOverlay,.hubGuestDetailOverlay,.hubRegistryOverlay,.hubDeleteConfirmOverlay,.hubAddressOverlay,.findProductOverlay.isOpen,.findDatePicker:not([hidden]),.bubbleLayer.isOpen,.coreHelpOverlay.isOpen,.coreLegalOverlay.isOpen,.coreStatusOverlay.isOpen,.coreDeveloperOverlay.isOpen,.membersStudioOverlay.isOpen,.gritStudioOverlay.isOpen,.projectSpaceChooserOverlay,.projectDeleteOverlay,.projectSpacesOverlay,.activeCartDrawer.isOpen,.checkoutDrawer.isOpen,.contractDialog.isOpen)) body > .launchPolicyNotice[data-launch-notice-portal],
html:has(dialog[open]:not(.launchPolicyNotice)) body > .launchPolicyNotice[data-launch-notice-portal],
html[data-tour-open] body > .launchPolicyNotice[data-launch-notice-portal],
html[data-welcome-open] body > .launchPolicyNotice[data-launch-notice-portal]{
  visibility:hidden!important;pointer-events:none!important;
}

/* More is a proper workspace destination, not a floating dropdown. */
.hubPage.hubV427 .hubProjectMorePanel{min-width:0;max-width:100%;}
.hubPage.hubV427 .hubProjectMorePanel[hidden]{display:none!important;}
.hubPage.hubV427 .hubMoreDestination{min-width:0;width:100%;max-width:100%;display:grid;gap:17px;}
.hubPage.hubV427 .hubMoreDestinationHead{display:grid;gap:6px;padding:7px 1px 2px;}
.hubPage.hubV427 .hubMoreDestinationHead small{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--workspacePrimary,var(--appBlue));}
.hubPage.hubV427 .hubMoreDestinationHead h2{margin:0;font-size:clamp(22px,6dvw,30px);line-height:1.13;letter-spacing:-.045em;color:var(--workspaceInk,var(--appText));}
.hubPage.hubV427 .hubMoreDestinationHead p{margin:0;font-size:13px;line-height:1.55;color:var(--workspaceMuted,var(--appMuted));}
.hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
 overflow:visible!important;min-width:0;
}
.hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;min-height:120px!important;gap:10px!important;padding:17px 8px!important;
 border:1px solid var(--workspaceLine,var(--appLine))!important;border-radius:21px!important;
 background:var(--workspaceSoft,var(--appPanelSoft))!important;color:var(--workspaceInk,var(--appText))!important;
 text-align:center!important;font-weight:730!important;line-height:1.3;transition:transform .2s ease,background .2s ease!important;
}
.hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button:active{transform:scale(.97)!important;}
.hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button>i:first-child{font-size:24px!important;color:var(--workspacePrimary,var(--appBlue))!important;}
.hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button>i:last-child{display:none!important;}
.hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button span{font-size:12px!important;overflow-wrap:anywhere;}
.hubPage.hubV427 .hubMoreReturn{
 display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;
 min-height:48px!important;margin:0!important;padding:2px 3px!important;border:0!important;border-radius:0!important;
 background:transparent!important;color:var(--workspaceMuted,var(--appMuted))!important;text-align:left!important;
}
.hubPage.hubV427 .hubMoreReturn i{font-size:15px;color:var(--workspacePrimary,var(--appBlue));}
.hubPage.hubV427 .hubMoreReturn i:nth-of-type(2){font-size:10px;opacity:.6;}
.hubPage.hubV427 .hubMoreReturn span{font-size:12px;font-weight:720;}
.hubPage.hubV427 .hubMoreReturn strong{min-width:0;font-size:12px;font-weight:790;color:var(--workspaceInk,var(--appText));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hubPage.hubV427 .hubManageActions{display:grid;gap:9px;}
.hubPage.hubV427 .hubManageActions>button{min-width:0;width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:78px;padding:11px 12px;border:1px solid var(--workspaceLine,var(--appLine));border-radius:18px;background:var(--workspaceSoft,var(--appPanelSoft));color:var(--workspaceInk,var(--appText));text-align:left;}
.hubPage.hubV427 .hubManageActions>button>i:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 12%,transparent);color:var(--workspacePrimary,var(--appBlue));font-size:18px;}
.hubPage.hubV427 .hubManageActions>button>span{min-width:0;display:grid;gap:3px;}
.hubPage.hubV427 .hubManageActions>button b{font-size:13px;font-weight:800;}
.hubPage.hubV427 .hubManageActions>button small{font-size:11px;font-weight:460;line-height:1.35;color:var(--workspaceMuted,var(--appMuted));}
.hubPage.hubV427 .hubManageActions>button>i:last-child{font-size:12px;color:var(--workspaceMuted,var(--appMuted));}

/* Thread's two destination buttons are independent; remove the enclosing slab. */
html #tabMount .threadModeTabs{
 border:0!important;background:transparent!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 padding:0!important;gap:8px!important;border-radius:0!important;
}
html #tabMount .threadModeTabs button{background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;}
html #tabMount .threadModeTabs button[aria-selected="true"]{background:color-mix(in srgb,var(--threadBlue) 12%,transparent)!important;border-color:color-mix(in srgb,var(--threadBlue) 24%,transparent)!important;color:var(--threadInk)!important;}

@media(max-width:700px){
 .hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;}
 .hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button{min-height:108px!important;padding:12px 5px!important;border-radius:18px!important;}
 .hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button>i:first-child{font-size:22px!important;}
 .hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button span{font-size:11px!important;}
 /* Mobile popups: no outside frame, border, inset gap, or phantom container.
    Internal controls/cards retain their own focus and separation. */
 :is(.hubCreateProjectOverlay,.hubProjectEditOverlay,.hubQuickEditOverlay,.hubGuestInviteOverlay,.hubGuestDetailOverlay,.hubRegistryOverlay,.hubDeleteConfirmOverlay,.hubAddressOverlay,.eventWorkspaceOverlay,.projectSpaceChooser,.checkoutPaymentConfirmDialog,.checkoutDateRecoveryDialog){
   padding:0!important;box-sizing:border-box!important;
 }
 :is(.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubAddressPanel,.hubGuestInvitePanel,.hubInviteStudio,.hubGuestDetailPanel,.hubRegistrySheet,.hubDeleteConfirmPanel,.eventWorkspace,.checkoutPaymentConfirmPanel,.checkoutDateRecoverySheet){
   margin:0!important;box-sizing:border-box!important;width:100dvw!important;max-width:100dvw!important;
   max-height:100dvh!important;border:0!important;border-radius:0!important;
   outline:0!important;box-shadow:none!important;
 }
 .hubCreateProjectPanel.isBasicsOnly{border:0!important;border-radius:0!important;}
 .hubCreateProjectOverlay .hubCreateProjectPanel{height:min(92dvh,850px)!important;max-height:100dvh!important;}
 .hubProjectEditOverlay .hubProjectEditPanel{height:100dvh!important;max-height:100dvh!important;}
 .hubQuickEditOverlay .hubQuickEditPanel,.hubGuestInviteOverlay :is(.hubGuestInvitePanel,.hubInviteStudio),.hubGuestDetailOverlay .hubGuestDetailPanel{max-height:96dvh!important;}
 .hubRegistryOverlay .hubRegistrySheet{max-height:94dvh!important;overflow-y:auto!important;padding-bottom:max(20px,env(safe-area-inset-bottom,0px))!important;}
 .hubDeleteConfirmOverlay .hubDeleteConfirmPanel{max-height:90dvh!important;overflow-y:auto!important;padding-bottom:max(22px,env(safe-area-inset-bottom,0px))!important;}
 :is(.findProductOverlay,.findDatePicker,.bubbleLayer,.projectSpaceChooserOverlay,.projectSpacesOverlay,.projectDeleteOverlay,.checkoutDrawer,.contractDialog,.checkoutPaymentConfirmDialog,.checkoutDateRecoveryDialog){padding:0!important;}
 :is(.findProductSheet,.findDatePickerPanel,.bubbleLayerSheet,.projectSpaceChooserSheet,.projectSpacesPanel,.projectDeleteSheet,.checkoutDateRecoverySheet,.activeCartPanel,.checkoutPanel,.contractPanel,.checkoutPaymentConfirmPanel,.checkoutPolicyPanel,.sceneConfirmDialog[open]){
   margin:0!important;box-sizing:border-box!important;border:0!important;outline:0!important;box-shadow:none!important;
   max-width:100dvw!important;
 }
 .findProductSheet{width:100dvw!important;border-radius:0!important;}
 .findDatePickerPanel,.bubbleLayerSheet,.projectSpaceChooserSheet,.projectDeleteSheet,.checkoutDateRecoverySheet{width:100dvw!important;border-radius:0!important;}
 .activeCartPanel,.checkoutPanel,.contractPanel{border-radius:0!important;}
 .checkoutPanel{width:100dvw!important;height:100dvh!important;max-height:100dvh!important;}
 .contractPanel{width:100dvw!important;max-height:100dvh!important;border-radius:0!important;}
 :is(.bubbleSocialDialog,.workspaceDialog,.meritInfoSheet,.membersStudioPanel,.gritStudioPanel,.coreHelpPanel,.coreLegalPanel,.coreDeveloperPanel,.coreStatusPanel,.gsDialog){
   box-sizing:border-box!important;border:0!important;outline:0!important;box-shadow:none!important;
   max-width:100dvw!important;
 }
 :is(.bubbleSocialDialog[open],.sceneConfirmDialog[open]){width:100dvw!important;max-width:100dvw!important;max-height:100dvh!important;border-radius:0!important;}
 .workspaceDialog{width:100dvw!important;max-width:100dvw!important;border-radius:0!important;}
 :is(.meritInfoSheet,.membersStudioPanel,.gritStudioPanel,.coreHelpPanel,.coreLegalPanel,.coreDeveloperPanel,.coreStatusPanel){border-radius:0!important;}
}
@media(max-width:380px){.hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(prefers-reduced-motion:reduce){.hubPage.hubV427 .hubProjectMorePanel #hubMoreGrid>button{transition:none!important;}}

/* END assets/css/core/mobile-overlay-polish-v539.css */

/* BEGIN assets/css/core/project-budget-helpful-overlay-v540.css */
/* Infinis v0540 - connected project palette, editor portal, budget & helpful.
   All properties inherit the active host palette; God Bubble's provider UI and
   guest-authored artwork are intentionally outside this stylesheet. */

/* The event/visibility card was painted with an always-light gradient. */
html[data-palette][data-color-scheme] .hubPage .eventHubControls.infinisScene {
  --sceneInk:var(--workspaceInk);
  --sceneMuted:var(--workspaceMuted);
  --sceneSurface:var(--workspacePanel);
  --sceneLine:var(--workspaceLine);
  --sceneAccent:var(--workspaceWash);
  display:grid;gap:14px;
  padding:clamp(17px,3.8dvw,25px)!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--workspacePrimary) 6%,var(--workspacePanel)) 0%,
    color-mix(in srgb,var(--workspaceSecondary) 5%,var(--workspacePanel)) 100%)!important;
  border:1px solid var(--workspaceLine)!important;
  border-radius:22px!important;
  box-shadow:none!important;
  color:var(--workspaceInk)!important;
}
html[data-palette][data-color-scheme] .eventHubIdentity{display:flex;align-items:center;gap:13px;min-width:0;}
html[data-palette][data-color-scheme] .eventHubIdentity>div{min-width:0;}
html[data-palette][data-color-scheme] .eventHubIdentityIcon{
  display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;
  border-radius:15px;background:color-mix(in srgb,var(--workspacePrimary) 12%,var(--workspacePanel));
  color:var(--workspacePrimary);font-size:20px;
}
html[data-palette][data-color-scheme] .eventHubControls small{
  color:var(--workspaceMuted)!important;font-size:10px!important;letter-spacing:.13em!important;line-height:1.4;
}
html[data-palette][data-color-scheme] .eventHubControls h3{
  margin:4px 0 0!important;color:var(--workspaceInk)!important;
  font-size:clamp(20px,5dvw,26px)!important;line-height:1.12;font-weight:830!important;
}
html[data-palette][data-color-scheme] .eventHubControls>p{
  margin:0!important;color:var(--workspaceMuted)!important;
  font-size:13px!important;line-height:1.55!important;
}
html[data-palette][data-color-scheme] .eventHubControls .eventHubActions{gap:9px;}
html[data-palette][data-color-scheme] .eventHubControls .eventHubActions>.sceneButton{
  display:flex!important;gap:8px;align-items:center;justify-content:center;
  min-height:48px;min-width:0;padding:10px!important;border-radius:14px!important;
  border:1px solid var(--workspaceLine)!important;
  background:var(--workspaceSoft)!important;color:var(--workspaceInk)!important;
  font-size:12px!important;font-weight:760!important;line-height:1.35;
  box-shadow:none!important;
}
html[data-palette][data-color-scheme] .eventHubControls .eventHubActions>.sceneButton.isPrimary{
  background:color-mix(in srgb,var(--workspacePrimary) 16%,var(--workspacePanel))!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 34%,var(--workspaceLine))!important;
  color:var(--workspaceInk)!important;
}
html[data-palette][data-color-scheme] .eventHubControls .eventHubActions>.sceneButton i{color:var(--workspacePrimary)!important;}

/* The Budget page: use actual semantic metrics, not a compressed three-row list.
   Combined allowance is a target + estimates, never a charge or quote. */
html[data-palette][data-color-scheme] .hubPage.isProjectWorkspace .hubBudgetPanel{padding:0!important;}
html[data-palette][data-color-scheme] .hubBudgetStudio,
html[data-palette][data-color-scheme] .hubHelpfulPanel{
  --projectInk:var(--workspaceInk);
  --projectMuted:var(--workspaceMuted);
  --projectLine:var(--workspaceLine);
  --projectPanel:var(--workspacePanel);
  --projectSoft:var(--workspaceSoft);
  --projectPrimary:var(--workspacePrimary);
  --projectSecondary:var(--workspaceSecondary);
  min-width:0;width:100%;max-width:100%;color:var(--projectInk);
}
.hubBudgetStudio{display:grid;gap:14px;}
.hubBudgetStudioHead{display:grid;gap:7px;margin:0!important;padding:2px 3px 3px!important;background:transparent!important;border:0!important;}
.hubSectionEyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10px!important;font-weight:830!important;line-height:1.45;letter-spacing:.125em;text-transform:uppercase;color:var(--workspacePrimary,var(--appBlue));}
.hubBudgetStudioHead h2,.hubHelpfulIntro h2{margin:0!important;font-weight:850;letter-spacing:-.045em;line-height:1.13;font-size:clamp(22px,5.4dvw,30px);color:var(--projectInk,var(--workspaceInk));}
.hubBudgetStudioHead p,.hubHelpfulIntro p{margin:0!important;font-size:13px!important;line-height:1.55;color:var(--projectMuted,var(--workspaceMuted));max-width:52ch;}
.hubBudgetHero{
  position:relative;isolation:isolate;overflow:hidden;min-width:0;
  display:grid;gap:11px;padding:22px;
  border:1px solid color-mix(in srgb,var(--projectPrimary) 24%,var(--projectLine));
  border-radius:24px;
  background:var(--projectPanel);
  box-shadow:none;
}
.hubBudgetHeroGlow{
  position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 110% 110% at 100% 0%,color-mix(in srgb,var(--projectSecondary) 14%,transparent),transparent 56%),
    radial-gradient(ellipse 85% 90% at 0% 100%,color-mix(in srgb,var(--projectPrimary) 10%,transparent),transparent 65%);
}
.hubBudgetHeroTop{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:var(--projectMuted);font-size:12px;font-weight:760;}
.hubBudgetHeroTop i{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:color-mix(in srgb,var(--projectPrimary) 13%,var(--projectPanel));color:var(--projectPrimary);font-size:18px;}
.hubBudgetHero>strong{font-size:clamp(30px,8dvw,45px)!important;font-weight:860;letter-spacing:-.055em;line-height:1.08;color:var(--projectInk);overflow-wrap:break-word;}
.hubBudgetHero>p{margin:-2px 0 3px!important;font-size:12px!important;line-height:1.5;color:var(--projectMuted);}
.hubPage.hubV427 .hubBudgetHero>button{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;min-height:49px;padding:11px 15px;border:1px solid color-mix(in srgb,var(--projectPrimary) 30%,var(--projectLine));
  border-radius:15px;background:color-mix(in srgb,var(--projectPrimary) 14%,var(--projectPanel));
  color:var(--projectInk);font-size:13px;font-weight:780;transition:transform .18s ease,background .18s ease;
}
.hubBudgetHero>button>i:last-child{margin-left:auto;color:var(--projectPrimary);}
.hubBudgetHero>button>i:first-child{color:var(--projectPrimary);}
.hubBudgetInsights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.hubPage.hubV427 .hubBudgetInsight{
  display:grid;grid-template-columns:1fr;align-content:start;gap:13px;
  min-width:0;min-height:156px;padding:16px;
  border:1px solid var(--projectLine);border-radius:21px;
  background:var(--projectPanel);box-shadow:none;
  text-align:left;color:var(--projectInk);
}
.hubBudgetInsightIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:color-mix(in srgb,var(--projectPrimary) 12%,var(--projectPanel));color:var(--projectPrimary);font-size:17px;}
.hubBudgetInsightTotal .hubBudgetInsightIcon{color:var(--projectSecondary);background:color-mix(in srgb,var(--projectSecondary) 13%,var(--projectPanel));}
.hubBudgetInsight>span:nth-child(2){display:grid;gap:5px;min-width:0;}
.hubBudgetInsight small{font-size:11px!important;line-height:1.35;font-weight:740;letter-spacing:0;color:var(--projectMuted)!important;}
.hubBudgetInsight b{font-size:clamp(18px,4.8dvw,26px)!important;line-height:1.15;font-weight:830;color:var(--projectInk)!important;letter-spacing:-.035em;overflow-wrap:anywhere;}
.hubBudgetInsight em{font-size:10px!important;line-height:1.42;font-weight:620;font-style:normal;color:var(--projectMuted)!important;}
.hubBudgetInsight>i:last-child{position:absolute;right:14px;top:18px;color:var(--projectPrimary);font-size:12px;}
.hubPage.hubV427 .hubBudgetInsight{position:relative;}
.hubBudgetFootnote{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;margin:0!important;border-radius:15px;background:var(--projectSoft);color:var(--projectMuted)!important;font-size:11px!important;line-height:1.5!important;}
.hubBudgetFootnote i{color:var(--projectPrimary);font-size:14px;margin-top:1px;flex:0 0 auto;}

/* Helpful: meaningful groupings, clear titles and dense touch-friendly rows. */
.hubHelpfulPanel{display:grid;gap:16px;}
.hubHelpfulIntro{display:grid;gap:8px;padding:3px 3px 0;}
.hubHelpfulGroup{display:grid;gap:9px;min-width:0;}
.hubHelpfulGroupHead{display:flex;align-items:center;gap:11px;padding:2px 3px 4px;}
.hubHelpfulGroupIcon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:13px;background:color-mix(in srgb,var(--projectPrimary) 12%,var(--projectPanel));color:var(--projectPrimary);font-size:16px;}
.hubHelpfulGroupHead>div{min-width:0;}
.hubHelpfulGroupHead h3{font-size:15px!important;letter-spacing:-.025em;font-weight:800;color:var(--projectInk);margin:0 0 3px;}
.hubHelpfulGroupHead p{margin:0;font-size:11px!important;line-height:1.35;color:var(--projectMuted);}
.hubHelpfulGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;}
.hubPage.hubV427 .hubHelpfulItem{
  display:grid;grid-template-columns:39px minmax(0,1fr) 12px;align-items:center;
  gap:12px;min-width:0;min-height:80px;padding:13px;
  background:var(--projectPanel);border:1px solid var(--projectLine);
  border-radius:18px;box-shadow:none;color:var(--projectInk);text-align:left;
}
.hubHelpfulItemIcon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:color-mix(in srgb,var(--projectPrimary) 11%,var(--projectPanel));color:var(--projectPrimary);font-size:17px;}
.hubHelpfulItemText{display:grid;gap:5px;min-width:0;}
.hubHelpfulItemText>small{font-size:10px!important;font-weight:790!important;letter-spacing:.04em;text-transform:uppercase;line-height:1.35;color:var(--projectMuted)!important;}
.hubHelpfulItemText>b{font-size:13px!important;line-height:1.36;font-weight:770!important;color:var(--projectInk)!important;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.hubHelpfulItemText>b.isUnset{color:var(--projectPrimary)!important;font-weight:700!important;}
.hubHelpfulItem>i:last-child{color:var(--projectPrimary);font-size:11px;}
.hubPage.hubV427 .hubHelpfulItem:focus-visible,.hubPage.hubV427 .hubBudgetHero>button:focus-visible,.hubPage.hubV427 .hubBudgetInsight:focus-visible{outline:2px solid var(--projectPrimary);outline-offset:2px;}

/* Full-screen modal stability. These project dialogs are now body-mounted. They
   cannot inherit the scroller's containment, painting layer or tab animation. */
html[data-palette][data-color-scheme] body > [data-hub-editor-portal] {
  position:fixed!important;inset:0!important;top:0!important;left:0!important;
  width:100dvw!important;height:100dvh!important;z-index:2147482500!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain;
}
html[data-palette][data-color-scheme] body > [data-hub-editor-portal] :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel){color:var(--workspaceInk)!important;background:var(--workspacePanel)!important;}
html[data-palette][data-color-scheme] body > [data-hub-editor-portal] :is(.hubQuickEditFields,.hubProjectEditPanel form,.hubAddressBody){-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}

@media(max-width:700px){
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal]{
    display:flex!important;align-items:stretch!important;justify-content:stretch!important;
    padding:0!important;margin:0!important;max-height:100dvh!important;
    border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    background:var(--workspacePanel)!important;
  }
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal] :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel){
    position:relative!important;inset:auto!important;
    display:flex!important;flex-direction:column!important;
    box-sizing:border-box!important;margin:0!important;padding:0!important;
    width:100dvw!important;max-width:100dvw!important;
    height:100dvh!important;max-height:100dvh!important;min-height:0!important;
    overflow:hidden!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;animation:none!important;transform:none!important;
  }
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal] :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel)>header{
    flex:0 0 auto!important;padding:calc(18px + env(safe-area-inset-top,0px)) 17px 15px!important;
    background:var(--workspaceSoft)!important;border-bottom:1px solid var(--workspaceLine)!important;
  }
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal] :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel)>form{
    flex:1 1 0!important;min-height:0!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;
    padding:0!important;
  }
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal] .hubProjectEditPanel>form{overflow-y:auto!important;padding:16px 16px 0!important;}
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal] :is(.hubQuickEditFields,.hubAddressBody){
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
    padding:19px 17px!important;
  }
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal] :is(.hubQuickEditPanel,.hubAddressPanel) footer{
    position:relative!important;flex:0 0 auto!important;inset:auto!important;
    z-index:2!important;padding:12px 17px calc(14px + env(safe-area-inset-bottom,0px))!important;
    background:var(--workspacePanel)!important;border-top:1px solid var(--workspaceLine)!important;
  }
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal] .hubProjectEditPanel footer{
    position:sticky!important;left:0!important;right:0!important;bottom:0!important;
    padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-palette][data-color-scheme] body > [data-hub-editor-portal] .hubQuickEditFields :is(input,select,textarea){
    width:100%!important;max-width:100%!important;min-height:50px!important;font-size:16px!important;
  }
  body:has(> [data-hub-editor-portal]) #app > .bottomnav{visibility:hidden!important;pointer-events:none!important;}
  .hubBudgetStudio{gap:12px;}
  .hubBudgetHero{padding:20px 18px;border-radius:21px;}
  .hubBudgetInsights{gap:9px;}
  .hubPage.hubV427 .hubBudgetInsight{min-height:158px;padding:13px;gap:11px;border-radius:18px;}
  .hubHelpfulGrid{grid-template-columns:1fr;gap:8px;}
  .hubPage.hubV427 .hubHelpfulItem{min-height:76px;}
  .hubHelpfulGroup{gap:8px;}
  html[data-palette][data-color-scheme] .hubPage .eventHubControls.infinisScene{border-radius:19px!important;}
}
@media(max-width:360px){
 .hubBudgetInsights{grid-template-columns:1fr;}
 .hubPage.hubV427 .hubBudgetInsight{min-height:100px;grid-template-columns:40px 1fr;}
 .hubBudgetInsight>span:nth-child(2){gap:3px;}
 .eventHubIdentityIcon{flex-basis:38px;width:38px;height:38px;}
}
@media(prefers-reduced-motion:reduce){
 .hubPage.hubV427 :is(.hubBudgetHero>button,.hubHelpfulItem){transition:none!important;}
}

/* END assets/css/core/project-budget-helpful-overlay-v540.css */

/* BEGIN assets/css/core/project-editor-route-v541.css */
/* Infinis v0541/v0542 - Unified project editor screens.
   Fixes grid input expansion on short forms, replaces the giant banner/X with
   clean back navigation, with the full shared account dock restored in v0542.
   Scoped exclusively to Infinis-owned viewport-portalled event editors. */

html[data-palette][data-color-scheme] body > .hubEditorPortal {
  --editorCanvas:var(--workspacePanel,var(--appPanel,#fff));
  --editorSurface:var(--workspaceSoft,var(--appPanelSoft,#f2f5fa));
  --editorInk:var(--workspaceInk,var(--appText,#20334a));
  --editorMuted:var(--workspaceMuted,var(--appMuted,#69788f));
  --editorLine:var(--workspaceLine,var(--appLine,rgba(32,53,82,.14)));
  --editorBlue:var(--workspacePrimary,var(--appBlue,#438fca));
  --editorPink:var(--workspaceSecondary,var(--appPink,#d989b8));
}

/* The common mobile form grid used to stretch one or two label rows to the
   entire viewport height, causing input controls to become 300px tall. */
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:none!important;
  grid-auto-rows:max-content!important;
  align-items:start!important;
  align-content:start!important;
  justify-items:stretch!important;
  gap:19px!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields > label:not(.hubAddressSaveChoice),
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields > .hubVendorSection label{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;align-self:start!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  gap:9px!important;margin:0!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields label > span:first-child{
  display:block;font-size:13px!important;line-height:1.4!important;font-weight:750!important;
  color:var(--editorInk)!important;letter-spacing:0!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){
  display:block!important;flex:0 0 auto!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;max-height:54px!important;
  padding:0 16px!important;border:1px solid var(--editorLine)!important;
  border-radius:15px!important;background:var(--editorSurface)!important;
  color:var(--editorInk)!important;font-size:16px!important;font-weight:600!important;line-height:normal!important;
  box-shadow:none!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields textarea{
  display:block!important;box-sizing:border-box!important;flex:0 0 auto!important;
  width:100%!important;min-width:0!important;height:124px!important;min-height:124px!important;max-height:220px!important;
  padding:15px 16px!important;border:1px solid var(--editorLine)!important;
  border-radius:15px!important;background:var(--editorSurface)!important;
  color:var(--editorInk)!important;font-size:16px!important;font-weight:550!important;line-height:1.5!important;
  resize:vertical!important;box-shadow:none!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields :is(input,select,textarea):focus{
  outline:none!important;border-color:var(--editorBlue)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--editorBlue) 14%,transparent)!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHelp{
  display:flex;align-items:flex-start;gap:11px;min-width:0;
  padding:13px 14px;border-radius:15px;
  border:1px solid color-mix(in srgb,var(--editorBlue) 12%,var(--editorLine));
  background:color-mix(in srgb,var(--editorBlue) 5%,var(--editorCanvas));
  color:var(--editorMuted);font-size:12px;line-height:1.55;font-weight:500;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHelp i{flex:0 0 auto;margin-top:1px;color:var(--editorBlue);font-size:16px;}

/* Shared unobtrusive navigation, used by detail, address, full-event,
   task, document and vendor editors. There is no separate colored header slab. */
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHeader{
  display:flex!important;flex-direction:column!important;gap:0!important;
  padding:0!important;margin:0!important;border:0!important;
  border-radius:0!important;background:var(--editorCanvas)!important;
  box-shadow:none!important;color:var(--editorInk)!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorNavigation{
  display:flex;align-items:center;gap:12px;width:100%;min-width:0;
  padding:13px 18px 4px;box-sizing:border-box;
  background:transparent!important;border:0!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorBack{
  display:grid!important;place-items:center!important;flex:0 0 45px!important;
  width:45px!important;height:45px!important;min-width:45px!important;min-height:45px!important;
  margin:0!important;padding:0!important;
  border:1px solid var(--editorLine)!important;border-radius:15px!important;
  background:var(--editorSurface)!important;color:var(--editorInk)!important;
  font-size:22px!important;box-shadow:none!important;
  cursor:pointer;touch-action:manipulation;
  transition:transform .16s ease,background .16s ease;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorBack:active{transform:scale(.94);}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorNavigationLabel{
  font-size:10px;line-height:1.3;font-weight:850;letter-spacing:.15em;
  color:var(--editorMuted);margin-right:auto;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorNavigationSymbol{
  display:grid!important;place-items:center!important;flex:0 0 38px!important;
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  border:0!important;border-radius:12px!important;
  background:color-mix(in srgb,var(--editorBlue) 12%,var(--editorCanvas))!important;
  color:var(--editorBlue)!important;font-size:18px!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHeading{
  display:block!important;min-width:0!important;
  padding:19px 19px 17px!important;margin:0!important;
  background:transparent!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHeading small{
  display:block!important;margin:0 0 8px!important;
  font-size:10px!important;font-weight:830!important;letter-spacing:.14em!important;
  line-height:1.4!important;color:var(--editorBlue)!important;
  text-transform:uppercase;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHeading h2{
  margin:0!important;padding:0!important;
  font-size:clamp(22px,6.2dvw,28px)!important;line-height:1.16!important;
  font-weight:840!important;letter-spacing:-.043em!important;color:var(--editorInk)!important;
  overflow-wrap:break-word;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHeading p{
  margin:8px 0 0!important;padding:0!important;
  font-size:13px!important;font-weight:480!important;line-height:1.55!important;
  color:var(--editorMuted)!important;max-width:52ch;
}

/* Accurate content sizing and a calm footer rather than large, empty blocks. */
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields{background:transparent!important;}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubProjectEditError:empty{min-height:0!important;margin:0!important;padding:0!important;}
html[data-palette][data-color-scheme] body > .hubEditorPortal .hubProjectEditError:not(:empty){
  padding:9px 18px!important;font-size:12px!important;line-height:1.45!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel) footer{
  box-shadow:none!important;border-top:1px solid var(--editorLine)!important;
  background:var(--editorCanvas)!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel) footer button{
  min-width:0!important;min-height:50px!important;border-radius:15px!important;
  font-size:14px!important;font-weight:780!important;line-height:1.2!important;
  transition:transform .16s ease,filter .16s ease;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel) footer button:active{transform:scale(.98);}
html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel) footer button[type=submit]{
  background:linear-gradient(110deg,
    color-mix(in srgb,var(--editorBlue) 27%,var(--editorCanvas)),
    color-mix(in srgb,var(--editorPink) 22%,var(--editorCanvas)))!important;
  border:1px solid color-mix(in srgb,var(--editorBlue) 30%,var(--editorLine))!important;
  color:var(--editorInk)!important;
}
html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel) footer button:not([type=submit]):not(.isDanger){
  background:var(--editorSurface)!important;color:var(--editorMuted)!important;
  border:1px solid var(--editorLine)!important;
}

@media(max-width:700px){
  /* v0542: Keep the original COMPLETE shared account dock on editor routes.
     v0541 hid the dock's parent header, so only a provider-rendered avatar
     could appear. Raise the real dock above the body-portalled editor, without
     creating a duplicate or changing God Bubble's own controls. */
  html[data-palette][data-color-scheme]:has(body > .hubEditorPortal):not(.infinisGodBubbleOverlayOpen):not([data-install-priority]):not(:has(#tabLoader.active)):not(:has(#infinisStartup)) .topbar.workspaceTop.workspaceFloatingTop{
    visibility:visible!important;
    opacity:1!important;
    z-index:2147483200!important;
    pointer-events:none!important;
  }
  html[data-palette][data-color-scheme]:has(body > .hubEditorPortal):not(.infinisGodBubbleOverlayOpen):not([data-install-priority]):not(:has(#tabLoader.active)):not(:has(#infinisStartup)) #workspaceAccountDock:not([popover]){
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorNavigation{
    box-sizing:border-box!important;
    min-height:calc(72px + env(safe-area-inset-top,0px))!important;
    padding:calc(13px + env(safe-area-inset-top,0px)) 17px 8px!important;
    align-items:flex-start!important;
  }
  /* The back button sits alone at top left; the dock owns the top right.
     Suppress redundant navigation copy and icon instead of hiding the dock. */
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorNavigationLabel,
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorNavigationSymbol{
    display:none!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHeading{
    padding:18px 19px 15px!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel) > header{
    flex:0 0 auto!important;min-width:0!important;
    padding:0!important;background:var(--editorCanvas)!important;
    border:0!important;box-shadow:none!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditFields{
    padding:17px 18px 26px!important;overflow-y:auto!important;overflow-x:hidden!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubProjectEditPanel>form{
    padding:0 16px 0!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubAddressBody{
    padding:15px 17px 24px!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditPanel > form,
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubAddressPanel > form{
    display:flex!important;flex-direction:column!important;flex:1 1 0!important;
    min-height:0!important;overflow:hidden!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel) footer{
    flex:0 0 auto!important;z-index:3!important;min-height:0!important;
    gap:10px!important;padding:12px 17px calc(13px + env(safe-area-inset-bottom,0px))!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr)!important;
    background:var(--editorCanvas)!important;
  }
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubQuickEditPanel footer button[type=submit]{white-space:nowrap;}
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubVendorEditor .hubQuickEditFields{
    padding:15px 17px 30px!important;
  }
}
@media(max-width:340px){
  html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubQuickEditPanel,.hubProjectEditPanel,.hubAddressPanel) footer button{font-size:12px!important;}
  html[data-palette][data-color-scheme] body > .hubEditorPortal .hubEditorHeading h2{font-size:23px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-palette][data-color-scheme] body > .hubEditorPortal :is(.hubEditorBack,footer button){transition:none!important;}
}

/* END assets/css/core/project-editor-route-v541.css */

/* BEGIN assets/css/core/member-commerce-v543.css */
/* v0543 | Infinis commerce: member savings and Merit at every touchpoint. */
.infinisCommercePrice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;max-width:100%;line-height:1.25}
.infinisCommerceNow{font-size:1em;color:var(--appText);font-weight:850;letter-spacing:-.025em;overflow-wrap:anywhere}
.infinisCommerceNow small{font-size:.64em!important;font-weight:550!important;color:var(--appMuted)!important}
.infinisCommerceCompare{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;font-size:.70em!important;font-weight:650!important}
.infinisCommerceCompare s{font-weight:550!important;color:var(--appMuted)!important;text-decoration:line-through}
.infinisCommerceCompare em{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font-size:.9em;font-style:normal;font-weight:820;line-height:1.35;color:var(--appBlue);background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel));border:1px solid color-mix(in srgb,var(--appBlue) 20%,transparent)}
.findResultFooter>strong[data-commerce-unit],.findProductPrice>strong[data-commerce-unit],.findProductTotalPrice[data-commerce-unit]{min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;line-height:1.18}
.findResultFooter .infinisCommerceNow{font-size:clamp(12px,3.45dvw,16px)!important}
.findResultFooter .infinisCommerceCompare{font-size:10px!important}
.findResultFooter .infinisCommerceCompare em{font-size:9px!important}
.findProductPrice .infinisCommerceNow{font-size:clamp(18px,5.5dvw,26px)}
.findProductActions .infinisCommerceNow{font-size:clamp(17px,5dvw,24px)}
.findProductActions .infinisCommerceCompare{font-size:11px}
.checkoutCommerceBenefits{display:grid;gap:12px;min-width:0}
.checkoutMembershipBenefit,.checkoutMeritBenefit{position:relative;display:grid;min-width:0;gap:11px;padding:16px;border:1px solid color-mix(in srgb,var(--appBlue) 22%,var(--appLine));border-radius:22px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--appPink) 9%,transparent),transparent 60%),color-mix(in srgb,var(--appPanel) 91%,var(--appBlue) 9%);overflow:hidden}
.checkoutMembershipBenefit{grid-template-columns:44px minmax(0,1fr);align-items:center}
.checkoutCommerceIcon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;color:var(--appBlue);background:linear-gradient(140deg,color-mix(in srgb,var(--appBlue) 18%,var(--appPanel)),color-mix(in srgb,var(--appPink) 11%,var(--appPanel)));flex-shrink:0}
.checkoutCommerceIcon i{font-size:20px}
.checkoutMembershipBenefit small,.checkoutMeritBenefitHead small{display:block;font-size:10px!important;letter-spacing:.11em;font-weight:800;color:var(--appBlue)}
.checkoutMembershipBenefit strong,.checkoutMeritBenefitHead strong{display:block;margin-top:4px;font-size:clamp(15px,3.6dvw,19px);letter-spacing:-.02em;line-height:1.3;color:var(--appText);overflow-wrap:anywhere}
.checkoutMembershipBenefit p,.checkoutMeritBenefit p{margin:7px 0 0;font-size:12px;line-height:1.5;color:var(--appMuted)}
.checkoutMeritBenefit{background:linear-gradient(140deg,color-mix(in srgb,var(--appBlue) 6%,var(--appPanel)),color-mix(in srgb,var(--appPink) 9%,var(--appPanel)));gap:10px}
.checkoutMeritBenefitHead{display:flex;align-items:center;gap:12px;min-width:0}
.checkoutMeritBenefitHead>div:last-child{min-width:0}
.checkoutMeritInputRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}
.checkoutMeritInputRow input{width:100%;min-width:0;min-height:47px;padding:10px 13px;border-radius:14px;border:1px solid var(--appLine);background:var(--appPanel);color:var(--appText);font-size:16px!important;font-weight:750;outline:none}
.checkoutMeritInputRow input:focus{border-color:var(--appBlue);box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 17%,transparent)}
.checkoutMeritInputRow button{min-height:47px;max-width:140px;padding:8px 15px;border:0;border-radius:14px;color:#fff;background:linear-gradient(125deg,#377bb5,#77709f);font-size:12px;font-weight:850;cursor:pointer;transition:transform .18s ease,filter .18s ease}
.checkoutMeritInputRow button:active{transform:scale(.98)}
.checkoutMeritInputRow button:disabled{opacity:.45;cursor:not-allowed}
#checkoutMeritPreview{display:block;font-size:11px;line-height:1.45;color:var(--appMuted)}
.checkoutTotals .isMembershipDiscount strong,.checkoutTotals .isMeritDiscount strong{color:var(--appBlue)}
html.infinisCustomerLight .checkoutMembershipBenefit,html.infinisCustomerLight .checkoutMeritBenefit{box-shadow:0 9px 26px rgba(65,96,151,.06)}
@media(max-width:420px){.checkoutMembershipBenefit,.checkoutMeritBenefit{padding:14px;border-radius:19px}.checkoutMeritInputRow button{padding:8px 12px}.findResultFooter .infinisCommerceCompare em{max-width:100%}}
@media(prefers-reduced-motion:reduce){.checkoutMeritInputRow button{transition:none}}

/* v0545 | Merit redemption studio: compact selection, responsive value preview. */
.checkoutMeritBenefit{gap:14px;padding:17px;border-radius:24px;overflow:visible}
.checkoutMeritChooser{display:grid;gap:11px;min-width:0}
.checkoutMeritChooserHeading,.checkoutMeritPresetHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.checkoutMeritChooserHeading label{font-weight:820;font-size:14px;color:var(--appText)}
.checkoutMeritChooserHeading span,.checkoutMeritPresetHead small{font-size:11px;color:var(--appMuted);font-weight:650}
.checkoutMeritPresetHead>span{font-size:12px;font-weight:770;color:var(--appText)}
.checkoutMeritBenefit .checkoutMeritInputRow{position:relative;display:flex;align-items:center;gap:0;min-width:0;border:1px solid color-mix(in srgb,var(--appBlue) 22%,var(--appLine));border-radius:17px;background:var(--appPanel);box-shadow:0 4px 15px color-mix(in srgb,var(--appBlue) 4%,transparent);transition:border-color .2s,box-shadow .2s}
.checkoutMeritBenefit .checkoutMeritInputRow:focus-within{border-color:var(--appBlue);box-shadow:0 0 0 3px color-mix(in srgb,var(--appBlue) 11%,transparent)}
.checkoutMeritBenefit .checkoutMeritInputRow input{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:12px 5px;min-height:50px;font-size:20px!important;font-weight:820;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.checkoutMeritBenefit .checkoutMeritInputRow input::-webkit-inner-spin-button,.checkoutMeritBenefit .checkoutMeritInputRow input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.checkoutMeritFieldIcon{padding:0 11px 0 14px;color:var(--appBlue);font-size:18px}
.checkoutMeritInputUnit{color:var(--appMuted);font-weight:720;font-size:12px;margin-right:15px}
.checkoutMeritPresets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}
.checkoutMeritPresets button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:43px;padding:9px 4px;border-radius:13px;border:1px solid color-mix(in srgb,var(--appBlue) 18%,var(--appLine));background:var(--appPanel);color:var(--appText);font-size:12px;font-weight:820;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.checkoutMeritPresets button.isSelected{color:var(--appBlue);border-color:color-mix(in srgb,var(--appBlue) 54%,var(--appLine));background:color-mix(in srgb,var(--appBlue) 12%,var(--appPanel))}
.checkoutMeritPresets button:active{transform:scale(.97)}
.checkoutMeritPresets button:disabled{opacity:.4;cursor:not-allowed}
.checkoutMeritSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--appBlue) 5%,var(--appPanel));border:1px solid color-mix(in srgb,var(--appBlue) 11%,var(--appLine))}
.checkoutMeritSummary>div{min-width:0;display:grid;gap:4px}
.checkoutMeritSummary small{font-size:10px!important;color:var(--appMuted);font-weight:700}
.checkoutMeritSummary strong{font-size:clamp(15px,4.5dvw,20px);font-weight:850;letter-spacing:-.03em;color:var(--appText);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#checkoutMeritSavings{color:var(--appBlue)}
@media(max-width:370px){.checkoutMeritPresets{gap:5px}.checkoutMeritPresets button{font-size:11px}.checkoutMeritSummary{padding:9px}}
@media(prefers-reduced-motion:reduce){.checkoutMeritPresets button,.checkoutMeritBenefit .checkoutMeritInputRow{transition:none}}

/* END assets/css/core/member-commerce-v543.css */

/* BEGIN assets/css/core/explorer-card-pricing-v544.css */
/* v0544 — keep membership savings integrated into compact Explorer cards. */
.findPage .findResultCard .findResultBody{min-width:0}
.findPage .findResultFooter{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:end;min-width:0}
.findPage .findResultFooter>strong[data-commerce-unit]{display:block;min-width:0;width:100%;max-width:100%;font-size:inherit;line-height:1.2}
.findPage .findResultFooter .infinisCommercePrice{display:grid;gap:4px;min-width:0;align-content:end}
.findPage .findResultFooter .infinisCommerceNow{display:flex;flex-wrap:wrap;gap:2px 5px;align-items:baseline;font-size:clamp(15px,3.5dvw,20px)!important;line-height:1.15;overflow-wrap:normal;word-break:normal}
.findPage .findResultFooter .infinisCommerceNow small{font-size:10px!important;white-space:nowrap;line-height:1.3}
.findPage .findResultFooter .infinisCommerceCompare{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px;font-size:11px!important;line-height:1.3}
.findPage .findResultFooter .infinisCommerceCompare s{white-space:nowrap}
.findPage .findResultFooter .infinisCommerceCompare em{display:inline;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--appBlue);font-size:10px!important;font-weight:800;line-height:1.3;white-space:normal}
.findPage .findResultFooter .findResultBtn{width:44px;height:44px;align-self:end;justify-self:end}
@media(max-width:390px){.findPage .findResultFooter{grid-template-columns:minmax(0,1fr) 38px;gap:5px}.findPage .findResultFooter .findResultBtn{width:38px;height:38px}.findPage .findResultFooter .infinisCommerceNow{font-size:15px!important}}

/* END assets/css/core/explorer-card-pricing-v544.css */

/* BEGIN assets/css/core/cart-welcome-floating-v547.css */
/* Infinis v0547 — Rental-project task experience.
 * The back/account dock floats above ONE scrolling viewport. Header, project
 * switcher and rental rows must never create separate scroll histories.
 * Scoped to the cart: checkout, Hub and the God Bubble remain unchanged. */
html[data-palette] #activeCartDrawer,
html.infinisCustomerLight #activeCartDrawer{
  --cartScene:var(--workspacePanel,var(--appPanel,#fff));
  --cartInk:var(--workspaceInk,var(--appText,#23334b));
  --cartMuted:var(--workspaceMuted,var(--appMuted,#697b91));
  --cartBlue:var(--workspacePrimary,var(--appBlue,#4e8db6));
  --cartPink:var(--workspaceSecondary,var(--appPink,#d68bac));
  --cartLine:var(--workspaceLine,var(--appLine,rgba(47,71,106,.15)));
  --cartOverlayTop:calc(116px + env(safe-area-inset-top,0px));
}
html[data-palette] #activeCartDrawer .activeCartPanel,
html.infinisCustomerLight #activeCartDrawer .activeCartPanel.infinisSurface{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  grid-auto-rows:auto!important;
  gap:0!important;
  padding:0!important;
  background:var(--cartScene)!important;
  color:var(--cartInk)!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
/* Remove the large tinted top bar of the old mobile panel. The full task
 * has a single uninterrupted canvas; only floating controls have surfaces. */
html[data-palette] #activeCartDrawer .activeCartHeader.activeCartFloatingHeader,
html.infinisCustomerLight #activeCartDrawer .activeCartHeader.activeCartFloatingHeader,
html[data-palette][data-color-scheme] #activeCartDrawer .activeCartPanel>.activeCartHeader.activeCartFloatingHeader{
  position:absolute!important;
  z-index:30!important;
  top:0!important;
  right:0!important;
  left:0!important;
  bottom:auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:calc(14px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) 10px calc(16px + env(safe-area-inset-left,0px))!important;
  gap:10px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html[data-palette] #activeCartDrawer .activeCartHeader.activeCartFloatingHeader #activeCartClose,
html.infinisCustomerLight #activeCartDrawer .activeCartHeader.activeCartFloatingHeader #activeCartClose{
  position:relative!important;
  z-index:2!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  border:1px solid var(--cartLine)!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--cartScene) 88%,transparent)!important;
  color:var(--cartInk)!important;
  box-shadow:0 9px 24px rgba(35,51,83,.10)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.13)!important;
  backdrop-filter:blur(24px) saturate(1.13)!important;
  pointer-events:auto!important;
  cursor:pointer;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease!important;
}
html[data-palette] #activeCartDrawer #activeCartClose:active{transform:scale(.94)!important;}
html[data-palette] #activeCartDrawer #activeCartClose:focus-visible{
  outline:3px solid var(--cartBlue)!important;outline-offset:3px!important;
}
html[data-palette] #activeCartDrawer .activeCartHeader.activeCartFloatingHeader>.liveDockSlot{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 60px)!important;
  min-width:0!important;
  padding:0!important;
  margin:0 0 0 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  background:transparent!important;
  pointer-events:auto!important;
}
/* One real scroll area permits content to travel BEHIND the floating buttons.
 * Extra starting room makes the first project row readable on initial open. */
html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartScroll,
html.infinisCustomerLight #activeCartDrawer .activeCartPanel>.activeCartScroll{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  scroll-padding-top:var(--cartOverlayTop)!important;
  box-sizing:border-box!important;
  padding:var(--cartOverlayTop) 16px max(28px,env(safe-area-inset-bottom,0px))!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll::-webkit-scrollbar{display:none;}
html[data-palette] #activeCartDrawer .activeCartScroll>.hubLaunchNotice{
  position:relative!important;
  margin:0 0 4px!important;
  flex:none!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartSwitcher,
html.infinisCustomerLight #activeCartDrawer .activeCartScroll>.activeCartSwitcher{
  flex:0 0 auto!important;
  display:block!important;
  align-self:stretch!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  grid-row:auto!important;
  position:relative!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartSwitcher[hidden],
html.infinisCustomerLight #activeCartDrawer .activeCartScroll>.activeCartSwitcher[hidden]{display:none!important;}
html[data-palette] #activeCartDrawer .activeCartScroll .projectSpacesPanel,
html.infinisCustomerLight #activeCartDrawer .activeCartScroll .projectSpacesPanel{
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll .projectSpaceTopline{
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll .projectSpaceTopline>.projectSpaceUsageCompact,
html.infinisCustomerLight #activeCartDrawer .activeCartScroll .projectSpaceTopline>.projectSpaceUsageCompact{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding-inline:4px!important;
}
/* Project cards still indicate the active workspace, but no giant colored bar. */
html[data-palette] #activeCartDrawer .activeCartScroll .cartProjectRail{
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scroll-padding-inline:2px!important;
  padding:2px 2px 8px!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll .cartProjectChip{
  flex-shrink:0!important;
  scroll-snap-align:start!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll .cartProjectChip.isActive{
  background:var(--cartScene)!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--cartBlue) 60%,var(--cartLine))!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartList,
html.infinisCustomerLight #activeCartDrawer .activeCartScroll>.activeCartList{
  display:grid!important;
  grid-row:auto!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  box-sizing:border-box!important;
  gap:12px!important;
  padding:4px 0 8px!important;
  margin:0!important;
  overflow:visible!important;
  align-content:start!important;
  align-self:start!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartList[hidden],
html.infinisCustomerLight #activeCartDrawer .activeCartScroll>.activeCartList[hidden],
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartList:empty{
  display:none!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartEmpty,
html.infinisCustomerLight #activeCartDrawer .activeCartScroll>.activeCartEmpty{
  display:flex!important;
  flex:1 0 auto!important;
  grid-row:auto!important;
  align-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:min(480px,calc(100dvh - 165px))!important;
  max-width:100%!important;
  width:100%!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:clamp(22px,5dvh,50px) 12px 28px!important;
  margin:0!important;
  overflow:visible!important;
  text-align:center!important;
  gap:0!important;
  color:var(--cartInk)!important;
  border:0!important;
  background:transparent!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartEmpty[hidden],
html.infinisCustomerLight #activeCartDrawer .activeCartScroll>.activeCartEmpty[hidden]{display:none!important;}
/* Atmosphere without a fake product image or oversized bordered card. */
html[data-palette] #activeCartDrawer .cartWelcomeArtwork{
  position:relative;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:172px;
  height:154px;
  margin:0 0 16px!important;
}
html[data-palette] #activeCartDrawer .cartWelcomeOrbit{
  position:absolute;inset:13px 10px 10px;
  border-radius:50%;
  background:radial-gradient(ellipse at 32% 20%,color-mix(in srgb,var(--cartBlue) 13%,transparent),transparent 58%),
    radial-gradient(ellipse at 80% 78%,color-mix(in srgb,var(--cartPink) 16%,transparent),transparent 63%);
  border:1px solid color-mix(in srgb,var(--cartLine) 40%,transparent);
  box-shadow:inset 0 0 0 13px color-mix(in srgb,var(--cartBlue) 1.6%,transparent);
}
html[data-palette] #activeCartDrawer .cartWelcomeSymbol{
  position:relative;
  z-index:1;
  display:grid;place-items:center;
  width:88px;height:88px;
  border-radius:29px;
  color:var(--cartBlue)!important;
  background:linear-gradient(140deg,color-mix(in srgb,var(--cartBlue) 10%,var(--cartScene)),color-mix(in srgb,var(--cartPink) 9%,var(--cartScene)));
  box-shadow:0 16px 38px rgba(40,65,96,.08),inset 0 1px color-mix(in srgb,#fff 72%,transparent);
  transform:rotate(-7deg);
}
html[data-palette] #activeCartDrawer .cartWelcomeSymbol>i{font-size:38px;line-height:1;transform:rotate(7deg);}
html[data-palette] #activeCartDrawer .cartWelcomeSpark{
  position:absolute;z-index:2;display:grid;place-items:center;
  width:34px;height:34px;border-radius:12px;
  background:var(--cartScene);
  box-shadow:0 6px 24px rgba(38,54,89,.09);
  border:1px solid color-mix(in srgb,var(--cartLine) 55%,transparent);
  color:var(--cartBlue)!important;
  font-size:17px;
}
html[data-palette] #activeCartDrawer .cartWelcomeSparkOne{top:7px;right:13px;transform:rotate(10deg);}
html[data-palette] #activeCartDrawer .cartWelcomeSparkTwo{left:14px;bottom:17px;transform:rotate(-11deg);color:var(--cartPink)!important;}
html[data-palette] #activeCartDrawer .cartWelcomeEyebrow{
  display:block!important;
  margin:0 0 12px!important;
  color:var(--cartBlue)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
}
html[data-palette] #activeCartDrawer .cartWelcome> b,
html[data-palette] #activeCartDrawer .cartWelcome>#cartWelcomeTitle{
  display:block!important;
  width:min(100%,340px)!important;
  margin:0 auto!important;
  color:var(--cartInk)!important;
  font-size:clamp(25px,7.4vw,35px)!important;
  line-height:1.14!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
  text-wrap:balance;
}
html[data-palette] #activeCartDrawer .cartWelcome>#cartWelcomeCopy{
  display:block!important;
  width:min(100%,326px)!important;
  max-width:326px!important;
  margin:14px auto 0!important;
  color:var(--cartMuted)!important;
  font-size:clamp(13px,3.8vw,15px)!important;
  line-height:1.55!important;
  font-weight:450!important;
  letter-spacing:0!important;
}
html[data-palette] #activeCartDrawer .cartWelcome>#activeCartBrowse{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  flex:0 0 auto!important;
  width:min(100%,316px)!important;
  max-width:316px!important;
  height:57px!important;
  min-height:57px!important;
  margin:27px auto 0!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:19px!important;
  background:var(--cartBlue)!important;
  background-image:linear-gradient(115deg,var(--cartBlue),color-mix(in srgb,var(--cartBlue) 79%,var(--cartPink)))!important;
  box-shadow:0 12px 25px color-mix(in srgb,var(--cartBlue) 20%,transparent)!important;
  color:#fff!important;
  font:inherit!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.2!important;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
html[data-palette] #activeCartDrawer .cartWelcome>#activeCartBrowse>span{color:#fff!important;}
html[data-palette] #activeCartDrawer .cartWelcome>#activeCartBrowse>i{color:#fff!important;font-size:17px;}
html[data-palette] #activeCartDrawer .cartWelcome>#activeCartBrowse>i:last-child{margin-left:auto;}
html[data-palette] #activeCartDrawer .cartWelcome>#activeCartBrowse>i:first-child{margin-right:auto;}
html[data-palette] #activeCartDrawer .cartWelcome>#activeCartCreate{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:min(100%,316px)!important;
  max-width:316px!important;
  min-height:48px!important;
  height:48px!important;
  margin:9px auto 0!important;
  padding:0 13px!important;
  border:1px solid var(--cartLine)!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--cartScene) 98%,var(--cartBlue))!important;
  color:var(--cartInk)!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:700!important;
  cursor:pointer;
}
html[data-palette] #activeCartDrawer .cartWelcome>#activeCartCreate[hidden],
html[data-palette] #activeCartDrawer .cartWelcome>#cartWelcomeNote[hidden]{display:none!important;}
html[data-palette] #activeCartDrawer .cartWelcome>.cartWelcomeNote{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:22px auto 0!important;
  padding:0!important;
  color:var(--cartMuted)!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:500!important;
  text-wrap:balance;
}
html[data-palette] #activeCartDrawer .cartWelcomeNote>i{color:var(--cartBlue)!important;flex:none;font-size:14px;}
html[data-palette] #activeCartDrawer .cartWelcome button:active{transform:scale(.975)!important;}
html[data-palette] #activeCartDrawer .cartWelcome button:focus-visible{outline:3px solid var(--cartBlue)!important;outline-offset:3px!important;}
/* The order summary is still fixed at the bottom, with only the content
 * beneath it scrolling; no opaque header section sits behind the back button. */
html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartFooter,
html.infinisCustomerLight #activeCartDrawer .activeCartPanel>.activeCartFooter{
  position:relative!important;
  grid-column:1!important;
  grid-row:2!important;
  min-width:0!important;
  min-height:0!important;
  align-self:end!important;
  z-index:10!important;
  margin:0 16px 12px!important;
  box-sizing:border-box!important;
}
html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartFooter[hidden],
html.infinisCustomerLight #activeCartDrawer .activeCartPanel>.activeCartFooter[hidden]{display:none!important;}
@media(max-width:700px){
  html.infinisCustomerLight #activeCartDrawer,
  html[data-palette] #activeCartDrawer{
    position:fixed!important;
    inset:var(--sceneTop,0px) 0 auto 0!important;
    width:100dvw!important;
    height:var(--sceneVh,100dvh)!important;
    padding:0!important;
    border:0!important;
    background:var(--cartScene)!important;
    grid-template-columns:0 minmax(0,1fr)!important;
  }
  html[data-palette] #activeCartDrawer .activeCartPanel,
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel.infinisSurface{
    grid-column:2!important;
    grid-row:1!important;
    width:100dvw!important;
    max-width:100dvw!important;
    height:var(--sceneVh,100dvh)!important;
    max-height:var(--sceneVh,100dvh)!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartScroll{
    padding:var(--cartOverlayTop) max(14px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-right,0px))!important;
    gap:13px!important;
  }
  html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartFooter{
    margin:0 12px max(10px,env(safe-area-inset-bottom,0px))!important;
  }
  html[data-palette] #activeCartDrawer .activeCartHeader.activeCartFloatingHeader{
    padding:calc(13px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) 8px max(14px,env(safe-area-inset-left,0px))!important;
  }
}
@media(max-width:370px){
  html[data-palette] #activeCartDrawer .cartWelcomeArtwork{transform:scale(.86);margin-bottom:2px!important;}
  html[data-palette] #activeCartDrawer .cartWelcome>#cartWelcomeTitle{font-size:25px!important;}
  html[data-palette] #activeCartDrawer .cartWelcome>#cartWelcomeCopy{font-size:13px!important;}
}
@media(max-height:640px){
  html[data-palette] #activeCartDrawer{--cartOverlayTop:calc(91px + env(safe-area-inset-top,0px));}
  html[data-palette] #activeCartDrawer .cartWelcomeArtwork{transform:scale(.76);height:116px;margin-bottom:0!important;}
  html[data-palette] #activeCartDrawer .cartWelcome>#activeCartBrowse{margin-top:17px!important;}
  html[data-palette] #activeCartDrawer .cartWelcome>.cartWelcomeNote{margin-top:11px!important;}
  html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartEmpty{min-height:360px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-palette] #activeCartDrawer .cartWelcome button,
  html[data-palette] #activeCartDrawer #activeCartClose{transition:none!important;}
}

/* END assets/css/core/cart-welcome-floating-v547.css */

/* BEGIN assets/css/tabs/reservation-workspace-v553.css */
/* Reserved events - scoped, theme-aware, viewport-contained surfaces. */
:is(.rwOverlay,.rwEmbedded),:is(.rwOverlay,.rwEmbedded) *,.rwShelf,.rwShelf *,.rwNotice{box-sizing:border-box}
.rwOverlay{
  position:fixed;inset:var(--rwTop,0px) 0 auto;z-index:2147410000;
  width:100%;width:100dvw;max-width:100dvw;height:var(--rwH,100dvh);max-height:var(--rwH,100dvh);
  display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate;
  color:var(--appText,#111426);background:var(--appBg,#f7f9ff);font-family:var(--appFont,system-ui,sans-serif);font-size:14px;
  overscroll-behavior:none;animation:rwEnter .26s cubic-bezier(.2,.8,.2,1) both;
}
:is(.rwOverlay,.rwEmbedded) [hidden],.rwShelf [hidden],.rwNotice[hidden]{display:none!important}
:is(.rwOverlay,.rwEmbedded) svg,.rwShelf svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle;pointer-events:none}
:is(.rwOverlay,.rwEmbedded) button,.rwShelf button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit;text-transform:none;letter-spacing:normal;min-width:0}
:is(.rwOverlay,.rwEmbedded) button:disabled{opacity:.55;cursor:wait}
:is(.rwOverlay,.rwEmbedded) button:focus-visible,:is(.rwOverlay,.rwEmbedded) a:focus-visible,.rwShelf button:focus-visible{outline:3px solid var(--appBlue,#18b6ff);outline-offset:3px}
:is(.rwOverlay,.rwEmbedded) p{margin:8px 0;color:var(--appMuted,#596074);line-height:1.6;font-size:14px}
:is(.rwOverlay,.rwEmbedded) h2{color:var(--appText);font-size:18px;line-height:1.35;letter-spacing:-.035em;margin:0 0 12px;font-weight:750}
:is(.rwOverlay,.rwEmbedded) small{line-height:1.5}
.rwHeader{flex:none;display:flex;align-items:center;gap:12px;min-height:76px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 12px;background:var(--appGlassHard,rgba(255,255,255,.92));border-bottom:1px solid var(--appLine);backdrop-filter:blur(22px)}
.rwHeader>div{flex:1;min-width:0}
.rwHeader small{font-size:9px;letter-spacing:.16em;color:var(--appMuted);font-weight:750;display:block;margin-bottom:4px}
.rwHeader h1{font-size:17px;line-height:1.3;letter-spacing:-.035em;margin:0;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.rwIconButton{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--appLine);border-radius:50%;background:var(--appPanel);flex-shrink:0;padding:10px}
.rwIconButton:active{transform:scale(.94)}
.rwTabs{display:flex;gap:7px;flex:none;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:10px 16px;background:var(--appBg);scroll-padding-inline:16px}
.rwTabs::-webkit-scrollbar{display:none}
.rwTabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;flex:none;padding:10px 14px;border-radius:50px;background:transparent;border:1px solid transparent;color:var(--appMuted);font-size:12px;font-weight:650;transition:background .2s,border-color .2s}
.rwTabs button svg{width:17px;height:17px}
.rwTabs button.isSelected{color:var(--appText);border-color:var(--appLine);background:var(--appPanel);box-shadow:0 3px 10px rgba(20,40,90,.035)}
.rwScroll{flex:1;min-height:0;width:100%;min-width:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--appLine) transparent}
.rwCanvas{width:min(100%,940px);min-width:0;margin:0 auto;padding:12px 16px 26px;display:grid;gap:16px}
.rwCanvas>*{min-width:0}
.rwHero{position:relative;padding:24px 22px;border-radius:26px;background:radial-gradient(ellipse at 110% -20%,var(--appPinkGlass,rgba(255,79,216,.16)),transparent 68%),radial-gradient(ellipse at 5% 15%,var(--appBlueGlass,rgba(24,182,255,.18)),transparent 75%),var(--appPanel);border:1px solid var(--appLine);overflow:hidden}
.rwEyebrow{display:flex;gap:7px;align-items:center;color:var(--appMuted);font-size:9px;font-weight:750;letter-spacing:.13em;line-height:1.5;margin-bottom:16px}
.rwEyebrow svg{width:16px;height:16px}
.rwHero h2{font-size:clamp(22px,5.4dvw,31px);line-height:1.2;font-weight:700;max-width:560px;margin:6px 0 12px;letter-spacing:-.05em}
.rwHeroHeadline{display:flex;align-items:center;gap:14px}
.rwHeroHeadline>div{flex:1;min-width:0}
.rwHero .rwStatus{font-size:12px;font-weight:750;color:var(--appText);margin:0 0 10px}
.rwHeroGlyph{display:grid;place-items:center;width:65px;height:65px;border-radius:24px;flex:none;background:var(--appGlass);border:1px solid var(--appLine);transform:rotate(8deg)}
.rwHeroGlyph svg{width:32px;height:32px;transform:rotate(-8deg)}
.rwDatePill{margin-top:18px;display:flex;gap:10px;align-items:center;padding:12px 14px;background:var(--appGlass);border:1px solid var(--appLine);border-radius:16px;font-size:12px;font-weight:650;line-height:1.55}
.rwDatePill span{min-width:0;overflow-wrap:anywhere}
.rwDatePill small{display:block;color:var(--appMuted);font-size:10px;font-weight:500;margin-top:2px}
.rwEta{display:flex;align-items:center;gap:12px;padding-top:14px;font-size:11px;color:var(--appMuted)}
.rwEta strong{display:block;color:var(--appText);font-size:13px;margin:4px 0}
.rwEta small{display:block;font-size:10px}
.rwCard{background:var(--appPanel);border:1px solid var(--appLine);border-radius:24px;padding:21px;min-width:0;box-shadow:0 4px 22px rgba(15,35,70,.022)}
.rwCardHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-width:0}
.rwCardHead h2{margin:0}
.rwCardHead>span{color:var(--appMuted);font-size:10px;flex-shrink:0}
.rwGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.rwJourney{display:flex;flex-direction:column;list-style:none;padding:0;margin:16px 0 20px;gap:0}
.rwJourney li{position:relative;display:flex;align-items:center;gap:13px;min-height:43px;color:var(--appMuted);padding:5px 0}
.rwJourney li:not(:last-child)::after{content:'';position:absolute;left:14px;top:31px;bottom:-7px;width:1px;background:var(--appLine)}
.rwJourney li>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--appLine);background:var(--appPanelSoft);border-radius:50%;flex:none;font-size:10px;font-weight:650;z-index:1}
.rwJourney li>span svg{width:15px;height:15px}
.rwJourney b{font-size:12px;font-weight:600}
.rwJourney small{display:block;font-size:10px;margin-top:2px}
.rwJourney .isDone>span{background:var(--appBlueGlass);border-color:var(--appBlue);color:var(--appText)}
.rwJourney .isCurrent{color:var(--appText)}
.rwJourney .isCurrent>span{background:var(--appAccentGlass);border-color:var(--appBlue);box-shadow:0 0 0 4px var(--appBlueGlass)}
.rwJourney .isCurrent b{font-weight:750}
.rwLiveDot{display:flex;align-items:center;gap:5px}
.rwLiveDot:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--appBlue);box-shadow:0 0 0 3px var(--appBlueGlass)}
:is(.rwOverlay,.rwEmbedded) .rwFine{font-size:11px;line-height:1.65;color:var(--appMuted);display:block;margin:10px 0;overflow-wrap:anywhere}
.rwSpecialist{display:flex;align-items:center;gap:13px;margin:16px 0}
.rwAvatar{height:48px;width:48px;display:grid;place-items:center;border-radius:18px;flex:none;background:var(--appAccentGlassSoft);border:1px solid var(--appLine);font-size:14px;font-weight:700;letter-spacing:-.05em}
.rwSpecialist b{font-size:15px;font-weight:700}
.rwSpecialist p{font-size:11px;margin:4px 0 0}
.rwContactButtons{display:flex;gap:8px;flex-wrap:wrap}
.rwContactButtons a,.rwContactButtons button{display:flex;align-items:center;gap:6px;border:1px solid var(--appLine);border-radius:50px;background:var(--appPanelSoft);padding:9px 11px;color:var(--appText);text-decoration:none;font-size:11px;font-weight:650}
.rwContactButtons svg{width:14px;height:14px}
.rwInfoRow{display:flex;gap:12px;align-items:flex-start}
.rwInfoRow>svg{width:20px;height:20px;margin-top:2px}
.rwInfoRow b{font-size:14px}.rwInfoRow p{font-size:12px;margin:7px 0 0}
.rwDivider{border-top:1px solid var(--appLine);margin:15px 0}
.rwUpdates article{display:flex;gap:12px;padding:12px 0}.rwUpdates article+article{border-top:1px solid var(--appLine)}
.rwUpdates p{color:var(--appText);font-size:13px;margin:0 0 7px;white-space:pre-wrap;overflow-wrap:anywhere}
.rwUpdates small{font-size:10px;color:var(--appMuted);display:block}
.rwUpdateDot{width:7px;height:7px;border-radius:50%;background:var(--appBlue);margin-top:6px;flex:none}
.rwDock{flex:none;background:var(--appGlassHard);backdrop-filter:blur(22px);border-top:1px solid var(--appLine);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));min-width:0}
.rwDock>div{display:flex;gap:10px;max-width:720px;margin:auto;min-width:0}
.rwButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--appAccentGlass,linear-gradient(120deg,#d1f0ff,#ffe0f8));border:1px solid var(--appLine);border-radius:17px;min-height:46px;padding:12px 18px;font-size:12px!important;font-weight:750!important;color:var(--appText)!important;line-height:1.4;box-shadow:0 4px 14px rgba(40,70,130,.04);transition:transform .18s,box-shadow .18s;text-decoration:none}
.rwButton:hover{box-shadow:0 6px 18px var(--appBlueGlass)}
.rwButton:active{transform:scale(.98)}
.rwButton svg{width:19px;height:19px}
.rwButton small{display:block;font-size:9px;font-weight:500;opacity:.76;margin-top:2px}
.rwDock .rwButton{flex:1;min-width:0}
.rwDock .rwButton.rwSecondary{flex:.7}
.rwSecondary{background:var(--appPanelSoft);box-shadow:none}
.rwTextButton{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;padding:7px 0;font-size:12px!important;font-weight:650!important;line-height:1.5;color:var(--appText)!important;max-width:100%;white-space:normal}
.rwTextButton svg{width:15px;height:15px}
.rwActions{display:flex;align-items:center;gap:12px;margin-top:15px;flex-wrap:wrap}
:is(.rwOverlay,.rwEmbedded) form{min-width:0}:is(.rwOverlay,.rwEmbedded) label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650;color:var(--appText);margin-bottom:15px;line-height:1.5;min-width:0}
:is(.rwOverlay,.rwEmbedded) input:not([type=checkbox]),:is(.rwOverlay,.rwEmbedded) textarea,:is(.rwOverlay,.rwEmbedded) select{
  width:100%;max-width:100%;min-width:0;font:inherit;font-size:16px;line-height:1.4;color:var(--appText);background:var(--appPanelSoft);border:1px solid var(--appLine);border-radius:14px;padding:12px 13px;box-shadow:none;outline:none;letter-spacing:normal;height:auto;min-height:46px
}
:is(.rwOverlay,.rwEmbedded) input:focus,:is(.rwOverlay,.rwEmbedded) select:focus,:is(.rwOverlay,.rwEmbedded) textarea:focus{border-color:var(--appBlue);box-shadow:0 0 0 3px var(--appBlueGlass)}
:is(.rwOverlay,.rwEmbedded) textarea{resize:vertical;min-height:90px;max-height:240px}
:is(.rwOverlay,.rwEmbedded) input::placeholder,:is(.rwOverlay,.rwEmbedded) textarea::placeholder{color:var(--appMuted);opacity:.75;font-size:13px}
:is(.rwOverlay,.rwEmbedded) .rwCheck{flex-direction:row;align-items:flex-start;gap:10px;font-size:12px;font-weight:500;color:var(--appMuted)}
.rwCheck input{margin-top:4px;flex:none;accent-color:var(--appBlue);width:18px;height:18px}
.rwFormGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:0 14px}
.rwFull{grid-column:1/-1}
.rwMoneyHero h2{font-size:clamp(32px,10dvw,48px);font-weight:700;letter-spacing:-.065em}
.rwMoneyTrack{height:6px;width:100%;overflow:hidden;background:var(--appPanelSoft);border-radius:50px;margin:23px 0 10px}
.rwMoneyTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--appBlue),var(--appPink));transition:width .4s ease}
.rwMoneyLabels{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--appMuted)}
.rwMoneyLabels b{color:var(--appText)}
.rwCurrencyInput{display:flex;align-items:center;gap:10px;border:1px solid var(--appLine);background:var(--appPanelSoft);border-radius:17px;padding:0 16px}
.rwCurrencyInput span{font-size:22px;color:var(--appMuted)}
:is(.rwOverlay,.rwEmbedded) .rwCurrencyInput input{background:transparent!important;border:0!important;box-shadow:none!important;font-size:26px!important;padding:12px 0;letter-spacing:-.035em}
.rwQuickAmounts{display:flex;gap:7px;flex-wrap:wrap;margin-top:-4px}
.rwQuickAmounts button{border:1px solid var(--appLine);background:var(--appPanel);border-radius:50px;padding:8px 11px;font-size:11px;font-weight:600}
.rwFacts>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--appLine);line-height:1.5}
.rwFacts>div:last-child{border-bottom:0}.rwFacts span{color:var(--appMuted);flex:1;min-width:0}.rwFacts b{flex:1.1;text-align:right;font-weight:650;overflow-wrap:anywhere;min-width:0}
.rwFacts .rwTotal{font-size:15px;margin-bottom:16px}
.rwReceipts article{display:flex;align-items:flex-start;gap:10px;padding:15px 0}.rwReceipts article+article{border-top:1px solid var(--appLine)}
.rwReceipts article>svg{width:17px;height:17px;margin-top:3px;color:var(--appMuted)}
.rwReceipts article>div{flex:1;min-width:0}.rwReceipts b{font-size:12px}.rwReceipts small{display:block;font-size:10px;color:var(--appMuted);margin:5px 0 0}
.rwReceipts em{font-style:normal;font-size:10px;color:var(--appMuted);display:block;margin-top:3px}.rwReceipts strong{text-align:right;flex:none;max-width:35%;overflow-wrap:anywhere;font-size:12px}
.rwItems article{display:flex;align-items:center;gap:12px;padding:13px 0}.rwItems article+article{border-top:1px solid var(--appLine)}
.rwItems article>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--appAccentGlassSoft);flex:none}.rwItems article>div{flex:1;min-width:0}
.rwItems b{font-size:13px;overflow-wrap:anywhere}.rwItems small{display:block;font-size:10px;margin-top:5px;color:var(--appMuted)}
.rwItems strong{font-size:15px;padding:9px;border-radius:12px;background:var(--appPanelSoft);min-width:35px;text-align:center}
.rwDetailsRead>div{padding:13px 0;border-bottom:1px solid var(--appLine)}.rwDetailsRead small{color:var(--appMuted);font-size:10px}.rwDetailsRead p{color:var(--appText);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.rwRequests article{border-top:1px solid var(--appLine);padding:18px 0}.rwRequests article:first-child{border-top:0}.rwRequests p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.rwRequests article>small{font-size:10px;color:var(--appMuted)}.rwRequests b{font-size:13px}.rwPill{border-radius:50px;padding:4px 9px;background:var(--appPanelSoft);border:1px solid var(--appLine);font-size:10px}
.rwRequests blockquote{border-left:3px solid var(--appBlue);margin:15px 0 0;padding:10px 14px;background:var(--appPanelSoft);border-radius:0 16px 16px 0}
.rwRequests blockquote small{font-size:10px;font-weight:700;color:var(--appMuted)}.rwResponseForm{margin-top:18px}
.rwAccessList{margin-top:20px}.rwAccessList article{display:flex;align-items:center;gap:10px;border-top:1px solid var(--appLine);padding:13px 0}.rwAccessList article>div{min-width:0;flex:1}.rwAccessList b{font-size:12px;overflow-wrap:anywhere}.rwAccessList small{font-size:10px;color:var(--appMuted);display:block;margin-top:4px}
.rwShareBox{background:var(--appPanelSoft);border:1px solid var(--appLine);border-radius:18px;padding:16px;margin-top:18px}.rwShareBox b{font-size:13px}.rwShareBox p{font-size:12px}.rwShareBox input{font-size:12px!important;white-space:nowrap}.rwShareBox small{font-size:10px;display:block;color:var(--appMuted);margin-top:14px}
.rwCallout{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--appLine);border-radius:20px;background:var(--appPanelSoft)}.rwCallout>svg{width:19px;height:19px;flex:none;margin-top:2px}.rwCallout p{font-size:12px;margin:0;overflow-wrap:anywhere}
.rwLoading,.rwEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:30px 15px;text-align:center}.rwLoading h2,.rwEmpty h2{font-size:24px;margin:20px 0 5px}.rwLoading p,.rwEmpty p{font-size:13px;max-width:410px}.rwEmpty>svg{width:42px;height:42px;color:var(--appMuted)}.rwEmpty .rwButton{margin-top:18px}
.rwOrb{display:grid;place-items:center;font-size:42px;width:80px;height:80px;border-radius:28px;background:var(--appAccentGlass);border:1px solid var(--appLine);animation:rwBreathe 1.8s ease-in-out infinite}
.rwPaymentStatus{font-size:12px!important;min-height:1em;margin:16px 0!important}.rwStripePanel #rwStripeElement{min-width:0;margin-top:10px}
.rwLeave{position:absolute;bottom:calc(95px + env(safe-area-inset-bottom,0px));right:16px;left:auto;max-width:370px;width:calc(100% - 32px);padding:20px;border-radius:23px;border:1px solid var(--appLine);background:var(--appPanel);box-shadow:0 12px 80px rgba(10,25,55,.2);z-index:10}
.rwLeave strong{font-size:15px}.rwLeave p{font-size:12px}.rwLeave>div{display:flex;gap:10px;margin-top:16px}.rwLeave button{flex:1;border:1px solid var(--appLine);background:var(--appPanelSoft);padding:11px 13px;border-radius:14px;font-size:12px;font-weight:700}.rwLeave button:first-child{background:var(--appAccentGlass)}
.rwNotice{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));max-width:390px;width:max-content;max-width:min(390px,calc(100dvw - 32px));z-index:2147483647;padding:15px 18px;background:var(--appPanel,#fff);color:var(--appText,#111426);border:1px solid var(--appLine,rgba(24,34,60,.13));border-radius:20px;font-family:var(--appFont,system-ui,sans-serif);font-size:12px;line-height:1.55;box-shadow:0 10px 40px rgba(10,30,60,.15);overflow-wrap:anywhere;animation:rwEnter .22s ease both}
.rwShelf{margin:18px 0 6px;color:var(--appText);min-width:0}
.rwShelfHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 13px;padding:0 2px;min-width:0}
.rwShelfHead small{font-size:9px;letter-spacing:.13em;color:var(--appMuted);font-weight:750;display:block;margin-bottom:6px}
.rwShelfHead h2{font-size:19px;letter-spacing:-.035em;line-height:1.3;margin:0;font-weight:750}.rwShelfHead h2 span{font-size:10px;display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:var(--appAccentGlass);margin-left:5px;vertical-align:middle}
.rwShelfList,.rwShelfHistory,.rwDeskList{display:grid;gap:10px;min-width:0}
.rwEventTile{display:flex;align-items:center;gap:13px;width:100%;max-width:100%;border:1px solid var(--appLine);background:var(--appPanel);border-radius:23px;padding:16px;text-align:left;min-width:0;box-shadow:0 4px 16px rgba(20,40,90,.025);transition:transform .2s,border-color .2s}
.rwEventTile:active{transform:scale(.99)}.rwEventTile:hover{border-color:var(--appBlue)}
.rwTileArt{width:50px;height:55px;border-radius:17px;display:grid;place-items:center;background:var(--appAccentGlassSoft);border:1px solid var(--appLine);flex:none}.rwTileArt svg{width:23px;height:23px}
.rwEventTile>span:nth-child(2){flex:1;min-width:0}.rwEventTile small{font-size:10px;color:var(--appMuted);font-weight:600;line-height:1.5;display:block}.rwEventTile b{font-size:15px;display:block;margin:4px 0;letter-spacing:-.025em;line-height:1.4;overflow-wrap:anywhere}.rwEventTile em{font-size:10px;line-height:1.5;font-style:normal;color:var(--appMuted);display:block}.rwEventTile>svg{width:17px;height:17px;color:var(--appMuted);flex:none}
.rwShelfEmpty{padding:18px 20px;background:var(--appPanel);border:1px solid var(--appLine);border-radius:22px;font-size:12px;color:var(--appMuted);line-height:1.65}.rwShelfEmpty p{margin:0 0 8px;font-size:12px}.rwHistoryToggle{margin:10px 2px}
.rwMiniSpinner{width:17px;height:17px;border:2px solid var(--appLine);border-top-color:var(--appBlue);border-radius:50%;animation:rwSpin 1s linear infinite}.rwIconButton.isSpinning svg{animation:rwSpin 1s linear infinite}
@keyframes rwEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes rwSpin{to{transform:rotate(360deg)}}
@keyframes rwBreathe{50%{transform:scale(.95);opacity:.7}}
@media(min-width:720px){.rwHeader{padding-left:max(24px,calc((100dvw - 940px)/2));padding-right:max(24px,calc((100dvw - 940px)/2))}.rwTabs{justify-content:center}.rwCanvas{padding:20px 24px 35px;gap:20px}.rwHero{padding:30px}.rwCard{padding:26px}.rwJourney{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:25px 0}.rwJourney li{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 5px}.rwJourney li:not(:last-child)::after{left:34px;right:-2px;top:14px;bottom:auto;width:auto;height:1px}.rwJourney li>div{padding-right:3px}.rwJourney b{font-size:11px}.rwHeader h1{font-size:20px}.rwShelfList{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}}
@media(max-width:350px){.rwCanvas{padding:8px 12px 20px;gap:12px}.rwHeader{padding-left:12px;padding-right:12px;gap:9px}.rwCard{padding:17px}.rwHero{padding:19px}.rwHeroGlyph{width:48px;height:48px;border-radius:17px}.rwHeroGlyph svg{width:24px;height:24px}.rwDock{padding-left:12px;padding-right:12px}.rwButton{padding:11px 13px}.rwDock .rwButton{font-size:11px!important}.rwDock .rwButton svg{width:16px;height:16px}.rwFacts>div{gap:10px;font-size:11px}.rwEventTile{gap:10px;padding:13px}.rwTileArt{width:43px;height:49px}}
@media(prefers-reduced-motion:reduce){:is(.rwOverlay,.rwEmbedded),.rwNotice,.rwOrb,.rwMiniSpinner,.rwIconButton.isSpinning svg{animation:none!important}:is(.rwOverlay,.rwEmbedded) *,.rwShelf *{transition:none!important;scroll-behavior:auto!important}}

/* END assets/css/tabs/reservation-workspace-v553.css */

/* BEGIN assets/css/core/project-booking-v555.css */
/* v0555: a booking is part of the event plan, not a second customer workspace. */
.hubBookingSummary,.hubBookingSummary *,.rwEmbedded,.rwEmbedded *,.checkoutReceiptNav,.checkoutReceiptBody,.checkoutReceiptActions{box-sizing:border-box;min-width:0}
.hubBookingSummary{display:grid;gap:16px;padding:22px;margin:18px 0;border:1px solid var(--appLine);border-radius:25px;background:radial-gradient(ellipse at 0 0,var(--appBlueGlass),transparent 65%),radial-gradient(ellipse at 100% 100%,var(--appPinkGlass),transparent 65%),var(--appPanel);color:var(--appText)}
.hubBookingSummaryHead{display:flex;align-items:center;gap:12px}
.hubBookingSummaryHead>span:first-child{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--appGlass);font-size:21px;flex-shrink:0;color:var(--appBlue)}
.hubBookingSummaryHead>div{flex:1}
.hubBookingSummaryHead small{font-size:9px;letter-spacing:.12em;color:var(--appMuted);font-weight:750;line-height:1.5}
.hubBookingSummaryHead h2{font-size:19px;line-height:1.3;margin:5px 0 0;letter-spacing:-.03em}
.hubBookingSummary p{font-size:13px;line-height:1.65;color:var(--appMuted);margin:0}
.hubBookingPill{font-size:10px;background:var(--appPanel);border:1px solid var(--appLine);padding:7px 10px;border-radius:30px;color:var(--appText);font-weight:700}
.hubBookingSummaryFacts{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid var(--appLine);padding-top:15px}
.hubBookingSummaryFacts>span{font-size:11px;color:var(--appMuted);line-height:1.5}
.hubBookingSummaryFacts strong{display:block;font-size:15px;color:var(--appText);font-weight:700;margin-top:4px;overflow-wrap:anywhere}
.hubBookingShortcuts{display:flex;gap:8px;flex-wrap:wrap}
.hubBookingShortcuts button{flex:1 1 100px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--appLine);border-radius:15px;background:var(--appPanel);color:var(--appText);font:inherit;font-size:11px;font-weight:700;padding:10px;cursor:pointer;transition:transform .18s,background .18s}
.hubBookingShortcuts button:active{transform:scale(.97)}
.hubBookingSummary>small{font-size:11px;color:var(--appMuted);line-height:1.6}
.hubReservedLabel{display:flex;align-items:center;gap:8px;color:var(--appBlue);font-size:12px;font-weight:700;margin:18px 0 10px}
.hubAdditionHeading{font-size:15px;margin:24px 0 12px!important;padding-top:18px;border-top:1px solid var(--appLine)}
/* Uses the existing planner scroller, title, navigation and viewport. */
.hubPage .hubReservationPanel{min-width:0;padding-bottom:20px}
.rwEmbedded{position:relative;display:block;width:100%;max-width:100%;height:auto;min-height:0;color:var(--appText);font-family:inherit;font-size:14px;isolation:isolate}
.rwEmbedded .rwHeader{background:transparent;backdrop-filter:none;border:0;padding:4px 0 8px;min-height:56px;gap:10px}
.rwEmbedded .rwHeader h1{font-size:20px;letter-spacing:-.04em}
.rwEmbedded .rwHeader small{font-size:9px;letter-spacing:.12em}
.rwEmbedded .rwHeader .rwIconButton{width:40px;height:40px}
.rwEmbedded .rwTabs{padding:8px 0 16px;background:transparent;justify-content:flex-start;max-width:100%;scrollbar-width:none;overscroll-behavior-x:contain}
.rwEmbedded .rwTabs button{padding:9px 12px;min-height:42px;font-size:11px;gap:6px}
.rwEmbedded .rwScroll{height:auto;overflow:visible;overscroll-behavior:auto;touch-action:auto}
.rwEmbedded .rwCanvas{width:100%;max-width:100%;padding:0;gap:16px}
.rwEmbedded .rwHero,.rwEmbedded .rwCard{border-radius:23px;padding:20px;box-shadow:none}
.rwEmbedded .rwHero h2{font-size:clamp(22px,5.5dvw,29px);line-height:1.2}
.rwEmbedded .rwHero.rwMoneyHero h2{font-size:38px}
.rwEmbedded .rwHero p,.rwEmbedded .rwCard p{font-size:13px;line-height:1.65}
.rwEmbedded .rwCard h2{font-size:17px;letter-spacing:-.025em}
.rwEmbedded .rwFine{font-size:11px!important;line-height:1.6!important}
.rwEmbedded .rwDock{display:none!important}
.rwEmbedded .rwLeave{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));z-index:2147483647}
.rwEmbedded input,.rwEmbedded textarea,.rwEmbedded select{font-size:16px!important}
.rwEmbedded .rwStripePanel{scroll-margin-top:160px}
.rwAmountNotice,.checkoutMinimumRemainderNotice{font-size:12px!important;line-height:1.65!important;padding:12px 14px;border:1px solid color-mix(in srgb,var(--appBlue) 25%,var(--appLine));border-radius:15px;background:var(--appAccentGlassSoft,var(--appPanelSoft));color:var(--appText)!important;margin:12px 0}
.rwAmountNotice[hidden],.checkoutMinimumRemainderNotice[hidden]{display:none!important}
/* The persistent account dock keeps its place; receipt navigation lives on the left. */
#checkoutDrawer.isBookingComplete{background:var(--appBg)!important;overflow:hidden!important;padding:0!important}
#checkoutDrawer.isBookingComplete .checkoutPanel{height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column;min-height:0!important;overflow:hidden!important;background:var(--appBg)!important;transform:none!important}
#checkoutDrawer.isBookingComplete .checkoutWorkspace{height:100%;min-height:0;flex:1;display:block!important;overflow:hidden!important}
#checkoutDrawer.isBookingComplete .checkoutBody{height:100%!important;min-height:0;max-height:100%;overflow:hidden!important;padding:0!important}
#checkoutDrawer.isBookingComplete .checkoutStep.isActive{display:block!important;height:100%!important;min-height:0!important;max-height:100%;padding:0!important;overflow:hidden!important}
#checkoutDrawer.isBookingComplete .checkoutStep.isActive:before,#checkoutDrawer.isBookingComplete .checkoutStep.isActive:after{display:none!important}
#checkoutDrawer.isBookingComplete #checkoutPaymentConfirmation{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch!important;gap:0!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--appBg)!important;backdrop-filter:none!important;overflow:hidden!important}
#checkoutDrawer.isBookingComplete #checkoutPaymentConfirmation:before{display:none!important}
.checkoutReceiptNav{display:flex;align-items:center;gap:12px;min-height:calc(78px + env(safe-area-inset-top,0px));padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));background:var(--appBg);flex-shrink:0}
.checkoutReceiptNav>span{font-size:10px;font-weight:800;letter-spacing:.11em;color:var(--appMuted);max-width:110px;line-height:1.5}
#checkoutPaymentConfirmation .checkoutConfirmationClose{position:static!important;inset:auto!important;display:grid!important;place-items:center;width:44px;height:44px;border-radius:50%!important;flex-shrink:0;font-size:18px!important;pointer-events:auto!important}
.checkoutReceiptBody{width:min(100%,640px);margin:0 auto;display:grid;align-content:start;gap:18px;padding:20px max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px));min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#checkoutDrawer.isBookingComplete .checkoutConfirmationHero{display:grid;gap:10px;align-content:start;justify-items:start;text-align:left;padding:0!important;margin:0!important}
#checkoutDrawer.isBookingComplete .checkoutConfirmationIcon{width:56px;height:56px;border-radius:19px;font-size:27px;box-shadow:none;margin:0 0 3px}
#checkoutDrawer.isBookingComplete .checkoutConfirmationHero>small{font-size:10px;line-height:1.5;letter-spacing:.14em;color:var(--appMuted)}
#checkoutDrawer.isBookingComplete .checkoutConfirmationHero h3{font-size:clamp(27px,6.9dvw,34px)!important;line-height:1.12!important;letter-spacing:-.045em;margin:0;max-width:480px;color:var(--appText)}
#checkoutDrawer.isBookingComplete .checkoutConfirmationHero p{font-size:13px!important;line-height:1.65!important;margin:0;color:var(--appMuted);max-width:510px}
#checkoutDrawer.isBookingComplete .checkoutConfirmationAmountCard{padding:19px 20px;border-radius:22px;gap:5px;background:linear-gradient(125deg,var(--appBlueGlass),var(--appPinkGlass)),var(--appPanel);border:1px solid var(--appLine);text-align:left;justify-items:start;box-shadow:none}
#checkoutDrawer.isBookingComplete .checkoutConfirmationAmountCard>span{font-size:10px;letter-spacing:.11em}
#checkoutDrawer.isBookingComplete .checkoutConfirmationAmountCard>strong{font-size:40px;line-height:1.15;letter-spacing:-.05em}
#checkoutDrawer.isBookingComplete .checkoutConfirmationAmountCard>small{font-size:11px;line-height:1.5;color:var(--appMuted)}
.checkoutReceiptBreakdown{display:grid;gap:12px;padding:0 3px;font-size:12px;line-height:1.5;color:var(--appMuted)}
.checkoutReceiptBreakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.checkoutReceiptBreakdown strong{color:var(--appText);font-size:13px;white-space:nowrap}
.checkoutReceiptBreakdown>div:last-child{padding-top:12px;border-top:1px solid var(--appLine)}
#checkoutDrawer.isBookingComplete .checkoutConfirmationDetails>div{padding:13px 14px;border-radius:17px;background:var(--appPanel);border:1px solid var(--appLine)}
#checkoutDrawer.isBookingComplete .checkoutConfirmationDetails small{font-size:10px}
#checkoutDrawer.isBookingComplete .checkoutConfirmationDetails b{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.checkoutReceiptActions{display:grid;gap:9px;width:100%;max-width:640px;margin:0 auto;padding:14px max(20px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:var(--appBg);border-top:1px solid var(--appLine)}
.checkoutReceiptActions button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;border:1px solid var(--appLine)!important;border-radius:16px!important;padding:13px 15px!important;font-family:inherit;font-size:14px!important;line-height:1.3;color:var(--appText)!important;background:var(--appPanel)!important;font-weight:700;cursor:pointer;box-shadow:none!important;transition:transform .18s}
.checkoutReceiptActions button:first-child{background:linear-gradient(115deg,var(--appBlueGlass),var(--appPinkGlass)),var(--appPanel)!important}
.checkoutReceiptActions button:active{transform:scale(.98)}
.checkoutReceiptActions button[hidden],.checkoutReceiptBreakdown[hidden]{display:none!important}
.checkoutReceiptActions button:disabled{opacity:.5;cursor:wait}
@media(min-width:720px){.checkoutReceiptActions{grid-template-columns:1fr 1fr}.rwEmbedded .rwHero{padding:24px}.rwEmbedded .rwCard{padding:24px}.rwEmbedded .rwHeader{padding:4px 0 8px}.hubBookingShortcuts button{font-size:12px}.hubBookingSummary{padding:25px}}
@media(max-width:370px){.hubBookingSummary{padding:17px}.hubBookingPill{display:none}.rwEmbedded .rwHero,.rwEmbedded .rwCard{padding:17px}.checkoutReceiptNav>span{display:none}.checkoutReceiptBody{padding:15px;gap:15px}.checkoutReceiptActions{padding-left:15px;padding-right:15px}.rwEmbedded .rwTabs button{padding:9px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hubBookingShortcuts button,.checkoutReceiptActions button{transition:none}.rwEmbedded *{scroll-behavior:auto!important}}
/* Receipt dimensions must follow rotation immediately, never interpolate beyond
   the viewport. Passive status toasts must not block navigation underneath. */
#checkoutDrawer.isBookingComplete .checkoutPanel{width:100%!important;max-width:100%!important;transition:none!important}
#reservationNotice.rwNotice{pointer-events:none}
.rwEmbedded .rwCallout{flex-wrap:wrap}

#checkoutDrawer.isBookingComplete .checkoutConfirmationIcon{display:grid;place-items:center;background:linear-gradient(135deg,var(--appBlueGlass),var(--appPinkGlass))!important;color:var(--appBlue)!important}
.checkoutConfirmationIcon .workspaceVector{width:29px;height:29px}
.checkoutReceiptActions .workspaceVector,.checkoutConfirmationClose .workspaceVector{width:20px;height:20px;flex:none}

/* END assets/css/core/project-booking-v555.css */

/* BEGIN assets/css/core/project-spaces-theme-v557.css */
/* Infinis v0557 — Project-space UI repaired for the selected Infinis palette.
 * Intentional last stylesheet: earlier customer-light rules remain responsible
 * for structure elsewhere, but cannot force these routes back into light mode.
 * Entire mobile canvas stays fixed; only project list/cart content may scroll.
 */
html[data-palette] #projectSpaceChooser,
html[data-palette] #activeCartDrawer{
  --spaceCanvas:var(--workspaceBackground,var(--appBg));
  --spaceCard:var(--workspacePanel,var(--appPanel));
  --spaceSubtle:var(--workspaceSoft,var(--appPanelSoft));
  --spaceInk:var(--workspaceInk,var(--appText));
  --spaceMuted:var(--workspaceMuted,var(--appMuted));
  --spaceLine:var(--workspaceLine,var(--appLine));
  --spaceBlue:var(--workspaceAccentPrimary,var(--workspacePrimary,var(--appBlue)));
  --spacePink:var(--workspaceAccentSecondary,var(--workspaceSecondary,var(--appPink)));
  color:var(--spaceInk)!important;
}
html[data-palette][data-color-scheme='dark'] :is(#projectSpaceChooser,#activeCartDrawer){color-scheme:dark!important}
html[data-palette][data-color-scheme='light'] :is(#projectSpaceChooser,#activeCartDrawer){color-scheme:light!important}

/* `hidden` must outrank our edge-to-edge display when the editor takes over. */
html[data-palette] #projectSpaceChooser.projectSpaceChooser[hidden]{display:none!important;pointer-events:none!important}

/* Project selection is a complete app screen on phones, never a framed modal.
 * Keep the live global toolbar and back button in the top utility row, then
 * place the title BELOW it. This avoids the clipped title in the screenshot. */
@media(max-width:700px){
  html[data-palette] #projectSpaceChooser.projectSpaceChooser{
    position:fixed!important;
    inset:var(--sceneTop,0px) 0 auto 0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    width:100dvw!important;
    height:var(--sceneVh,100dvh)!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:var(--spaceCanvas)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-palette] #projectSpaceChooser .projectSpaceChooserBackdrop{
    display:none!important;
  }
  html[data-palette] #projectSpaceChooser .projectSpaceChooserSheet{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    inset:auto!important;
    width:100dvw!important;
    max-width:100dvw!important;
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background:var(--spaceCanvas)!important;
    color:var(--spaceInk)!important;
    isolation:isolate;
  }
  html[data-palette] #projectSpaceChooser .projectSpaceChooserSheet::before{
    content:'';
    pointer-events:none;
    position:absolute;
    inset:0 0 auto 0;
    height:min(310px,44dvh);
    background:radial-gradient(ellipse at 12% 7%,color-mix(in srgb,var(--spaceBlue) 8%,transparent),transparent 58%),radial-gradient(ellipse at 95% 10%,color-mix(in srgb,var(--spacePink) 7%,transparent),transparent 55%);
    z-index:-1;
  }
  html[data-palette] #projectSpaceChooser header.projectSpaceChooserMinimalHeader{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:calc(17px + env(safe-area-inset-top,0px)) 18px 14px!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  html[data-palette] #projectSpaceChooser header.projectSpaceChooserMinimalHeader>button{
    width:49px!important;
    height:49px!important;
    flex:0 0 49px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid var(--spaceLine)!important;
    border-radius:17px!important;
    box-shadow:0 5px 18px color-mix(in srgb,var(--spaceInk) 7%,transparent)!important;
    background:color-mix(in srgb,var(--spaceCard) 89%,transparent)!important;
    color:var(--spaceInk)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    backdrop-filter:blur(22px)!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserTitle{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    margin:clamp(50px,7dvh,68px) 0 0!important;
    width:100%!important;
    flex:0 0 auto!important;
    max-width:100%!important;
    padding:0 2px!important;
    min-width:0!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserTitle small{
    font-size:10px!important;
    letter-spacing:.17em!important;
    font-weight:850!important;
    color:var(--spaceBlue)!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserTitle h3{
    font-size:clamp(23px,6.5vw,31px)!important;
    line-height:1.14!important;
    letter-spacing:-.045em!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    text-wrap:balance!important;
    margin:0!important;
    color:var(--spaceInk)!important;
  }
  html[data-palette] #projectSpaceChooser .projectSpaceChooserList{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    gap:11px!important;
    min-height:0!important;
    width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:8px 17px calc(125px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    align-content:flex-start!important;
    scrollbar-width:none;
    background:transparent!important;
  }
  html[data-palette] #projectSpaceChooser .projectSpaceChooserList::-webkit-scrollbar{display:none}
  html[data-palette] #projectSpaceChooser .projectSpaceChooserList button.projectChooserPhotoCard{
    display:grid!important;
    grid-template-columns:70px minmax(0,1fr) 39px!important;
    gap:12px!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:92px!important;
    height:auto!important;
    max-height:none!important;
    padding:11px 12px!important;
    margin:0!important;
    border:1px solid var(--spaceLine)!important;
    border-radius:22px!important;
    background:var(--spaceCard)!important;
    box-shadow:0 10px 30px color-mix(in srgb,var(--spaceInk) 6%,transparent)!important;
    color:var(--spaceInk)!important;
    text-align:left!important;
  }
  html[data-palette] #projectSpaceChooser .projectSpaceList button.projectChooserPhotoCard:active,
  html[data-palette] #projectSpaceChooser .projectSpaceChooserList button.projectChooserPhotoCard:active{transform:scale(.986)!important}
  html[data-palette] #projectSpaceChooser .projectChooserPhotoCard .projectChooserCover{
    position:relative!important;
    display:block!important;
    width:70px!important;
    height:74px!important;
    padding:0!important;
    border:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:var(--spaceSubtle)!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserPhotoCard .projectChooserCover img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserPhotoCard .projectChooserCover img[hidden]{display:none!important}
  html[data-palette] #projectSpaceChooser .projectChooserPhotoCard .projectChooserCopy{
    min-width:0!important;
    gap:5px!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserPhotoCard b{
    font-size:16px!important;
    font-weight:820!important;
    letter-spacing:-.025em!important;
    color:var(--spaceInk)!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserPhotoCard small{
    font-size:12px!important;
    font-weight:500!important;
    color:var(--spaceMuted)!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserPhotoCard em{
    width:39px!important;
    height:39px!important;
    border:0!important;
    border-radius:13px!important;
    background:color-mix(in srgb,var(--spaceBlue) 13%,var(--spaceCard))!important;
    color:var(--spaceBlue)!important;
    box-shadow:none!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserEmpty{
    min-height:175px!important;
    padding:20px 12px!important;
    color:var(--spaceInk)!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserEmpty>span{
    background:linear-gradient(125deg,color-mix(in srgb,var(--spaceBlue) 15%,var(--spaceCard)),color-mix(in srgb,var(--spacePink) 11%,var(--spaceCard)))!important;
    color:var(--spaceBlue)!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserEmpty strong{color:var(--spaceInk)!important}
  html[data-palette] #projectSpaceChooser .projectChooserEmpty p,
  html[data-palette] #projectSpaceChooser .projectChooserLoading{color:var(--spaceMuted)!important}
  /* A transparent DIV acts only as a positioning dock; no tinted/opaque bar. */
  html[data-palette] #projectSpaceChooser .projectChooserFooter{
    position:absolute!important;
    z-index:2!important;
    inset:auto 0 0 0!important;
    display:block!important;
    width:100%!important;
    flex:none!important;
    box-sizing:border-box!important;
    padding:0 17px calc(18px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    pointer-events:none!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserFooter .projectChooserCreate{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:62px!important;
    width:100%!important;
    margin:0!important;
    padding:14px 18px!important;
    gap:13px!important;
    border:1px solid color-mix(in srgb,var(--spaceBlue) 23%,var(--spaceLine))!important;
    border-radius:22px!important;
    background:linear-gradient(108deg,color-mix(in srgb,var(--spaceBlue) 18%,var(--spaceCard)),color-mix(in srgb,var(--spacePink) 21%,var(--spaceCard)))!important;
    color:var(--spaceInk)!important;
    box-shadow:0 12px 28px color-mix(in srgb,var(--spaceInk) 13%,transparent)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.2)!important;
    backdrop-filter:blur(22px) saturate(1.2)!important;
    pointer-events:auto!important;
    font-size:15px!important;
    font-weight:850!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserCreate>i{
    color:var(--spaceBlue)!important;
  }
  html[data-palette] #projectSpaceChooser .projectChooserCreate>span{
    flex:1!important;
    text-align:left!important;
    color:var(--spaceInk)!important;
  }
}
@media(min-width:701px){
 html[data-palette] #projectSpaceChooser .projectChooserFooter{
   background:transparent!important;border:0!important;box-shadow:none!important;
 }
 html[data-palette] #projectSpaceChooser .projectChooserFooter .projectChooserCreate{
   background:linear-gradient(115deg,color-mix(in srgb,var(--spaceBlue) 15%,var(--spaceCard)),color-mix(in srgb,var(--spacePink) 15%,var(--spaceCard)))!important;
   color:var(--spaceInk)!important;
 }
 html[data-palette] #projectSpaceChooser .projectSpaceChooserSheet{background:var(--spaceCard)!important;color:var(--spaceInk)!important}
}
/* Rental-cart surfaces follow palette AND display mode rather than the
 * legacy always-on .infinisCustomerLight HTML class. */
html[data-palette] #activeCartDrawer.activeCartDrawer{
  --cartScene:var(--spaceCanvas)!important;
  --cartInk:var(--spaceInk)!important;
  --cartMuted:var(--spaceMuted)!important;
  --cartLine:var(--spaceLine)!important;
  --cartBlue:var(--spaceBlue)!important;
  --cartPink:var(--spacePink)!important;
  background:var(--spaceCanvas)!important;
  color:var(--spaceInk)!important;
}
html[data-palette] #activeCartDrawer .activeCartPanel{
  background:var(--spaceCanvas)!important;
  color:var(--spaceInk)!important;
  border-color:var(--spaceLine)!important;
}
html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartScroll,
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartSwitcher,
html[data-palette] #activeCartDrawer .activeCartScroll .projectSpacesPanel,
html[data-palette] #activeCartDrawer .activeCartHeader.activeCartFloatingHeader{
  background:transparent!important;
  background-image:none!important;
  color:var(--spaceInk)!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll .cartProjectChip,
html[data-palette] #activeCartDrawer .activeCartScroll>.activeCartList>.activeCartItem,
html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartFooter .cartFloatingEstimate{
  background:var(--spaceCard)!important;
  background-image:none!important;
  color:var(--spaceInk)!important;
  border-color:var(--spaceLine)!important;
  box-shadow:0 7px 24px color-mix(in srgb,var(--spaceInk) 7%,transparent)!important;
}
html[data-palette] #activeCartDrawer .activeCartScroll .cartProjectChip.isActive{
  border-color:color-mix(in srgb,var(--spaceBlue) 58%,var(--spaceLine))!important;
  background:var(--spaceCard)!important;
  background-image:linear-gradient(115deg,color-mix(in srgb,var(--spaceBlue) 7%,transparent),color-mix(in srgb,var(--spacePink) 5%,transparent))!important;
}
html[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherSelect,
html[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherDelete,
html[data-palette] #activeCartDrawer .cartProjectAdd,
html[data-palette] #activeCartDrawer .activeCartRemove,
html[data-palette] #activeCartDrawer .activeCartQuantity button{
  color:var(--spaceInk)!important;
}
html[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherSelect>span,
html[data-palette] #activeCartDrawer .cartProjectAdd,
html[data-palette] #activeCartDrawer .activeCartThumb,
html[data-palette] #activeCartDrawer .activeCartQuantity,
html[data-palette] #activeCartDrawer .projectHoldMini .activeCartHoldIcon{
  background:var(--spaceSubtle)!important;
  border-color:var(--spaceLine)!important;
}
html[data-palette] #activeCartDrawer .cartProjectAdd{
  background:transparent!important;
  color:var(--spaceMuted)!important;
}
html[data-palette] #activeCartDrawer .cartProjectAdd>i,
html[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherSelect>span>i,
html[data-palette] #activeCartDrawer .cartFloatingEstimateMain>strong{
  color:var(--spaceInk)!important;
}
html[data-palette] #activeCartDrawer .activeCartItem :is(b,strong,.activeCartMemberPrice),
html[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherSelect b,
html[data-palette] #activeCartDrawer .cartFloatingEstimateMain>span,
html[data-palette] #activeCartDrawer .cartFloatingEstimateMain>strong{
  color:var(--spaceInk)!important;
}
html[data-palette] #activeCartDrawer :is(.activeCartCopy>small,.activeCartMemberPrice s,.activeCartMemberPrice small,.cartProjectChip .cartSwitcherSelect small,.cartFloatingEstimateNote,.cartProjectAdd span,.activeCartAddonSummary,.activeCartPackageSummary){
  color:var(--spaceMuted)!important;
}
html[data-palette] #activeCartDrawer .activeCartCopy>small,
html[data-palette] #activeCartDrawer .activeCartMemberPrice small{
  color:var(--spaceBlue)!important;
}
html[data-palette] #activeCartDrawer .activeCartQuantity,
html[data-palette] #activeCartDrawer .activeCartHoldStatus{
  border-color:var(--spaceLine)!important;
  color:var(--spaceInk)!important;
}
html[data-palette] #activeCartDrawer .activeCartHoldStatus{
  background:var(--spaceSubtle)!important;
}
html[data-palette] #activeCartDrawer .activeCartFooter,
html[data-palette] #activeCartDrawer .cartFloatingActions{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--spaceInk)!important;
}
html[data-palette] #activeCartDrawer .cartFloatingActions>.activeCartClear{
  background:var(--spaceCard)!important;
  color:var(--spaceMuted)!important;
  border-color:var(--spaceLine)!important;
}
html[data-palette] #activeCartDrawer .cartFloatingActions>.activeCartPrimary{
  background:linear-gradient(110deg,var(--workspacePrimary,var(--spaceBlue)),color-mix(in srgb,var(--workspacePrimary,var(--spaceBlue)) 72%,var(--spacePink)))!important;
  color:var(--journeyButtonInk,#fff)!important;
  border:0!important;
}
/* A small project label connects this screen visually to the original Hub. */
html[data-palette] #activeCartDrawer .cartWorkspaceIntro{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  gap:4px;
  min-width:0;
  padding:2px 4px 0;
  color:var(--spaceInk);
}
html[data-palette] #activeCartDrawer .cartWorkspaceIntro[hidden]{display:none!important}
html[data-palette] #activeCartDrawer .cartWorkspaceIntro small{
  letter-spacing:.16em;
  font-size:10px;
  font-weight:850;
  color:var(--spaceBlue)!important;
}
html[data-palette] #activeCartDrawer .cartWorkspaceIntro h2{
  font-size:clamp(20px,5.5vw,27px);
  line-height:1.15;
  letter-spacing:-.04em;
  font-weight:850;
  margin:0;
  color:var(--spaceInk)!important;
}
@media(max-width:700px){
  html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartScroll{
    /* Utility buttons float above the single scrolling project surface. */
    padding-top:calc(102px + env(safe-area-inset-top,0px))!important;
    padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
    gap:13px!important;
  }
  html[data-palette] #activeCartDrawer .activeCartPanel>.activeCartFooter{
    box-sizing:border-box!important;
    width:calc(100% - 24px)!important;
    min-width:0!important;
    max-width:calc(100% - 24px)!important;
    margin:0 12px max(10px,env(safe-area-inset-bottom,0px))!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}
@media(max-height:660px) and (max-width:700px){
  html[data-palette] #projectSpaceChooser .projectChooserTitle{margin-top:34px!important}
  html[data-palette] #projectSpaceChooser .projectSpaceChooserList{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
  html[data-palette] #projectSpaceChooser .projectChooserFooter .projectChooserCreate{min-height:52px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-palette] #projectSpaceChooser .projectChooserCreate,
  html[data-palette] #projectSpaceChooser .projectChooserPhotoCard{transition:none!important}
}

/* END assets/css/core/project-spaces-theme-v557.css */

/* BEGIN assets/css/core/rental-quantity-theme-v559.css */
/* v0559 / Infinis Rental Quantity UI
   Shared premium number editor for Explore details and the project cart.
   All colors inherit the active Infinis palette, including dark mode. */
html[data-palette] .findProductSheet,
html[data-palette] #activeCartDrawer{
  --rqty-bg:var(--workspacePanel,var(--appPanel));
  --rqty-subtle:var(--workspaceSoft,var(--appPanelSoft));
  --rqty-ink:var(--workspaceInk,var(--appText));
  --rqty-muted:var(--workspaceMuted,var(--appMuted));
  --rqty-line:var(--workspaceLine,var(--appLine));
  --rqty-blue:var(--workspaceAccentPrimary,var(--workspacePrimary,var(--appBlue)));
  --rqty-pink:var(--workspaceAccentSecondary,var(--workspaceSecondary,var(--appPink)));
  color:var(--rqty-ink);
}
html[data-palette][data-color-scheme="dark"] :is(.findProductSheet,#activeCartDrawer){color-scheme:dark!important}
html[data-palette][data-color-scheme="light"] :is(.findProductSheet,#activeCartDrawer){color-scheme:light!important}

/* Product-detail quantity: remove native iOS-gray fill and oversize center box. */
html[data-palette] .findProductSheet .findProductCartControl{min-width:0!important;width:100%!important;}
html[data-palette] .findProductSheet .findProductQuantityWrap{width:100%!important;min-width:0!important;max-width:none!important;gap:8px!important;}
html[data-palette] .findProductSheet .findProductQuantity{
  box-sizing:border-box!important;
  width:100%!important;min-width:0!important;min-height:52px!important;height:54px!important;
  display:grid!important;grid-template-columns:minmax(42px,.26fr) minmax(50px,1fr) minmax(42px,.26fr)!important;
  align-items:stretch!important;overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--rqty-blue) 44%,var(--rqty-line))!important;
  background:var(--rqty-bg)!important;
  box-shadow:0 4px 18px color-mix(in srgb,var(--rqty-blue) 8%,transparent)!important;
}
html[data-palette] .findProductSheet .findProductQuantity>button{
  min-width:0!important;width:100%!important;height:100%!important;min-height:52px!important;
  border:0!important;border-radius:0!important;
  background:color-mix(in srgb,var(--rqty-blue) 8%,var(--rqty-bg))!important;
  color:var(--rqty-blue)!important;box-shadow:none!important;
  font-size:18px!important;cursor:pointer;
}
html[data-palette] .findProductSheet .findProductQuantity>button:disabled{opacity:.35!important;}
html[data-palette] .findProductSheet .findProductQuantity label{
  position:relative!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  width:100%!important;min-width:0!important;min-height:52px!important;
  border:0!important;border-inline:1px solid var(--rqty-line)!important;
  border-radius:0!important;
  padding:3px 5px!important;margin:0!important;
  background:var(--rqty-bg)!important;color:var(--rqty-ink)!important;
  box-shadow:none!important;
}
html[data-palette] .findProductSheet .findProductQuantity label>span{
  display:block!important;margin:0!important;font-size:9px!important;
  letter-spacing:.1em!important;font-weight:800!important;line-height:1.3!important;
  color:var(--rqty-muted)!important;text-align:center!important;
}
html[data-palette] .findProductSheet .findProductQuantity input.findProductQuantityInput{
  display:block!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;height:29px!important;
  min-height:0!important;max-height:none!important;
  margin:0!important;padding:0 2px!important;
  border:0!important;border-radius:0!important;outline:0!important;
  background:transparent!important;background-image:none!important;
  color:var(--rqty-ink)!important;-webkit-text-fill-color:var(--rqty-ink)!important;
  font-family:inherit!important;font-size:23px!important;font-weight:800!important;
  line-height:29px!important;text-align:center!important;
  box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;
  caret-color:var(--rqty-blue)!important;opacity:1!important;
}
html[data-palette] .findProductSheet .findProductQuantity:focus-within{
  border-color:var(--rqty-blue)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--rqty-blue) 14%,transparent)!important;
}
html[data-palette] .findProductSheet .findPackageQuantityAvailability{
  color:var(--rqty-muted)!important;font-size:11px!important;font-weight:650!important;
  line-height:1.4!important;text-align:center!important;
}
/* Compact footer: actual member-adjusted price + one clear quantity editor. */
html[data-palette] .findProductSheet .findProductActions{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:12px!important;align-items:center!important;
  border-color:var(--rqty-line)!important;
  background:color-mix(in srgb,var(--rqty-bg) 94%,transparent)!important;
  color:var(--rqty-ink)!important;
}
html[data-palette] .findProductSheet .findProductActions>div:first-child{min-width:0!important;overflow:hidden!important;}
html[data-palette] .findProductSheet .findProductTotalPrice{
  display:block!important;max-width:100%!important;
  font-size:clamp(18px,5.5vw,26px)!important;line-height:1.2!important;
  color:var(--rqty-ink)!important;overflow-wrap:anywhere!important;
}
html[data-palette] .findProductSheet .findProductActions .infinisCommercePrice{
  display:flex!important;flex-direction:column!important;gap:2px!important;
  font-size:inherit!important;color:inherit!important;
}
html[data-palette] .findProductSheet .findProductActions .infinisCommerceNow{
  font-size:inherit!important;font-weight:850!important;white-space:nowrap!important;
}
html[data-palette] .findProductSheet .findProductActions .infinisCommerceCompare{
  display:flex!important;flex-wrap:wrap!important;gap:3px 7px!important;
  font-size:10px!important;line-height:1.35!important;font-weight:650!important;
  color:var(--rqty-muted)!important;
}
html[data-palette] .findProductSheet .findProductActions .infinisCommerceCompare :is(s,em){
  font-size:10px!important;font-style:normal!important;color:var(--rqty-muted)!important;
}
html[data-palette] .findProductSheet .findProductPriceLabel{color:var(--rqty-muted)!important;}

/* Cart: a directly editable quantity, without a floating native input pill. */
html[data-palette] #activeCartDrawer .activeCartQuantity{
  display:grid!important;grid-template-columns:38px minmax(42px,58px) 38px!important;
  height:42px!important;min-height:42px!important;width:max-content!important;
  align-items:stretch!important;gap:0!important;overflow:hidden!important;
  border:1px solid var(--rqty-line)!important;border-radius:16px!important;
  background:var(--rqty-bg)!important;color:var(--rqty-ink)!important;
}
html[data-palette] #activeCartDrawer .activeCartQuantity button{
  width:38px!important;min-width:38px!important;height:40px!important;
  border:0!important;border-radius:0!important;
  background:color-mix(in srgb,var(--rqty-blue) 8%,var(--rqty-bg))!important;
  color:var(--rqty-blue)!important;box-shadow:none!important;
  font-size:15px!important;
}
html[data-palette] #activeCartDrawer .activeCartQuantity button:disabled{opacity:.35!important;}
html[data-palette] #activeCartDrawer .activeCartQuantityInput{
  box-sizing:border-box!important;display:block!important;
  width:100%!important;min-width:0!important;height:40px!important;
  padding:0 4px!important;margin:0!important;
  outline:none!important;border:0!important;
  border-inline:1px solid var(--rqty-line)!important;border-radius:0!important;
  background:var(--rqty-bg)!important;background-image:none!important;
  color:var(--rqty-ink)!important;-webkit-text-fill-color:var(--rqty-ink)!important;
  font-family:inherit!important;font-size:17px!important;font-weight:800!important;line-height:40px!important;text-align:center!important;
  -webkit-appearance:none!important;appearance:none!important;
  caret-color:var(--rqty-blue)!important;box-shadow:none!important;opacity:1!important;
}
html[data-palette] #activeCartDrawer .activeCartQuantity:focus-within{
  border-color:var(--rqty-blue)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--rqty-blue) 15%,transparent)!important;
}
html[data-palette] #activeCartDrawer .activeCartActions{min-width:0!important;gap:8px!important;}
html[data-palette] #activeCartDrawer .activeCartRemove{width:42px!important;height:42px!important;}
@media(max-width:385px){
  html[data-palette] .findProductSheet .findProductActions{
    grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important;
    gap:8px!important;padding-inline:10px!important;
  }
  html[data-palette] .findProductSheet .findProductQuantity{grid-template-columns:40px minmax(48px,1fr) 40px!important;}
  html[data-palette] #activeCartDrawer .activeCartQuantity{
    grid-template-columns:34px minmax(38px,50px) 34px!important;
  }
  html[data-palette] #activeCartDrawer .activeCartQuantity button{width:34px!important;min-width:34px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-palette] :is(.findProductQuantity,.activeCartQuantity){transition:none!important;}
}


/* v0560: Cart-to-Explore detail navigation. The cart uses a near-max z-index;
   only this explicitly opened product view may rise above it. */
.findProductOverlay.isOpenedFromCart{z-index:2147482100!important;}
#activeCartDrawer .activeCartItem .activeCartThumb,
#activeCartDrawer .activeCartItem .activeCartCopy{cursor:pointer;}
#activeCartDrawer .activeCartItem :is(.activeCartThumb,.activeCartCopy):focus-visible{
  outline:2px solid var(--workspaceAccentPrimary,var(--appBlue));
  outline-offset:3px;
  border-radius:10px;
}
#activeCartDrawer .activeCartItem .activeCartCopy:hover b{
  color:var(--workspaceAccentPrimary,var(--appBlue));
}

/* END assets/css/core/rental-quantity-theme-v559.css */

/* BEGIN assets/css/core/seamless-overlay-transitions-v561.css */
/* v0561 — continuity-safe, theme-owned transition for rental details.
   Keep the old screen alive behind the entering sheet; no backdrop-only frame. */
html[data-palette][data-color-scheme] .findProductOverlay.isPrepared{
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none;
}
html[data-palette][data-color-scheme] .findProductOverlay.isPrepared .findProductSheet{
  background:var(--workspaceBackground,var(--appBg))!important;
  color:var(--workspaceInk,var(--appText))!important;
  pointer-events:auto;
}
/* A nested package detail no longer hides its parent before the child paints. */
html[data-palette][data-color-scheme] .findProductOverlay.hasChildProduct{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
html[data-palette][data-color-scheme] .findProductOverlay.hasChildProduct .findProductSheet{
  pointer-events:none!important;
}
@media(max-width:640px){
  /* The full-width view itself is opaque; an extra dimming layer is unnecessary. */
  html[data-palette][data-color-scheme] .findProductOverlay.isPrepared{
    width:100dvw!important;
    height:var(--sceneVh,100dvh)!important;
    inset:0!important;
  }
  html[data-palette][data-color-scheme] .findProductOverlay.isPrepared .findProductSheet{
    opacity:1!important;
    visibility:visible!important;
    transform:translate3d(101%,0,0)!important;
    transition:transform 260ms cubic-bezier(.2,.82,.2,1)!important;
    will-change:transform;
  }
  html[data-palette][data-color-scheme] .findProductOverlay.isPrepared.isOpen .findProductSheet{
    transform:translate3d(0,0,0)!important;
  }
  html[data-palette][data-color-scheme] .findProductOverlay.isPrepared.isDismissing .findProductSheet{
    transform:translate3d(101%,0,0)!important;
  }
}
@media(min-width:641px){
  html[data-palette][data-color-scheme] .findProductOverlay.isPrepared.isOpen{
    background:color-mix(in srgb,var(--workspaceInk,var(--appText)) 26%,transparent)!important;
    backdrop-filter:blur(6px)!important;
    -webkit-backdrop-filter:blur(6px)!important;
    pointer-events:auto;
  }
  html[data-palette][data-color-scheme] .findProductOverlay.isPrepared.isDismissing{pointer-events:none!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-palette][data-color-scheme] .findProductOverlay.isPrepared .findProductSheet{
    transition:none!important;will-change:auto!important;
  }
}

/* END assets/css/core/seamless-overlay-transitions-v561.css */

/* BEGIN assets/css/core/infinity-playground-v562.css */
/* v0570 — Infini's Playground; original loader art is preserved. */
html[data-infinity-preview] body{overflow:hidden}
.infinityPlayHost{position:fixed;inset:0;width:100dvw;height:100dvh;z-index:2147483647;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--playInk,#f4f8fc);font-family:var(--appFont,Inter,system-ui,sans-serif);font-size:14px;isolation:isolate;--playBlue:#00f0ff;--playPink:#ff0033;--playBg:#09121e;--playPanel:#101b2b;--playSoft:#17263a;--playInk:#f4f8fc;--playMuted:#a9b8c9;--playBorder:rgba(244,248,252,.14);--playWash:linear-gradient(120deg,rgba(0,240,255,.24),rgba(255,0,51,.20));}
.infinityPlayHost *{box-sizing:border-box}
.infinityPlayHost button,.infinityPlayHost input{font-family:inherit}
.infinityPlayTop{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;opacity:0;transform:translateY(-12px);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.8,.2,1);}
.infinityPlayHost.isOpen .infinityPlayTop{opacity:1;transform:none}
.infinityPlayTopRight{display:flex;align-items:center;gap:8px;pointer-events:auto}
.infinityPlayIcon{pointer-events:auto;min-width:54px;min-height:54px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--playBorder);border-radius:20px;background:color-mix(in srgb,var(--playPanel) 88%,transparent);color:var(--playInk);box-shadow:0 12px 38px rgba(0,0,0,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font-weight:820;font-size:14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease;}
.infinityPlayIcon i{font-size:23px;color:var(--playBlue)}
.infinityPlayIcon:active,.infinityPlayPanel button:active{transform:scale(.975)}
.infinityPlayIcon:hover{border-color:var(--playBlue)}
.infinityPlayColors{background:var(--playWash),var(--playPanel)}
.infinityPlayAmbient{position:absolute;left:24px;right:24px;bottom:calc(max(24px,env(safe-area-inset-bottom,0px)) + 22px);display:grid;justify-items:center;gap:7px;text-align:center;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .34s ease,transform .34s ease;color:var(--playInk)}
.infinityPlayHost.isOpen:not(.isEditing) .infinityPlayAmbient{opacity:1;transform:none}
.infinityPlayAmbient small{font-size:10px;font-weight:850;letter-spacing:.21em;color:var(--playBlue)}
.infinityPlayAmbient strong{font-size:clamp(20px,4vw,30px);line-height:1.06;letter-spacing:-.045em;font-weight:850;text-wrap:balance}
.infinityPlayAmbient span{font-size:12px;color:var(--playMuted)}
.infinityPlayPanel[hidden]{display:none!important}
.infinityPlayPanel{position:absolute;pointer-events:auto;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);width:min(510px,calc(100dvw - 28px));max-height:min(73dvh,700px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--playBorder);border-radius:31px;background:color-mix(in srgb,var(--playPanel) 95%,transparent);color:var(--playInk);box-shadow:0 26px 90px rgba(0,0,0,.24);backdrop-filter:blur(38px);-webkit-backdrop-filter:blur(38px);opacity:0;animation:infinityPlayRise .24s cubic-bezier(.2,.8,.2,1) forwards;}
@keyframes infinityPlayRise{to{opacity:1;transform:translate(-50%,0)}}
.infinityPlayPanelHeader{padding:20px 20px 15px;display:grid;grid-template-columns:48px minmax(0,1fr) 38px;align-items:start;gap:12px;border-bottom:1px solid var(--playBorder);flex:0 0 auto}
.infinityPlayPanelGlyph{height:46px;width:46px;border-radius:16px;display:grid;place-items:center;background:var(--playWash);color:var(--playBlue);font-size:27px}
.infinityPlayPanelHeader>div{min-width:0}
.infinityPlayPanelHeader small{display:block;font-weight:900;font-size:9px;letter-spacing:.15em;color:var(--playBlue)}
.infinityPlayPanelHeader h2{margin:5px 0 4px;font-size:clamp(21px,4.2vw,25px);font-weight:850;line-height:1.06;letter-spacing:-.045em}
.infinityPlayPanelHeader p{margin:0;color:var(--playMuted);font-size:11px;line-height:1.5}
.infinityPlayPanelClose{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--playBorder);border-radius:13px;background:var(--playSoft);color:var(--playInk);font-size:16px;cursor:pointer}
.infinityPlayPanelScroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 20px 20px;scrollbar-width:thin}
.infinityPlaySectionTitle{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:17px 0 10px}
.infinityPlaySectionTitle strong{font-size:12px;letter-spacing:-.015em}
.infinityPlaySectionTitle small{font-size:10px;color:var(--playMuted);white-space:nowrap}
.infinityPlayThemes{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:3px 0 9px;margin:0 -2px;overscroll-behavior-x:contain;}
.infinityPlayThemes::-webkit-scrollbar{display:none}
.infinityPlayTheme{flex:0 0 73px;min-width:0;padding:8px 4px 9px;display:grid;justify-items:center;gap:5px;border:1px solid transparent;border-radius:17px;background:transparent;color:var(--playMuted);cursor:pointer;transition:background .2s ease,transform .18s ease}
.infinityPlayTheme[aria-pressed="true"]{border-color:color-mix(in srgb,var(--playBlue) 45%,var(--playBorder));background:color-mix(in srgb,var(--playBlue) 9%,var(--playSoft));color:var(--playInk)}
.infinityPlayThemeSwatch{width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--swatchA) 0%,var(--swatchB) 100%);box-shadow:0 7px 18px rgba(0,0,0,.1);color:#fff;font-size:21px}
.infinityPlayThemeSwatch.isCustomIcon{background:var(--playWash);color:var(--playBlue)}
.infinityPlayTheme small{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750}
.infinityPlayMode{padding:4px;background:var(--playSoft);border-radius:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;}
.infinityPlayMode button{min-width:0;padding:11px 4px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--playMuted);font-size:11px;font-weight:780;cursor:pointer}
.infinityPlayMode button[aria-pressed="true"]{border-color:var(--playBorder);background:var(--playPanel);color:var(--playInk);box-shadow:0 2px 12px rgba(0,0,0,.065)}
.infinityPlayColorsInputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.infinityPlayColorsInputs label{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 11px;background:var(--playSoft);border:1px solid var(--playBorder);border-radius:14px;color:var(--playInk)}
.infinityPlayColorsInputs label span{font-size:11px;font-weight:760;white-space:nowrap}
.infinityPlayColorsInputs input[type="color"]{flex:0 0 42px;width:42px;height:35px;padding:2px;border:1px solid var(--playBorder);border-radius:10px;background:var(--playPanel);cursor:pointer}
.infinityPlaySpeed{display:grid;gap:10px;margin-top:16px;padding:15px 13px;border-radius:16px;background:var(--playSoft);border:1px solid var(--playBorder)}
.infinityPlaySpeed>span{display:flex;align-items:center;justify-content:space-between;gap:9px}
.infinityPlaySpeed strong{font-size:12px}.infinityPlaySpeed output{font-size:11px;color:var(--playBlue);font-weight:850;font-variant-numeric:tabular-nums}
.infinityPlaySpeed input{width:100%;accent-color:var(--playBlue);min-height:23px}
.infinityPlayPanelFoot{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}
.infinityPlayPanelFoot button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:9px 10px;border-radius:14px;border:1px solid var(--playBorder);background:var(--playSoft);color:var(--playInk);font-size:11px;font-weight:850;cursor:pointer}
.infinityPlayPanelFoot button:last-child{border:0;background:linear-gradient(110deg,var(--playBlue),var(--playPink));color:#101827}
.infinityPlayHost button:focus-visible,.infinityPlayHost input:focus-visible{outline:3px solid var(--playBlue);outline-offset:3px}
@media(max-width:440px){.infinityPlayTop{top:max(17px,env(safe-area-inset-top,0px));left:max(13px,env(safe-area-inset-left,0px));right:max(13px,env(safe-area-inset-right,0px))}.infinityPlayIcon{min-height:49px;min-width:49px;border-radius:17px;padding:0 12px;font-size:12px}.infinityPlayTopRight{gap:6px}.infinityPlayPanel{border-radius:27px;max-height:min(75dvh,650px);bottom:max(12px,env(safe-area-inset-bottom,0px))}.infinityPlayPanelHeader{padding:17px 15px 13px;gap:9px;grid-template-columns:42px minmax(0,1fr) 35px}.infinityPlayPanelGlyph{width:42px;height:42px}.infinityPlayPanelScroll{padding:0 15px 16px}}
@media(max-height:600px){.infinityPlayPanel{max-height:calc(100dvh - 95px)}.infinityPlayAmbient{display:none}}
@media(prefers-reduced-motion:reduce){.infinityPlayTop,.infinityPlayAmbient,.infinityPlayPanel,.infinityPlayIcon{transition:none;animation:none}.infinityPlayPanel{opacity:1;transform:translate(-50%,0)}}

@media(max-width:350px){.infinityPlayColorsInputs{grid-template-columns:1fr}.infinityPlayColorsInputs label{min-height:44px}.infinityPlayThemes{gap:5px}.infinityPlayTheme{flex-basis:67px}}

/* v0570 — gesture discovery and optional sensor access, inside the existing surface. */
.infinityPlayMotion[aria-pressed="true"]{border-color:color-mix(in srgb,var(--playBlue) 57%,var(--playBorder));background:var(--playWash),var(--playPanel)}
.infinityPlayGestureGuide{display:grid;gap:7px}
.infinityPlayGestureGuide>div{display:flex;gap:11px;align-items:center;min-width:0;padding:10px 12px;background:var(--playSoft);border:1px solid var(--playBorder);border-radius:14px}
.infinityPlayGestureGuide i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:11px;background:var(--playWash);color:var(--playBlue);font-size:15px}
.infinityPlayGestureGuide span,.infinityPlaySensorHelp span{display:grid;gap:2px;min-width:0}
.infinityPlayGestureGuide b,.infinityPlaySensorHelp b{color:var(--playInk);font-size:11px;line-height:1.35}
.infinityPlayGestureGuide small,.infinityPlaySensorHelp small{font-size:10px;color:var(--playMuted);line-height:1.45}
.infinityPlaySensorHelp{margin-top:9px;padding:11px 12px;display:flex;gap:11px;align-items:center;border:1px solid color-mix(in srgb,var(--playBlue) 20%,var(--playBorder));border-radius:14px;background:color-mix(in srgb,var(--playBlue) 7%,var(--playPanel));}
.infinityPlaySensorHelp>i{font-size:19px;color:var(--playBlue)}
.infinityPlayNotice[hidden]{display:none!important}
.infinityPlayNotice{position:fixed;z-index:3;right:max(14px,env(safe-area-inset-right,0px));bottom:max(14px,env(safe-area-inset-bottom,0px));width:min(330px,calc(100dvw - 28px));padding:12px 16px;border:1px solid var(--playBorder);border-radius:16px;background:var(--playPanel);color:var(--playInk);font-size:12px;font-weight:670;box-shadow:0 16px 48px rgba(0,0,0,.17);pointer-events:none;animation:infiniNoticeIn .25s ease both}
@keyframes infiniNoticeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:350px){.infinityPlayTopRight{gap:4px}.infinityPlayTop .infinityPlayIcon{padding:0 9px;min-width:45px;min-height:46px}.infinityPlayTop .infinityPlayIcon i{font-size:20px}.infinityPlayColors{gap:5px}}
@media(prefers-reduced-motion:reduce){.infinityPlayNotice{animation:none}}

/* END assets/css/core/infinity-playground-v562.css */

/* BEGIN assets/css/core/project-customer-refresh-v579.css */
/* Infinis v0579 — the project as a personal event, not a control panel.
   Scope is strictly the open Hub project. No service, reservation, payment,
   provider-owned Bubble, or event-editor behavior is replaced here. */
.hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579{
  --pjInk:var(--workspaceInk,var(--hubInk,#193440));
  --pjMuted:var(--workspaceMuted,var(--hubMuted,#5d7480));
  --pjPanel:var(--workspacePanel,var(--hubSurface,#fff));
  --pjSoft:var(--workspaceSoft,var(--hubSoft,#f0f7fa));
  --pjLine:var(--workspaceLine,var(--hubBorder,#d3e0e3));
  --pjBlue:var(--workspacePrimary,var(--appBlue,#438cda));
  --pjPink:var(--workspaceSecondary,var(--appPink,#dc87bd));
  --pjWash:var(--workspaceWash,var(--hubAccent,#eaf5fa));
  color:var(--pjInk)!important;
  padding-bottom:clamp(18px,5dvh,42px)!important;
  max-width:100%!important;
}
.hubProjectRefinedV579 :is(button,summary){-webkit-tap-highlight-color:transparent;}
.hubProjectRefinedV579 :is(button,summary):focus-visible{
  outline:3px solid var(--pjBlue)!important;outline-offset:3px!important;
}
.hubProjectRefinedV579 :is(button):active{transform:scale(.982);}
/* Light, familiar workspace title. The account dock remains its own layer. */
.hubPage.hubV427.hubProjectRefinedV579 .hubWorkspaceHeader.hubProjectRefinedHeader{
  display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;
  align-items:center!important;column-gap:12px!important;
  width:100%!important;padding:7px 0 15px!important;margin:0!important;
  border:0!important;background:transparent!important;
}
.hubProjectRefinedV579 .hubProjectRefinedHeader>div{min-width:0!important;}
.hubProjectRefinedV579 .hubProjectRefinedHeader small{
  display:block!important;color:var(--pjMuted)!important;font-size:10px!important;
  letter-spacing:.14em!important;font-weight:760!important;
}
.hubProjectRefinedV579 .hubProjectRefinedHeader h1{
  margin:3px 0 0!important;font-size:clamp(21px,4.7dvw,28px)!important;
  line-height:1.18!important;letter-spacing:-.04em!important;
  font-weight:820!important;color:var(--pjInk)!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.hubProjectRefinedV579 .hubProjectRefinedHeader>button{
  display:grid!important;place-items:center!important;flex:none!important;
  width:46px!important;height:46px!important;min-height:46px!important;
  padding:0!important;border-radius:17px!important;
  color:var(--pjInk)!important;
  background:color-mix(in srgb,var(--pjPanel) 84%,transparent)!important;
  border:1px solid var(--pjLine)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--pjInk) 6%,transparent)!important;
  -webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;
  font-size:18px!important;
}
.hubProjectRefinedV579 .hubProjectRefinedHeader>button#hubEditProjectName{
  color:var(--pjBlue)!important;font-size:16px!important;
}
.hubProjectRefinedV579 .hubEventStudioNameInput{
  min-width:0;width:100%;border-radius:12px;border:1px solid var(--pjBlue);
  background:var(--pjPanel);color:var(--pjInk);padding:9px 12px;
}
/* Five simple destinations. Large enough to tap without a technical-looking nav slab. */
.hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579>.hubNavV427.hubProjectRefinedNav{
  position:sticky!important;top:0!important;z-index:27!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;gap:5px!important;padding:5px!important;
  margin:0 0 16px!important;border-radius:22px!important;
  border:1px solid color-mix(in srgb,var(--pjLine) 84%,transparent)!important;
  background:color-mix(in srgb,var(--pjPanel) 82%,transparent)!important;
  box-shadow:0 9px 30px color-mix(in srgb,var(--pjInk) 5%,transparent)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.15)!important;
  backdrop-filter:blur(22px) saturate(1.15)!important;
}
.hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579 .hubProjectRefinedNav button{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:5px!important;
  min-width:0!important;min-height:61px!important;
  border:1px solid transparent!important;border-radius:17px!important;
  background:transparent!important;color:var(--pjMuted)!important;
  font-size:11px!important;font-weight:700!important;
  line-height:1.1!important;padding:8px 3px!important;
  box-shadow:none!important;transition:background .2s ease,transform .2s ease,border-color .2s ease!important;
}
.hubProjectRefinedV579 .hubProjectRefinedNav button>i{font-size:19px!important;line-height:1!important;}
.hubProjectRefinedV579 .hubProjectRefinedNav button>span{
  font-size:11px!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  max-width:100%!important;overflow:hidden!important;
}
.hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579 .hubProjectRefinedNav button.isActive{
  color:var(--pjInk)!important;
  border-color:color-mix(in srgb,var(--pjBlue) 25%,var(--pjLine))!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--pjBlue) 11%,var(--pjPanel)),
    color-mix(in srgb,var(--pjPink) 8%,var(--pjPanel)))!important;
  box-shadow:0 4px 13px color-mix(in srgb,var(--pjBlue) 9%,transparent)!important;
}
.hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579 .hubProjectRefinedNav button.isActive>i{
  color:var(--pjBlue)!important;
}
.hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579>.hubProjectPanel.isActive{
  width:100%!important;max-width:100%!important;
  display:grid!important;align-content:start!important;gap:16px!important;
  min-width:0!important;margin:0!important;padding:0!important;
  overflow:visible!important;
}
.hubProjectRefinedV579 .hubProjectPanel[hidden]{display:none!important;}
/* Personal event hero: custom event artwork (when available) and two clear facts. */
.hubProjectRefinedV579 .hubProjectWelcome{
  position:relative;display:grid;gap:17px;
  padding:clamp(17px,3.2dvw,25px)!important;
  border:1px solid color-mix(in srgb,var(--pjBlue) 18%,var(--pjLine))!important;
  border-radius:27px!important;
  background:linear-gradient(124deg,
    color-mix(in srgb,var(--pjBlue) 10%,var(--pjPanel)) 0%,
    color-mix(in srgb,var(--pjPanel) 95%,var(--pjSoft)) 53%,
    color-mix(in srgb,var(--pjPink) 7%,var(--pjPanel)) 100%)!important;
  color:var(--pjInk)!important;
  box-shadow:0 13px 42px color-mix(in srgb,var(--pjInk) 5%,transparent)!important;
  isolation:isolate;
}
.hubProjectRefinedV579 .hubProjectWelcomeTop{
  display:grid;grid-template-columns:minmax(0,1fr) 96px;
  align-items:start;gap:16px;min-width:0;
}
.hubProjectRefinedV579 .hubProjectWelcomeCopy{min-width:0;padding-top:2px;}
.hubProjectRefinedV579 .hubProjectWelcomeBadges{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
.hubProjectRefinedV579 .hubProjectWelcomeBadges>span{
  display:inline-flex;align-items:center;gap:6px;
  min-height:27px;max-width:100%;padding:5px 9px;
  border-radius:999px;border:1px solid color-mix(in srgb,var(--pjBlue) 17%,var(--pjLine));
  background:color-mix(in srgb,var(--pjPanel) 70%,transparent);
  color:var(--pjMuted);font-size:10px;font-weight:760;
  white-space:normal;line-height:1.1;
}
.hubProjectRefinedV579 .hubProjectWelcomeBadges>span i{color:var(--pjBlue);}
.hubProjectRefinedV579 .hubProjectWelcomeBadges .isStatus{
  background:color-mix(in srgb,var(--pjBlue) 9%,var(--pjPanel));
  color:var(--pjInk);
}
.hubProjectRefinedV579 .hubProjectWelcome h2{
  font-size:clamp(24px,4.8dvw,34px)!important;
  line-height:1.14!important;letter-spacing:-.045em!important;
  font-weight:850!important;margin:14px 0 7px!important;
  color:var(--pjInk)!important;
}
.hubProjectRefinedV579 .hubProjectWelcome p{
  max-width:470px;margin:0!important;color:var(--pjMuted)!important;
  font-size:13px!important;line-height:1.53!important;font-weight:470;
}
.hubProjectRefinedV579 .hubProjectWelcomeArt{
  position:relative;display:grid;place-items:center;
  width:96px;height:103px;align-self:center;
  border-radius:24px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--pjBlue) 18%,var(--pjLine));
  background:linear-gradient(146deg,
    color-mix(in srgb,var(--pjBlue) 22%,var(--pjPanel)),
    color-mix(in srgb,var(--pjPink) 22%,var(--pjPanel)));
  color:var(--pjBlue);
  box-shadow:0 12px 25px color-mix(in srgb,var(--pjBlue) 11%,transparent);
}
.hubProjectRefinedV579 .hubProjectWelcomeArt::before,
.hubProjectRefinedV579 .hubProjectWelcomeArt::after{
  content:"";position:absolute;pointer-events:none;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--pjPanel) 75%,transparent);
}
.hubProjectRefinedV579 .hubProjectWelcomeArt::before{width:78px;height:78px;right:-16px;top:-20px;}
.hubProjectRefinedV579 .hubProjectWelcomeArt::after{width:63px;height:63px;left:-29px;bottom:-25px;}
.hubProjectRefinedV579 .hubProjectWelcomeArt>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:2;
}
.hubProjectRefinedV579 .hubProjectArtMark{font-size:36px;opacity:.72;}
.hubProjectRefinedV579 .hubProjectWelcomeFacts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;min-width:0;
}
.hubProjectRefinedV579 .hubProjectWelcomeFacts>button{
  display:grid;grid-template-columns:36px minmax(0,1fr) 12px;
  align-items:center;gap:11px;min-width:0;min-height:74px;
  padding:12px!important;text-align:left!important;
  border:1px solid color-mix(in srgb,var(--pjBlue) 13%,var(--pjLine))!important;
  border-radius:19px!important;
  background:color-mix(in srgb,var(--pjPanel) 82%,transparent)!important;
  color:var(--pjInk)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.hubProjectRefinedV579 .hubProjectWelcomeFactIcon{
  display:grid;place-items:center;width:36px;height:36px;
  border-radius:14px;
  background:color-mix(in srgb,var(--pjBlue) 9%,var(--pjPanel));
  border:1px solid color-mix(in srgb,var(--pjBlue) 13%,var(--pjLine));
  color:var(--pjBlue);font-size:17px;
}
.hubProjectRefinedV579 .hubProjectWelcomeFacts button>span:nth-child(2){
  display:grid;gap:4px;min-width:0;
}
.hubProjectRefinedV579 .hubProjectWelcomeFacts small{
  font-size:10px!important;color:var(--pjMuted)!important;
  line-height:1.1!important;font-weight:740!important;letter-spacing:.04em;
}
.hubProjectRefinedV579 .hubProjectWelcomeFacts b{
  font-size:13px!important;font-weight:780!important;
  color:var(--pjInk)!important;line-height:1.35!important;
  overflow-wrap:anywhere;
}
.hubProjectRefinedV579 .hubProjectWelcomeFacts em{
  font-size:11px!important;line-height:1.28!important;font-style:normal;
  color:var(--pjMuted)!important;white-space:normal;
}
.hubProjectRefinedV579 .hubProjectWelcomeFacts button>i:last-child{
  justify-self:end;font-size:11px;color:var(--pjMuted);opacity:.68;
}
/* One next step, with a single deliberate call to action. */
.hubProjectRefinedV579 .hubProjectForward{
  display:grid;grid-template-columns:50px minmax(0,1fr) auto;
  align-items:center;gap:15px;padding:18px 20px;
  border:1px solid var(--pjLine)!important;
  border-radius:24px;background:var(--pjPanel)!important;
  box-shadow:0 7px 30px color-mix(in srgb,var(--pjInk) 4%,transparent);
}
.hubProjectRefinedV579 .hubProjectForwardIcon{
  display:grid;place-items:center;width:50px;height:50px;
  border-radius:18px;
  background:linear-gradient(138deg,
    color-mix(in srgb,var(--pjBlue) 13%,var(--pjPanel)),
    color-mix(in srgb,var(--pjPink) 10%,var(--pjPanel)));
  border:1px solid color-mix(in srgb,var(--pjBlue) 15%,var(--pjLine));
  color:var(--pjBlue);font-size:23px;
}
.hubProjectRefinedV579 .hubProjectForwardContent{min-width:0;}
.hubProjectRefinedV579 .hubProjectForwardContent>small{
  font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--pjBlue);
}
.hubProjectRefinedV579 .hubProjectForwardContent h3{
  margin:4px 0 3px!important;color:var(--pjInk)!important;
  font-size:18px!important;line-height:1.28!important;
  font-weight:810!important;letter-spacing:-.025em;
}
.hubProjectRefinedV579 .hubProjectForwardContent p{
  margin:0!important;color:var(--pjMuted)!important;
  font-size:12px!important;line-height:1.4!important;
}
.hubPage.hubV427.hubProjectRefinedV579 #hubProjectNextAction{
  display:inline-flex;justify-content:center;align-items:center;
  flex:none;gap:10px;min-height:45px;max-width:100%;
  padding:10px 15px!important;border-radius:16px!important;
  border:1px solid color-mix(in srgb,var(--pjBlue) 31%,var(--pjLine))!important;
  background:linear-gradient(125deg,
    color-mix(in srgb,var(--pjBlue) 15%,var(--pjPanel)),
    color-mix(in srgb,var(--pjPink) 11%,var(--pjPanel)))!important;
  color:var(--pjInk)!important;font-size:13px!important;font-weight:800!important;
  white-space:normal;text-align:center;
}
.hubProjectRefinedV579 #hubProjectNextAction i{font-size:17px;color:var(--pjBlue);}
/* Real project progress only; do not render a sea of empty zeroes. */
.hubProjectRefinedV579 .hubProjectMoments{display:grid;gap:10px;min-width:0;}
.hubProjectRefinedV579 .hubProjectMomentsHead h2{
  margin:0 1px!important;font-size:17px!important;font-weight:810!important;
  color:var(--pjInk)!important;letter-spacing:-.025em!important;
}
.hubProjectRefinedV579 .hubProjectMomentsGrid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,182px),1fr));gap:9px;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectMomentsGrid>button{
  position:relative;display:grid;grid-template-columns:32px 1fr;
  align-items:center;column-gap:10px;row-gap:3px;
  padding:14px 15px!important;border:1px solid var(--pjLine)!important;
  border-radius:20px!important;background:var(--pjPanel)!important;
  color:var(--pjInk)!important;text-align:left!important;
  min-height:79px;box-shadow:none!important;
}
.hubProjectRefinedV579 .hubProjectMomentsGrid button>span{
  grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;
  border-radius:12px;background:var(--pjWash);color:var(--pjBlue);
  font-size:16px;
}
.hubProjectRefinedV579 .hubProjectMomentsGrid button>b{
  grid-column:2;grid-row:1;font-size:19px;font-weight:830;
  color:var(--pjInk);letter-spacing:-.025em;overflow-wrap:anywhere;
}
.hubProjectRefinedV579 .hubProjectMomentsGrid button>small{
  grid-column:2;grid-row:2;font-size:11px!important;color:var(--pjMuted)!important;
  font-weight:640;letter-spacing:0;
}
.hubProjectRefinedV579 .hubProjectMomentsGrid .hubMomentArrow{
  position:absolute;right:12px;top:12px;color:var(--pjMuted);font-size:12px;opacity:.52;
}
/* Booking is a concise status and three clear destinations. Real verified
   amounts and specialist remain live via their existing data-* hooks. */
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectBookingCompact{
  padding:17px 19px!important;border:1px solid var(--pjLine)!important;
  border-radius:24px!important;
  background:linear-gradient(132deg,
     color-mix(in srgb,var(--pjBlue) 7%,var(--pjPanel)),
     color-mix(in srgb,var(--pjPink) 4%,var(--pjPanel)))!important;
  box-shadow:none!important;gap:12px!important;
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingSummaryHead{
  display:flex;align-items:center;gap:10px;
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingSummaryHead>span:first-child{
  display:grid;place-items:center;width:40px;height:40px;border-radius:14px;
  background:color-mix(in srgb,var(--pjBlue) 12%,var(--pjPanel));
  color:var(--pjBlue);
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingSummaryHead h2{
  font-size:16px!important;line-height:1.26!important;
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingSummaryHead small{
  font-size:10px;letter-spacing:.1em;
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingSummaryFacts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingSummaryFacts>span{
  padding:12px;border-radius:15px;background:color-mix(in srgb,var(--pjPanel) 85%,transparent);
  border:1px solid var(--pjLine);font-size:11px;color:var(--pjMuted);
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingSummaryFacts strong{
  display:block;margin-top:4px;color:var(--pjInk);font-size:13px;overflow-wrap:anywhere;
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingShortcuts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingShortcuts button{
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 8px;min-height:43px;border-radius:14px;
  border:1px solid var(--pjLine);background:var(--pjPanel);
  color:var(--pjInk);font-size:12px;font-weight:740;
}
.hubProjectRefinedV579 .hubProjectBookingCompact>small:last-child{
  color:var(--pjMuted);line-height:1.4;font-size:11px;
}
/* More is a friendly library, progressively disclosed rather than a wall of tools. */
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectMoreCurated{
  gap:13px!important;width:100%;
}
.hubProjectRefinedV579 .hubProjectMoreCurated .hubMoreDestinationHead{
  display:grid!important;gap:5px!important;
  padding:4px 3px 7px!important;
}
.hubProjectRefinedV579 .hubProjectMoreCurated .hubMoreDestinationHead small{
  font-size:10px!important;letter-spacing:.13em;color:var(--pjBlue)!important;
}
.hubProjectRefinedV579 .hubProjectMoreCurated .hubMoreDestinationHead h2{
  font-size:clamp(24px,5.8dvw,31px)!important;line-height:1.16!important;
  margin:0!important;letter-spacing:-.045em!important;
}
.hubProjectRefinedV579 .hubProjectMoreCurated .hubMoreDestinationHead p{
  font-size:13px!important;line-height:1.45!important;
  margin:0!important;color:var(--pjMuted)!important;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectMorePanel #hubMoreGrid.hubMoreGroups{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  padding:0!important;margin:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.hubProjectRefinedV579 .hubMoreGroup{
  display:block;min-width:0;border:1px solid var(--pjLine);
  border-radius:23px;background:var(--pjPanel);
  box-shadow:0 8px 28px color-mix(in srgb,var(--pjInk) 3%,transparent);
  overflow:hidden;
}
.hubProjectRefinedV579 .hubMoreGroup>summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;
  min-height:58px;padding:15px 17px;cursor:pointer;
  color:var(--pjInk);
}
.hubProjectRefinedV579 .hubMoreGroup>summary::-webkit-details-marker{display:none;}
.hubProjectRefinedV579 .hubMoreGroup>summary h3{
  font-size:16px!important;font-weight:780;margin:0!important;
  color:var(--pjInk)!important;line-height:1.2;
}
.hubProjectRefinedV579 .hubMoreGroup>summary>i{
  color:var(--pjBlue);font-size:15px;
  transition:transform .25s cubic-bezier(.2,.8,.2,1);
}
.hubProjectRefinedV579 .hubMoreGroup[open]>summary>i{transform:rotate(180deg);}
.hubProjectRefinedV579 .hubMoreGroupItems{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  padding:0 12px 12px;gap:8px;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubMoreGroupItems button{
  display:grid;grid-template-columns:39px minmax(0,1fr) 13px;
  align-items:center;gap:11px;min-width:0;min-height:77px;
  padding:11px!important;text-align:left!important;
  border:1px solid color-mix(in srgb,var(--pjLine) 88%,transparent)!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--pjSoft) 45%,var(--pjPanel))!important;
  color:var(--pjInk)!important;
  box-shadow:none!important;
}
.hubProjectRefinedV579 .hubMoreActionIcon{
  display:grid;place-items:center;width:39px;height:39px;
  border-radius:14px;background:var(--pjWash);
  border:1px solid color-mix(in srgb,var(--pjBlue) 15%,var(--pjLine));
  color:var(--pjBlue);font-size:18px;
}
.hubProjectRefinedV579 .hubMoreActionText{display:grid;gap:3px;min-width:0;}
.hubProjectRefinedV579 .hubMoreActionText b{
  color:var(--pjInk);font-size:13px!important;font-weight:780;
  line-height:1.27;white-space:normal;overflow-wrap:anywhere;
}
.hubProjectRefinedV579 .hubMoreActionText small{
  color:var(--pjMuted)!important;font-size:11px!important;
  line-height:1.28!important;font-weight:480;
}
.hubProjectRefinedV579 .hubMoreActionArrow{
  font-size:11px;color:var(--pjMuted);opacity:.6;
}
/* Editing event details: essentials are immediately visible; operational
   particulars and sharing controls remain available via friendly disclosures. */
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign{
  gap:13px!important;padding-top:0!important;
}
.hubProjectRefinedV579 .hubDetailsEssentials{display:grid;gap:12px;}
.hubProjectRefinedV579 .hubDetailsEssentials>header{
  display:flex;align-items:end;justify-content:space-between;gap:12px;padding:4px 3px 0;
}
.hubProjectRefinedV579 .hubDetailsEssentials>header small{
  font-size:10px;color:var(--pjBlue);font-weight:800;letter-spacing:.11em;
}
.hubProjectRefinedV579 .hubDetailsEssentials h2{
  color:var(--pjInk);font-size:21px!important;line-height:1.2;
  margin:4px 0 0;letter-spacing:-.025em;
}
.hubProjectRefinedV579 .hubDetailsEssentials>header>span{
  color:var(--pjMuted);font-size:11px;flex:none;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubDetailsEssentials .hubProjectDetailsGrid,
.hubPage.hubV427.hubProjectRefinedV579 .hubDetailsMore .hubProjectDetailsGrid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsGrid .hubProjectDetailPremium{
  display:grid!important;grid-template-columns:35px minmax(0,1fr) 12px!important;
  align-items:center!important;gap:11px!important;
  padding:13px!important;min-height:70px!important;
  border:1px solid var(--pjLine)!important;border-radius:18px!important;
  background:color-mix(in srgb,var(--pjPanel) 86%,var(--pjSoft))!important;
  box-shadow:none!important;
}
.hubProjectRefinedV579 .hubProjectDetailPremium>span:first-child{
  width:35px!important;height:35px!important;border-radius:12px!important;
  background:var(--pjWash)!important;color:var(--pjBlue)!important;
  display:grid!important;place-items:center!important;
}
.hubProjectRefinedV579 .hubProjectDetailPremium>div{min-width:0;}
.hubProjectRefinedV579 .hubProjectDetailPremium small{
  font-size:10px!important;line-height:1.25!important;
  color:var(--pjMuted)!important;letter-spacing:0!important;
}
.hubProjectRefinedV579 .hubProjectDetailPremium b{
  margin-top:4px!important;display:block;
  font-size:13px!important;line-height:1.38!important;
  font-weight:740;color:var(--pjInk)!important;
  overflow-wrap:anywhere!important;
}
.hubProjectRefinedV579 .hubProjectDetailPremium.isMissing b{
  color:var(--pjBlue)!important;font-weight:680!important;
}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing){
  display:block;min-width:0;border-radius:20px;
  border:1px solid var(--pjLine);background:var(--pjPanel);
}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing)>summary{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;cursor:pointer;min-height:60px;
  padding:13px 15px;list-style:none;
}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing)>summary::-webkit-details-marker{display:none;}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing)>summary>span{
  min-width:0;display:grid;grid-template-columns:37px minmax(0,1fr);
  align-items:center;gap:3px 11px;
}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing)>summary>span>i{
  grid-row:1/3;display:grid;place-items:center;width:37px;height:37px;
  border-radius:13px;background:var(--pjWash);color:var(--pjBlue);font-size:17px;
}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing)>summary b{
  grid-column:2;font-size:14px;font-weight:780;color:var(--pjInk);
}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing)>summary small{
  grid-column:2;color:var(--pjMuted);font-size:11px;font-weight:500;
}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing)>summary>i{
  color:var(--pjBlue);font-size:13px;transition:transform .24s ease;
}
.hubProjectRefinedV579 :is(.hubDetailsMore,.hubProjectSharing)[open]>summary>i{
  transform:rotate(180deg);
}
.hubProjectRefinedV579 .hubDetailsMore>.hubDetailsGroups{
  display:grid;grid-template-columns:minmax(0,1fr)!important;
  gap:13px;padding:0 14px 15px;
}
.hubProjectRefinedV579 .hubDetailsMore .hubDetailsGroup{
  border:0!important;border-top:1px solid var(--pjLine)!important;
  background:transparent!important;padding:13px 0 0!important;
  border-radius:0!important;box-shadow:none!important;
}
.hubProjectRefinedV579 .hubDetailsMore .hubDetailsGroup>header{
  display:flex;align-items:center;gap:8px;padding:0 2px;
}
.hubProjectRefinedV579 .hubDetailsMore .hubDetailsGroup h3{
  font-size:13px!important;color:var(--pjInk)!important;
}
.hubProjectRefinedV579 .hubProjectSharing .eventHubControls{
  margin:0 14px 14px!important;padding:14px!important;
  background:var(--pjSoft)!important;border:1px solid var(--pjLine)!important;
  border-radius:16px!important;
}
.hubProjectRefinedV579 .hubProjectSharing .eventHubActions{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;
}
.hubProjectRefinedV579 .hubProjectSharing .eventHubActions>button{
  border-radius:13px!important;font-size:12px!important;min-height:44px!important;
}
.hubProjectRefinedV579 .hubProjectNotesPremium{
  border:1px solid var(--pjLine)!important;border-radius:19px!important;
  background:var(--pjPanel)!important;padding:14px!important;
}
.hubProjectRefinedV579 .hubProjectNotesPremium p{
  font-size:12px!important;line-height:1.5!important;
}
/* Secondary sections retain real editable content, with consistent rhythm. */
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectPanel:not(.hubReservationPanel)>.hubSection{
  border:1px solid var(--pjLine)!important;
  border-radius:24px!important;
  background:var(--pjPanel)!important;
  box-shadow:none!important;
  padding:clamp(15px,3dvw,21px)!important;
}
.hubProjectRefinedV579 .hubProjectPanel .hubSectionHead h2,
.hubProjectRefinedV579 .hubProjectPanel .hubSectionHeading h2{
  font-size:clamp(18px,3.8dvw,21px)!important;
  color:var(--pjInk)!important;line-height:1.23!important;
}
.hubProjectRefinedV579 .hubProjectPanel .hubSectionHead p{
  max-width:500px;font-size:12px!important;line-height:1.5!important;
  color:var(--pjMuted)!important;
}
.hubProjectRefinedV579 .hubMoreReturn{
  min-height:47px!important;gap:7px!important;
  color:var(--pjMuted)!important;
}
.hubProjectRefinedV579 .hubMoreReturn strong{
  color:var(--pjInk)!important;
}
.hubProjectRefinedV579 .hubProjectRentalBooked{
  display:flex;align-items:center;justify-content:space-between;gap:11px;flex-wrap:wrap;
  padding:13px 15px;border:1px solid var(--pjLine);border-radius:17px;
  background:var(--pjSoft);
}
.hubProjectRefinedV579 .hubProjectRentalBooked>span{
  display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:730;
  color:var(--pjInk);
}
.hubProjectRefinedV579 .hubProjectRentalBooked>span i{color:var(--pjBlue);}
.hubProjectRefinedV579 .hubProjectRentalBooked>button{
  display:inline-flex;align-items:center;gap:8px;min-height:42px;
  border:1px solid var(--pjLine);border-radius:14px;
  background:var(--pjPanel);color:var(--pjInk);padding:8px 12px;
  font-size:12px;font-weight:780;
}
.hubProjectRefinedV579 .hubProjectPanel .hubRentalPlan>p{
  font-size:12px!important;line-height:1.45!important;margin:6px 0 13px!important;
}
.hubProjectRefinedV579 .hubExperienceWorkspaceIntro h2{
  letter-spacing:-.035em;
}
/* Dark schemes reuse the workspace tokens. No hard-coded white sheets. */
html[data-color-scheme="dark"] .hubProjectRefinedV579 :is(.hubProjectWelcome,.hubProjectForward,.hubProjectMomentsGrid>button,.hubMoreGroup,.hubDetailsMore,.hubProjectSharing){
  color:var(--pjInk);
}
@media(max-width:700px){
  .hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579{
    width:calc(100dvw - 26px)!important;padding-top:3px!important;
  }
  .hubPage.hubV427.hubProjectRefinedV579 .hubWorkspaceHeader.hubProjectRefinedHeader{
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    padding:4px 0 12px!important;gap:9px!important;
  }
  .hubProjectRefinedV579 .hubProjectRefinedHeader>button{
    width:44px!important;height:44px!important;min-height:44px!important;border-radius:16px!important;
  }
  .hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579>.hubNavV427.hubProjectRefinedNav{
    margin-bottom:14px!important;padding:5px!important;gap:3px!important;border-radius:20px!important;
  }
  .hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579 .hubProjectRefinedNav button{
    min-height:58px!important;gap:5px!important;border-radius:15px!important;
    font-size:10px!important;padding:8px 1px!important;
  }
  .hubProjectRefinedV579 .hubProjectRefinedNav button>span{font-size:10px!important;}
  .hubProjectRefinedV579 .hubProjectWelcome{
    padding:17px!important;gap:14px!important;border-radius:24px!important;
  }
  .hubProjectRefinedV579 .hubProjectWelcomeTop{
    grid-template-columns:minmax(0,1fr) 76px;gap:11px;
  }
  .hubProjectRefinedV579 .hubProjectWelcomeArt{
    width:76px;height:85px;border-radius:21px;
  }
  .hubProjectRefinedV579 .hubProjectWelcome h2{font-size:26px!important;margin-top:12px!important;}
  .hubProjectRefinedV579 .hubProjectWelcomeFacts{gap:7px;}
  .hubProjectRefinedV579 .hubProjectWelcomeFacts>button{
    padding:11px!important;min-height:77px;
    grid-template-columns:30px minmax(0,1fr) 8px;gap:8px;
    border-radius:17px!important;
  }
  .hubProjectRefinedV579 .hubProjectWelcomeFactIcon{
    width:30px;height:30px;font-size:15px;border-radius:12px;
  }
  .hubProjectRefinedV579 .hubProjectWelcomeFacts b{font-size:12px!important;}
  .hubProjectRefinedV579 .hubProjectForward{
    grid-template-columns:43px minmax(0,1fr);column-gap:12px;row-gap:13px;
    padding:16px;border-radius:22px;
  }
  .hubProjectRefinedV579 .hubProjectForwardIcon{width:43px;height:43px;border-radius:15px;font-size:19px;}
  .hubProjectRefinedV579 .hubProjectForwardContent h3{font-size:17px!important;}
  .hubPage.hubV427.hubProjectRefinedV579 #hubProjectNextAction{
    grid-column:1/-1;justify-self:stretch;width:100%;border-radius:15px!important;
    min-height:47px;
  }
  .hubProjectRefinedV579 .hubProjectMomentsGrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hubPage.hubV427.hubProjectRefinedV579 .hubProjectMomentsGrid>button{padding:12px 11px!important;}
  .hubProjectRefinedV579 .hubProjectMomentsGrid button>b{font-size:16px;}
  .hubProjectRefinedV579 .hubMoreGroupItems{grid-template-columns:minmax(0,1fr);}
  .hubPage.hubV427.hubProjectRefinedV579 .hubMoreGroupItems button{min-height:67px;padding:10px 12px!important;}
  .hubPage.hubV427.hubProjectRefinedV579 .hubDetailsEssentials .hubProjectDetailsGrid,
  .hubPage.hubV427.hubProjectRefinedV579 .hubDetailsMore .hubProjectDetailsGrid{grid-template-columns:minmax(0,1fr)!important;}
  .hubProjectRefinedV579 .hubProjectBookingCompact .hubBookingSummaryFacts{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:355px){
  .hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579{width:calc(100dvw - 22px)!important;}
  .hubProjectRefinedV579 .hubProjectWelcomeTop{grid-template-columns:minmax(0,1fr) 60px;gap:8px;}
  .hubProjectRefinedV579 .hubProjectWelcomeArt{width:60px;height:72px;border-radius:18px;}
  .hubProjectRefinedV579 .hubProjectWelcome h2{font-size:23px!important;}
  .hubProjectRefinedV579 .hubProjectWelcomeFacts{grid-template-columns:minmax(0,1fr);}
  .hubProjectRefinedV579 .hubProjectMomentsGrid{grid-template-columns:minmax(0,1fr);}
  .hubProjectRefinedV579 .hubProjectRefinedNav button>span{font-size:9px!important;}
}
@media(min-width:900px){
  .hubPage.hubV427.hubProjectRefinedV579 .hubProjectWelcome{
    padding:26px!important;
  }
  .hubProjectRefinedV579 .hubProjectWelcomeTop{
    grid-template-columns:minmax(0,1fr) 134px;gap:25px;
  }
  .hubProjectRefinedV579 .hubProjectWelcomeArt{width:134px;height:125px;border-radius:27px;}
}
@media(prefers-reduced-motion:reduce){
  .hubProjectRefinedV579 *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

/* END assets/css/core/project-customer-refresh-v579.css */

/* BEGIN assets/css/core/customer-experience-refinement-v580.css */
/* Infinis v0580 — consistent customer-facing project details and rental previews.
   Visual changes only: don't move project editors, cart controls or payment state. */

/* Project editors: the icon cell and its painted icon must be the SAME width.
   Previous 35px grid track vs. 46px icon caused overlap on mobile. */
.hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579{
  --customerDetailIcon:clamp(43px,12vw,51px);
  --customerDetailGap:clamp(12px,3.5vw,17px);
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign .hubProjectDetailsGrid{
  min-width:0!important;
  gap:11px!important;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign .hubProjectDetailsGrid>button.hubProjectDetailPremium,
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectLogisticsSection .hubProjectDetailsGrid>button.hubProjectDetail{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:var(--customerDetailIcon) minmax(0,1fr) 15px!important;
  align-items:center!important;
  column-gap:var(--customerDetailGap)!important;
  width:100%!important;
  min-height:82px!important;
  padding:14px clamp(13px,3.5vw,19px)!important;
  border-radius:21px!important;
  text-align:left!important;
  overflow:hidden!important;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign .hubProjectDetailsGrid>button.hubProjectDetailPremium>span:first-child,
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectLogisticsSection .hubProjectDetailsGrid>button.hubProjectDetail>span:first-child{
  display:grid!important;place-items:center!important;
  width:var(--customerDetailIcon)!important;
  height:var(--customerDetailIcon)!important;
  min-width:var(--customerDetailIcon)!important;
  min-height:var(--customerDetailIcon)!important;
  grid-column:1!important;
  margin:0!important;padding:0!important;
  border-radius:clamp(14px,4vw,17px)!important;
  font-size:clamp(18px,5vw,21px)!important;
  background:linear-gradient(140deg,
    color-mix(in srgb,var(--workspacePrimary,var(--appBlue)) 12%,var(--workspacePanel,var(--appPanel))),
    color-mix(in srgb,var(--workspaceSecondary,var(--appPink)) 10%,var(--workspacePanel,var(--appPanel))))!important;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign .hubProjectDetailsGrid>button.hubProjectDetailPremium>div,
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectLogisticsSection .hubProjectDetailsGrid>button.hubProjectDetail>div{
  grid-column:2!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  overflow:visible!important;
  display:grid!important;align-content:center!important;gap:5px!important;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign .hubProjectDetailPremium small,
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectLogisticsSection .hubProjectDetail small{
  margin:0!important;
  font-size:clamp(10px,2.7vw,11px)!important;
  line-height:1.28!important;
  letter-spacing:.065em!important;
  font-weight:730!important;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign .hubProjectDetailPremium b,
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectLogisticsSection .hubProjectDetail b{
  display:block!important;
  margin:0!important;padding:0!important;
  font-size:clamp(14px,3.7vw,16px)!important;
  line-height:1.43!important;
  font-weight:750!important;
  letter-spacing:-.014em!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign .hubProjectDetailPremium>.hubProjectDetailChevron,
.hubPage.hubV427.hubProjectRefinedV579 .hubProjectLogisticsSection .hubProjectDetail>.hubProjectDetailChevron{
  grid-column:3!important;
  justify-self:center!important;
  width:15px!important;
  font-size:13px!important;
  opacity:.72!important;
}
/* Side groups follow the same spacing language as the essentials. */
.hubProjectRefinedV579 :is(.hubMoreGroupItems>button,.hubProjectMomentsGrid>button,.hubProjectWelcomeFacts>button){
  column-gap:clamp(11px,3vw,15px)!important;
}
.hubProjectRefinedV579 :is(.hubMoreGroupItems>button,.hubProjectMomentsGrid>button,.hubProjectWelcomeFacts>button)>:first-child{
  flex:none!important;
}
@media(max-width:600px){
  .hubPage.hubV427.hubProjectRefinedV579 .hubProjectDetailsRedesign .hubProjectDetailsGrid,
  .hubPage.hubV427.hubProjectRefinedV579 .hubProjectLogisticsSection .hubProjectDetailsGrid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Product details — a calm, theme-aware rental page with one live price in
   the floating cart bar, a readable intro and optional longer information. */
html[data-palette] .findProductOverlay .findProductSheet{
  --customerProductInk:var(--workspaceInk,var(--appText));
  --customerProductMuted:var(--workspaceMuted,var(--appMuted));
  --customerProductPanel:var(--workspacePanel,var(--appPanel));
  --customerProductLine:var(--workspaceLine,var(--appLine));
  --customerProductBlue:var(--workspacePrimary,var(--appBlue));
  --customerProductPink:var(--workspaceSecondary,var(--appPink));
  --customerProductSoft:var(--workspaceSoft,var(--appPanelSoft));
  color:var(--customerProductInk)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductScroll{
  padding:var(--findDetailTop) 15px calc(136px + env(safe-area-inset-bottom,0px))!important;
  scroll-padding-bottom:calc(136px + env(safe-area-inset-bottom,0px))!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductTopbar>span{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  white-space:nowrap!important;clip-path:inset(50%)!important;padding:0!important;border:0!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductGallery{
  height:clamp(226px,34dvh,340px)!important;
  max-height:340px!important;
  aspect-ratio:auto!important;
  border-radius:27px!important;
  border-color:color-mix(in srgb,var(--customerProductBlue) 18%,var(--customerProductLine))!important;
  background:linear-gradient(132deg,
    color-mix(in srgb,var(--customerProductBlue) 12%,var(--customerProductPanel)),
    color-mix(in srgb,var(--customerProductPink) 13%,var(--customerProductPanel)))!important;
  box-shadow:0 7px 25px color-mix(in srgb,var(--customerProductBlue) 8%,transparent)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductHeroImage{
  inset:14px!important;
  background-position:center!important;
  background-size:contain!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet :is(.findGalleryPrevious,.findGalleryNext){
  width:41px!important;height:41px!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--customerProductPanel) 84%,transparent)!important;
  box-shadow:0 7px 19px color-mix(in srgb,var(--customerProductInk) 10%,transparent)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductContent{
  padding:20px 2px 4px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductHeading{
  align-items:center!important;gap:12px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductHeading span{
  font-size:11px!important;font-weight:760!important;letter-spacing:.10em!important;
  line-height:1.4!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductHeading h2{
  font-size:clamp(26px,7vw,37px)!important;
  line-height:1.12!important;letter-spacing:-.043em!important;
  font-weight:770!important;margin:6px 0 0!important;
  overflow-wrap:break-word!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductSave{
  flex:none!important;width:47px!important;height:47px!important;
  border-radius:16px!important;
  border:1px solid var(--customerProductLine)!important;
  background:color-mix(in srgb,var(--customerProductPanel) 92%,transparent)!important;
}
/* The sticky price remains visible. Don't quote the same figure above and below. */
html.infinisCustomerLight[data-palette] .findProductSheet .findProductPrice{
  justify-content:flex-start!important;margin:10px 0 0!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductPrice>strong{display:none!important;}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductPrice:not(:has(>span)){display:none!important;}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductPrice>span{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  padding:6px 10px!important;border:1px solid var(--customerProductLine)!important;
  background:var(--customerProductPanel)!important;border-radius:999px!important;
  font-size:12px!important;font-weight:750!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductPrice>span small{
  font-size:10px!important;font-weight:550!important;color:var(--customerProductMuted)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductSummary{
  margin:13px 0 0!important;
  max-width:650px!important;
  color:var(--customerProductMuted)!important;
  font-size:clamp(13px,3.3vw,15px)!important;
  font-weight:470!important;
  line-height:1.65!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackageSavingsHero{
  display:inline-flex!important;align-items:center!important;
  gap:8px!important;width:auto!important;max-width:100%!important;
  padding:8px 12px!important;margin:13px 0 0!important;
  border-radius:17px!important;
  background:linear-gradient(125deg,
    color-mix(in srgb,var(--customerProductPink) 8%,var(--customerProductPanel)),
    color-mix(in srgb,var(--customerProductBlue) 7%,var(--customerProductPanel)))!important;
  border:1px solid color-mix(in srgb,var(--customerProductPink) 18%,var(--customerProductLine))!important;
  box-shadow:none!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackageSavingsHero>i{
  width:30px!important;height:30px!important;
  flex:0 0 30px!important;border-radius:11px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackageSavingsHero small{
  font-size:9px!important;font-weight:700!important;letter-spacing:.075em!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackageSavingsHero strong{
  font-size:12px!important;line-height:1.35!important;font-weight:750!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductSection{
  margin-top:13px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductCustomizerPrimary{
  padding:17px!important;
  margin-top:21px!important;
  background:linear-gradient(125deg,
    color-mix(in srgb,var(--customerProductBlue) 5%,var(--customerProductPanel)),
    color-mix(in srgb,var(--customerProductPink) 3%,var(--customerProductPanel)))!important;
  border:1px solid var(--customerProductLine)!important;
  box-shadow:none!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductSectionHeading{
  gap:9px!important;margin-bottom:10px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductSectionHeading h3{
  margin:0!important;font-size:17px!important;font-weight:750!important;line-height:1.3!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure{
  border:1px solid var(--customerProductLine)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--customerProductPanel) 92%,var(--customerProductSoft))!important;
  overflow:hidden!important;box-shadow:none!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure>summary{
  display:flex!important;align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:13px 16px!important;min-height:59px!important;
  font-size:14px!important;font-weight:740!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure>summary>span{
  min-width:0!important;display:flex!important;align-items:center!important;gap:11px!important;
  line-height:1.4!important;flex-wrap:wrap!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure>summary>span>i{
  display:grid!important;place-items:center!important;
  width:35px!important;height:35px!important;
  flex:0 0 35px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--customerProductBlue) 10%,var(--customerProductPanel)),
    color-mix(in srgb,var(--customerProductPink) 8%,var(--customerProductPanel)))!important;
  color:var(--customerProductBlue)!important;
  font-size:17px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure>summary>span>small{
  font-size:11px!important;font-weight:650!important;
  color:var(--customerProductMuted)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure>summary>i:last-child{
  color:var(--customerProductBlue)!important;font-size:15px!important;
  transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure[open]>summary>i:last-child{
  transform:rotate(180deg)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure>div{
  padding:0 16px 16px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure .findProductFacts{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure .findProductFact{
  display:flex!important;align-items:flex-start!important;gap:11px!important;
  min-width:0!important;padding:12px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure .findProductFact>i{
  flex:0 0 18px!important;min-width:18px!important;font-size:15px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure .findProductFact>span{min-width:0!important;}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductBenefitCopy p{
  font-size:13px!important;line-height:1.6!important;margin:0 0 7px!important;
  color:var(--customerProductMuted)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductBenefitCopy p:last-child{margin-bottom:0!important;}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackagePriceRows{
  margin:0!important;border-radius:15px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackageComponentList{
  margin:0!important;gap:9px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackageComponent{
  grid-template-columns:47px minmax(0,1fr) auto!important;
  gap:12px!important;padding:9px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackageComponentImage{
  width:47px!important;height:47px!important;border-radius:12px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findPackageComponentCopy strong{
  white-space:normal!important;overflow-wrap:break-word!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductImportant{
  background:color-mix(in srgb,var(--customerProductPink) 4%,var(--customerProductPanel))!important;
  border-color:color-mix(in srgb,var(--customerProductPink) 21%,var(--customerProductLine))!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductFinePrint{
  margin:16px 0 4px!important;font-size:11px!important;line-height:1.55!important;
}
/* Separate floating controls; no full-width painted footer covering the event. */
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions{
  position:absolute!important;
  inset:auto 13px calc(12px + env(safe-area-inset-bottom,0px))!important;
  z-index:17!important;
  display:grid!important;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  align-items:stretch!important;gap:9px!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions>div:first-child,
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions>.findProductCartControl{
  box-sizing:border-box!important;display:flex!important;
  flex-direction:column!important;justify-content:center!important;
  min-width:0!important;min-height:78px!important;
  padding:10px 12px!important;
  overflow:visible!important;
  border-radius:20px!important;
  border:1px solid var(--customerProductLine)!important;
  background:color-mix(in srgb,var(--customerProductPanel) 87%,transparent)!important;
  box-shadow:0 9px 31px color-mix(in srgb,var(--customerProductInk) 11%,transparent)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.16)!important;
  backdrop-filter:blur(20px) saturate(1.16)!important;
  pointer-events:auto!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions .findProductPriceLabel{
  font-size:10px!important;font-weight:700!important;
  color:var(--customerProductMuted)!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions .findProductTotalPrice{
  max-width:100%!important;font-size:clamp(16px,4.2vw,21px)!important;
  line-height:1.2!important;font-weight:770!important;
  overflow-wrap:break-word!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions .findProductCartControl{
  gap:5px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions :is(.findProductQuantityWrap,.findProductAddWrap){
  min-width:0!important;max-width:none!important;width:100%!important;gap:5px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions .findProductQuantity{
  min-height:48px!important;height:48px!important;
  grid-template-columns:minmax(35px,.27fr) minmax(42px,1fr) minmax(35px,.27fr)!important;
  border-radius:15px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions .findProductQuantity>button,
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions .findProductQuantity label{
  min-height:46px!important;height:46px!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions .findPackageQuantityAvailability{
  font-size:10px!important;line-height:1.25!important;
  font-weight:540!important;
}
html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions .findProductAdd{
  min-height:48px!important;height:48px!important;
  border-radius:15px!important;
  border:1px solid color-mix(in srgb,var(--customerProductBlue) 35%,var(--customerProductLine))!important;
  background:linear-gradient(125deg,
    color-mix(in srgb,var(--customerProductBlue) 15%,var(--customerProductPanel)),
    color-mix(in srgb,var(--customerProductPink) 11%,var(--customerProductPanel)))!important;
  color:var(--customerProductInk)!important;
  font-size:12px!important;font-weight:770!important;
}
@media(min-width:760px){
  html.infinisCustomerLight[data-palette] .findProductSheet .findProductGallery{
    height:clamp(270px,35dvh,395px)!important;max-height:395px!important;
  }
  html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions{
    left:20px!important;right:20px!important;bottom:16px!important;
    grid-template-columns:minmax(0,1fr) minmax(210px,320px)!important;
    max-width:none!important;
  }
  html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions>div:first-child,
  html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions>.findProductCartControl{
    min-height:74px!important;padding-inline:16px!important;
  }
}
@media(max-width:370px){
  .hubPage.hubV427.isProjectWorkspace.hubProjectRefinedV579{
    --customerDetailIcon:43px;--customerDetailGap:11px;
  }
  html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions{
    left:9px!important;right:9px!important;gap:7px!important;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  }
  html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions>div:first-child,
  html.infinisCustomerLight[data-palette] .findProductSheet .findProductActions>.findProductCartControl{
    padding-inline:9px!important;border-radius:18px!important;
  }
  html.infinisCustomerLight[data-palette] .findProductSheet .findProductDisclosure .findProductFacts{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.infinisCustomerLight[data-palette] .findProductSheet :is(.findProductDisclosure>summary>i:last-child,.findProductSave){transition:none!important;}
}

/* END assets/css/core/customer-experience-refinement-v580.css */

/* BEGIN assets/css/core/project-team-v583.css */
/* Infinis v0583 — Bubble project teams. Host and collaborator use one Hub design. */
.hubPage .hubSharedProjectSection{margin-block:16px 22px}
.hubPage .hubSharedProjectSection .hubTileIcon{background:linear-gradient(135deg,color-mix(in srgb,var(--workspacePrimary,#05abc1) 14%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#f2a3ce) 17%,var(--workspacePanel,#fff)))}
.hubPage .hubProjectTeamPanel,.hubPage .hubTeamOverview,.hubPage .hubTeamWorkSummary,.hubPage .hubTeamPeople,.hubPage .hubTeamInviteCard{min-width:0}
.hubPage .hubTeamSection{display:grid;gap:18px;margin:0 auto 24px;max-width:1060px}
.hubPage .hubTeamSection>header{display:flex;align-items:center;gap:14px;min-width:0}
.hubPage .hubTeamSection>header>div{min-width:0}
.hubPage .hubTeamIcon,.hubPage .hubTeamInvitationMark{display:grid;place-items:center;flex:none;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--workspacePrimary,#00adbb) 17%,#dde6e9);border-radius:18px;background:linear-gradient(130deg,color-mix(in srgb,var(--workspacePrimary,#00adbb) 14%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#d790bb) 16%,var(--workspacePanel,#fff)));color:var(--workspacePrimary,#008d9c);font-size:22px}
.hubPage .hubTeamSection>header small,.hubPage .hubTeamSectionHeading small{display:block;letter-spacing:.12em;font-size:10px;font-weight:800;color:var(--workspacePrimary,#008d9c)}
.hubPage .hubTeamSection>header h2{margin:5px 0 2px;font-size:clamp(20px,4.4vw,30px);line-height:1.15;letter-spacing:-.035em}
.hubPage .hubTeamSection>header p,.hubPage .hubTeamSectionHeading p{margin:5px 0 0;font-size:13px;line-height:1.5;color:var(--workspaceMuted,#557078)}
.hubPage .hubTeamRoot{display:grid;gap:18px}
.hubPage .hubTeamInviteCard,.hubPage .hubTeamPeople,.hubPage .hubTeamWorkSummary{padding:clamp(15px,3vw,23px);border:1px solid color-mix(in srgb,var(--workspaceLine,#d9e2e5) 95%,var(--workspacePanel,#fff));border-radius:26px;background:color-mix(in srgb,var(--workspacePanel,#fff) 92%,transparent);box-shadow:0 10px 30px rgba(20,44,55,.045)}
.hubPage .hubTeamSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.hubPage .hubTeamSectionHeading h2,.hubPage .hubTeamSectionHeading h3{margin:4px 0 0;font-size:19px;letter-spacing:-.028em;line-height:1.2;color:var(--workspaceInk,#16353b)}
.hubPage .hubTeamCount{flex:none;border-radius:999px;padding:6px 10px;background:#eaf6f5;color:#26776f;font-size:11px;font-weight:800}
.hubPage .hubTeamField{display:grid;gap:7px;min-width:0;margin-bottom:14px;color:var(--workspaceInk,#17383d)}
.hubPage .hubTeamField>span{font-size:12px;font-weight:800}
.hubPage .hubTeamField>span em{font-style:normal;font-size:11px;color:var(--workspaceMuted,#607982);font-weight:500}
.hubPage .hubTeamField>small{font-size:11px;line-height:1.5;color:var(--workspaceMuted,#607982)}
.hubPage .hubTeamField input,.hubPage .hubTeamField textarea{box-sizing:border-box;width:100%;min-width:0;min-height:45px;padding:11px 13px;border:1px solid var(--workspaceLine,#dae3e6);border-radius:16px;background:color-mix(in srgb,var(--workspaceSoft,#f1f9fa) 42%,var(--workspacePanel,#fff));color:var(--workspaceInk,#19383d);outline:none;font:inherit;font-size:14px;resize:vertical}
.hubPage .hubTeamField textarea{min-height:90px}
.hubPage .hubTeamField input:focus-visible,.hubPage .hubTeamField textarea:focus-visible{border-color:var(--workspacePrimary,#1c9eb1);box-shadow:0 0 0 3px color-mix(in srgb,var(--workspacePrimary,#17a6b7) 14%,transparent)}
.hubPage .hubTeamPermSet{padding:0;margin:4px 0 18px;min-width:0;border:0}
.hubPage .hubTeamPermSet legend{font-weight:850;font-size:13px;margin-bottom:11px}
.hubPage .hubTeamPermGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
.hubPage .hubTeamPermission{display:flex;gap:11px;align-items:center;position:relative;min-width:0;padding:12px;border-radius:17px;border:1px solid var(--workspaceLine,#dce6e8);background:var(--workspacePanel,#fff);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.hubPage .hubTeamPermission:has(input:checked){border-color:color-mix(in srgb,var(--workspacePrimary,#159bb1) 43%,var(--workspaceLine,#d8e0e5));background:linear-gradient(130deg,color-mix(in srgb,var(--workspacePrimary,#1498bd) 9%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#f4a6d0) 9%,var(--workspacePanel,#fff)))}
.hubPage .hubTeamPermission input{margin:0;flex:none;appearance:none;width:20px;height:20px;border:1.5px solid #a8babf;border-radius:7px;background:var(--workspacePanel,#fff);display:grid;place-items:center;cursor:pointer}
.hubPage .hubTeamPermission input:checked{background:var(--workspacePrimary,#008b9c);border-color:var(--workspacePrimary,#008b9c)}
.hubPage .hubTeamPermission i{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:12px;color:white;pointer-events:none;opacity:0}
.hubPage .hubTeamPermission:has(input:checked) i{opacity:1}
.hubPage .hubTeamPermission>span{display:grid;gap:3px;min-width:0}
.hubPage .hubTeamPermission b{font-size:12px;line-height:1.2;color:var(--workspaceInk,#19363b)}
.hubPage .hubTeamPermission small{font-size:10px;line-height:1.4;color:var(--workspaceMuted,#647b82)}
.hubPage .hubTeamAction,.hubPage .hubTeamMemberActions button,.hubPage .hubTeamIdentityNote button,.hubPage .hubTeamCreated button,.hubPage .hubTeamError button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:10px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--workspacePrimary,#1197ad) 45%,var(--workspaceLine,#d6e4e5));background:linear-gradient(120deg,color-mix(in srgb,var(--workspacePrimary,#00a0ba) 16%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#f19ac8) 14%,var(--workspacePanel,#fff)));color:var(--workspaceInk,#17383d);font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.hubPage .hubTeamAction:active,.hubPage .hubTeamMemberActions button:active{transform:scale(.98)}
.hubPage .hubTeamAction:disabled{opacity:.48;cursor:not-allowed}
.hubPage .hubTeamIdentityNote,.hubPage .hubTeamPrivateNotice{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--workspacePrimary,#10a1ad) 7%,var(--workspacePanel,#fff));border:1px solid color-mix(in srgb,var(--workspacePrimary,#10a1ad) 20%,#e4eded);font-size:12px;line-height:1.5;color:var(--workspaceMuted,#5b7177)}
.hubPage .hubTeamIdentityNote>span,.hubPage .hubTeamPrivateNotice>span{flex:1;min-width:0}
.hubPage .hubTeamIdentityNote>i,.hubPage .hubTeamPrivateNotice>i{font-size:19px;color:var(--workspacePrimary,#008b9c)}
.hubPage .hubTeamIdentityNote button{flex:none;min-height:37px;padding:8px 12px;font-size:11px}
.hubPage .hubTeamMemberList{display:grid;gap:10px}
.hubPage .hubTeamMember{padding:15px;border-radius:19px;border:1px solid var(--workspaceLine,#dee5e8);background:color-mix(in srgb,var(--workspaceSoft,#eff7f8) 35%,var(--workspacePanel,#fff))}
.hubPage .hubTeamMemberHeader{display:flex;align-items:center;gap:10px}
.hubPage .hubTeamAvatar{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--workspacePrimary,#00adbb) 13%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#d790bb) 15%,var(--workspacePanel,#fff)));color:#168c99;font-size:20px}
.hubPage .hubTeamPersonTitle{display:grid;gap:3px;flex:1;min-width:0}
.hubPage .hubTeamPersonTitle b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.hubPage .hubTeamPersonTitle small{font-size:11px;color:var(--workspaceMuted,#637983)}
.hubPage .hubTeamStatus{font-size:10px;font-weight:800;border-radius:999px;padding:5px 9px;background:#f8f0df;color:#987126}
.hubPage .hubTeamStatus.isActive{background:#e2f5ed;color:#26735a}
.hubPage .hubTeamMember form{margin-top:13px}
.hubPage .hubTeamManageAccess{margin:10px 0}
.hubPage .hubTeamManageAccess>summary{cursor:pointer;display:flex;align-items:center;gap:9px;padding:8px 0;font-size:12px;font-weight:750;color:var(--workspacePrimary,#168a9e)}
.hubPage .hubTeamManageAccess>summary i{margin-left:auto;transition:transform .2s}
.hubPage .hubTeamManageAccess[open]>summary i{transform:rotate(180deg)}
.hubPage .hubTeamMemberActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px}
.hubPage .hubTeamMemberActions button{min-height:40px;padding:9px 13px;font-size:12px}
.hubPage .hubTeamMemberActions .hubTeamDanger{border-color:#ebcfd3;color:#a44959;background:#fff6f7}
.hubPage .hubTeamEmpty{display:grid;place-items:center;gap:8px;padding:32px 20px;text-align:center;color:var(--workspaceMuted,#607a82)}
.hubPage .hubTeamEmpty>i{font-size:26px;color:var(--workspacePrimary,#008b9c)}
.hubPage .hubTeamEmpty h4{margin:0;font-size:16px;color:var(--workspaceInk,#16393c)}
.hubPage .hubTeamEmpty p{margin:0;font-size:13px;max-width:32ch;line-height:1.55}
.hubPage .hubTeamCreated{margin-top:17px;display:grid;gap:11px;padding:14px;border:1px solid #b5dfd9;border-radius:18px;background:#f1fcf8}
.hubPage .hubTeamCreated>i{font-size:22px;color:#258e73}
.hubPage .hubTeamCreated>div{display:grid;gap:4px}
.hubPage .hubTeamCreated strong{font-size:15px}
.hubPage .hubTeamCreated small{font-size:11px;line-height:1.5;color:#55746d}
.hubPage .hubTeamCreated label{display:grid;gap:5px;min-width:0;font-size:11px}
.hubPage .hubTeamCreated input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid #b5d6cc;background:var(--workspacePanel,#fff);font-size:11px}
.hubPage .hubTeamCreated>div:last-child{display:flex;gap:8px}
.hubPage .hubTeamCreated button{min-width:0;flex:1}
.hubPage .hubTeamLoading,.hubPage .hubTeamError{padding:24px;text-align:center;font-size:13px;color:var(--workspaceMuted,#617a81)}
.hubPage .hubTeamHelperMark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#dceff0;color:#188d9a;font-size:21px}
.hubPage .hubTeamNav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}
.hubPage .hubTeamNav::-webkit-scrollbar{display:none}
.hubPage .hubTeamOverview .hubProjectWelcomeFacts>div{display:flex;gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid var(--workspaceLine,#d8e3e5);border-radius:16px}
.hubPage .hubTeamOverview .hubProjectWelcomeFacts>div>span:last-child{display:grid;gap:3px;min-width:0}
.hubPage .hubTeamOverview .hubProjectWelcomeFacts b{font-size:14px;overflow-wrap:anywhere}
.hubPage .hubTeamScopeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hubPage .hubTeamScopeGrid button{display:flex;align-items:center;gap:9px;min-width:0;min-height:53px;padding:12px;border:1px solid var(--workspaceLine,#d9e5e7);border-radius:17px;background:var(--workspacePanel,#fff);color:var(--workspaceInk,#17363b);text-align:left;font:inherit;font-size:12px;font-weight:800}
.hubPage .hubTeamScopeGrid button span{flex:1;min-width:0}
.hubPage .hubTeamScopeGrid button>i:first-child{color:var(--workspacePrimary,#119baa);font-size:18px}
.hubPage .hubTeamNotesForm{max-width:760px;padding:14px;border:1px solid var(--workspaceLine,#dde7ea);background:var(--workspacePanel,#fff);border-radius:22px}
.hubPage .hubTeamLeave{text-align:center;padding:14px 0 60px}
.hubPage .hubTeamLeave>button{padding:10px 15px;color:#a75a68;border:1px solid #e8d6da;background:transparent;border-radius:14px;font:inherit;font-size:12px;cursor:pointer}
.hubTeamInvitationLanding{display:grid;align-content:center;justify-items:center;min-height:min(720px,80dvh);padding:20px;color:var(--workspaceInk,#153943)}
.hubTeamInvitationWelcome{display:grid;justify-items:center;gap:13px;width:min(100%,510px);padding:clamp(22px,5vw,37px);border:1px solid var(--workspaceLine,#dce4e9);background:linear-gradient(145deg,var(--workspacePanel,#fff),color-mix(in srgb,var(--workspacePrimary,#09a0b3) 9%,var(--workspacePanel,#fff)) 57%,color-mix(in srgb,var(--workspaceSecondary,#d790bb) 9%,var(--workspacePanel,#fff)));border-radius:30px;text-align:center;box-sizing:border-box}
.hubTeamInvitationWelcome>small:first-of-type{letter-spacing:.15em;font-size:10px;font-weight:800;color:#1591a0}
.hubTeamInvitationWelcome h1{margin:0;font-size:clamp(25px,7vw,35px);line-height:1.1;letter-spacing:-.04em}
.hubTeamInvitationWelcome p{margin:0;line-height:1.5;color:#60767e}
.hubTeamInvitationWelcome [data-team-invite-details]{display:grid;gap:4px;font-size:13px}
.hubTeamInvitationWelcome [data-team-invite-details] span{color:#607a82;font-size:11px}
.hubTeamInvitationWelcome [data-team-start]{min-height:48px;display:flex;align-items:center;gap:9px;padding:12px 20px;border:1px solid #9dcfd5;border-radius:17px;background:#e9f8fa;color:#15444b;font:inherit;font-weight:850;cursor:pointer}
.hubTeamInvitationWelcome>small:last-child{font-size:11px;line-height:1.6;color:#6e858a}
@media(max-width:550px){
 .hubPage .hubTeamRoot{gap:14px}
 .hubPage .hubTeamSection{gap:12px}
 .hubPage .hubTeamPermGrid{grid-template-columns:1fr}
 .hubPage .hubTeamScopeGrid{grid-template-columns:1fr 1fr}
 .hubPage .hubTeamSection>header{align-items:flex-start}
 .hubPage .hubTeamInviteCard,.hubPage .hubTeamPeople,.hubPage .hubTeamWorkSummary{padding:15px;border-radius:21px}
 .hubPage .hubTeamIdentityNote{flex-wrap:wrap}
 .hubPage .hubTeamIdentityNote button{margin-left:32px}
 .hubPage .hubTeamSectionHeading{align-items:flex-start}
 .hubPage .hubTeamSectionHeading h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.hubPage .hubTeamPermission,.hubPage .hubTeamAction,.hubPage .hubTeamManageAccess>summary i{transition:none}}

/* v0586 — host-first invitation controls, connected Bubble picker. */
.hubPage .hubTeamPickModes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}
.hubPage .hubTeamPickModes button{min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 11px;border:1px solid var(--workspaceLine,#dce6e8);border-radius:16px;background:color-mix(in srgb,var(--workspacePanel,#fff) 90%,transparent);color:var(--workspaceInk,#17383d);font:inherit;font-weight:750;font-size:12px;cursor:pointer}
.hubPage .hubTeamPickModes button.isSelected{border-color:color-mix(in srgb,var(--workspacePrimary,#0aa5b2) 49%,var(--workspaceLine,#dce6e8));background:linear-gradient(125deg,color-mix(in srgb,var(--workspacePrimary,#16a3bb) 13%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#efa2c9) 12%,var(--workspacePanel,#fff)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--workspacePrimary,#0aa5b2) 13%,transparent)}
.hubPage .hubTeamPickModes button i{font-size:16px;color:var(--workspacePrimary,#008d9c)}
.hubPage .hubTeamConnectedList{display:grid;gap:8px;max-height:min(38dvh,285px);min-height:64px;overflow-y:auto;overscroll-behavior:contain;padding:3px 2px 9px;scrollbar-width:thin}
.hubPage .hubTeamConnection{display:flex;align-items:center;gap:12px;min-width:0;min-height:61px;padding:9px 12px;border:1px solid var(--workspaceLine,#d8e5e7);border-radius:17px;background:var(--workspacePanel,#fff);text-align:left;font:inherit;color:var(--workspaceInk,#19383d);cursor:pointer;transition:background .2s,border-color .2s}
.hubPage .hubTeamConnection.isChosen{border-color:var(--workspacePrimary,#008d9c);background:color-mix(in srgb,var(--workspacePrimary,#0ba5bb) 9%,var(--workspacePanel,#fff))}
.hubPage .hubTeamConnection .hubGuestAvatar{flex:none;width:43px;height:43px}
.hubPage .hubTeamConnection>span{display:grid;flex:1;min-width:0;gap:4px}
.hubPage .hubTeamConnection b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hubPage .hubTeamConnection small{font-size:11px;color:var(--workspaceMuted,#637c81)}
.hubPage .hubTeamConnection>i{flex:none;color:var(--workspacePrimary,#008b9a);font-size:19px;opacity:.2}
.hubPage .hubTeamConnection.isChosen>i{opacity:1}
.hubPage .hubTeamPickHelp,.hubPage .hubTeamConnectionsEmpty{font-size:12px;line-height:1.5;color:var(--workspaceMuted,#647c81);margin:8px 0 14px}
.hubPage .hubTeamConnectionsEmpty{text-align:center;padding:20px 12px;margin:0}
.hubPage .hubTeamLinkNote{display:flex;gap:12px;align-items:center;margin:0 0 16px;padding:16px;border:1px solid color-mix(in srgb,var(--workspacePrimary,#0a96af) 22%,var(--workspaceLine,#dce6e8));border-radius:17px;background:color-mix(in srgb,var(--workspacePrimary,#06a7b7) 6%,var(--workspacePanel,#fff));font-size:12px;line-height:1.55;color:var(--workspaceMuted,#536d75)}
.hubPage .hubTeamLinkNote>i{font-size:21px;flex:none;color:var(--workspacePrimary,#078fa5)}
.hubPage .hubTeamPickModes [hidden],.hubPage [data-team-connected-panel][hidden],.hubPage [data-team-link-panel][hidden]{display:none!important}
.hubPage .hubTeamError button{margin-top:9px}
@media(max-width:360px){.hubPage .hubTeamPickModes button{font-size:11px;padding-inline:6px}}


/* v0588 — The Bubble photo must be positioned INSIDE its avatar, never against
   the scrolling Hub page. Without a positioned avatar parent, the shared guest
   image's absolute inset:0 expands to the entire project view on iOS. */
.hubPage .hubGuestProfileAvatar {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hubPage .hubTeamConnectedList .hubTeamConnection .hubGuestProfileAvatar {
  box-sizing:border-box!important;
  position:relative!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate;
  contain:layout paint;
}
.hubPage .hubTeamConnectedList .hubTeamConnection .hubGuestProfileAvatar > img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
.hubPage .hubTeamConnectedList .hubTeamConnection .hubGuestProfileAvatar > span {
  display:grid;
  place-items:center;
  min-width:0;
  font-size:14px;
  line-height:1;
}
.hubPage .hubTeamConnectedList .hubTeamConnection > span {
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
}
.hubPage .hubTeamConnectedList .hubTeamConnection {
  overflow:hidden;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}


/* v0589 — Compact, customer-first Project Team invitation + management. */
.hubPage .hubProjectTeamPanel .hubTeamSection{gap:12px;margin-bottom:12px;max-width:930px}
.hubPage .hubProjectTeamPanel .hubTeamHostHeader{gap:11px;margin:0 0 3px}
.hubPage .hubProjectTeamPanel .hubTeamHostHeader .hubTeamIcon{width:43px;height:43px;border-radius:15px;font-size:19px}
.hubPage .hubProjectTeamPanel .hubTeamHostHeader h2{font-size:clamp(19px,4vw,25px);line-height:1.12;margin:2px 0 0}
.hubPage .hubProjectTeamPanel .hubTeamHostHeader p{margin:3px 0 0;line-height:1.35;font-size:12px}
.hubPage .hubTeamRoot{gap:0;min-width:0}
.hubPage .hubTeamPageTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--workspaceLine,#dce6e8) 88%,var(--workspacePanel,#fff));border-radius:20px;background:color-mix(in srgb,var(--workspacePanel,#fff) 50%,var(--workspaceSoft,#edf8f9));box-shadow:0 8px 20px rgba(21,54,63,.035)}
.hubPage .hubTeamPageTabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:43px;padding:9px 8px;border:1px solid transparent;border-radius:15px;background:transparent;font:inherit;font-size:13px;font-weight:800;color:var(--workspaceMuted,#58757a);cursor:pointer;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}
.hubPage .hubTeamPageTabs button i{font-size:17px}
.hubPage .hubTeamPageTabs button.isActive{color:var(--workspaceInk,#15363c);border-color:color-mix(in srgb,var(--workspacePrimary,#159bb1) 26%,var(--workspaceLine,#dae5e7));background:linear-gradient(125deg,color-mix(in srgb,var(--workspacePrimary,#159bb1) 10%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#e9a0c8) 12%,var(--workspacePanel,#fff)));box-shadow:0 4px 12px rgba(26,67,78,.07)}
.hubPage .hubTeamPageTabs button em{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:999px;background:color-mix(in srgb,var(--workspacePrimary,#179aac) 9%,var(--workspacePanel,#fff));font-size:11px;font-style:normal;font-weight:800;color:var(--workspacePrimary,#098a9b)}
.hubPage .hubTeamTabPane{min-width:0;animation:infinisTeamTabEnter .2s ease both}
@keyframes infinisTeamTabEnter{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.hubPage .hubTeamTabPane[hidden],.hubPage .hubTeamConnectedList[hidden],.hubPage .hubTeamSelectedChip[hidden]{display:none!important}
.hubPage .hubProjectTeamPanel .hubTeamInviteCard,.hubPage .hubProjectTeamPanel .hubTeamPeople{padding:clamp(14px,3vw,20px);border-radius:23px;box-shadow:0 7px 20px rgba(19,54,62,.035)}
.hubPage .hubTeamInviteIntro{margin-bottom:12px}
.hubPage .hubTeamInviteIntro h3{font-size:20px;margin:3px 0 0}
.hubPage .hubTeamPickModes{gap:7px;margin-bottom:12px}
.hubPage .hubTeamPickModes button{min-height:44px;padding:8px;border-radius:14px;font-size:12px}
.hubPage .hubTeamSearchField{margin-bottom:7px}
.hubPage .hubTeamSearchInput{display:flex;align-items:center;position:relative;min-width:0}
.hubPage .hubTeamSearchInput>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--workspacePrimary,#128d9f);font-size:16px;pointer-events:none;z-index:1}
.hubPage .hubTeamSearchInput input{width:100%;padding-left:42px;min-height:48px;font-size:14px}
.hubPage .hubTeamSearchInput input::-webkit-search-cancel-button{cursor:pointer}
.hubPage .hubTeamPickHelp{margin:7px 1px 11px;font-size:11px;line-height:1.4}
.hubPage .hubTeamConnectedList{max-height:min(36dvh,270px);min-height:0;padding:4px 1px 8px;margin:2px 0;gap:7px;overflow-x:hidden}
.hubPage .hubTeamConnectionsEmpty{display:flex;align-items:center;gap:10px;justify-content:center;padding:12px 10px;font-size:12px}
.hubPage .hubTeamConnectionsEmpty i{color:var(--workspacePrimary,#148f9f)}
.hubPage .hubTeamConnection{min-height:57px;padding:7px 10px;border-radius:15px}
.hubPage .hubTeamSelectedChip{display:flex;align-items:center;gap:8px;margin:8px 0 6px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--workspacePrimary,#158fa6) 35%,var(--workspaceLine,#dce6e8));border-radius:15px;background:linear-gradient(120deg,color-mix(in srgb,var(--workspacePrimary,#0995b3) 11%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#e9a3cd) 11%,var(--workspacePanel,#fff)));font-size:12px;color:var(--workspaceInk,#19373f)}
.hubPage .hubTeamSelectedChip>i{color:var(--workspacePrimary,#1191a2);font-size:16px}
.hubPage .hubTeamSelectedChip>span{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.hubPage .hubTeamSelectedChip small{font-size:11px;font-weight:600;color:var(--workspaceMuted,#677c84);overflow:hidden;text-overflow:ellipsis}
.hubPage .hubTeamSelectedChip>button{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--workspacePrimary,#119dac) 25%,var(--workspaceLine,#dee7eb));border-radius:10px;background:var(--workspacePanel,#fff);color:var(--workspaceInk,#19393f);cursor:pointer}
.hubPage .hubTeamFormOptions{margin:0 0 10px;border:1px solid var(--workspaceLine,#dce5e8);border-radius:17px;background:color-mix(in srgb,var(--workspaceSoft,#f1f9fa) 32%,var(--workspacePanel,#fff));overflow:hidden}
.hubPage .hubTeamFormOptions>summary{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 12px;cursor:pointer;list-style:none}
.hubPage .hubTeamFormOptions>summary::-webkit-details-marker{display:none}
.hubPage .hubTeamFormOptionsIcon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--workspacePrimary,#119dac) 15%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#e8a5cc) 15%,var(--workspacePanel,#fff)));color:var(--workspacePrimary,#06899f);font-size:18px}
.hubPage .hubTeamFormOptionsCopy{display:grid;gap:3px;min-width:0;flex:1}
.hubPage .hubTeamFormOptionsCopy strong{font-size:13px;line-height:1.2;color:var(--workspaceInk,#17383d)}
.hubPage .hubTeamFormOptionsCopy small{font-size:11px;line-height:1.4;color:var(--workspaceMuted,#667e84)}
.hubPage .hubTeamFormOptions>summary>i:last-child{font-size:12px;color:var(--workspacePrimary,#168f9b);transition:transform .2s}
.hubPage .hubTeamFormOptions[open]>summary>i:last-child{transform:rotate(180deg)}
.hubPage .hubTeamFormOptions .hubTeamPermSet{padding:0 12px 12px;margin:0}
.hubPage .hubTeamFormOptions .hubTeamPermSet legend{font-size:11px;margin:5px 0 9px}
.hubPage .hubTeamFormOptions .hubTeamPermGrid{gap:7px}
.hubPage .hubTeamFormOptions .hubTeamPermission{padding:10px}
.hubPage .hubTeamMessageBody{padding:0 12px 12px}
.hubPage .hubTeamMessageBody .hubTeamField{margin:0}
.hubPage .hubTeamMessageBody .hubTeamField textarea{min-height:80px}
.hubPage .hubTeamFormOptions + .hubTeamAction,.hubPage .hubTeamInviteCard [data-team-invite-form]>.hubTeamAction{width:100%;min-height:49px;margin-top:3px}
.hubPage .hubTeamMemberAssignment{margin:7px 0 1px 51px;font-size:12px;line-height:1.4;color:var(--workspaceMuted,#5b757f)}
.hubPage .hubTeamManageAccess{margin:9px 0 0}
.hubPage .hubTeamManageAccess>summary{gap:9px;padding:9px 5px;border-top:1px solid var(--workspaceLine,#dae4e7)}
.hubPage .hubTeamManageAccess>summary i:last-child{margin-left:auto}
.hubPage .hubTeamManageAccess>form{margin-top:5px}
.hubPage .hubTeamPeople .hubTeamEmpty{padding:27px 12px}
@media(max-width:550px){
  .hubPage .hubProjectTeamPanel .hubTeamSection{gap:10px}
  .hubPage .hubTeamPageTabs{margin-bottom:10px}
  .hubPage .hubProjectTeamPanel .hubTeamInviteCard,.hubPage .hubProjectTeamPanel .hubTeamPeople{padding:14px}
  .hubPage .hubTeamFormOptions .hubTeamPermGrid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.hubPage .hubTeamTabPane{animation:none}.hubPage .hubTeamPageTabs button,.hubPage .hubTeamFormOptions>summary>i:last-child{transition:none}}


/* v0597 — Project Team follows the active palette AND resolved appearance.
   Never tint selections with literal white: Auto can resolve to Dark and would
   produce near-white chips with white-on-white text. Using appearance vars also
   makes the same UI respond immediately when the user changes themes. */
html[data-palette][data-color-scheme] .hubPage .hubTeamSection,
html[data-palette][data-color-scheme] .hubPage .hubTeamRoot,
html[data-palette][data-color-scheme] .hubTeamInvitationLanding {
  --teamSurface:var(--workspacePanel);
  --teamSoft:var(--workspaceSoft);
  --teamInk:var(--workspaceInk);
  --teamMuted:var(--workspaceMuted);
  --teamLine:var(--workspaceLine);
  --teamAccent:var(--workspacePrimary);
  --teamAccentAlt:var(--workspaceSecondary);
  --teamTint:linear-gradient(125deg,
    color-mix(in srgb,var(--workspacePrimary) 12%,var(--workspacePanel)),
    color-mix(in srgb,var(--workspaceSecondary) 12%,var(--workspacePanel)));
  color:var(--teamInk);
  color-scheme:normal;
}
html[data-color-scheme="dark"][data-palette] .hubPage .hubTeamSection,
html[data-color-scheme="dark"][data-palette] .hubPage .hubTeamRoot,
html[data-color-scheme="dark"][data-palette] .hubTeamInvitationLanding{color-scheme:dark;}
html[data-color-scheme="light"][data-palette] .hubPage .hubTeamSection,
html[data-color-scheme="light"][data-palette] .hubPage .hubTeamRoot,
html[data-color-scheme="light"][data-palette] .hubTeamInvitationLanding{color-scheme:light;}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamPageTabs,.hubTeamInviteCard,.hubTeamPeople,.hubTeamWorkSummary,.hubTeamMember,.hubTeamFormOptions,.hubTeamConnection,.hubTeamPermission,.hubTeamSelectedChip,.hubTeamCreated,.hubTeamLinkNote,.hubTeamPrivateNotice,.hubTeamIdentityNote){
  border-color:var(--workspaceLine);
  color:var(--workspaceInk);
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamInviteCard,.hubTeamPeople,.hubTeamWorkSummary,.hubTeamMember,.hubTeamConnection,.hubTeamCreated){
  background:var(--workspacePanel);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPageTabs{
  background:color-mix(in srgb,var(--workspaceSoft) 80%,var(--workspacePanel));
  border-color:var(--workspaceLine);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPageTabs button:not(.isActive){
  background:transparent;
  color:var(--workspaceMuted);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPickModes button:not(.isSelected){
  background:var(--workspacePanel);
  color:var(--workspaceInk);
  border-color:var(--workspaceLine);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPageTabs button.isActive,
html[data-palette][data-color-scheme] .hubPage .hubTeamPageTabs button[aria-selected="true"],
html[data-palette][data-color-scheme] .hubPage .hubTeamPickModes button.isSelected,
html[data-palette][data-color-scheme] .hubPage .hubTeamPickModes button[aria-selected="true"]{
  background:var(--teamTint)!important;
  color:var(--workspaceInk)!important;
  border-color:color-mix(in srgb,var(--workspacePrimary) 45%,var(--workspaceLine))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--workspacePrimary) 16%,transparent);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPageTabs button:is(.isActive,[aria-selected="true"]) :is(i,span,em),
html[data-palette][data-color-scheme] .hubPage .hubTeamPickModes button:is(.isSelected,[aria-selected="true"]) :is(i,span){
  color:var(--workspaceInk)!important;
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPageTabs button em{
  background:color-mix(in srgb,var(--workspacePrimary) 13%,var(--workspacePanel));
  color:var(--workspaceInk);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPageTabs button:focus-visible,
html[data-palette][data-color-scheme] .hubPage .hubTeamPickModes button:focus-visible,
html[data-palette][data-color-scheme] .hubPage .hubTeamAction:focus-visible{
  outline:2px solid var(--workspacePrimary);
  outline-offset:3px;
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamPageTabs button,.hubTeamPickModes button):hover:not(:disabled){
  border-color:color-mix(in srgb,var(--workspacePrimary) 42%,var(--workspaceLine));
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamPageTabs button,.hubTeamPickModes button):is(.isActive,.isSelected):hover{
  background:var(--teamTint)!important;
  color:var(--workspaceInk)!important;
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamPermission:has(input:checked),.hubTeamConnection.isChosen,.hubTeamSelectedChip){
  background:var(--teamTint);
  color:var(--workspaceInk);
  border-color:color-mix(in srgb,var(--workspacePrimary) 45%,var(--workspaceLine));
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPermission input[type="checkbox"]{
  background:var(--workspacePanel);
  border-color:var(--workspaceLine);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPermission input[type="checkbox"]:checked{
  background:var(--workspacePrimary);
  border-color:var(--workspacePrimary);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamPermission:has(input:checked)>i{
  color:var(--workspaceBackground);
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamField input,.hubTeamField textarea,.hubTeamCreated input){
  background:var(--workspaceSoft);
  color:var(--workspaceInk);
  border-color:var(--workspaceLine);
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamField input,.hubTeamField textarea,.hubTeamCreated input)::placeholder{
  color:var(--workspaceMuted);
  opacity:.9;
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamAction,.hubTeamMemberActions button:not(.hubTeamDanger),.hubTeamError button,.hubTeamIdentityNote button,.hubTeamCreated button){
  background:var(--teamTint);
  color:var(--workspaceInk);
  border-color:color-mix(in srgb,var(--workspacePrimary) 42%,var(--workspaceLine));
}
html[data-palette][data-color-scheme] .hubPage .hubTeamAction:disabled{
  background:var(--workspaceSoft);
  color:var(--workspaceMuted);
  opacity:.58;
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamFormOptions,.hubTeamIdentityNote,.hubTeamPrivateNotice,.hubTeamLinkNote){
  background:color-mix(in srgb,var(--workspaceSoft) 56%,var(--workspacePanel));
}
html[data-palette][data-color-scheme] .hubPage :is(.hubTeamIcon,.hubTeamInvitationMark,.hubTeamAvatar,.hubTeamHelperMark,.hubTeamFormOptionsIcon){
  background:var(--teamTint);
  color:var(--workspacePrimary);
  border-color:var(--workspaceLine);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamCount{
  background:color-mix(in srgb,var(--workspacePrimary) 13%,var(--workspacePanel));
  color:var(--workspaceInk);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamMemberActions .hubTeamDanger{
  background:color-mix(in srgb,#cf5967 9%,var(--workspacePanel));
  color:var(--workspaceInk);
  border-color:color-mix(in srgb,#cf5967 32%,var(--workspaceLine));
}
html[data-palette][data-color-scheme] .hubPage .hubTeamCreated{
  background:color-mix(in srgb,var(--workspacePrimary) 6%,var(--workspacePanel));
}
html[data-palette][data-color-scheme] .hubPage .hubTeamCreated :is(small,label),
html[data-palette][data-color-scheme] .hubPage .hubTeamCreated>i{
  color:var(--workspaceMuted);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamStatus{
  background:var(--workspaceSoft);
  color:var(--workspaceMuted);
}
html[data-palette][data-color-scheme] .hubPage .hubTeamStatus.isActive{
  background:color-mix(in srgb,var(--workspacePrimary) 12%,var(--workspacePanel));
  color:var(--workspaceInk);
}
html[data-palette][data-color-scheme] .hubTeamInvitationWelcome{
  background:var(--teamTint);
  border-color:var(--workspaceLine);
  color:var(--workspaceInk);
}
html[data-palette][data-color-scheme] .hubTeamInvitationWelcome :is(h1,p,small),
html[data-palette][data-color-scheme] .hubTeamInvitationWelcome [data-team-invite-details] :is(span,b){
  color:var(--workspaceInk);
}
html[data-palette][data-color-scheme] .hubTeamInvitationWelcome [data-team-start]{
  background:var(--workspacePanel);
  border-color:var(--workspacePrimary);
  color:var(--workspaceInk);
}


/* v0598 - Secure, recipient-owned project team inbox. Match the selected
   palette and resolved light/dark appearance, not fixed light-only colors. */
.hubPage .hubTeamInbox[hidden]{display:none!important}
.hubPage .hubTeamInbox{
  display:grid;gap:12px;margin:12px 0 21px;padding:clamp(16px,3.8vw,22px);
  border:1px solid color-mix(in srgb,var(--workspacePrimary,#1698a9) 30%,var(--workspaceLine,#d8e6e9));
  border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--workspacePrimary,#1598b1) 8%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#ef9bc7) 7%,var(--workspacePanel,#fff)));
  box-shadow:0 10px 28px color-mix(in srgb,var(--workspaceInk,#16363d) 5%,transparent);
  color:var(--workspaceInk,#16363d);min-width:0;box-sizing:border-box;
}
.hubPage .hubTeamInboxHeader{display:flex;gap:12px;align-items:center;min-width:0}
.hubPage .hubTeamInboxIcon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:17px;background:color-mix(in srgb,var(--workspacePrimary,#1698a9) 11%,var(--workspacePanel,#fff));color:var(--workspacePrimary,#1698a9);font-size:21px}
.hubPage .hubTeamInboxHeader>div{display:grid;gap:3px;min-width:0;flex:1}
.hubPage .hubTeamInboxHeader small{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--workspacePrimary,#1392a5)}
.hubPage .hubTeamInboxHeader h2{font-size:clamp(18px,4vw,23px);margin:0;line-height:1.15;letter-spacing:-.025em;color:var(--workspaceInk,#18363e)}
.hubPage .hubTeamInboxHeader p{margin:0;font-size:12px;line-height:1.4;color:var(--workspaceMuted,#607b82)}
.hubPage .hubTeamInboxHeader em{display:grid;place-items:center;min-width:29px;height:29px;border-radius:50%;font-style:normal;font-size:12px;font-weight:800;background:var(--workspacePanel,#fff);color:var(--workspacePrimary,#188a9b)}
.hubPage .hubTeamInboxCard{display:grid;gap:9px;padding:15px;border:1px solid var(--workspaceLine,#d7e5e8);border-radius:20px;background:color-mix(in srgb,var(--workspacePanel,#fff) 94%,transparent);min-width:0}
.hubPage .hubTeamInboxCard>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hubPage .hubTeamInboxCard b{font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.hubPage .hubTeamInboxCard small{font-size:11px;color:var(--workspaceMuted,#5e7780)}
.hubPage .hubTeamInboxCard p{font-size:13px;line-height:1.48;margin:0;color:var(--workspaceInk,#173b43);overflow-wrap:anywhere}
.hubPage .hubTeamInboxCard .hubTeamInboxMessage{font-size:12px;color:var(--workspaceMuted,#567178)}
.hubPage .hubTeamInboxAccess{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.5;color:var(--workspaceMuted,#577780)}
.hubPage .hubTeamInboxAccess i{color:var(--workspacePrimary,#008caa);font-size:15px;flex:none}
.hubPage .hubTeamInboxActions,.hubTeamInviteDecisions{display:flex;gap:9px;flex-wrap:wrap;margin-top:3px}
.hubPage .hubTeamInboxActions button,.hubTeamInviteDecisions button{
  flex:1 1 120px;min-height:44px;border:1px solid var(--workspaceLine,#d4e4e8);border-radius:15px;
  background:var(--workspacePanel,#fff);color:var(--workspaceInk,#19363f);
  padding:9px 14px;font:inherit;font-weight:750;font-size:13px;cursor:pointer;
  transition:transform .18s,border-color .18s,background .18s;
}
.hubPage .hubTeamInboxActions button:first-child,.hubTeamInviteDecisions .hubTeamInviteAccept{
  background:linear-gradient(120deg,color-mix(in srgb,var(--workspacePrimary,#13a1b4) 16%,var(--workspacePanel,#fff)),color-mix(in srgb,var(--workspaceSecondary,#f098c3) 11%,var(--workspacePanel,#fff)));
  border-color:color-mix(in srgb,var(--workspacePrimary,#118da4) 38%,var(--workspaceLine,#d8e4e7));
  color:var(--workspaceInk,#173a42);
}
.hubPage .hubTeamInboxActions button:focus-visible,.hubTeamInviteDecisions button:focus-visible{outline:3px solid var(--workspacePrimary,#128da2);outline-offset:2px}
.hubPage .hubTeamInboxActions button:disabled,.hubTeamInviteDecisions button:disabled{opacity:.55;cursor:wait}
.hubPage .hubTeamInboxError{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:var(--workspaceMuted,#607780);font-size:12px;line-height:1.4}
.hubPage .hubTeamInboxError button{min-height:34px;border-radius:11px;background:var(--workspacePanel,#fff);border:1px solid var(--workspaceLine,#dce5ea);padding:7px 11px;color:var(--workspaceInk,#173943);font:inherit;font-weight:700;cursor:pointer}
.hubTeamInvitationWelcome .hubTeamInviteDecisions{width:100%;justify-content:center}
.hubTeamInvitationWelcome .hubTeamInviteDecisions button{flex:1 1 150px;max-width:220px}
.hubTeamInviteFeedback{max-width:100%;font-size:12px;color:var(--workspaceInk,#173940);line-height:1.5;overflow-wrap:anywhere}
@media(max-width:450px){.hubPage .hubTeamInbox{margin-inline:0;padding:14px;border-radius:21px}.hubPage .hubTeamInboxCard{padding:12px}.hubPage .hubTeamInboxActions button{flex:1}}
@media(prefers-reduced-motion:reduce){.hubPage .hubTeamInboxActions button,.hubTeamInviteDecisions button{transition:none}}

/* v0600: Full project access is a collaborator role, never the host role. */
.hubPage .hubTeamFullChoice{
  border-color:color-mix(in srgb,var(--workspacePrimary) 35%,var(--workspaceLine))!important;
  background:linear-gradient(130deg,
    color-mix(in srgb,var(--workspacePrimary) 12%,var(--workspacePanel)),
    color-mix(in srgb,var(--workspaceSecondary) 10%,var(--workspacePanel)))!important;
}
.hubPage .hubTeamFullChoice :is(b,small){color:var(--workspaceInk)!important}
.hubPage .hubTeamFullChoice small{opacity:.76}
.hubPage .hubTeamHostProtected,
.hubPage .hubTeamFullHostNote{
  display:flex;align-items:center;gap:12px;min-width:0;
  padding:14px;border:1px solid color-mix(in srgb,var(--workspacePrimary) 24%,var(--workspaceLine));
  border-radius:19px;background:color-mix(in srgb,var(--workspacePrimary) 7%,var(--workspacePanel));
  color:var(--workspaceInk)
}
.hubPage .hubTeamHostProtected>i:first-child,
.hubPage .hubTeamFullHostNote>i:first-child{font-size:22px;color:var(--workspacePrimary)}
.hubPage .hubTeamHostProtected>span,
.hubPage .hubTeamFullHostNote>span{flex:1;display:grid;gap:3px;min-width:0}
.hubPage .hubTeamHostProtected :is(b,small),
.hubPage .hubTeamFullHostNote :is(b,small){overflow-wrap:anywhere}
.hubPage .hubTeamHostProtected small,
.hubPage .hubTeamFullHostNote small{font-size:12px;line-height:1.4;color:var(--workspaceMuted)}
.hubPage .hubTeamHostProtected>i:last-child{color:var(--workspaceMuted)}
.hubPage .hubTeamFullAccessBadge{
  display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;
  margin:8px 0 0;padding:6px 10px;border-radius:100px;
  font-size:11px;font-weight:800;color:var(--workspacePrimary);
  background:color-mix(in srgb,var(--workspacePrimary) 11%,var(--workspacePanel));
}
.hubPage .hubTeamFullDetails,
.hubPage .hubTeamFullForm,
.hubPage .hubTeamGuestList,
.hubPage .hubTeamRegistrySummary{min-width:0}
.hubPage .hubTeamFullFormPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hubPage .hubTeamFullFormPair .hubTeamField{min-width:0}
.hubPage .hubTeamGuest,
.hubPage .hubTeamRegistrySummary>div{
  display:flex;align-items:center;gap:12px;padding:13px 14px;
  border:1px solid var(--workspaceLine);border-radius:17px;
  background:var(--workspacePanel);color:var(--workspaceInk)
}
.hubPage .hubTeamGuestList,.hubPage .hubTeamRegistrySummary{display:grid;gap:10px;margin:12px 0}
.hubPage .hubTeamGuest>i,.hubPage .hubTeamRegistrySummary>div>i{font-size:21px;color:var(--workspacePrimary)}
.hubPage .hubTeamGuest span,.hubPage .hubTeamRegistrySummary>div>span{display:grid;gap:3px;min-width:0}
.hubPage .hubTeamGuest small,.hubPage .hubTeamRegistrySummary small{color:var(--workspaceMuted);font-size:12px}
.hubPage .hubTeamRegistrySummary>p{margin:0;color:var(--workspaceMuted)}
@media(max-width:360px){.hubPage .hubTeamFullFormPair{grid-template-columns:minmax(0,1fr)}}

/* END assets/css/core/project-team-v583.css */

/* BEGIN assets/css/tabs/thread-consumer-v594.css */
/* v0594: Customer-first Thread + properly constrained art labels and spotlight images. */
html #tabMount .threadPage{
  width:min(1190px,calc(100% - 18px));
  padding-block:3px 26px;
  --threadSurface:color-mix(in srgb,var(--threadPaper) 94%,transparent);
}
html #tabMount .threadPage .threadView{gap:16px;}
html #tabMount .threadPage .threadHeading{padding:0 1px;margin:0;}
html #tabMount .threadPage .threadModeTabs{
  width:min(100%,370px);max-width:370px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  display:grid;gap:9px;padding:0;
}
html #tabMount .threadPage .threadModeTabs button{
  min-height:48px;padding:9px 15px;
  border:1px solid var(--threadLine)!important;
  border-radius:18px;font-size:13px;font-weight:760;
  background:color-mix(in srgb,var(--threadPaper) 82%,transparent)!important;
  box-shadow:0 6px 20px color-mix(in srgb,var(--threadInk) 5%,transparent)!important;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
html #tabMount .threadPage .threadModeTabs button[aria-selected="true"]{
  background:linear-gradient(120deg,color-mix(in srgb,var(--threadBlue) 13%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 12%,var(--threadPaper)))!important;
  border-color:color-mix(in srgb,var(--threadBlue) 37%,var(--threadLine))!important;
  color:var(--threadInk)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--threadBlue) 8%,transparent),0 8px 24px color-mix(in srgb,var(--threadInk) 5%,transparent)!important;
}
html #tabMount .threadPage .threadDiscovery{gap:15px;}
html #tabMount .threadPage .threadIntroStrip{
  display:flex;align-items:center;justify-content:space-between;
  min-height:140px;padding:23px 27px;
  border:1px solid color-mix(in srgb,var(--threadBlue) 18%,var(--threadLine));
  border-radius:27px;
  background:linear-gradient(118deg,color-mix(in srgb,var(--threadBlue) 13%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 10%,var(--threadPaper)));
  box-shadow:0 12px 32px color-mix(in srgb,var(--threadInk) 4%,transparent);
  isolation:isolate;
}
html #tabMount .threadPage .threadIntroStrip::after{
  width:175px;height:175px;right:-36px;top:-57px;
  border-color:color-mix(in srgb,var(--threadBlue) 13%,transparent);
}
html #tabMount .threadPage .threadIntroStrip>div{z-index:1;max-width:calc(100% - 85px);}
html #tabMount .threadPage .threadIntroStrip small{color:var(--threadBlue);font-weight:770;letter-spacing:.12em;font-size:10px;}
html #tabMount .threadPage .threadIntroStrip h2{
  margin:8px 0 7px;max-width:610px;
  font-size:clamp(25px,3.7dvw,37px);letter-spacing:-.048em;line-height:1.1;
}
html #tabMount .threadPage .threadIntroStrip p{
  margin:0;max-width:440px;font-size:13px;line-height:1.48;color:var(--threadMuted);
}
html #tabMount .threadPage .threadIntroSymbol{
  position:relative;z-index:1;flex:0 0 68px;
  width:68px;height:68px;display:grid;place-items:center;
  border-radius:23px;
  border:1px solid color-mix(in srgb,var(--threadBlue) 18%,var(--threadLine));
  background:color-mix(in srgb,var(--threadPaper) 78%,transparent);
  color:var(--threadBlue);
  box-shadow:0 12px 26px color-mix(in srgb,var(--threadInk) 7%,transparent);
  transform:rotate(7deg);
}
html #tabMount .threadPage .threadIntroSymbol .workspaceVector{width:33px;height:33px;}
html #tabMount .threadPage .threadCategories{
  display:flex;gap:8px;align-items:center;
  border:0;margin:0;padding:7px 1px 8px;
  width:100%;min-width:0;max-width:none;overflow-x:auto;
  scroll-snap-type:x proximity;scrollbar-width:none;
  touch-action:auto;
}
html #tabMount .threadPage .threadCategories button{
  min-height:42px;flex:0 0 auto;gap:7px;scroll-snap-align:start;
  padding:9px 13px;border-radius:15px;
  border:1px solid var(--threadLine);
  background:var(--threadSurface);color:var(--threadMuted);
  font-size:12px;font-weight:700;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
html #tabMount .threadPage .threadCategories button[aria-selected="true"]{
  background:color-mix(in srgb,var(--threadBlue) 12%,var(--threadPaper));
  border-color:color-mix(in srgb,var(--threadBlue) 38%,var(--threadLine));
  color:var(--threadInk);
}
html #tabMount .threadPage .threadCategories button .workspaceVector{width:18px;height:18px;}
html #tabMount .threadPage .threadToolbar{gap:10px;grid-template-columns:minmax(0,1fr) minmax(125px,185px);}
html #tabMount .threadPage .threadSearch,
html #tabMount .threadPage .threadFilter{
  min-height:51px;border:1px solid var(--threadLine);border-radius:17px;
  background:var(--threadSurface);
}
html #tabMount .threadPage .threadSearch{padding-inline:14px 7px;}
html #tabMount .threadPage .threadSearch input{font-size:16px;}
html #tabMount .threadPage .threadFilter{padding-inline:12px;}
html #tabMount .threadPage .threadFilter select{min-height:49px;font-size:12px;}
html #tabMount .threadPage .threadResultsHead{margin:5px 2px 13px;align-items:end;gap:10px;}
html #tabMount .threadPage .threadResultsHead small{color:var(--threadBlue);font-size:9px;font-weight:770;}
html #tabMount .threadPage .threadResultsHead h2{margin:5px 0 0;font-size:clamp(23px,3dvw,30px);letter-spacing:-.04em;}
html #tabMount .threadPage .threadResultsHead>span{
  display:inline-block;border:1px solid var(--threadLine);
  padding:7px 10px;border-radius:999px;font-size:11px;
  background:var(--threadSurface);color:var(--threadMuted);
}
html #tabMount .threadPage .threadCreationGrid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:17px;align-items:stretch;
}
html #tabMount .threadPage .threadCreationCard{
  padding:8px;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--threadLine) 88%,transparent);
  border-radius:27px;
  background:var(--threadSurface);
  box-shadow:0 10px 30px color-mix(in srgb,var(--threadInk) 6%,transparent);
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .25s ease;
}
html #tabMount .threadPage .threadCreationCard .threadCardOpen{
  display:flex;flex-direction:column;flex:1;
  width:100%;min-height:0;text-align:left;border:0;background:transparent;
}
html #tabMount .threadPage .threadCardCover{
  display:grid;place-items:center;position:relative;
  width:100%;height:clamp(165px,18dvw,240px)!important;min-height:0;
  overflow:hidden;margin:0;border:0;
  border-radius:20px;
  background:linear-gradient(128deg,color-mix(in srgb,var(--threadBlue) 12%,var(--threadSoft)),color-mix(in srgb,var(--threadPink) 11%,var(--threadSoft)));
}
html #tabMount .threadPage .threadCardCover .threadCoverArt{
  position:absolute;inset:0;top:0;left:0;
  width:100%;height:100%;margin:0;transform:none;max-width:none;
  display:grid;place-items:center;
}
html #tabMount .threadPage .threadCardCover .threadCoverArt.isArtwork img{
  display:block;width:100%;height:100%;object-fit:cover;border-radius:0;
}
/* The mobile spotlight uses a taller, narrower image slot: show the full artwork. */
html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardCover .threadCoverArt.isArtwork img{
  object-fit:contain!important;
}
html #tabMount .threadPage .threadCardCover .threadCoverArt.isAppIcon img{
  display:block;width:min(60%,124px);height:auto;aspect-ratio:1;object-fit:contain;
  border-radius:24%;box-shadow:0 13px 30px color-mix(in srgb,var(--threadInk) 18%,transparent);
}
/* Reset BOTH opposing absolute anchors. The Studio's bottom:10px rule would
   otherwise stretch the category badge to the full artwork height on iOS. */
html #tabMount .threadPage .threadCardCover .threadCardKind{
  position:absolute!important;
  top:10px!important;bottom:auto!important;left:10px!important;right:auto!important;
  z-index:5!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;align-self:flex-start!important;flex:0 0 auto!important;
  box-sizing:border-box!important;width:max-content!important;min-width:0!important;
  max-width:calc(100% - 20px)!important;height:26px!important;
  min-height:26px!important;max-height:26px!important;
  padding:0 9px!important;line-height:1!important;white-space:nowrap!important;
  background:color-mix(in srgb,var(--threadPaper) 95%,white)!important;
  border:1px solid color-mix(in srgb,var(--threadLine) 78%,transparent)!important;
  border-radius:999px!important;
  /* An opaque chip avoids iOS backdrop compositing over an animated cover. */
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 3px 10px color-mix(in srgb,var(--threadInk) 9%,transparent)!important;
  color:var(--threadInk)!important;font-size:10px!important;letter-spacing:.025em!important;
  text-transform:none!important;font-weight:760!important;pointer-events:none;
}
html #tabMount .threadPage .threadCardCopy{
  flex:1;display:flex;flex-direction:column;align-items:stretch;
  gap:8px;padding:15px 10px 10px!important;
}
html #tabMount .threadPage .threadCardTitle{align-items:start;gap:6px;}
html #tabMount .threadPage .threadCardTitle h3{
  margin:0;color:var(--threadInk);
  font-size:clamp(19px,2.1vw,24px);font-weight:790;line-height:1.16;
  letter-spacing:-.04em;
}
html #tabMount .threadPage .threadCardTitle .workspaceVector{color:var(--threadBlue);width:18px;height:18px;}
html #tabMount .threadPage .threadCardCopy>p{
  flex:0 1 auto;color:var(--threadMuted);
  font-size:12.5px!important;line-height:1.52!important;margin:0;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;
}
html #tabMount .threadPage .threadStatus{
  display:inline-flex;align-items:center;gap:5px;align-self:flex-start;
  border:1px solid color-mix(in srgb,var(--threadBlue) 17%,var(--threadLine));
  background:color-mix(in srgb,var(--threadBlue) 8%,var(--threadPaper));
  padding:6px 9px;font-size:10px;font-weight:690;
  color:var(--threadMuted);line-height:1.25;
}
html #tabMount .threadPage .threadStatus .workspaceVector{width:13px;height:13px;}
html #tabMount .threadPage .threadCardFoot{
  display:flex;align-items:center;justify-content:space-between;
  min-height:43px;padding:2px 5px 0 10px;
  margin-top:auto;border-top:1px solid color-mix(in srgb,var(--threadLine) 75%,transparent);
}
html #tabMount .threadPage .threadCardFoot>span{font-size:11px;font-weight:710;color:var(--threadBlue);}
html #tabMount .threadPage .threadCardFoot>span>.workspaceVector{width:13px;height:13px;}
html #tabMount .threadPage .threadCardFoot .threadSave{
  flex:none;width:40px;height:40px;border-radius:15px;color:var(--threadMuted);
}
html #tabMount .threadPage .threadCardFoot .threadSave[aria-pressed="true"]{
  color:var(--threadBlue);background:color-mix(in srgb,var(--threadBlue) 11%,var(--threadPaper));
}
html #tabMount .threadPage .threadCreationCard:hover{
  border-color:color-mix(in srgb,var(--threadBlue) 28%,var(--threadLine));
}
@media(hover:hover) and (pointer:fine){
 html #tabMount .threadPage .threadCreationCard:hover{transform:translateY(-3px);box-shadow:0 17px 40px color-mix(in srgb,var(--threadInk) 9%,transparent);}
 html #tabMount .threadPage .threadModeTabs button:hover{transform:translateY(-2px);}
}
html #tabMount .threadPage .threadStudioBar{
  min-height:0;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:11px 14px;border:1px solid var(--threadLine);border-radius:20px;
  background:var(--threadSurface);box-shadow:none;
}
html #tabMount .threadPage .threadStudioBar>span{display:flex;align-items:center;gap:10px;color:var(--threadInk);}
html #tabMount .threadPage .threadStudioBar>span small{display:none;}
html #tabMount .threadPage .threadStudioBar>div{display:flex;gap:7px;}
html #tabMount .threadPage .threadStudioBar .threadButton{min-height:39px;padding:8px 12px;font-size:11px!important;}
html #tabMount .threadPage .threadPersonalOverview{
  border-radius:26px;padding:20px;
  background:linear-gradient(120deg,color-mix(in srgb,var(--threadBlue) 12%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 9%,var(--threadPaper)));
}
html #tabMount .threadPage .threadPersonalOverview h2{font-size:clamp(23px,3vw,30px);}
html #tabMount .threadPage .threadLibraryPrivacy{font-size:11px;line-height:1.4;}
html #tabMount .threadPage .threadDetailHeader{
  align-items:center;gap:15px;padding:8px 2px 2px;
}
html #tabMount .threadPage .threadDetailHeader h1{
  margin-top:5px;font-size:clamp(34px,4.3vw,51px);letter-spacing:-.052em;
}
html #tabMount .threadPage .threadDetailHeader p{
  margin:9px 0 11px;font-size:14px;line-height:1.55;max-width:590px;
}
html #tabMount .threadPage .threadDetailTabs{gap:8px;padding:0 0 9px;border:0;}
html #tabMount .threadPage .threadDetailTabs button{
  flex:0 1 auto;min-height:45px;padding:9px 19px;
  background:var(--threadSurface);border:1px solid var(--threadLine);
  border-radius:16px;font-size:12px;
}
html #tabMount .threadPage .threadDetailTabs button[aria-selected="true"]{
  color:var(--threadInk);
  border-color:color-mix(in srgb,var(--threadBlue) 38%,var(--threadLine));
  background:linear-gradient(115deg,color-mix(in srgb,var(--threadBlue) 12%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 9%,var(--threadPaper)));
}
html #tabMount .threadPage .threadStandardOverview{
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
  align-items:stretch;gap:18px;
}
html #tabMount .threadPage .threadDetailCover{
  position:relative;min-height:290px;overflow:hidden;
  border:1px solid var(--threadLine);border-radius:27px;
  background:linear-gradient(140deg,color-mix(in srgb,var(--threadBlue) 12%,var(--threadSoft)),color-mix(in srgb,var(--threadPink) 10%,var(--threadSoft)));
}
html #tabMount .threadPage .threadDetailCover .threadCoverArt{
  display:grid;place-items:center;position:absolute;
  width:100%;height:100%;inset:0;margin:0;transform:none;
}
html #tabMount .threadPage .threadDetailCover .threadCoverArt.isArtwork img{
  display:block;width:100%;height:100%;object-fit:cover;
}
html #tabMount .threadPage .threadDetailCover .threadCoverArt.isAppIcon img{
  display:block;width:min(55%,190px);height:auto;aspect-ratio:1;object-fit:contain;
  border-radius:24%;box-shadow:0 20px 37px color-mix(in srgb,var(--threadInk) 15%,transparent);
}
html #tabMount .threadPage .threadStoryBlock{
  padding:24px 25px;border:1px solid var(--threadLine);border-radius:27px;
  background:var(--threadSurface);
}
html #tabMount .threadPage .threadStoryBlock h2{
  margin:10px 0 12px;letter-spacing:-.04em;font-size:clamp(23px,2.7vw,29px);
}
html #tabMount .threadPage .threadStoryBlock p{font-size:13px;line-height:1.65;margin:0 0 13px;}
html #tabMount .threadPage .threadGallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
html #tabMount .threadPage .threadGallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:17px;}
html #tabMount .threadPage .threadAccessCard{
  border-radius:27px;padding:21px;background:var(--threadSurface);gap:15px;
}
html #tabMount .threadPage .threadDetailFoot,
html #tabMount .threadPage .threadPageFoot{color:var(--threadMuted);font-size:11px;}

@media(max-width:700px){
 html #tabMount .threadPage{width:calc(100% - 14px);padding-top:1px;}
 html #tabMount .threadPage .threadView{gap:12px;}
 html #tabMount .threadPage .threadDiscovery{gap:11px;}
 html #tabMount .threadPage .threadIntroStrip{min-height:128px;padding:18px 17px;border-radius:23px;}
 html #tabMount .threadPage .threadIntroStrip>div{max-width:calc(100% - 65px);}
 html #tabMount .threadPage .threadIntroStrip h2{font-size:clamp(22px,6vw,28px);margin:7px 0 6px;}
 html #tabMount .threadPage .threadIntroStrip p{font-size:11.5px;line-height:1.44;}
 html #tabMount .threadPage .threadIntroSymbol{width:54px;height:54px;flex-basis:54px;border-radius:19px;}
 html #tabMount .threadPage .threadIntroSymbol .workspaceVector{width:27px;height:27px;}
 html #tabMount .threadPage .threadModeTabs{max-width:none;width:100%;gap:9px;}
 html #tabMount .threadPage .threadModeTabs button{min-height:44px;border-radius:16px;}
 html #tabMount .threadPage .threadCategories{gap:7px;padding-block:5px 8px;}
 html #tabMount .threadPage .threadCategories button{min-height:41px;border-radius:14px;padding:8px 11px;font-size:11px;}
 html #tabMount .threadPage .threadToolbar{grid-template-columns:minmax(0,1fr) 117px;gap:8px;}
 html #tabMount .threadPage .threadFilter{padding-inline:8px;}
 html #tabMount .threadPage .threadFilter select{font-size:11px;}
 html #tabMount .threadPage .threadResultsHead{margin:4px 2px 10px;}
 html #tabMount .threadPage .threadResultsHead h2{font-size:23px;}
 html #tabMount .threadPage .threadCreationGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px;}
 html #tabMount .threadPage .threadCreationCard{border-radius:23px;padding:6px;}
 html #tabMount .threadPage .threadCreationCard .threadCardOpen{
  display:flex;flex-direction:column;grid-template-columns:none;min-height:0;
 }
 html #tabMount .threadPage .threadCreationCard .threadCardCover{
  min-height:0;height:clamp(133px,39dvw,183px)!important;
  border:0;border-radius:18px;margin:0;
 }
 html #tabMount .threadPage .threadCardCover .threadCardKind{top:9px!important;left:9px!important;height:25px!important;min-height:25px!important;max-height:25px!important;font-size:9px!important;padding:0 8px!important;}
 html #tabMount .threadPage .threadCreationCard .threadCardCopy{gap:7px;padding:12px 7px 8px!important;}
 html #tabMount .threadPage .threadCardTitle h3{font-size:18px;}
 html #tabMount .threadPage .threadCardTitle .workspaceVector{width:15px;height:15px;}
 html #tabMount .threadPage .threadCardCopy>p{font-size:11px!important;line-height:1.45!important;}
 html #tabMount .threadPage .threadCardFoot{padding:2px 2px 0 7px;min-height:42px;}
 html #tabMount .threadPage .threadCardFoot>span{font-size:10px;}
 html #tabMount .threadPage .threadCardFoot .threadSave{width:36px;height:37px;border-radius:13px;}
 html #tabMount .threadPage .threadCreationCard.isSpotlightCard{grid-column:1/-1;}
 html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardOpen{
  display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);gap:0;
  min-height:185px;align-items:stretch;
 }
 html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardCover{
  height:100%!important;min-height:184px;border-radius:18px;
 }
 html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardCopy{padding:19px 15px 12px!important;justify-content:center;}
 html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardTitle h3{font-size:23px;}
 html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardCopy>p{font-size:12px!important;line-height:1.52!important;-webkit-line-clamp:3;}
 html #tabMount .threadPage .threadStudioBar{gap:9px;padding:9px 11px;border-radius:17px;}
 html #tabMount .threadPage .threadStudioBar>span b{font-size:12px;}
 html #tabMount .threadPage .threadStudioBar>div{gap:5px;}
 html #tabMount .threadPage .threadStudioBar .threadButton{min-height:35px;padding:7px 9px;font-size:10px!important;}
 html #tabMount .threadPage .threadDetailHeader{display:flex;flex-direction:column;align-items:stretch;gap:11px;padding:3px 2px;}
 html #tabMount .threadPage .threadDetailHeader h1{font-size:36px;}
 html #tabMount .threadPage .threadDetailHeader p{font-size:13px;line-height:1.5;}
 html #tabMount .threadPage .threadDetailActions{justify-content:flex-start;max-width:100%;flex-wrap:nowrap;}
 html #tabMount .threadPage .threadDetailTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
 html #tabMount .threadPage .threadDetailTabs button{min-width:0;min-height:44px;padding:9px 8px;border-radius:15px;}
 html #tabMount .threadPage .threadStandardOverview{grid-template-columns:1fr;gap:13px;}
 html #tabMount .threadPage .threadDetailCover{height:240px;min-height:240px;border-radius:23px;}
 html #tabMount .threadPage .threadStoryBlock{padding:20px;border-radius:23px;}
 html #tabMount .threadPage .threadStoryBlock h2{font-size:25px;}
 html #tabMount .threadPage .threadStoryBlock p{font-size:12.5px;line-height:1.64;}
 html #tabMount .threadPage .threadAccessCard{padding:18px;gap:13px;}
}
@media(max-width:355px){
 html #tabMount .threadPage .threadCreationGrid{gap:8px;}
 html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardOpen{grid-template-columns:43% 57%;}
 html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardTitle h3{font-size:21px;}
 html #tabMount .threadPage .threadCardTitle h3{font-size:16px;}
 html #tabMount .threadPage .threadCardCopy>p{font-size:10.5px!important;}
 html #tabMount .threadPage .threadIntroSymbol{width:46px;height:46px;flex-basis:46px;}
}
@media(prefers-reduced-motion:reduce){
 html #tabMount .threadPage :is(.threadCreationCard,.threadModeTabs button,.threadCategories button){transition:none!important;}
}

/* v0594 finishing pass: avoid artwork bleed and keep grid cards legible in real iPhone WebKit. */
html #tabMount .threadPage .threadCreationCard .threadCardCover{
  isolation:isolate;
}
html #tabMount .threadPage .threadCardCover .threadCoverArt{
  overflow:hidden;min-width:0;min-height:0;
}
html #tabMount .threadPage .threadCreationCard .threadCardOpen,
html #tabMount .threadPage .threadCreationCard .threadCardCopy,
html #tabMount .threadPage .threadCreationCard .threadCardTitle{
  min-width:0;
}
html #tabMount .threadPage .threadCreationCard .threadCardTitle h3{
  overflow-wrap:break-word;
}
@media (max-width:700px){
  html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardCover{
    background:linear-gradient(140deg,color-mix(in srgb,var(--threadBlue) 10%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 10%,var(--threadPaper)));
  }
  html #tabMount .threadPage .threadCreationCard.isSpotlightCard .threadCardCover .threadCoverArt.isArtwork img{
    object-fit:contain!important;
  }
}

/* END assets/css/tabs/thread-consumer-v594.css */

/* BEGIN assets/css/tabs/thread-editor-floating-v595.css */
/* Infinis v0595 — full-canvas, theme-aware Thread creation editor.
   A single field viewport scrolls underneath independent floating navigation.
   The app's account dock remains provider-owned and above this surface. */
html.thread-editor-open {
  --threadEditorGutter:max(14px,env(safe-area-inset-left,0px));
  --threadEditorChromeTop:calc(11px + env(safe-area-inset-top,0px));
  --threadEditorTabsTop:calc(86px + env(safe-area-inset-top,0px));
  --threadEditorBodyTop:calc(169px + env(safe-area-inset-top,0px));
}
/* Do not let the former solid top bar (or its allocated 76px track) obscure the editor. */
html.thread-editor-open .topbar.workspaceTop.workspaceFloatingTop {
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
html.thread-editor-open .topbar.workspaceTop.workspaceFloatingTop #workspaceAccountDock {pointer-events:auto!important;}
html.thread-editor-open #app #scrollArea,
html.thread-editor-open .scroller:has(.threadEditor) {
  position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
  width:100dvw!important;height:var(--threadVisualHeight,100dvh)!important;max-height:100dvh!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
  scroll-padding:0!important;scrollbar-gutter:auto!important;
  background:transparent!important;
}
html.thread-editor-open #tabMount,
html.thread-editor-open #tabMount .threadPage:has(.threadEditor),
html.thread-editor-open #tabMount .threadView:has(.threadEditor) {
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  height:100%!important;min-height:0!important;margin:0!important;padding:0!important;
  overflow:visible!important;
}
html.thread-editor-open #tabMount .threadView:has(.threadEditor) {display:block!important;}
html.thread-editor-open #tabMount .threadEditor {
  box-sizing:border-box!important;position:relative!important;inset:auto!important;
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html.thread-editor-open #tabMount .threadEditorHead {display:none!important;}
html.thread-editor-open #tabMount .threadEditorForm {
  position:static!important;display:flex!important;flex-direction:column!important;
  height:100%!important;min-height:0!important;min-width:0!important;overflow:hidden!important;
}
/* Section tabs: individual frosted bubbles; no full-width bar or solid backdrop. */
html.thread-editor-open #tabMount .threadEditorTabs {
  box-sizing:border-box!important;position:absolute!important;z-index:23!important;
  top:var(--threadEditorTabsTop)!important;left:0!important;right:0!important;bottom:auto!important;
  display:flex!important;align-items:stretch!important;justify-content:flex-start!important;
  gap:9px!important;flex:none!important;width:100%!important;max-width:none!important;
  min-height:0!important;margin:0!important;
  padding:5px var(--threadEditorGutter) 13px!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
}
html.thread-editor-open #tabMount .threadEditorTabs::-webkit-scrollbar {display:none!important;}
html.thread-editor-open #tabMount .threadEditorTabs button {
  box-sizing:border-box!important;flex:1 0 0!important;min-width:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;min-height:54px!important;max-height:58px!important;
  margin:0!important;padding:9px 12px!important;
  border:1px solid color-mix(in srgb,var(--threadBlue) 14%,var(--threadLine))!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--threadPaper) 78%,transparent)!important;
  color:var(--threadMuted)!important;
  box-shadow:0 9px 28px color-mix(in srgb,var(--threadInk) 7%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
  font-size:12px!important;font-weight:730!important;line-height:1.2!important;white-space:nowrap!important;
  scroll-snap-align:center;transition:background .23s ease,border-color .23s ease,transform .23s ease,box-shadow .23s ease;
}
html.thread-editor-open #tabMount .threadEditorTabs button .workspaceVector {width:20px!important;height:20px!important;flex:0 0 20px!important;color:var(--threadBlue)!important;}
html.thread-editor-open #tabMount .threadEditorTabs button[aria-selected="true"] {
  border-color:color-mix(in srgb,var(--threadBlue) 45%,var(--threadLine))!important;
  color:var(--threadInk)!important;
  background:linear-gradient(128deg,color-mix(in srgb,var(--threadBlue) 15%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 13%,var(--threadPaper)))!important;
  box-shadow:0 11px 28px color-mix(in srgb,var(--threadBlue) 12%,transparent),inset 0 1px 0 color-mix(in srgb,var(--threadPaper) 70%,transparent)!important;
}
html.thread-editor-open #tabMount .threadEditorTabs button:active {transform:scale(.974);}
/* Creation fields now occupy the ENTIRE editor canvas, underneath the two floating rows. */
html.thread-editor-open #tabMount .threadEditorLayout {
  position:relative!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(285px,31%)!important;
  flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
}
html.thread-editor-open #tabMount .threadEditorBody {
  box-sizing:border-box!important;display:block!important;flex:1 1 auto!important;
  height:100%!important;min-height:0!important;min-width:0!important;max-height:none!important;
  padding:var(--threadEditorBodyTop) clamp(22px,3.2dvw,46px) calc(36px + env(safe-area-inset-bottom,0px))!important;
  margin:0!important;border:0!important;background:transparent!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;
  scroll-behavior:smooth;scroll-padding-top:var(--threadEditorBodyTop)!important;
  scroll-padding-bottom:calc(44px + env(safe-area-inset-bottom,0px))!important;
  -webkit-overflow-scrolling:touch!important;
}
html.thread-editor-open #tabMount .threadEditorPreview {
  box-sizing:border-box!important;height:100%!important;min-height:0!important;
  padding:var(--threadEditorBodyTop) 22px 30px!important;
  border-left:1px solid var(--threadLine)!important;
  background:color-mix(in srgb,var(--threadPaper) 56%,transparent)!important;
  overflow-y:auto!important;
}
/* Close and Save float at the top-left, alongside—not underneath—the account dock. */
html.thread-editor-open #tabMount .threadEditorFooter {
  box-sizing:border-box!important;position:absolute!important;z-index:26!important;
  top:var(--threadEditorChromeTop)!important;left:var(--threadEditorGutter)!important;
  right:auto!important;bottom:auto!important;
  width:max-content!important;max-width:calc(100dvw - 28px)!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;gap:8px!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  pointer-events:none!important;
}
html.thread-editor-open #tabMount .threadEditorFooter>div {
  position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;
  padding:0!important;margin:0!important;overflow:hidden!important;white-space:nowrap!important;
}
html.thread-editor-open #tabMount .threadEditorFooter>.threadButton {
  box-sizing:border-box!important;pointer-events:auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;
  height:52px!important;min-height:52px!important;max-height:52px!important;
  margin:0!important;border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--threadBlue) 19%,var(--threadLine))!important;
  background:color-mix(in srgb,var(--threadPaper) 79%,transparent)!important;
  color:var(--threadInk)!important;
  box-shadow:0 10px 30px color-mix(in srgb,var(--threadInk) 11%,transparent)!important;
  backdrop-filter:blur(22px) saturate(1.2)!important;-webkit-backdrop-filter:blur(22px) saturate(1.2)!important;
  font-size:12px!important;line-height:1.25!important;font-weight:760!important;
}
html.thread-editor-open #tabMount .threadEditorFooter>.threadButton:not(.isPrimary) {
  width:52px!important;min-width:52px!important;max-width:52px!important;padding:0!important;
  font-size:0!important;
}
html.thread-editor-open #tabMount .threadEditorFooter>.threadButton:not(.isPrimary)::before{content:none!important;}
html.thread-editor-open #tabMount .threadEditorFooter>.threadButton:not(.isPrimary) .workspaceVector {width:21px!important;height:21px!important;color:var(--threadInk)!important;}
html.thread-editor-open #tabMount .threadEditorFooter>.threadButton.isPrimary {
  width:auto!important;min-width:116px!important;max-width:165px!important;
  padding:0 13px!important;
  background:linear-gradient(120deg,color-mix(in srgb,var(--threadBlue) 20%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 14%,var(--threadPaper)))!important;
  color:var(--threadInk)!important;
  border-color:color-mix(in srgb,var(--threadBlue) 39%,var(--threadLine))!important;
  text-overflow:ellipsis!important;
}
html.thread-editor-open #tabMount .threadEditorFooter .threadSaveProgressButton>span {
  min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;
}
html.thread-editor-open #tabMount .threadEditorFooter .threadSaveProgressButton>span .workspaceVector {width:17px!important;height:17px!important;flex:none!important;}
html.thread-editor-open #tabMount .threadEditorFooter .threadSaveProgressButton>small {display:none!important;}
html.thread-editor-open #tabMount .threadEditorFooter .threadSaveProgressButton .threadButtonProgress {
  background:linear-gradient(90deg,color-mix(in srgb,var(--threadPink) 27%,transparent),color-mix(in srgb,var(--threadBlue) 35%,transparent))!important;
}
/* Consistent, less technical reading rhythm. */
html.thread-editor-open #tabMount .threadEditorPane{gap:18px!important;max-width:920px;}
html.thread-editor-open #tabMount .threadEditorIntro{margin:0 0 5px!important;max-width:700px!important;}
html.thread-editor-open #tabMount .threadEditorIntro small {font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important;color:var(--threadBlue)!important;}
html.thread-editor-open #tabMount .threadEditorIntro h2 {
  max-width:650px!important;font-size:clamp(25px,3.4dvw,37px)!important;
  line-height:1.15!important;letter-spacing:-.042em!important;margin:9px 0 10px!important;
  color:var(--threadInk)!important;
}
html.thread-editor-open #tabMount .threadEditorIntro p {
  max-width:510px!important;font-size:13px!important;line-height:1.55!important;margin:0!important;color:var(--threadMuted)!important;
}
html.thread-editor-open #tabMount .threadBasicsStack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important;align-items:start!important;}
html.thread-editor-open #tabMount .threadBasicsGroup {
  grid-column:auto!important;height:auto!important;
  padding:20px!important;border:1px solid var(--threadLine)!important;border-radius:23px!important;
  background:linear-gradient(140deg,color-mix(in srgb,var(--threadBlue) 5%,var(--threadPaper)),color-mix(in srgb,var(--threadPink) 4%,var(--threadPaper)))!important;
  box-shadow:0 11px 27px color-mix(in srgb,var(--threadInk) 5%,transparent)!important;
}
html.thread-editor-open #tabMount .threadBasicsGroup>header{
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
  align-items:start!important;gap:13px!important;margin:0 0 16px!important;
}
html.thread-editor-open #tabMount .threadBasicsGroup>header>span{
  width:42px!important;height:42px!important;border-radius:15px!important;
  border:1px solid var(--threadLine)!important;background:var(--threadPaper)!important;color:var(--threadBlue)!important;
}
html.thread-editor-open #tabMount .threadBasicsGroup>header h3{font-size:19px!important;line-height:1.24!important;letter-spacing:-.025em!important;}
html.thread-editor-open #tabMount .threadBasicsGroup>header p{font-size:12px!important;line-height:1.48!important;}
html.thread-editor-open #tabMount .threadEditorFields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
html.thread-editor-open #tabMount .threadEditorFields .isWide{grid-column:1/-1!important;}
html.thread-editor-open #tabMount .threadEditorField>span{color:var(--threadInk)!important;font-weight:740!important;}
html.thread-editor-open #tabMount .threadEditorField>small{line-height:1.45!important;}
html.thread-editor-open #tabMount .threadEditor :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea){
  border-radius:17px!important;border-color:var(--threadLine)!important;
  background:color-mix(in srgb,var(--threadSoft) 86%,var(--threadPaper))!important;color:var(--threadInk)!important;
}
html.thread-editor-open #tabMount .threadEditor :is(input,select,textarea):focus-visible {
  outline:2px solid var(--threadBlue)!important;outline-offset:2px!important;
}
@media(max-width:960px){
 html.thread-editor-open #tabMount .threadEditorLayout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
 html.thread-editor-open #tabMount .threadEditorPreview{display:none!important;}
 html.thread-editor-open #tabMount .threadEditorBody{border:0!important;}
 /* On the artwork tab, keep the live preview visible without taking over the entire screen. */
 html.thread-editor-open #tabMount .threadEditor:has([data-editor-pane="artwork"]:not([hidden])) .threadEditorLayout{
   display:flex!important;flex-direction:column!important;align-items:stretch!important;
 }
 html.thread-editor-open #tabMount .threadEditor:has([data-editor-pane="artwork"]:not([hidden])) .threadEditorPreview{
   display:block!important;order:-1!important;flex:0 0 auto!important;
   height:auto!important;max-height:calc(var(--threadEditorBodyTop) + 132px)!important;
   padding:var(--threadEditorBodyTop) 16px 8px!important;
   border:0!important;background:transparent!important;overflow:hidden!important;
 }
 html.thread-editor-open #tabMount .threadEditor:has([data-editor-pane="artwork"]:not([hidden])) .threadEditorBody{
   flex:1 1 auto!important;height:0!important;min-height:0!important;padding-top:18px!important;
 }
 html.thread-editor-open #tabMount .threadEditorPreview>small,html.thread-editor-open #tabMount .threadEditorPreview>p{display:none!important;}
 html.thread-editor-open #tabMount .threadPreviewCard{max-width:100%!important;min-height:96px!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;}
 html.thread-editor-open #tabMount .threadPreviewArt{width:92px!important;height:96px!important;aspect-ratio:auto!important;}
 html.thread-editor-open #tabMount .threadPreviewCard>div+div{padding:12px!important;}
}
@media(max-width:700px){
 html.thread-editor-open{--threadEditorTabsTop:calc(86px + env(safe-area-inset-top,0px));--threadEditorBodyTop:calc(169px + env(safe-area-inset-top,0px));}
 html.thread-editor-open #tabMount .threadEditorTabs{gap:7px!important;padding:4px 12px 12px!important;}
 html.thread-editor-open #tabMount .threadEditorTabs button{
   flex:1 0 0!important;min-height:60px!important;max-height:64px!important;
   flex-direction:column!important;gap:5px!important;padding:8px 4px!important;
   border-radius:17px!important;font-size:10.5px!important;
 }
 html.thread-editor-open #tabMount .threadEditorTabs button .workspaceVector{width:20px!important;height:20px!important;}
 html.thread-editor-open #tabMount .threadEditorBody{
   padding:var(--threadEditorBodyTop) 16px calc(28px + env(safe-area-inset-bottom,0px))!important;
 }
 html.thread-editor-open #tabMount .threadEditorFields{grid-template-columns:minmax(0,1fr)!important;}
 html.thread-editor-open #tabMount .threadBasicsGroup{padding:16px!important;border-radius:21px!important;}
 html.thread-editor-open #tabMount .threadBasicsGroup>header{grid-template-columns:40px minmax(0,1fr)!important;gap:11px!important;}
 html.thread-editor-open #tabMount .threadBasicsGroup>header>span{width:40px!important;height:40px!important;}
 html.thread-editor-open #tabMount .threadBasicsGroup>header h3{font-size:17px!important;}
 html.thread-editor-open #tabMount .threadEditorIntro h2{font-size:27px!important;}
 html.thread-editor-open #tabMount .threadEditorFooter{left:max(12px,env(safe-area-inset-left,0px))!important;gap:7px!important;}
 html.thread-editor-open #tabMount .threadEditorFooter>.threadButton{height:48px!important;min-height:48px!important;max-height:48px!important;border-radius:17px!important;}
 html.thread-editor-open #tabMount .threadEditorFooter>.threadButton:not(.isPrimary){width:48px!important;min-width:48px!important;max-width:48px!important;}
 html.thread-editor-open #tabMount .threadEditorFooter>.threadButton.isPrimary{min-width:97px!important;max-width:116px!important;padding-inline:10px!important;}
}
@media(max-width:359px){
 html.thread-editor-open #tabMount .threadEditorFooter>.threadButton:not(.isPrimary){width:44px!important;min-width:44px!important;max-width:44px!important;}
 html.thread-editor-open #tabMount .threadEditorFooter>.threadButton.isPrimary{min-width:77px!important;max-width:84px!important;padding-inline:7px!important;}
 html.thread-editor-open #tabMount .threadEditorFooter .threadSaveProgressButton>span{font-size:11px!important;}
 html.thread-editor-open #tabMount .threadEditorTabs{gap:5px!important;padding-inline:9px!important;}
 html.thread-editor-open #tabMount .threadEditorTabs button{font-size:9px!important;}
}
@media(min-width:961px){
 html.thread-editor-open #tabMount .threadEditorPreview{display:block!important;}
 html.thread-editor-open #tabMount .threadEditorPane{max-width:850px!important;}
}
/* Keyboard: no bottom toolbar to compete with the keyboard. */
html.thread-editor-open.thread-editor-keyboard #tabMount .threadEditorFooter{bottom:auto!important;top:var(--threadEditorChromeTop)!important;}
html.thread-editor-open.thread-editor-keyboard #tabMount .threadEditorBody{scroll-padding-bottom:25px!important;}
@media(max-height:620px){
 html.thread-editor-open{--threadEditorTabsTop:calc(64px + env(safe-area-inset-top,0px));--threadEditorBodyTop:calc(132px + env(safe-area-inset-top,0px));}
 html.thread-editor-open #tabMount .threadEditorFooter>.threadButton{height:43px!important;min-height:43px!important;max-height:43px!important;}
 html.thread-editor-open #tabMount .threadEditorTabs button{min-height:48px!important;max-height:52px!important;}
}
@media(prefers-reduced-motion:reduce){
 html.thread-editor-open #tabMount .threadEditorTabs button{transition:none!important;scroll-behavior:auto!important;}
 html.thread-editor-open #tabMount .threadEditorBody{scroll-behavior:auto!important;}
}

/* END assets/css/tabs/thread-editor-floating-v595.css */

/* BEGIN assets/css/core/v602-landscape-responsive.css */
/* Infinis v0602 — landscape-first geometry, no visual rebrand.
 * Phone landscape uses the same floating glass navigation as a compact side rail;
 * tablet landscape keeps the floating dock and gains proportionate workspace tracks.
 * The scrollArea remains the only shell scroller. Full-screen tasks continue to own
 * their existing inner scrollers. God Bubble's provider-owned UI is not modified.
 */

/* Common viewport safety: scale by BOTH dimensions, not a desktop width breakpoint. */
@media (orientation: landscape) and (max-width: 1399px) {
  html.infinisCustomerLight, html.infinisCustomerLight body,
  html.infinisCustomerLight #app {
    max-width: 100dvw;
    overflow-x: hidden;
  }
  html.infinisCustomerLight #tabMount,
  html.infinisCustomerLight #tabMount > :not(.tabPreloading) {
    min-width: 0;
    box-sizing: border-box;
  }
  html.infinisCustomerLight #tabMount :is(.hubPage,.hubHomeV427,.findPage,.threadPage,.bubbleSocialPage,.coretab,.catalogPage) {
    min-width: 0;
    max-width: 100%;
  }
  html.infinisCustomerLight #tabMount :is(.hubMetricGrid,.hubMoreGrid,.hubNextGrid,.hubCategoryGrid,.hubCollectionGrid,.findResults,.findRail,.threadCreationGrid,.bubbleWorkspaceGrid,.bubbleWorkspaceMain,.bubblePartyGrid) > * {
    min-width: 0;
  }
  html.infinisCustomerLight :is(.toast,.infinisBootToast,.launchPolicyNotice) {
    max-width: calc(100dvw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
  }
  /* Centered task dialogs must never extend below the short landscape viewport.
     Their pre-existing body/form scrollers remain in control. */
  html.infinisCustomerLight :is(.workspaceDialog,.bubbleSocialDialog.bubbleTaskDialog,.sceneConfirmDialog,.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel,.contractPanel,.checkoutDateRecoverySheet,.projectDeleteSheet,.projectSpaceChooserSheet) {
    box-sizing: border-box;
    min-width: 0;
    max-width: calc(100dvw - 28px) !important;
    max-height: calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;
  }
  html.infinisCustomerLight :is(.workspaceDialogBody,.bubbleSocialDialogBody,.hubCreateProjectFields,.hubQuickEditFields,.hubProjectEditFields,.hubGuestInviteBody,.hubGuestDetailBody,.contractPanel>div,.checkoutDateRecoveryBody) {
    min-height: 0;
    overscroll-behavior: contain;
  }
  html.infinisCustomerLight :is(.findProductSheet,.checkoutPanel,.activeCartPanel,.threadEditor,.bubbleSocialDialog) {
    min-width: 0;
  }
}

/* Phones rotated sideways, including large phones that would otherwise inherit
   desktop @min-width:760px sizing. Keep touch navigation visible without eating
   the bottom quarter of the short viewport. */
@media (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.infinisCustomerLight {
    --infinisLandscapeRail: 74px;
    --infinisLandscapeEdge: 14px;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav {
    position: fixed !important;
    top: 50% !important;
    bottom: auto !important;
    left: calc(7px + env(safe-area-inset-left,0px)) !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    width: var(--infinisLandscapeRail) !important;
    min-width: var(--infinisLandscapeRail) !important;
    max-width: var(--infinisLandscapeRail) !important;
    height: min(320px, calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: repeat(5, minmax(0,1fr)) !important;
    align-content: stretch !important;
    gap: 3px !important;
    padding: 6px !important;
    border: 1px solid color-mix(in srgb,var(--workspacePanel) 65%,var(--workspaceLine)) !important;
    border-radius: 23px !important;
    /* Retain the blue/pink selection glide and the current glass palette. */
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav > .navitem {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 4px 2px !important;
    border-radius: 16px !important;
    line-height: 1.05 !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav > .navitem :is(i,.workspaceVector,svg) {
    flex: 0 0 auto;
    width: 21px !important;
    height: 21px !important;
    font-size: 20px !important;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app #scrollArea {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: calc(64px + env(safe-area-inset-top,0px))
             calc(var(--infinisLandscapeEdge) + env(safe-area-inset-right,0px))
             calc(22px + env(safe-area-inset-bottom,0px))
             calc(var(--infinisLandscapeRail) + 21px + env(safe-area-inset-left,0px)) !important;
    scroll-padding-top: calc(64px + env(safe-area-inset-top,0px)) !important;
    scroll-padding-bottom: calc(22px + env(safe-area-inset-bottom,0px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app #tabMount {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #tabMount > :is(.findPage,.hubPage,.hubHomeV427,.sceneGatePage,.threadPage,.bubbleSocialPage,.coretab,.catalogPage) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
  }
  /* Existing account controls remain in a small top-right floating bubble. */
  html.infinisCustomerLight .topbar.workspaceTop.workspaceFloatingTop {
    top: calc(7px + env(safe-area-inset-top,0px)) !important;
    right: calc(10px + env(safe-area-inset-right,0px)) !important;
    left: auto !important;
    max-width: calc(100dvw - 108px - env(safe-area-inset-left,0px)) !important;
  }
  html.infinisCustomerLight .workspaceFloatingTop > .workspaceAccountDock {
    gap: 3px !important;
    padding: 4px 6px !important;
    border-radius: 18px !important;
  }
  html.infinisCustomerLight .workspaceAccountDock .headerAction,
  html.infinisCustomerLight #workspaceAccountDock .headerAction {
    flex: 0 0 39px !important;
    width: 39px !important;
    height: 39px !important;
    min-height: 39px !important;
    border-radius: 13px !important;
  }
  html.infinisCustomerLight .workspaceAccountDock .godBubbleMountSlot,
  html.infinisCustomerLight .workspaceAccountDock #godBubbleMount {
    flex: 0 0 39px !important;
    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;
    min-height: 39px !important;
  }
  /* Hub home / project boards: usable paired cards with compact section rhythm. */
  html.infinisCustomerLight #tabMount :is(.hubHomeV427,.hubPage,.sceneGatePage) {row-gap: 11px !important;gap: 11px !important;}
  html.infinisCustomerLight #tabMount :is(.hubMoreGrid,.hubNextGrid,.hubMetricGrid,.hubCategoryGrid,.hubCollectionGrid) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  html.infinisCustomerLight #tabMount :is(.hubExperienceBuilderGrid,.hubProjectDetailsGrid) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  html.infinisCustomerLight #tabMount .sceneGatePage .sceneGate {
    grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr) !important;
    gap: 14px !important;
    padding: 17px !important;
    max-width: 100% !important;
  }
  html.infinisCustomerLight #tabMount :is(.sceneHeading h1,.hubHeading h1,.hubHomeV427 h1) {
    font-size: clamp(20px,3.6dvw,27px) !important;
    line-height: 1.12 !important;
  }
  /* Explore: two balanced merchandise columns, not a three/four-column tablet grid. */
  html.infinisCustomerLight #tabMount .findExploreHeader {margin-bottom: 10px !important;gap: 8px !important;}
  html.infinisCustomerLight #tabMount .findExploreHeader h1 {font-size: 24px !important;}
  html.infinisCustomerLight #tabMount .findToolbar {margin-bottom: 10px !important;gap: 7px !important;}
  html.infinisCustomerLight #tabMount .findSearch {height: 44px !important;border-radius: 15px !important;}
  html.infinisCustomerLight #tabMount :is(.findBackBtn,.findCalendarShortcut,.findFilterBtn,.findSavedShortcut) {
    width: 44px !important;height: 44px !important;min-width: 44px !important;flex-basis: 44px !important;border-radius: 14px !important;
  }
  html.infinisCustomerLight #tabMount .findDiscovery {display: flex !important;flex-direction: column !important;gap: 15px !important;}
  html.infinisCustomerLight #tabMount .findHero {min-height: 168px !important;border-radius: 21px !important;}
  html.infinisCustomerLight #tabMount .findHeroContent {width: 69% !important;max-width: none !important;padding: 17px 18px !important;}
  html.infinisCustomerLight #tabMount .findHeroContent h2 {font-size: clamp(22px,3.4dvw,28px) !important;margin: 5px 0 7px !important;}
  html.infinisCustomerLight #tabMount .findHeroContent p {font-size: 11px !important;line-height: 1.42 !important;max-width: 290px !important;}
  html.infinisCustomerLight #tabMount .findHeroContent button {min-height: 37px !important;margin-top: 9px !important;}
  html.infinisCustomerLight #tabMount :is(.findResults,.findCollectionGrid) {
    display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 10px !important;
  }
  html.infinisCustomerLight #tabMount .findCategoryGrid {grid-template-columns: repeat(4,minmax(0,1fr)) !important;gap: 10px !important;}
  html.infinisCustomerLight #tabMount .findRail {grid-auto-columns: minmax(160px,42%) !important;gap: 10px !important;}
  html.infinisCustomerLight #tabMount .findResultPhoto {aspect-ratio: 1.6 !important;}
  html.infinisCustomerLight #tabMount .findResultBody {padding: 11px !important;}
  html.infinisCustomerLight #tabMount .findCollectionCard {min-height: 94px !important;padding: 12px !important;}
  /* Thread discovery and detail: preserve both illustration and text without clipping. */
  html.infinisCustomerLight #tabMount .threadHeading h1 {font-size: 27px !important;}
  html.infinisCustomerLight #tabMount .threadModeTabs button {min-height: 39px !important;padding: 7px 11px !important;}
  html.infinisCustomerLight #tabMount .threadDiscovery {gap: 12px !important;}
  html.infinisCustomerLight #tabMount .threadHero {
    min-height: 185px !important;
    grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr) !important;
    padding: 21px 23px !important;border-radius: 23px !important;
  }
  html.infinisCustomerLight #tabMount .threadHero h2 {font-size: clamp(25px,4dvw,33px) !important;}
  html.infinisCustomerLight #tabMount .threadHero p {font-size: 12px !important;line-height: 1.45 !important;}
  html.infinisCustomerLight #tabMount .threadWeave {height: 152px !important;max-width: 215px !important;}
  html.infinisCustomerLight #tabMount .threadCreationGrid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 11px !important;}
  html.infinisCustomerLight #tabMount .threadCardCover {height: 145px !important;}
  html.infinisCustomerLight #tabMount .threadCardCopy {padding: 12px !important;}
  html.infinisCustomerLight #tabMount .threadToolbar {grid-template-columns: minmax(0,1fr) minmax(0,160px) !important;gap: 9px !important;}
  html.infinisCustomerLight #tabMount .threadDetailHeader {gap: 12px !important;grid-template-columns: minmax(0,1fr) auto !important;}
  html.infinisCustomerLight #tabMount .threadDetailActions {min-width: 150px !important;}
  html.infinisCustomerLight #tabMount .threadStandardOverview {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 12px !important;}
  html.infinisCustomerLight #tabMount .threadDetailMedia {min-height: 190px !important;}
  /* Bubble: a compact left channel rail and a proper right social workspace. */
  html.infinisCustomerLight[data-palette] #tabMount .bubbleSocialPage.scenePage {display: block !important;width: 100% !important;padding: 0 0 14px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGrid {
    display: grid !important;
    grid-template-columns: clamp(143px,24%,174px) minmax(0,1fr) !important;
    gap: 11px !important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar {position: static !important;gap: 8px !important;min-width: 0 !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs {padding: 5px !important;border-radius: 17px !important;gap: 3px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs > button {
    min-height: 38px !important;gap: 6px !important;padding: 7px 8px !important;font-size: 10px !important;border-radius: 12px !important;
  }
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide {padding: 10px !important;border-radius: 17px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide h2 {font-size: 15px !important;margin: 6px 0 !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide p {font-size: 10px !important;line-height: 1.36 !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceMain {gap: 10px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialComposer {padding: 12px !important;border-radius: 17px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialComposer .bubbleWritePrompt {min-height: 42px !important;font-size: 12px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyGrid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 9px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyCover {min-height: 95px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleSocialPost {padding: 11px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleComposeFooter {gap: 5px !important;padding-top: 7px !important;margin-top: 7px !important;}
  /* Core split view should be deliberate, not a 260px min column in 550px of space. */
  html.infinisCustomerLight #tabMount .coretab {grid-template-columns: minmax(195px,38%) minmax(0,1fr) !important;gap: 12px !important;}
  /* Task overlays belong to the whole viewport; app navigation stays behind them. */
  html.infinisCustomerLight .workspaceDialog {width: min(760px,calc(100dvw - 20px)) !important;border-radius: 20px !important;}
  html.infinisCustomerLight .workspaceDialogHeader {padding: 11px 16px !important;}
  html.infinisCustomerLight .workspaceDialogHeader h2 {font-size: 20px !important;}
  html.infinisCustomerLight .workspaceDialogBody {padding: 12px 16px !important;overflow-y: auto !important;}
  html.infinisCustomerLight .workspaceDialogFooter {padding: 8px 16px !important;}
  html.infinisCustomerLight .workspaceThemeGrid {grid-template-columns: repeat(3,minmax(0,1fr)) !important;gap: 8px !important;}
  html.infinisCustomerLight .workspaceThemePreview {height: 64px !important;}
  html.infinisCustomerLight :is(.hubCreateProjectPanel,.hubProjectEditPanel,.hubQuickEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel) {
    width: min(760px,calc(100dvw - 20px)) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight .hubCreateProjectHead {padding: 11px 15px !important;}
  html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface form {max-height: calc(100dvh - 87px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;overflow-y: auto !important;}
  html.infinisCustomerLight :is(.hubCreateProjectFields,.hubProjectEditFields) {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 10px !important;}
  html.infinisCustomerLight :is(.hubCreateProjectFields,.hubProjectEditFields) .isWide {grid-column: 1 / -1 !important;}
  html.infinisCustomerLight .bubbleSocialDialog.bubbleTaskDialog {width: min(800px,calc(100dvw - 20px)) !important;border-radius: 20px !important;}
  html.infinisCustomerLight .bubbleSocialDialog.bubbleTaskDialog > .bubbleTaskRail {padding: 7px 13px !important;}
  html.infinisCustomerLight .bubbleSocialDialog.bubbleTaskDialog > .bubbleSocialDialogBody {overflow-y: auto !important;min-height: 0 !important;}
  html.infinisCustomerLight :is(.sceneFormFooter,.hubQuickEditFooter,.hubGuestInviteFooter) {gap: 8px !important;padding-block: 8px !important;}
  /* Product details use the real horizontal space while keeping the primary action visible. */
  html.infinisCustomerLight .findProductOverlay {padding: 0 !important;}
  html.infinisCustomerLight .findProductSheet {
    width: 100dvw !important;height: 100dvh !important;max-width: 100dvw !important;max-height: 100dvh !important;
    border: 0 !important;border-radius: 0 !important;
    --findDetailTop: calc(59px + env(safe-area-inset-top,0px));
    --findDetailBottom: calc(82px + env(safe-area-inset-bottom,0px));
  }
  html.infinisCustomerLight .findProductSheet .findProductTopbar {inset: calc(7px + env(safe-area-inset-top,0px)) 12px auto !important;}
  html.infinisCustomerLight .findProductSheet :is(.findProductClose,.findProductShare,.findProductSave) {
    min-width: 40px !important;width: 40px !important;height: 40px !important;flex-basis: 40px !important;border-radius: 13px !important;
  }
  html.infinisCustomerLight .findProductSheet .findProductScroll {
    display: grid !important;grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr) !important;
    gap: 15px !important;padding: var(--findDetailTop) 14px var(--findDetailBottom) !important;
  }
  html.infinisCustomerLight .findProductSheet .findProductGallery {
    position: sticky !important;top: 0 !important;aspect-ratio: 1.3 !important;
    max-height: calc(100dvh - 153px) !important;border-radius: 20px !important;
  }
  html.infinisCustomerLight .findProductSheet .findProductContent {padding: 0 0 8px !important;}
  html.infinisCustomerLight .findProductSheet .findProductHeading h2 {font-size: 23px !important;}
  html.infinisCustomerLight .findProductSheet .findProductActions {
    left: 10px !important;right: 10px !important;bottom: calc(7px + env(safe-area-inset-bottom,0px)) !important;
    padding: 8px 12px !important;gap: 9px !important;grid-template-columns: minmax(0,1fr) minmax(180px,.8fr) !important;
    border-radius: 18px !important;
  }
  html.infinisCustomerLight .findProductSheet .findProductAdd {min-height: 43px !important;}
  /* The cart's one main scroller continues, with an optional side summary only
     when a checkout footer exists. Empty welcome views use all available width. */
  html.infinisCustomerLight #activeCartDrawer {grid-template-columns: 0 minmax(0,1fr) !important;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel.infinisSurface,
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel {
    width: 100dvw !important;max-width: 100dvw !important;height: 100dvh !important;max-height: 100dvh !important;
    border: 0 !important;border-radius: 0 !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel:has(>.activeCartFooter:not([hidden])) {
    grid-template-columns: minmax(0,1fr) minmax(220px,34%) !important;
    grid-template-rows: minmax(0,1fr) !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel > .activeCartScroll {
    padding: calc(59px + env(safe-area-inset-top,0px)) 14px 13px !important;gap: 10px !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel:has(>.activeCartFooter:not([hidden])) > .activeCartScroll {
    grid-column: 1 !important;grid-row: 1 !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel:has(>.activeCartFooter:not([hidden])) > .activeCartFooter {
    grid-column: 2 !important;grid-row: 1 !important;
    align-self: stretch !important;
    display: flex !important;flex-direction: column !important;justify-content: center !important;
    width: 100% !important;height: 100% !important;min-height: 0 !important;
    padding: calc(64px + env(safe-area-inset-top,0px)) 13px 12px !important;
    gap: 8px !important;
    border-top: 0 !important;border-left: 1px solid var(--cartLine,var(--workspaceLine)) !important;
    background: color-mix(in srgb,var(--cartScene,var(--workspacePanel)) 95%,transparent) !important;
    overflow-y: auto !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingActions {display: grid !important;grid-template-columns: 1fr !important;gap: 8px !important;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingActions > button {min-height: 40px !important;height: auto !important;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartWelcomeArtwork {transform: scale(.78);transform-origin:center;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartWelcome {gap: 7px !important;padding-block: 7px !important;}
  /* Floating checkout steps must not reserve 200px before the first form field. */
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel {
    --checkoutHeaderH: 51px;
    --checkoutFloatingControlH: 43px;
    --checkoutProgressTop: calc(53px + env(safe-area-inset-top,0px));
    --checkoutProjectTop: calc(100px + env(safe-area-inset-top,0px));
    --checkoutBodyTop: calc(153px + env(safe-area-inset-top,0px));
    --checkoutBottomClearance: 69px;
    width: 100dvw !important;height: 100dvh !important;max-width: 100dvw !important;max-height: 100dvh !important;
    border: 0 !important;border-radius: 0 !important;
  }
  html[data-palette] .checkoutDrawer:not(.hasProjectBubbleDock):not(.isBookingComplete) .checkoutPanel {
    --checkoutBodyTop: calc(106px + env(safe-area-inset-top,0px));
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutHeader.checkoutFloatingHeader {
    min-height: 50px !important;padding: calc(6px + env(safe-area-inset-top,0px)) 12px 5px !important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutProgress {
    left: max(11px,env(safe-area-inset-left,0px)) !important;
    right: max(11px,env(safe-area-inset-right,0px)) !important;
    gap: 6px !important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutProgress button {
    min-height: 43px !important;padding: 5px !important;border-radius: 13px !important;gap: 2px !important;
    flex-direction: row !important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutProgress button > span {
    width: 25px !important;height: 25px !important;flex-basis: 25px !important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutProgress button.isActive b {
    font-size: 10px !important;line-height: 1.15 !important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutWorkspace {
    display: block !important;overflow-y: auto !important;overflow-x: hidden !important;overscroll-behavior: contain !important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutBody {
    height: auto !important;min-height: 100% !important;overflow: visible !important;
    padding: var(--checkoutBodyTop) 15px calc(var(--checkoutBottomClearance) + env(safe-area-inset-bottom,0px)) !important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutFooter {
    bottom: calc(7px + env(safe-area-inset-bottom,0px)) !important;
    padding-inline: 12px !important;
  }
  html[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutFooter button {
    min-height: 45px !important;padding: 8px 10px !important;border-radius: 15px !important;font-size: 12px !important;
  }
  /* Compact full-screen Help still has a reachable, independently scrolling body. */
  html.infinisCustomerLight .coreHelpPanel {width: 100dvw !important;height: 100dvh !important;max-height: 100dvh !important;margin: 0 !important;border-radius: 0 !important;}
  html.infinisCustomerLight .coreHelpTopbar {min-height: 53px !important;padding: 6px 14px !important;align-items: center !important;}
  html.infinisCustomerLight .coreHelpHero {padding: 18px 18px 15px !important;}
  html.infinisCustomerLight .coreHelpHeroIcon {width: 46px !important;height: 46px !important;border-radius: 16px !important;margin-bottom: 7px !important;}
  html.infinisCustomerLight .coreHelpHero h1 {font-size: 24px !important;}
  html.infinisCustomerLight .coreHelpGuideGrid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
  html.infinisCustomerLight :is(.toast,.infinisBootToast,.launchPolicyNotice) {
    right: calc(12px + env(safe-area-inset-right,0px)) !important;
    bottom: calc(10px + env(safe-area-inset-bottom,0px)) !important;
    left: auto !important;
    width: min(305px,calc(100dvw - 108px)) !important;
  }
}

/* A very shallow phone still keeps the entire navigation rail inside the screen. */
@media (orientation: landscape) and (max-height: 345px) and (max-width: 1100px) {
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav {width: 64px !important;min-width: 64px !important;max-width: 64px !important;padding: 3px !important;gap: 1px !important;}
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav > .navitem {gap: 0 !important;padding: 1px !important;font-size: 8px !important;}
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav > .navitem :is(i,.workspaceVector,svg) {width: 18px !important;height: 18px !important;font-size: 17px !important;}
  html.infinisCustomerLight:not(.thread-editor-open) #app #scrollArea {padding-left: calc(84px + env(safe-area-inset-left,0px)) !important;padding-top: calc(58px + env(safe-area-inset-top,0px)) !important;}
}

/* Thread Studio is a focused full-canvas editor. Do not put it inside the rail
   geometry: its own floating Back/Save buttons replace global navigation. */
@media (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.thread-editor-open {
    --threadEditorChromeTop: calc(7px + env(safe-area-inset-top,0px));
    --threadEditorTabsTop: calc(55px + env(safe-area-inset-top,0px));
    --threadEditorBodyTop: calc(115px + env(safe-area-inset-top,0px));
    --threadEditorGutter: max(11px,env(safe-area-inset-left,0px));
  }
  html.thread-editor-open #app #scrollArea {padding: 0 !important;overflow: hidden !important;}
  html.thread-editor-open #tabMount .threadEditorTabs {gap: 6px !important;padding: 3px 12px 9px !important;}
  html.thread-editor-open #tabMount .threadEditorTabs button {
    flex: 0 0 auto !important;min-width: 102px !important;min-height: 44px !important;max-height: 46px !important;
    padding: 6px 10px !important;font-size: 10px !important;border-radius: 14px !important;
  }
  html.thread-editor-open #tabMount .threadEditorTabs button .workspaceVector {width: 17px !important;height: 17px !important;flex-basis: 17px !important;}
  html.thread-editor-open #tabMount .threadEditorFooter > .threadButton {height: 41px !important;min-height: 41px !important;max-height: 41px !important;border-radius: 14px !important;}
  html.thread-editor-open #tabMount .threadEditorFooter > .threadButton:not(.isPrimary) {width: 42px !important;min-width: 42px !important;max-width: 42px !important;}
  html.thread-editor-open #tabMount .threadEditorFooter > .threadButton.isPrimary {min-width: 94px !important;}
  html.thread-editor-open #tabMount .threadEditorLayout {grid-template-columns: minmax(0,1fr) !important;}
  html.thread-editor-open #tabMount .threadEditorBody {padding: var(--threadEditorBodyTop) 16px calc(19px + env(safe-area-inset-bottom,0px)) !important;}
  html.thread-editor-open #tabMount .threadEditorIntro h2 {font-size: 22px !important;}
  html.thread-editor-open #tabMount .threadEditorFields {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 10px 13px !important;}
  html.thread-editor-open #tabMount .threadEditorField.isWide {grid-column: 1/-1 !important;}
  html.thread-editor-open #tabMount .threadEditorPreview {display: none !important;}
}
@media (orientation: landscape) and (max-height: 540px) and (min-width: 850px) and (max-width: 1100px) {
  html.thread-editor-open #tabMount .threadEditorLayout {grid-template-columns: minmax(0,1fr) minmax(240px,29%) !important;}
  html.thread-editor-open #tabMount .threadEditorPreview {display: block !important;padding: var(--threadEditorBodyTop) 12px 16px !important;overflow-y: auto !important;}
}

/* Compact tablet landscape / multitasking widths (e.g. 800 x 600): avoid
   getting oversized 760px desktop cards before the regular tablet layout starts. */
@media (orientation: landscape) and (min-width: 760px) and (max-width: 899px) and (min-height: 541px) {
  html.infinisCustomerLight:not(.thread-editor-open) #app #scrollArea {
    padding: calc(70px + env(safe-area-inset-top,0px))
             calc(17px + env(safe-area-inset-right,0px))
             calc(var(--bottomNavHeight,68px) + 19px + env(safe-area-inset-bottom,0px))
             calc(17px + env(safe-area-inset-left,0px)) !important;
    scroll-padding-top: calc(70px + env(safe-area-inset-top,0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav {
    width: min(460px,calc(100dvw - 40px)) !important;
    bottom: calc(9px + env(safe-area-inset-bottom,0px) + var(--appVisualBottom,0px)) !important;
    padding: 5px !important;
    border-radius: 20px !important;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav > .navitem {
    min-height: 44px !important;
    padding: 5px !important;
    border-radius: 15px !important;
  }
  html.infinisCustomerLight .topbar.workspaceTop.workspaceFloatingTop {
    top: calc(8px + env(safe-area-inset-top,0px)) !important;
    right: calc(17px + env(safe-area-inset-right,0px)) !important;
  }
  html.infinisCustomerLight #tabMount :is(.hubMoreGrid,.hubNextGrid,.hubMetricGrid,.hubCategoryGrid,.hubCollectionGrid,.findResults,.findCollectionGrid,.threadCreationGrid) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 11px !important;
  }
  html.infinisCustomerLight #tabMount .hubExperienceBuilderGrid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 12px !important;}
  html.infinisCustomerLight #tabMount .sceneGatePage .sceneGate {grid-template-columns: 1.1fr .9fr !important;gap: 14px !important;padding: 18px !important;}
  html.infinisCustomerLight #tabMount .findHero {min-height: 175px !important;border-radius: 23px !important;}
  html.infinisCustomerLight #tabMount .findHeroContent {padding: 20px !important;}
  html.infinisCustomerLight #tabMount .findHeroContent h2 {font-size: 27px !important;}
  html.infinisCustomerLight #tabMount .findCategoryGrid {grid-template-columns: repeat(4,minmax(0,1fr)) !important;gap: 10px !important;}
  html.infinisCustomerLight #tabMount .threadHero {min-height: 190px !important;padding: 20px 23px !important;grid-template-columns: 1.2fr .8fr !important;}
  html.infinisCustomerLight #tabMount .threadHero h2 {font-size: 28px !important;}
  html.infinisCustomerLight #tabMount .threadWeave {height: 165px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGrid {grid-template-columns: 170px minmax(0,1fr) !important;gap: 12px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyGrid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 10px !important;}
  html.infinisCustomerLight #tabMount .coretab {grid-template-columns: minmax(210px,35%) minmax(0,1fr) !important;gap: 12px !important;}
  html.infinisCustomerLight .workspaceDialog {width: min(710px,calc(100dvw - 28px)) !important;max-height: calc(100dvh - 24px) !important;border-radius: 22px !important;}
  html.infinisCustomerLight .workspaceDialogBody {min-height: 0 !important;overflow-y: auto !important;}
  html.infinisCustomerLight .findProductSheet {max-width: calc(100dvw - 24px) !important;max-height: calc(100dvh - 24px) !important;border-radius: 23px !important;}
  html.infinisCustomerLight .checkoutDrawer:not(.isBookingComplete) .checkoutPanel {max-width: calc(100dvw - 24px) !important;max-height: calc(100dvh - 24px) !important;}
  html.infinisCustomerLight .coreHelpPanel {width: calc(100dvw - 28px) !important;max-height: calc(100dvh - 24px) !important;margin: 12px auto !important;}
}

/* Tablet landscape: measured content gutters, smaller chrome, useful multi-column
   pages. Large desktop and portrait layouts are intentionally unaffected. */
@media (orientation: landscape) and (min-width: 900px) and (min-height: 541px) and (max-width: 1399px) {
  html.infinisCustomerLight {
    --infinisTabletGutter: clamp(20px,3dvw,44px);
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app #scrollArea {
    padding: calc(89px + env(safe-area-inset-top,0px))
             max(var(--infinisTabletGutter),env(safe-area-inset-right,0px))
             calc(var(--bottomNavHeight,70px) + 31px + env(safe-area-inset-bottom,0px))
             max(var(--infinisTabletGutter),env(safe-area-inset-left,0px)) !important;
    scroll-padding-top: calc(89px + env(safe-area-inset-top,0px)) !important;
    overflow-x: hidden !important;overflow-y: auto !important;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app #tabMount {width: min(1220px,100%) !important;max-width: 100% !important;margin-inline: auto !important;}
  html.infinisCustomerLight .topbar.workspaceTop.workspaceFloatingTop {
    top: calc(12px + env(safe-area-inset-top,0px)) !important;
    right: max(var(--infinisTabletGutter),env(safe-area-inset-right,0px)) !important;
  }
  html.infinisCustomerLight .workspaceFloatingTop > .workspaceAccountDock {padding: 5px 7px !important;border-radius: 20px !important;}
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav {
    bottom: calc(11px + env(safe-area-inset-bottom,0px) + var(--appVisualBottom,0px)) !important;
    width: min(510px,calc(100dvw - 60px)) !important;max-width: 510px !important;
    padding: 6px !important;border-radius: 22px !important;
  }
  html.infinisCustomerLight:not(.thread-editor-open) #app > .bottomnav > .navitem {min-height: 48px !important;padding: 6px 9px !important;border-radius: 16px !important;}
  html.infinisCustomerLight #tabMount :is(.hubPage,.hubHomeV427,.threadPage,.coretab,.findPage) {max-width: 100% !important;}
  html.infinisCustomerLight #tabMount .sceneGatePage .sceneGate {
    max-width: 100% !important;grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr) !important;
    gap: 20px !important;padding: clamp(20px,2.4dvw,32px) !important;
  }
  html.infinisCustomerLight #tabMount :is(.hubMoreGrid,.hubNextGrid,.hubMetricGrid,.hubCategoryGrid,.hubCollectionGrid) {grid-template-columns: repeat(3,minmax(0,1fr)) !important;gap: 13px !important;}
  html.infinisCustomerLight #tabMount .hubExperienceBuilderGrid {grid-template-columns: minmax(0,1fr) minmax(0,.82fr) !important;gap: 17px !important;}
  html.infinisCustomerLight #tabMount .findHero {min-height: clamp(190px,28dvh,270px) !important;border-radius: 26px !important;}
  html.infinisCustomerLight #tabMount .findHeroContent {padding: 24px 29px !important;}
  html.infinisCustomerLight #tabMount .findHeroContent h2 {font-size: clamp(29px,3dvw,39px) !important;}
  html.infinisCustomerLight #tabMount .findDiscovery {gap: 24px !important;}
  html.infinisCustomerLight #tabMount .findResults {grid-template-columns: repeat(3,minmax(0,1fr)) !important;gap: 14px !important;}
  html.infinisCustomerLight #tabMount .findCategoryGrid {grid-template-columns: repeat(5,minmax(0,1fr)) !important;gap: 12px !important;}
  html.infinisCustomerLight #tabMount .findResultPhoto {aspect-ratio: 1.45 !important;}
  html.infinisCustomerLight #tabMount .findCollectionGrid {grid-template-columns: repeat(3,minmax(0,1fr)) !important;gap: 13px !important;}
  html.infinisCustomerLight #tabMount .threadHero {min-height: 230px !important;padding: 26px 30px !important;grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr) !important;border-radius: 28px !important;}
  html.infinisCustomerLight #tabMount .threadHero h2 {font-size: clamp(30px,3.2dvw,43px) !important;}
  html.infinisCustomerLight #tabMount .threadWeave {height: 188px !important;max-width: 275px !important;}
  html.infinisCustomerLight #tabMount .threadCreationGrid {grid-template-columns: repeat(3,minmax(0,1fr)) !important;gap: 15px !important;}
  html.infinisCustomerLight #tabMount .threadCardCover {height: clamp(150px,19dvh,210px) !important;}
  html.infinisCustomerLight #tabMount .threadStandardOverview {grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important;gap: 18px !important;}
  html.infinisCustomerLight #tabMount .threadDetailMedia {min-height: 230px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGrid {grid-template-columns: clamp(182px,21dvw,236px) minmax(0,1fr) !important;gap: 19px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar {gap: 10px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceSidebar .bubbleSocialTabs > button {min-height: 43px !important;padding: 8px 11px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubbleWorkspaceGuide {padding: 14px !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyGrid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 12px !important;}
  html.infinisCustomerLight #tabMount .coretab {grid-template-columns: minmax(245px,32%) minmax(0,1fr) !important;gap: 18px !important;}
  html.infinisCustomerLight .workspaceDialog {width: min(880px,calc(100dvw - 50px)) !important;max-width: calc(100dvw - 50px) !important;max-height: calc(100dvh - 30px) !important;border-radius: 25px !important;}
  html.infinisCustomerLight .workspaceDialogHeader {padding: 18px 24px 13px !important;}
  html.infinisCustomerLight .workspaceDialogBody {padding: 17px 24px !important;overflow-y: auto !important;}
  html.infinisCustomerLight .workspaceDialogFooter {padding: 11px 24px !important;}
  html.infinisCustomerLight .workspaceThemePreview {height: 78px !important;}
  html.infinisCustomerLight :is(.hubCreateProjectPanel,.hubProjectEditPanel,.hubGuestInvitePanel,.hubGuestDetailPanel) {width: min(860px,calc(100dvw - 46px)) !important;max-height: calc(100dvh - 30px) !important;border-radius: 25px !important;}
  html.infinisCustomerLight .hubCreateProjectPanel.infinisSurface form {max-height: calc(100dvh - 130px) !important;overflow-y: auto !important;}
  html.infinisCustomerLight .findProductOverlay {padding: 14px !important;}
  html.infinisCustomerLight .findProductSheet {height: min(790px,calc(100dvh - 28px)) !important;max-height: calc(100dvh - 28px) !important;max-width: min(1050px,calc(100dvw - 28px)) !important;border-radius: 26px !important;}
  html.infinisCustomerLight .findProductSheet .findProductGallery {max-height: min(390px,calc(100dvh - 220px)) !important;}
  html.infinisCustomerLight #activeCartDrawer {grid-template-columns: minmax(0,1fr) min(490px,49dvw) !important;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel {width: 100% !important;max-width: 100% !important;}
  html.infinisCustomerLight .checkoutDrawer:not(.isBookingComplete) .checkoutPanel {
    width: min(980px,calc(100dvw - 40px)) !important;
    max-width: calc(100dvw - 40px) !important;
    height: min(810px,calc(100dvh - 28px)) !important;
    max-height: calc(100dvh - 28px) !important;
    border-radius: 26px !important;
  }
  html.infinisCustomerLight .coreHelpPanel {width: min(900px,calc(100dvw - 36px)) !important;height: calc(100dvh - 30px) !important;max-height: calc(100dvh - 30px) !important;margin: 15px auto !important;border-radius: 26px !important;}
  html.infinisCustomerLight .coreHelpTopbar {min-height: 60px !important;padding: 10px 16px !important;}
  html.infinisCustomerLight .coreHelpHero {padding: 22px 24px 18px !important;}
  html.infinisCustomerLight .coreHelpGuideGrid {grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
}

@media (orientation: landscape) and (min-width: 1200px) and (min-height: 541px) and (max-width: 1399px) {
  html.infinisCustomerLight #tabMount :is(.hubMoreGrid,.hubNextGrid,.hubMetricGrid,.hubCategoryGrid,.hubCollectionGrid) {grid-template-columns: repeat(4,minmax(0,1fr)) !important;}
  html.infinisCustomerLight #tabMount .findResults {grid-template-columns: repeat(4,minmax(0,1fr)) !important;}
  html.infinisCustomerLight #tabMount .findCategoryGrid {grid-template-columns: repeat(7,minmax(0,1fr)) !important;}
  html.infinisCustomerLight #tabMount .threadCreationGrid {grid-template-columns: repeat(4,minmax(0,1fr)) !important;}
  html.infinisCustomerLight[data-palette] .bubbleSocialPage .bubblePartyGrid {grid-template-columns: repeat(3,minmax(0,1fr)) !important;}
}

/* Respect the existing motion-accessibility setting: no new forced animation. */
@media (prefers-reduced-motion: reduce) and (orientation: landscape) {
  html.infinisCustomerLight #app > .bottomnav,
  html.infinisCustomerLight #app > .bottomnav > .navitem {scroll-behavior: auto !important;}
}

/* END assets/css/core/v602-landscape-responsive.css */

/* BEGIN assets/css/core/v603-landscape-layout-repair.css */
/* Infinis v0603 | landscape repair
 * Complements v0602 without changing the visual identity or portrait layout.
 * Addresses the actual v0602 regressions: Core nested columns, Hub reservation
 * shelf half-width, cart footer escaping its grid and checkout layers colliding.
 * Only visual CSS changes; no workflow or server logic is touched.
 */

@media (orientation: landscape) and (max-width: 1399px) {
  /* Core's tablet .coretab grid and its two-column .coretab__groups were
     nesting three narrow tracks. The groups now own the full available row. */
  html.infinisCustomerLight #tabMount .coretab {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: clamp(13px, 2dvh, 22px) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: min(1120px, 100%) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 0 24px !important;
    overflow-x: clip !important;
  }
  html.infinisCustomerLight #tabMount .coretab__adminStudios,
  html.infinisCustomerLight #tabMount .coretab__groups {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: clamp(11px, 1.6dvw, 20px) !important;
    margin: 0 !important;
  }
  html.infinisCustomerLight #tabMount .coretab__group,
  html.infinisCustomerLight #tabMount .coretab__list,
  html.infinisCustomerLight #tabMount .coretab__footer {
    grid-column: auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight #tabMount .coretab__group:last-child {grid-column: auto !important;}
  html.infinisCustomerLight #tabMount .coretab__groupHead {margin: 0 !important;}
  html.infinisCustomerLight #tabMount .coretab__list {overflow: hidden !important;}
  html.infinisCustomerLight #tabMount .coretab__row {
    display: grid !important;
    grid-template-columns: 37px minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: clamp(8px, 1dvw, 12px) !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 11px clamp(10px, 1.3dvw, 17px) !important;
  }
  html.infinisCustomerLight #tabMount .coretab__rowIcon {width: 37px !important;height: 37px !important;min-width: 0 !important;}
  html.infinisCustomerLight #tabMount .coretab__rowCopy {
    min-width: 0 !important;
    overflow-wrap: break-word !important;
  }
  html.infinisCustomerLight #tabMount .coretab__rowCopy :is(strong,small) {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
  html.infinisCustomerLight #tabMount .coretab__badge {max-width: 82px !important;}
  html.infinisCustomerLight #tabMount .coretab__gritAdmin,
  html.infinisCustomerLight #tabMount .coretab__membersAdmin {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: clamp(14px, 1.8dvw, 22px) !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight #tabMount :is(.coretab__gritAdmin,.coretab__membersAdmin) > div {min-width: 0 !important;}
  html.infinisCustomerLight #tabMount :is(.coretab__gritAdmin,.coretab__membersAdmin) p {max-width: 62ch !important;}
  html.infinisCustomerLight #tabMount :is(.coretab__gritAdmin,.coretab__membersAdmin) > button {
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    min-height: 42px !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
  html.infinisCustomerLight #tabMount .coretab__footer {padding-top: 8px !important;}

  /* Hub's reservation shelf is a direct child of the two-track home grid.
     Previously it occupied only track one and left half of landscape blank. */
  html.infinisCustomerLight #tabMount .hubHomeV427 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: clamp(12px, 2dvw, 24px) !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  html.infinisCustomerLight #tabMount .hubHomeV427 > :is(.rwShelf,.hubHomeActions,.hubMyProjects,.hubContinue,.hubLaunchNotice,.hubGreeting,.hubTeamInbox) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html.infinisCustomerLight #tabMount .hubHomeV427 > .rwShelf {margin: 5px 0 8px !important;}
  html.infinisCustomerLight #tabMount .rwShelfHead {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  html.infinisCustomerLight #tabMount .rwShelfHead > div {flex: 1 1 240px !important;min-width: 0 !important;}
  html.infinisCustomerLight #tabMount .rwShelfHead h2 {font-size: clamp(17px, 2.4dvw, 23px) !important;line-height: 1.15 !important;}
  html.infinisCustomerLight #tabMount .rwShelfHead > button {flex: 0 0 auto !important;white-space: nowrap !important;}
  html.infinisCustomerLight #tabMount :is(.rwShelfList,.rwShelfHistory) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
    gap: clamp(10px, 1.6dvw, 16px) !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  html.infinisCustomerLight #tabMount .rwEventTile {box-sizing: border-box !important;min-width: 0 !important;width: 100% !important;max-width: 100% !important;}
  html.infinisCustomerLight #tabMount .rwEventTile > span:nth-child(2) {min-width: 0 !important;overflow-wrap: anywhere !important;}
  html.infinisCustomerLight #tabMount .rwEventTile :is(b,small,em) {overflow-wrap: anywhere !important;}

  /* The desktop scene added an outer 12px frame while the inner panel filled
     100dvh. Remove that stale inset or the bottom actions get cropped. */
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: grid !important;
    place-items: stretch !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  /* Checkout: put controls on separate, non-overlapping grid rows instead of
     using fixed absolute coordinates that collide in short landscape heights. */
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
    align-content: stretch !important;
    width: min(100dvw, 100%) !important;
    max-width: 100dvw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutHeader.checkoutFloatingHeader {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: calc(7px + env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) 5px max(12px, env(safe-area-inset-left, 0px)) !important;
    margin: 0 !important;
    pointer-events: none !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutPanel .checkoutFloatingHeader > .liveDockSlot {
    flex: 0 1 auto !important;
    order: 2 !important;
    margin: 0 0 0 auto !important;
    max-width: calc(100% - 60px) !important;
    justify-content: flex-end !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutPanel .checkoutFloatingHeader > #checkoutClose {
    flex: 0 0 44px !important;
    order: 0 !important;
    height: 44px !important;
    width: 44px !important;
    min-height: 44px !important;
    border-radius: 15px !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutProgress {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    inset: auto !important;
    z-index: 2 !important;
    align-self: start !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 4px max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px)) !important;
    padding: 0 !important;
    gap: clamp(5px, 1dvw, 12px) !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: auto !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutProgress > button {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 45px !important;
    height: 45px !important;
    padding: 5px 7px !important;
    gap: 6px !important;
    flex-direction: row !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutPanel > .checkoutProgress > button > span {
    flex: 0 0 27px !important;
    width: 27px !important;
    height: 27px !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > #checkoutProjectBridge.checkoutProjectBubbleDock {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    align-self: start !important;
    z-index: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(26dvh, 112px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > #checkoutProjectBridge[hidden] {display: none !important;}
  html.infinisCustomerLight[data-palette] .checkoutPanel > #checkoutProjectBridge .checkoutProjectBridgeFacts {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: min(26dvh, 112px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    align-items: flex-start !important;
    padding: 0 max(12px,env(safe-area-inset-right,0px)) 7px max(12px,env(safe-area-inset-left,0px)) !important;
    box-sizing: border-box !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch;
  }
  html.infinisCustomerLight[data-palette] .checkoutPanel > #checkoutProjectBridge .checkoutBridgeFact {
    flex-shrink: 0 !important;
    min-height: 48px !important;
    max-width: min(210px, 32dvw) !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutPanel > #checkoutProjectBridge .checkoutBridgeFact.isExpanded {
    max-width: min(300px, 70dvw) !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutWorkspace {
    display: block !important;
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-padding-top: 15px !important;
    scroll-padding-bottom: 18px !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutBody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: clamp(12px, 2dvh, 20px) clamp(13px, 2dvw, 25px) 20px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    scrollbar-gutter: auto !important;
    scroll-padding: 0 !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutFooter {
    display: flex !important;
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 5 !important;
    inset: auto !important;
    top: auto !important;
    bottom: auto !important;
    z-index: 3 !important;
    width: 100% !important;
    min-height: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 7px max(12px, env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px)) !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: color-mix(in srgb, var(--workspacePanel) 96%, transparent) !important;
    border-top: 1px solid var(--workspaceLine) !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutFooter > button {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: min(290px, 50%) !important;
    min-width: 0 !important;
    min-height: 43px !important;
    height: 43px !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    font-size: clamp(12px, 1.5dvw, 14px) !important;
    border-radius: 15px !important;
    pointer-events: auto !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutFooter > button:only-child,
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutFooter > button:not([hidden]):first-child:last-child {
    flex: 0 1 290px !important;
    max-width: min(290px, 100%) !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutSectionHeading {
    min-width: 0 !important;
  }
  html.infinisCustomerLight[data-palette] .checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutSectionHeading h3 {
    font-size: clamp(19px, 2.6dvw, 27px) !important;
    line-height: 1.13 !important;
    overflow-wrap: anywhere !important;
  }
}

/* Short phone landscape gets a true single-scroll cart with a compact, IN-FLOW
 * order summary. v0602 mistakenly made the outer cart two-column while inner
 * scroll/footer still targeted different grid rows, causing the severe overlay. */
@media (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.infinisCustomerLight #tabMount .hubHomeV427 {row-gap: 14px !important;}
  html.infinisCustomerLight #tabMount .hubHomeActions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(100%, 620px) !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  html.infinisCustomerLight #tabMount .hubHomeActions > button {min-width: 0 !important;min-height: 49px !important;padding: 9px 12px !important;}
  html.infinisCustomerLight #tabMount .rwShelfHead {margin-bottom: 12px !important;}
  html.infinisCustomerLight #tabMount .rwEventTile {min-height: 86px !important;padding: 12px !important;border-radius: 20px !important;}
  html.infinisCustomerLight #tabMount .rwTileArt {width: 42px !important;height: 44px !important;border-radius: 14px !important;}

  html.infinisCustomerLight #activeCartDrawer,
  html.infinisCustomerLight #activeCartDrawer.isOpen {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 0 minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    min-width: 0 !important;
    width: 100dvw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel,
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel:has(>.activeCartFooter:not([hidden])) {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    grid-auto-rows: 0 !important;
    align-content: stretch !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100dvw !important;
    height: 100dvh !important;
    max-width: 100dvw !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel > .activeCartScroll,
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel:has(>.activeCartFooter:not([hidden])) > .activeCartScroll {
    grid-column: 1 !important;
    grid-row: 1 !important;
    flex: 0 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: calc(63px + env(safe-area-inset-top,0px)) 14px 13px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel > .activeCartFooter,
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel:has(>.activeCartFooter:not([hidden])) > .activeCartFooter {
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    grid-template-columns: minmax(0,1fr) minmax(220px, .85fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    align-items: stretch !important;
    align-self: end !important;
    gap: 10px !important;
    position: relative !important;
    inset: auto !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 14px calc(10px + env(safe-area-inset-bottom,0px)) !important;
    border: 0 !important;
    border-top: 1px solid var(--cartLine, var(--workspaceLine)) !important;
    border-radius: 0 !important;
    background: color-mix(in srgb, var(--cartScene,var(--workspacePanel)) 97%,transparent) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel > .activeCartFooter > .cartFloatingEstimate {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 9px 11px !important;
    border-radius: 17px !important;
    box-shadow: none !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingEstimateMain {
    gap: 7px !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingEstimateMain > strong {
    font-size: clamp(18px, 2.9dvw, 25px) !important;
    max-width: 100% !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingEstimateNote {
    font-size: 9.5px !important;
    line-height: 1.28 !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel > .activeCartFooter > .cartFloatingActions {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: repeat(2, minmax(0,1fr)) !important;
    align-content: stretch !important;
    align-items: stretch !important;
    gap: 7px !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    pointer-events: auto !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingActions > .activeCartPrimary,
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingActions > .activeCartClear {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 34px !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    box-sizing: border-box !important;
    border-radius: 13px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingActions > .activeCartPrimary {grid-row: 1 !important;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingActions > .activeCartClear {grid-row: 2 !important;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .activeCartItem {min-width: 0 !important;max-width: 100% !important;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .activeCartList {min-width: 0 !important;max-width: 100% !important;}
}

@media (orientation: landscape) and (max-height: 540px) and (max-width: 820px) {
  /* A 667-768px-wide phone has room for one great card, not two crushed ones. */
  html.infinisCustomerLight #tabMount .coretab__groups {grid-template-columns: minmax(0,1fr) !important;}
  html.infinisCustomerLight #tabMount .coretab__adminStudios {grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
  html.infinisCustomerLight #tabMount :is(.coretab__gritAdmin,.coretab__membersAdmin) {gap: 8px !important;padding: 12px !important;}
  html.infinisCustomerLight #tabMount :is(.coretab__gritAdmin,.coretab__membersAdmin) h2 {font-size: 18px !important;}
  html.infinisCustomerLight #tabMount :is(.coretab__gritAdmin,.coretab__membersAdmin) p {font-size: 10px !important;line-height: 1.35 !important;}
  html.infinisCustomerLight #tabMount .hubHomeActions {max-width: 100% !important;}
  html.infinisCustomerLight #tabMount .hubHomeV427 > .rwShelf :is(.rwShelfList,.rwShelfHistory) {grid-template-columns: minmax(0,1fr) !important;}
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel > .activeCartFooter {
    grid-template-columns: minmax(0,1fr) minmax(180px,.86fr) !important;
    gap: 8px !important;
    padding-inline: 9px !important;
  }
}

@media (orientation: landscape) and (min-width: 900px) and (min-height: 541px) and (max-width: 1399px) {
  html.infinisCustomerLight #tabMount .coretab {padding-top: 10px !important;gap: 22px !important;}
  html.infinisCustomerLight #tabMount .coretab__adminStudios,
  html.infinisCustomerLight #tabMount .coretab__groups {gap: clamp(15px, 1.8dvw, 25px) !important;}
  html.infinisCustomerLight #tabMount .hubHomeV427 > .rwShelf {margin-top: 12px !important;}
  html.infinisCustomerLight #tabMount .hubHomeActions {max-width: 740px !important;}
  html.infinisCustomerLight #tabMount .rwEventTile {min-height: 97px !important;}
  /* The tablet side-cart inherited a footer that was wider than its padded
     490px panel. Keep estimate and actions inside the real content box. */
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel > .activeCartFooter {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel > .activeCartFooter > :is(.cartFloatingEstimate,.cartFloatingActions) {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingActions {
    display: grid !important;
    grid-template-columns: minmax(0, .95fr) minmax(0, 2.1fr) !important;
    gap: 8px !important;
  }
  html.infinisCustomerLight #activeCartDrawer .activeCartPanel .cartFloatingActions > button {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-inline: 8px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  /* Do not let a long linked-project label widen checkout itself. */
  html.infinisCustomerLight[data-palette] .checkoutPanel > #checkoutProjectBridge .checkoutBridgeFact {max-width: min(230px, 28dvw) !important;}
}

/* Both drawers are mounted hidden at app startup. Preserve the native hidden
 * contract despite the stronger landscape display/grid rules above. */
@media (orientation: landscape) and (max-width: 1399px) {
  html.infinisCustomerLight[data-palette] #checkoutDrawer[hidden],
  html.infinisCustomerLight[data-palette] #activeCartDrawer[hidden] {
    display: none !important;
    pointer-events: none !important;
  }
}

/* END assets/css/core/v603-landscape-layout-repair.css */

/* BEGIN assets/css/core/v604-mobile-landscape-native.css */
/* Infinis v0604 - native mobile sizing / reversible rotation.
 * This is deliberately scoped to touch-sized devices and short landscape
 * viewports. Desktop sheets remain dialogs. The original Nebula/Pink palette,
 * product actions, rental data, booking flow and animation hooks are retained.
 * Do not add viewport dimensions to the unscoped base components.
 */

/* On tablets, CSS width alone must not turn a mobile workflow into a desktop
 * modal. Full-canvas pages are the mobile navigation contract in BOTH axes. */
@media (pointer: coarse) and (max-width: 1399px),
       (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductOverlay,
  html.infinisCustomerLight[data-palette] .findProductOverlay {
    position: fixed !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    place-items: stretch !important;
    width: 100dvw !important;
    height: 100dvh !important;
    max-width: 100dvw !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--workspaceBackground,var(--appBg,#fff)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductOverlay > .findProductSheet,
  html.infinisCustomerLight[data-palette] .findProductOverlay > .findProductSheet {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100dvw !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: var(--workspaceBackground,var(--appBg,#fff)) !important;
  }
  /* Cart and checkout are navigation screens, not floating windows. */
  html.infinisCustomerLight[data-palette] #activeCartDrawer,
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) {
    position: fixed !important;
    inset: 0 !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: var(--workspaceBackground,var(--appBg,#fff)) !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer[hidden],
  html.infinisCustomerLight[data-palette] #checkoutDrawer[hidden] { display: none !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartBackdrop,
  html.infinisCustomerLight[data-palette] #checkoutDrawer > .checkoutBackdrop { display: none !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel,
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) > .checkoutPanel {
    min-width: 0 !important;
    max-width: 100dvw !important;
    width: 100dvw !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    height: 100dvh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
}

/* One actual viewport, one cart scroller, and cards distributed in a grid.
 * Includes tablet landscape where v0602 had forced the cart into a 490px rail. */
@media (orientation: landscape) and (max-width: 1399px) and (pointer: coarse),
       (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer {
    display: grid !important;
    grid-template-columns: 0 minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    place-items: stretch !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel,
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel:has(>.activeCartFooter:not([hidden])) {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) auto !important;
    grid-auto-rows: 0 !important;
    align-content: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartHeader.activeCartFloatingHeader {
    padding: calc(6px + env(safe-area-inset-top,0px))
      max(12px,env(safe-area-inset-right,0px)) 5px
      max(12px,env(safe-area-inset-left,0px)) !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartHeader #activeCartClose {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 15px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartScroll {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: calc(56px + env(safe-area-inset-top,0px))
      max(12px,env(safe-area-inset-right,0px)) 12px
      max(12px,env(safe-area-inset-left,0px)) !important;
    gap: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll > .activeCartList {
    display: grid !important;
    grid-template-columns: repeat(auto-fill,minmax(min(100%,270px),1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 2px 0 8px !important;
    margin: 0 !important;
    overflow: visible !important;
    align-items: stretch !important;
    align-content: start !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll > .activeCartList[hidden] { display: none !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartList > .activeCartItem {
    display: grid !important;
    grid-template-columns: 58px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas: 'photo details' 'actions actions' !important;
    align-content: start !important;
    align-items: start !important;
    gap: 8px 10px !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 17px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartItem > .activeCartThumb {
    grid-area: photo !important;
    width: 58px !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 0 !important;
    padding: 5px !important;
    border-radius: 12px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartItem > .activeCartCopy {
    grid-area: details !important;
    min-width: 0 !important;
    align-self: start !important;
    overflow-wrap: anywhere !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartCopy > small {
    font-size: 9px !important;
    line-height: 1.22 !important;
    letter-spacing: .065em !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartCopy > b {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    min-height: 0 !important;
    max-height: 2.6em !important;
    margin: 3px 0 4px !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartItem .activeCartMemberPrice {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    column-gap: 5px !important;
    row-gap: 1px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartItem .activeCartMemberPrice :is(s,small) {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartItem :is(.activeCartAddonSummary,.activeCartPackageSummary) {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    max-height: 2.6em !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartItem > .activeCartActions {
    grid-area: actions !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartQuantity {
    grid-template-columns: 32px minmax(40px,46px) 32px !important;
    width: max-content !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 12px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartQuantity > button {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartQuantityInput {
    height: 31px !important;
    min-height: 0 !important;
    font-size: 14px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartItem .activeCartRemove {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 11px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter {
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    align-items: stretch !important;
    align-self: end !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 7px max(12px,env(safe-area-inset-right,0px))
      calc(7px + env(safe-area-inset-bottom,0px))
      max(12px,env(safe-area-inset-left,0px)) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-top: 1px solid var(--workspaceLine,var(--cartLine)) !important;
    border-radius: 0 !important;
    background: color-mix(in srgb,var(--workspaceBackground,var(--cartScene,#fff)) 96%,transparent) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    backdrop-filter: blur(18px) !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter[hidden] { display: none !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter > .cartFloatingEstimate {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border-radius: 15px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartFloatingEstimateMain {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2px 9px !important;
    align-items: baseline !important;
    justify-content: space-between !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartFloatingEstimateMain > span {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartFloatingEstimateMain > strong {
    font-size: clamp(17px,2.3dvw,22px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartFloatingEstimateNote {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    max-height: 2.5em !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter > .cartFloatingActions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: repeat(2,minmax(0,1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartFloatingActions > button {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    height: auto !important;
    padding: 5px 8px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartFloatingActions > .activeCartPrimary { grid-row: 1 !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartFloatingActions > .activeCartClear { grid-row: 2 !important; }
  /* A cart with no chosen rentals must not paint the estimates footer. */
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll > .activeCartEmpty[hidden] { display: none !important; }

  /* Short checkout: actual separate rows, a short progress row, compact project
   * strip, one scrolling form, and a footer that can never overlap the form. */
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    place-items: stretch !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) > .checkoutPanel {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto auto auto minmax(0,1fr) auto !important;
    align-content: stretch !important;
    padding: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutHeader.checkoutFloatingHeader {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    inset: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: calc(5px + env(safe-area-inset-top,0px))
      max(12px,env(safe-area-inset-right,0px)) 4px
      max(12px,env(safe-area-inset-left,0px)) !important;
    margin: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) #checkoutClose {
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex-basis: 40px !important;
    border-radius: 14px !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutProgress {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 2px max(12px,env(safe-area-inset-right,0px)) 5px max(12px,env(safe-area-inset-left,0px)) !important;
    padding: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutProgress > button {
    flex-direction: row !important;
    gap: 5px !important;
    height: 38px !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 3px 6px !important;
    border-radius: 13px !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutProgress > button > span {
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
    border-radius: 9px !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutProgress > button b {
    display: none !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutProgress > button.isActive b {
    display: block !important;
    max-width: calc(100% - 26px) !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutProgress > button[hidden] { display: none !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutProgress:has(>button[hidden]) { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) .checkoutPanel > #checkoutProjectBridge.checkoutProjectBubbleDock {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel > #checkoutProjectBridge[hidden] { display: none !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel #checkoutProjectBridgeFacts.checkoutProjectBridgeFacts {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    max-height: 56px !important;
    gap: 7px !important;
    padding: 0 max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px)) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel #checkoutProjectBridgeFacts > .checkoutBridgeFact {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: min(180px,34dvw) !important;
    min-height: 39px !important;
    height: 39px !important;
    gap: 6px !important;
    padding: 5px 9px !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer #checkoutProjectBridgeFacts > .checkoutBridgeFact > i {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    font-size: 12px !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer #checkoutProjectBridgeFacts .checkoutChipCopy { min-width: 0 !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer #checkoutProjectBridgeFacts .checkoutChipCopy :is(small,b) {
    font-size: 10px !important;
    line-height: 1.13 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel > .checkoutWorkspace {
    display: block !important;
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scroll-padding-top: 5px !important;
    scroll-padding-bottom: 14px !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutBody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 10px max(12px,env(safe-area-inset-right,0px)) 16px max(12px,env(safe-area-inset-left,0px)) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutStep.isActive { gap: 10px !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutSectionHeading h3 { font-size: clamp(16px,2.2dvw,22px) !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutSectionHeading p { font-size: 11px !important; line-height: 1.35 !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutPolicyTabs,
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel #checkoutPolicyTabs.checkoutPolicyTabs {
    display: flex !important;
    gap: 7px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 7px !important;
    padding: 3px 0 6px !important;
    overflow-x: auto !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel #checkoutPolicyTabs .checkoutPolicyTab {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    min-width: 112px !important;
    width: auto !important;
    max-width: 176px !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 4px 8px !important;
    gap: 6px !important;
    border-radius: 13px !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel #checkoutPolicyTabs .checkoutPolicyTab > span {
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    padding: 0 !important;
    border-radius: 9px !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel #checkoutPolicyTabs .checkoutPolicyTab b {
    font-size: 10px !important;
    line-height: 1.18 !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutPolicyOption {
    min-height: 50px !important;
    padding: 10px 12px !important;
    gap: 9px !important;
    border-radius: 14px !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutPolicyOption .checkoutPolicyOptionCheck {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutPolicyOptionCopy strong { font-size: 13px !important; line-height: 1.25 !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel .checkoutPolicyOptionCopy small { font-size: 11px !important; line-height: 1.25 !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutFooter {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 5 !important;
    inset: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 6px max(12px,env(safe-area-inset-right,0px))
      calc(7px + env(safe-area-inset-bottom,0px))
      max(12px,env(safe-area-inset-left,0px)) !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) .checkoutPanel > .checkoutFooter > button {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: min(240px,50%) !important;
    width: auto !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 5px 10px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }
}

/* The shortest sideways phone must not squeeze a 4-column desktop density into
 * unusable touch targets; keep grid cart cards readable and within the screen. */
@media (orientation: landscape) and (max-height: 360px) and (max-width: 1100px) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll > .activeCartList {
    grid-template-columns: repeat(auto-fill,minmax(min(100%,265px),1fr)) !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartFloatingEstimateNote { -webkit-line-clamp: 1 !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete) .checkoutPanel .checkoutProgress > button { height: 35px !important; min-height: 35px !important; }
  html.infinisCustomerLight[data-palette] #checkoutDrawer .checkoutPanel #checkoutProjectBridgeFacts > .checkoutBridgeFact { height: 35px !important; min-height: 35px !important; }
}

/* Product details are a native full-page route in landscape, not a centered
 * landscape desktop pop-up. Footer retains price and live quantity controls. */
@media (orientation: landscape) and (max-width: 1399px) and (pointer: coarse),
       (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductTopbar {
    inset: calc(5px + env(safe-area-inset-top,0px))
      max(12px,env(safe-area-inset-right,0px)) auto max(12px,env(safe-area-inset-left,0px)) !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet :is(.findProductClose,.findProductShare,.findProductSave) {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex-basis: 40px !important;
    border-radius: 14px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductScroll {
    display: grid !important;
    grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr) !important;
    align-content: start !important;
    align-items: start !important;
    gap: clamp(12px,2dvw,19px) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: var(--findDetailTop,calc(54px + env(safe-area-inset-top,0px)))
      max(13px,env(safe-area-inset-right,0px))
      var(--findDetailBottom,calc(77px + env(safe-area-inset-bottom,0px)))
      max(13px,env(safe-area-inset-left,0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductGallery {
    position: sticky !important;
    top: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: clamp(118px,39dvh,210px) !important;
    max-height: min(210px,48dvh) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductHeroImage { inset: 8px !important; }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet :is(.findGalleryPrevious,.findGalleryNext) {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductContent {
    min-width: 0 !important;
    padding: 0 0 6px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductHeading h2 {
    font-size: clamp(19px,2.7dvw,28px) !important;
    line-height: 1.09 !important;
    letter-spacing: -.025em !important;
    margin-top: 3px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductHeading span { font-size: 10px !important; }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductPrice { margin-top: 7px !important; }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductSummary {
    margin-top: 8px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    max-width: 62ch !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductSection { margin-top: 9px !important; }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductDisclosure > summary {
    min-height: 42px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions {
    position: absolute !important;
    inset: auto max(12px,env(safe-area-inset-right,0px))
      calc(6px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px)) !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,.95fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions > div:first-child,
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions > .findProductCartControl {
    min-width: 0 !important;
    min-height: 58px !important;
    height: auto !important;
    max-height: none !important;
    padding: 6px 10px !important;
    border-radius: 16px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findProductTotalPrice {
    font-size: clamp(16px,2.2dvw,21px) !important;
    line-height: 1.12 !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findProductPriceLabel { font-size: 9px !important; }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findProductQuantity {
    min-height: 38px !important;
    height: 38px !important;
    grid-template-columns: 38px minmax(36px,1fr) 38px !important;
    border-radius: 12px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findProductQuantity > button,
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findProductQuantity label {
    height: 36px !important;
    min-height: 36px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findProductQuantity input.findProductQuantityInput {
    height: 21px !important;
    font-size: 16px !important;
    line-height: 21px !important;
  }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findProductQuantity label > span { font-size: 8px !important; }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findPackageQuantityAvailability { font-size: 9px !important; }
  html.infinisCustomerLight[data-palette][data-color-scheme] .findProductSheet .findProductActions .findProductAdd {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 11px !important;
    border-radius: 12px !important;
  }
}

/* Portrait is not a sticky 'landscape ended' state. Viewport reflow is driven
 * by media queries and the JS rotation repair, not persistent inline dimensions.
 * Keep the original portrait cart's one-column rows and its own footer. */
@media (orientation: portrait) and (max-width: 700px) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll > .activeCartList {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartList > .activeCartItem {
    grid-template-areas: none !important;
    grid-template-columns: 58px minmax(0,1fr) auto !important;
    grid-template-rows: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.infinisCustomerLight[data-palette] :is(.activeCartList,.findProductScroll,.checkoutWorkspace) { scroll-behavior: auto !important; }
}

/* Hidden routes must remain unmounted visually even when the landscape layout
 * changes their display mode. This guard is deliberately after grid rules. */
@media (pointer: coarse) and (max-width: 1399px),
       (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer[hidden],
  html.infinisCustomerLight[data-palette] #checkoutDrawer:not(.isBookingComplete)[hidden],
  html.infinisCustomerLight[data-palette] #checkoutDrawer[hidden] {
    display: none !important;
  }
}

/* END assets/css/core/v604-mobile-landscape-native.css */

/* BEGIN assets/css/core/v605-floating-cart-dock.css */
/* Infinis v0605 - independently floating cart controls and dense mobile landscape.
 * Loaded after v0604. Scoped to the rental project screen on mobile/touch
 * devices; desktop panels, checkout, God Bubble, and product routes are intact.
 * The project list owns the entire viewport scroll region. The footer is a
 * transparent pointer-pass-through positioning layer, not a reserved grid row.
 */
@media (pointer: coarse) and (max-width: 1399px),
       (orientation: portrait) and (max-width: 700px),
       (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer {
    --cartDockReserve: 147px;
    /* Tablet portrait may still inherit the old right-hand 490px drawer rail. */
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    place-items: stretch !important;
    width: 100dvw !important;
    max-width: 100dvw !important;
    overflow: hidden !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer[hidden] { display: none !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel,
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel:has(>.activeCartFooter:not([hidden])) {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100dvw !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    grid-auto-rows: 0 !important;
    gap: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartScroll,
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel:has(>.activeCartFooter:not([hidden])) > .activeCartScroll {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    padding-bottom: calc(var(--cartDockReserve) + env(safe-area-inset-bottom,0px)) !important;
    scroll-padding-bottom: calc(var(--cartDockReserve) + env(safe-area-inset-bottom,0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel:has(>.activeCartFooter[hidden]) > .activeCartScroll {
    padding-bottom: calc(20px + env(safe-area-inset-bottom,0px)) !important;
    scroll-padding-bottom: calc(20px + env(safe-area-inset-bottom,0px)) !important;
  }
  /* No footer surface, colored band, divider, mask, or blur. Only its three
     independent controls paint a background; gaps are real transparent holes. */
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter,
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel:has(>.activeCartFooter:not([hidden])) > .activeCartFooter {
    position: absolute !important;
    inset: auto auto calc(9px + env(safe-area-inset-bottom,0px)) 50% !important;
    z-index: 40 !important;
    transform: translateX(-50%) !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    align-content: end !important;
    gap: 7px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: min(calc(100% - 24px), 530px) !important;
    max-width: calc(100% - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
    overflow: visible !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter::before,
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter::after {
    display: none !important;
    content: none !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter[hidden] {
    display: none !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter > .cartFloatingEstimate {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    gap: 3px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 9px 13px !important;
    margin: 0 !important;
    border: 1px solid var(--spaceLine,var(--workspaceLine,var(--appLine))) !important;
    border-radius: 18px !important;
    background: color-mix(in srgb,var(--spaceCard,var(--workspacePanel,#fff)) 96%,transparent) !important;
    box-shadow: 0 9px 25px color-mix(in srgb,var(--spaceInk,#16344d) 10%,transparent) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    /* The estimate is display-only; a swipe over it should still scroll items. */
    pointer-events: none !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingEstimateMain {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingEstimateMain > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingEstimateMain > strong {
    flex: 0 0 auto !important;
    font-size: clamp(18px,5.2vw,24px) !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingEstimateNote {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    max-height: 2.6em !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter > .cartFloatingActions {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-rows: minmax(0,1fr) !important;
    gap: 7px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > button {
    grid-row: 1 !important;
    justify-self: stretch !important;
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 15px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > .activeCartPrimary {
    grid-column: 1 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > .activeCartClear {
    grid-column: 2 !important;
    width: auto !important;
    padding-inline: 11px !important;
    font-size: 10px !important;
  }
}

/* Small portrait phones get a compact two-level dock and no grey frame. */
@media (orientation: portrait) and (max-width: 380px) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer { --cartDockReserve: 161px; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter { width: calc(100% - 18px) !important; max-width: calc(100% - 18px) !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > button { padding-inline: 8px !important; font-size: 11px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > .activeCartClear { padding-inline: 8px !important; font-size: 9px !important; }
}

/* Landscape: one truly horizontal dock, rather than two stretched half-screen
 * blocks; the project stats and project cards become a short toolbar. */
@media (orientation: landscape) and (max-width: 1399px) and (pointer: coarse),
       (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer {
    --cartDockReserve: 78px;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartScroll {
    padding-top: calc(54px + env(safe-area-inset-top,0px)) !important;
    padding-inline: max(11px,env(safe-area-inset-left,0px)) max(11px,env(safe-area-inset-right,0px)) !important;
    gap: 7px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartWorkspaceIntro {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 5px !important;
    padding: 0 2px !important;
    min-height: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartWorkspaceIntro > small { display: none !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartWorkspaceIntro > h2 {
    font-size: 21px !important;
    line-height: 1.14 !important;
    margin: 0 !important;
    letter-spacing: -.035em !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll > .activeCartSwitcher,
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll .projectSpacesPanel {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll .projectSpacesPanel.projectSpacesRail:not(.guestInquiryRail) {
    display: grid !important;
    grid-template-columns: minmax(0,290px) minmax(0,1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll .projectSpaceTopline {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 43px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll .projectSpaceTopline > .projectSpaceUsageCompact {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 3px !important;
    grid-template-columns: auto minmax(12px,1fr) auto !important;
    gap: 3px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .projectSpaceUsageCompact > strong { font-size: 12px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .projectSpaceUsageCompact > strong span { font-size: 10px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .projectSpaceUsageCompact > b { font-size: 9px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .projectSpaceMeter { gap: 2px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .projectSpaceMeter > i { height: 4px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll .projectSpaceTopline > .activeCartHoldStatus.projectHoldMini {
    flex: 0 0 149px !important;
    width: 149px !important;
    min-width: 149px !important;
    max-width: 149px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 6px !important;
    gap: 5px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .projectHoldMini .activeCartHoldIcon {
    flex: 0 0 24px !important;
    min-width: 24px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .projectHoldMini .activeCartHoldCopy { min-width: 0 !important; overflow: hidden !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .projectHoldMini .activeCartHoldCopy > strong {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll .cartProjectRail {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 1px 0 2px !important;
    gap: 6px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartProjectChip {
    flex: 0 0 174px !important;
    width: 174px !important;
    min-width: 174px !important;
    max-width: 174px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border-radius: 14px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherSelect { padding: 4px !important; gap: 6px !important; min-width: 0 !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherSelect > span {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex-basis: 28px !important;
    border-radius: 9px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherSelect b { font-size: 12px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherSelect small { font-size: 10px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartProjectChip .cartSwitcherDelete {
    width: 30px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .cartProjectAdd {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    padding: 5px 9px !important;
    gap: 5px !important;
    border-radius: 13px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll > .activeCartList {
    margin: 0 !important;
    padding-top: 2px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter,
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel:has(>.activeCartFooter:not([hidden])) > .activeCartFooter {
    grid-template-columns: minmax(0,258px) minmax(0,1fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    gap: 7px !important;
    width: min(calc(100% - 24px), 706px) !important;
    max-width: calc(100% - 24px) !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter > .cartFloatingEstimate {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    align-content: center !important;
    height: 49px !important;
    min-height: 49px !important;
    max-height: 49px !important;
    padding: 6px 10px !important;
    border-radius: 15px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingEstimateMain > span {
    font-size: 10px !important;
    line-height: 1.1 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingEstimateMain > strong {
    font-size: 20px !important;
    line-height: 1.02 !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingEstimateNote {
    display: block !important;
    max-width: 100% !important;
    max-height: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 8px !important;
    line-height: 11px !important;
    -webkit-line-clamp: unset !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter > .cartFloatingActions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-template-columns: minmax(0,1fr) minmax(0,.68fr) !important;
    grid-template-rows: minmax(0,1fr) !important;
    align-self: stretch !important;
    align-items: stretch !important;
    height: 49px !important;
    max-height: 49px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > button {
    grid-row: 1 !important;
    min-height: 49px !important;
    height: 49px !important;
    max-height: 49px !important;
    width: 100% !important;
    border-radius: 15px !important;
    padding-inline: 8px !important;
    font-size: 11px !important;
  }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > .activeCartPrimary { grid-column: 1 !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > .activeCartClear {
    grid-column: 2 !important;
    font-size: 9px !important;
    width: 100% !important;
    padding-inline: 6px !important;
  }
}

@media (orientation: landscape) and (max-height: 390px) and (max-width: 800px) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer { --cartDockReserve: 71px; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartScroll { padding-top: calc(49px + env(safe-area-inset-top,0px)) !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll .projectSpacesPanel.projectSpacesRail:not(.guestInquiryRail) { grid-template-columns: minmax(0,255px) minmax(0,1fr) !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartScroll .projectSpaceTopline > .activeCartHoldStatus.projectHoldMini { flex-basis: 139px !important; width: 139px !important; min-width: 139px !important; max-width: 139px !important; }
  html.infinisCustomerLight[data-palette] #activeCartDrawer > .activeCartPanel > .activeCartFooter { width: calc(100% - 18px) !important; max-width: calc(100% - 18px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  html.infinisCustomerLight[data-palette] #activeCartDrawer .activeCartFooter .cartFloatingActions > button { transition: none !important; }
}

/* END assets/css/core/v605-floating-cart-dock.css */


/* v0607: concise, contained status for unconfirmed member saves. */
.membersStudioSaveState{margin:0 18px 8px;padding:11px 14px;border:1px solid rgba(102,117,230,.2);border-radius:13px;background:linear-gradient(110deg,rgba(104,221,231,.11),rgba(228,136,194,.09));color:#34465d;font-size:11px;font-weight:700;line-height:1.5}
.membersStudioSaveState[hidden],.membersStudioVerify[hidden]{display:none!important}
.membersStudioModal footer .membersStudioVerify{background:#eaf0ff;color:#4357ae;border:1px solid #dbe4ff}
@media(max-width:640px){.membersStudioModal footer .membersStudioVerify{flex-basis:100%}}