/* BUBB — definitive mobile production layer v5
   Mobile-only. Desktop layout and product logic are untouched. */
@media (max-width:820px){
  :root{--ll-safe-top:env(safe-area-inset-top,0px);--ll-topbar-h:calc(64px + var(--ll-safe-top));--ll-sectionnav-h:46px;--ll-mobile-head:calc(110px + var(--ll-safe-top));--ll-gutter:12px}

  html,body{
    width:100%!important;max-width:100%!important;overflow-x:hidden!important;
    scroll-behavior:auto!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;
  }
  html{scroll-padding-top:calc(var(--ll-mobile-head) + 12px)!important}
  body{min-height:100dvh!important;overscroll-behavior-x:none!important}
  body,.app,.app>main{transform:none!important;perspective:none!important;filter:none!important;contain:none!important}
  .app{display:block!important;width:100%!important;max-width:100%!important;min-height:100dvh!important;overflow:visible!important}
  .app>main,main{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;
    padding-top:var(--ll-mobile-head)!important;overflow-x:clip!important;
  }

  /* App controls stay fixed. */
  html body .pro-topbar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:2147482000!important;
    width:100%!important;max-width:100%!important;height:var(--ll-topbar-h)!important;min-height:var(--ll-topbar-h)!important;
    margin:0!important;padding:calc(7px + var(--ll-safe-top)) max(10px,env(safe-area-inset-right)) 7px max(10px,env(safe-area-inset-left))!important;
    background:#fff!important;border:0!important;border-bottom:0!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    transform:none!important;will-change:auto!important;
  }
  html[data-lce-theme="dark"] body .pro-topbar{background:#101011!important;border-bottom-color:rgba(255,255,255,.10)!important}
  html body .pro-topbar-left{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 84px)!important}
  html body .pro-topbar-right{flex:0 0 auto!important;gap:7px!important}
  html body .pro-searchbtn{width:100%!important;min-width:0!important;max-width:none!important;height:40px!important;overflow:hidden!important}
  html body .pro-searchbtn span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body .pro-top-action{width:40px!important;min-width:40px!important;height:40px!important}
  html body .pro-profile{width:36px!important;min-width:36px!important;height:36px!important}

  /* The section menu is always visible while scrolling. */
  html body .app>.sidebar,
  html body.lce-v10-browse .app>.sidebar,
  html body.lce-v10-detail .app>.sidebar{
    position:fixed!important;top:var(--ll-topbar-h)!important;left:0!important;right:0!important;z-index:2147481900!important;
    display:block!important;width:100%!important;max-width:100%!important;height:var(--ll-sectionnav-h)!important;min-height:var(--ll-sectionnav-h)!important;
    margin:0!important;padding:5px max(7px,env(safe-area-inset-right)) 5px max(7px,env(safe-area-inset-left))!important;
    border:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important;border-radius:0!important;
    background:#fff!important;border:0!important;border-bottom:0!important;box-shadow:none!important;
    overflow:hidden!important;transform:none!important;will-change:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  html[data-lce-theme="dark"] body .app>.sidebar{background:#101011!important;border-bottom-color:rgba(255,255,255,.10)!important}
  html body .app>.sidebar .brand,html body .app>.sidebar .sidebar-foot{display:none!important}
  html body .app>.sidebar #nav{
    display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;
    width:100%!important;max-width:100%!important;height:42px!important;margin:0!important;padding:0 2px!important;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:auto!important;scroll-snap-type:none!important;
    overscroll-behavior-inline:contain!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;
  }
  html body .app>.sidebar #nav::-webkit-scrollbar{display:none!important}
  html body .app>.sidebar #nav button{
    flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:7px!important;
    width:auto!important;min-width:0!important;max-width:none!important;height:38px!important;min-height:38px!important;
    margin:0!important;padding:8px 11px!important;border-radius:11px!important;white-space:nowrap!important;
    font-size:13px!important;line-height:1!important;transform:none!important;transition:none!important;scroll-snap-align:none!important;
  }
  html body .app>.sidebar #nav button.active,html body .app>.sidebar #nav button.lce-v10-current{font-weight:800!important}
  html body .app>.sidebar #nav .pro-navicon{width:15px!important;height:15px!important;flex:0 0 15px!important}
  html body .app>.sidebar #nav svg{width:15px!important;height:15px!important}

  /* Never show old page layers underneath the current mobile mode. */
  html body.lce-v10-browse main>.page{display:none!important}
  html body.lce-v10-browse #lce-v10-journey{display:block!important}
  html body.lce-v10-detail #lce-v10-journey{display:none!important}
  html body.lce-v10-detail main>.page{display:none!important}
  html body.lce-v10-detail main>.page.active{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:10px max(var(--ll-gutter),env(safe-area-inset-right)) calc(72px + env(safe-area-inset-bottom)) max(var(--ll-gutter),env(safe-area-inset-left))!important;
    overflow-x:hidden!important;
  }
  html body.lce-v10-detail main>.page.active>.lce-v9-hero{display:none!important}

  /* Browse journey is phone-sized and stable. */
  html body #lce-v10-journey{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:8px var(--ll-gutter) calc(72px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;
  }
  html body #lce-v10-journey .lce-v10-stop{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 14px!important;overflow:hidden!important}
  html body #lce-v10-journey .lce-v9-hero,
  html body #lce-v10-journey .lce-v10-hero{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:20px 14px 18px!important;border-radius:24px!important;overflow:hidden!important;transform:none!important;transition:none!important;
  }
  html body #lce-v10-journey .lce-v9-title{font-size:clamp(38px,11vw,52px)!important;line-height:.97!important;letter-spacing:-.052em!important;margin-bottom:12px!important}
  html body #lce-v10-journey .lce-v9-desc{max-width:100%!important;font-size:15px!important;line-height:1.4!important}
  html body #lce-v10-journey .lce-v9-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important;margin-top:15px!important}
  html body #lce-v10-journey .lce-v10-stop{content-visibility:visible!important;contain:none!important}
  html body #lce-v10-journey .lce-v9-actions{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  html body #lce-v10-journey .lce-v9-actions button{width:100%!important;min-height:46px!important;font-size:13px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-scene{height:228px!important;min-height:228px!important;max-height:228px!important;margin-top:13px!important;overflow:hidden!important}

  /* Home map: every node stays visible. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{height:390px!important;min-height:390px!important;max-height:390px!important;margin-top:10px!important;overflow:hidden!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{width:100%!important;height:378px!important;min-height:378px!important;max-height:378px!important;overflow:hidden!important}
  html body .lce-v110-glass-map .lce-v105-core{width:116px!important;height:116px!important;padding:12px!important}
  html body .lce-v110-glass-map .lce-v105-core strong{font-size:15px!important;line-height:1!important}
  html body .lce-v110-glass-map .lce-v105-core span{font-size:7px!important;line-height:1.2!important}
  html body .lce-v110-glass-map .lce-v105-node{width:118px!important;height:104px!important;min-height:0!important;padding:7px!important;border-radius:16px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important}
  html body .lce-v110-glass-map .lce-v105-node.n1{left:0!important;top:1%!important}html body .lce-v110-glass-map .lce-v105-node.n2{right:0!important;top:1%!important}
  html body .lce-v110-glass-map .lce-v105-node.n3{left:0!important;bottom:2%!important}html body .lce-v110-glass-map .lce-v105-node.n4{right:0!important;bottom:2%!important}
  html body .lce-v109-node-head>b{font-size:9px!important}.lce-v109-node-head>span{font-size:5px!important}
  html body .lce-v110-memory-stage,html body .lce-v110-people-stage,html body .lce-v110-capsule-stage,html body .lce-v110-legacy-stage{height:65px!important;margin-top:2px!important}
  html body .lce-v110-capsule-object{transform:translate(-50%,-50%) rotate(-2deg) scale(.44)!important}
  html body .lce-v110-legacy-object{transform:translate(-50%,-50%) rotate(-1.6deg) scale(.45)!important}

  /* Mobile uses native/browser back navigation: the retired detail bar must not reserve any space. */
  html body.lce-v10-detail #lce-v10-detailbar,
  html body.lce-v10-detail #lce-v10-detailbar .lce-v10-back{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
    width:0!important;height:0!important;min-width:0!important;min-height:0!important;max-width:0!important;max-height:0!important;
    margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important;
  }

  /* Absolute rule for all section interiors: nothing can exceed the phone viewport. */
  html body.lce-v10-detail main>.page.active *,
  html body.lce-v10-detail main>.page.active *::before,
  html body.lce-v10-detail main>.page.active *::after{box-sizing:border-box!important;min-width:0!important}
  html body.lce-v10-detail main>.page.active>*{width:100%!important;max-width:100%!important}
  html body.lce-v10-detail main>.page.active img,
  html body.lce-v10-detail main>.page.active picture,
  html body.lce-v10-detail main>.page.active video,
  html body.lce-v10-detail main>.page.active canvas,
  html body.lce-v10-detail main>.page.active iframe,
  html body.lce-v10-detail main>.page.active audio,
  html body.lce-v10-detail main>.page.active svg{max-width:100%!important}
  html body.lce-v10-detail main>.page.active img,html body.lce-v10-detail main>.page.active video{height:auto!important}
  html body.lce-v10-detail main>.page.active iframe,html body.lce-v10-detail main>.page.active audio{width:100%!important}
  html body.lce-v10-detail main>.page.active h1,
  html body.lce-v10-detail main>.page.active h2,
  html body.lce-v10-detail main>.page.active h3,
  html body.lce-v10-detail main>.page.active p,
  html body.lce-v10-detail main>.page.active span,
  html body.lce-v10-detail main>.page.active strong{overflow-wrap:anywhere!important;word-break:normal!important}

  /* Original functional section header. */
  html body.lce-v10-detail main>.page.active>.hero{
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:100%!important;min-height:0!important;
    margin:0 0 14px!important;padding:8px 0 14px!important;overflow:hidden!important;border:0!important;box-shadow:none!important;background:transparent!important;
  }
  html body.lce-v10-detail main>.page.active>.hero h1{margin:4px 0 8px!important;font-size:clamp(28px,8.5vw,36px)!important;line-height:1.03!important;letter-spacing:-.042em!important}
  html body.lce-v10-detail main>.page.active>.hero p{margin:0!important;font-size:14px!important;line-height:1.48!important}
  html body.lce-v10-detail main>.page.active>.hero .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:7px!important}
  html body.lce-v10-detail main>.page.active>.hero button{width:100%!important;max-width:100%!important;min-height:44px!important;white-space:normal!important}

  /* Common grids/flex rows become true phone layouts. */
  html body.lce-v10-detail .grid,
  html body.lce-v10-detail .split,
  html body.lce-v10-detail .home-cards,
  html body.lce-v10-detail .quick,
  html body.lce-v10-detail .map-layout,
  html body.lce-v10-detail .lce-rel-grid,
  html body.lce-v10-detail .lce-rel-form,
  html body.lce-v10-detail .sp2-shell,
  html body.lce-v10-detail .sp2-grid,
  html body.lce-v10-detail .sp2-profile-grid,
  html body.lce-v10-detail .moi-grid,
  html body.lce-v10-detail .moi-project-grid,
  html body.lce-v10-detail .moi-goal-grid,
  html body.lce-v10-detail .legacy-grid-v2,
  html body.lce-v10-detail .journal-prompt-grid-v3,
  html body.lce-v10-detail #journal .split,
  html body.lce-v10-detail #caps .split,
  html body.lce-v10-detail #ai .ai-p1-layout{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:10px!important;
  }
  html body.lce-v10-detail .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:8px!important}
  html body.lce-v10-detail .card,
  html body.lce-v10-detail .panel,
  html body.lce-v10-detail .stat,
  html body.lce-v10-detail .event,
  html body.lce-v10-detail .place,
  html body.lce-v10-detail .lce-rel-person,
  html body.lce-v10-detail [data-memory],
  html body.lce-v10-detail [data-person],
  html body.lce-v10-detail .caps-card-v2,
  html body.lce-v10-detail .legacy-card-v2,
  html body.lce-v10-detail .journal-card-v2{
    width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;overflow:hidden!important;transform:none!important;
  }
  html body.lce-v10-detail [class*="-row"],html body.lce-v10-detail [class*="-actions"],html body.lce-v10-detail .toolbar,html body.lce-v10-detail .lce-toolbar{max-width:100%!important;flex-wrap:wrap!important}

  /* Forms: single column and no iOS auto-zoom. */
  html body.lce-v10-detail form,html body.lce-v10-detail .lce-form,html body.lce-v10-detail .lce-realform,html body.lce-v10-detail .people-complete-form,html body.lce-v10-detail .legacy-form{width:100%!important;max-width:100%!important}
  html body.lce-v10-detail input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  html body.lce-v10-detail textarea,html body.lce-v10-detail select{width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important}
  html body.lce-v10-detail .lce-form .two,html body.lce-v10-detail .hc-grid,html body.lce-v10-detail .h3-grid{grid-template-columns:1fr!important}

  /* Souvenirs / timeline / living memory. */
  html body.lce-v10-detail #mem .timeline>.year{grid-template-columns:1fr!important;gap:10px!important}
  html body.lce-v10-detail #mem .timeline>.year>.yearlabel{position:static!important}
  html body.lce-v10-detail #mem .lce-day-group{grid-template-columns:1fr!important;gap:8px!important}
  html body.lce-v10-detail #mem .lce-day-cards{grid-template-columns:1fr!important}
  html body.lce-v10-detail #mem .mem-timeline-media-v3,html body.lce-v10-detail #mem .lce-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  html body.lce-v10-detail #mem [class*="living-"]{max-width:100%!important;min-width:0!important}

  /* Proches — standalone mobile authority. Do not override its modal positioning. */
  html body.lce-v10-detail #people .lce-rel-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  html body.lce-v10-detail #people .lce-rel-person{min-width:0!important;max-width:100%!important;padding:11px!important;border-radius:16px!important}
  html body.lce-v10-detail #people .lce-rel-person h3{font-size:15px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.lce-v10-detail #people .lce-rel-person p{font-size:13px!important;line-height:1.35!important}
  html body.lce-v10-detail #people .lce-rel-person-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}
  html body.lce-v10-detail #people.lce-rel-standalone>.grid{display:none!important}

  /* Capsules. */
  html body.lce-v10-detail #caps .caps-grid-v2,html body.lce-v10-detail #caps .caps-grid,html body.lce-v10-detail #caps .grid{grid-template-columns:1fr!important;width:100%!important}
  html body.lce-v10-detail #caps .caps-card-v2{grid-template-columns:1fr!important}
  html body.lce-v10-detail #caps .caps-visual-v2{width:100%!important;min-height:180px!important;height:180px!important;background-size:min(76%,290px) auto,100% 100%!important}

  /* Héritage. */
  html body.lce-v10-detail #legacy [class*="grid"],html body.lce-v10-detail #legacy [class*="shell"]{max-width:100%!important;min-width:0!important}
  html body.lce-v10-detail #legacy .legacy-grid-v2{grid-template-columns:1fr!important}

  /* Journal. */
  html body.lce-v10-detail #journal [class*="grid"],html body.lce-v10-detail #journal .split{grid-template-columns:1fr!important;width:100%!important}
  html body.lce-v10-detail #journal textarea{min-height:160px!important}

  /* Mon univers. */
  html body.lce-v10-detail #moi [class*="grid"]{grid-template-columns:1fr!important;width:100%!important}
  html body.lce-v10-detail #moi .moi-tabs,html body.lce-v10-detail #settings .sp2-nav{
    position:static!important;display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  html body.lce-v10-detail #moi .moi-tabs::-webkit-scrollbar,html body.lce-v10-detail #settings .sp2-nav::-webkit-scrollbar{display:none!important}
  html body.lce-v10-detail #moi .moi-tabs button,html body.lce-v10-detail #settings .sp2-nav button{flex:0 0 auto!important;white-space:nowrap!important}

  /* IA. */
  html body.lce-v10-detail #ai .ai-p1-layout{grid-template-columns:1fr!important}
  html body.lce-v10-detail #ai .ai-p1-main,html body.lce-v10-detail #ai .ai-p1-chat{width:100%!important;max-width:100%!important;min-width:0!important}
  html body.lce-v10-detail #ai .ai-p1-chat{max-height:55dvh!important;overflow-y:auto!important;overflow-x:hidden!important}

  /* Settings: keep the internal tab strip clearly below the fixed top navigation. */
  html body.lce-v10-detail main>#settings.page.active{
    padding-top:36px!important;
  }
  html body.lce-v10-detail #settings .sp2-shell{
    padding-top:0!important;
    margin-top:0!important;
  }

  /* Settings. */
  html body.lce-v10-detail #settings .sp2-shell{grid-template-columns:1fr!important}
  html body.lce-v10-detail #settings .sp2-grid{grid-template-columns:1fr!important}
  html body.lce-v10-detail #settings .sp2-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Tables and wide embeds remain usable instead of overflowing. */
  html body.lce-v10-detail table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  html body.lce-v10-detail pre,html body.lce-v10-detail code{max-width:100%!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important}

  /* All product modals fit the dynamic iOS viewport. */
  html body .lce-modalback,html body .people-complete-back,html body .sp1-modalback,html body .ai-v4-back,html body .ai-v6-back,html body .ll-account-modalback,html body .hc-back,html body .h3-back{
    width:100vw!important;max-width:100vw!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  }
  html body .lce-modal,html body .people-complete-modal,html body .sp1-modal,html body .ai-v4-modal,html body .ai-v6-modal,html body .ll-account-modal,html body .hc-modal,html body .h3-modal{
    width:100%!important;max-width:100%!important;min-width:0!important;max-height:calc(100dvh - 16px)!important;overflow-x:hidden!important;overflow-y:auto!important;
  }

  /* Remove mobile-only visual work that causes Safari jank. */
  html body.lce-v10-detail [class*="glass"],html body.lce-v10-detail [class*="blur"],html body #lce-v10-journey [class*="glass"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  @media (hover:none) and (pointer:coarse){
    html body *{scroll-behavior:auto!important}
    html body.lce-v10-detail .card:hover,html body.lce-v10-detail .panel:hover,html body.lce-v10-detail [data-memory]:hover,html body.lce-v10-detail [data-person]:hover{transform:none!important}
    html body #lce-v10-journey *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
  }
}

@media (max-width:390px){
  :root{--ll-gutter:10px}
  html body #lce-v10-journey .lce-v9-title{font-size:clamp(35px,10.8vw,45px)!important}
  html body .app>.sidebar #nav button{padding-inline:9px!important;font-size:11px!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{height:374px!important;min-height:374px!important;max-height:374px!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{height:362px!important;min-height:362px!important;max-height:362px!important}
  html body .lce-v110-glass-map .lce-v105-node{width:112px!important;height:100px!important}
  html body .lce-v110-glass-map .lce-v105-core{width:108px!important;height:108px!important}
  html body.lce-v10-detail .stats,html body.lce-v10-detail #settings .sp2-summary{grid-template-columns:1fr!important}
}

/* MOBILE_SINGLE_VISUAL_AUTHORITY_V1
   Mobile sections are isolated visual surfaces. Legacy desktop animation/layout
   layers may style their contents, but cannot move or animate the section shell. */
@media(max-width:820px){
  html[data-lce-platform="mobile"] body main>.page,
  html[data-lce-platform="mobile"] body main>.page.active,
  html[data-lce-platform="mobile"] body #lce-v10-journey,
  html[data-lce-platform="mobile"] body #lce-v10-journey>.lce-v10-stop{
    transform:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  html[data-lce-platform="mobile"] body.lce-v10-detail main>.page:not(.active){
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html[data-lce-platform="mobile"] body.lce-v10-detail main>.page.active{
    visibility:visible!important;
    pointer-events:auto!important;
    isolation:isolate!important;
  }
}

/* MOBILE_CENTERED_FORMS_FINAL_V1 */
@media(max-width:820px){
  html[data-lce-platform="mobile"] body :is([class*="modalback"],[class*="modal-back"],[class*="viewer-back"],[class*="confirmback"],[class*="sheet-back"],[class*="-backdrop"],.people-complete-back,.sp1-modalback,.ai-v4-back,.ai-v6-back,.s7-searchback){
    display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;
  }
  html[data-lce-platform="mobile"] body :is(.lce-modal,.moi-modal,.depth-modal,.people-complete-modal,.sp1-modal,.ai-v4-modal,.ai-v6-modal,.lce-rel-modal,.caps-seal-confirm,.univers-viewer-v2,.project-viewer-v1,.heritage-modal-v2,.s7-searchbox,[role="dialog"][aria-modal="true"]){
    width:min(620px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;min-width:0!important;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)))!important;margin:auto!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
  }
}

/* MOBILE_COMPACT_SEARCH_ICON_V1 */
@media(max-width:820px){
  html body .pro-topbar-left{flex:0 0 auto!important;min-width:42px!important;max-width:42px!important}
  html body .pro-topbar-right{flex:0 0 auto!important}
  html body .pro-searchbtn{
    width:36px!important;min-width:42px!important;max-width:42px!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;
    font-size:0!important;overflow:hidden!important
  }
  html body .pro-searchbtn .pro-search-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;filter:none!important;-webkit-filter:none!important;opacity:1!important}
  html body .pro-profile{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
}

/* MOBILE_CENTERED_TOPBAR_LOGO_V1 */
@media(max-width:820px){
  html body .pro-topbar{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    column-gap:8px!important;
  }
  html body .pro-topbar-left{grid-column:1!important;justify-self:start!important}
  html body .pro-topbar-center{grid-column:2!important;display:grid!important;place-items:center!important;justify-self:stretch!important;pointer-events:auto!important;cursor:pointer!important}
  html body .pro-topbar-right{grid-column:3!important;justify-self:end!important}
  html body .pro-topbar-logo{display:block!important;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important;filter:none!important;-webkit-filter:none!important;image-rendering:auto!important;opacity:1!important}
  html body .ll-mobile-brandmark{display:none!important}
}

/* MOBILE_PROFILE_INITIALS_VISUAL_V1 — neutral BUBB palette + title typography */
@media(max-width:820px){
  html body .pro-profile{
    background:var(--lce-ui-text,#050505)!important;
    color:var(--lce-ui-surface,#ffffff)!important;
    border:1px solid var(--lce-ui-text,#050505)!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:10.5px!important;
    font-weight:760!important;
    letter-spacing:.055em!important;
    line-height:1!important;
    text-transform:uppercase!important;
  }
}


/* MOBILE_HOME_LIFE_LEGACY_VISUAL_V2
   Mobile only: keep the existing home visual footprint, but make its image bubbles
   and central story bubble larger, clearer and easier to read. */
@media(max-width:820px){
  /* The long intro repeats what the visual already explains; remove it on phone
     so the visual can breathe without making the section taller. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-desc{
    display:none!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-actions{
    margin-top:10px!important;
  }

  /* Same outer rectangle / height as before. Only the contents grow. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    height:378px!important;
    min-height:378px!important;
    max-height:378px!important;
  }

  html body .lce-v110-glass-map .lce-v105-node{
    width:136px!important;
    height:114px!important;
    padding:8px!important;
    border-radius:18px!important;
  }
  html body .lce-v110-glass-map .lce-v105-node.n1{left:0!important;top:0!important}
  html body .lce-v110-glass-map .lce-v105-node.n2{right:0!important;top:0!important}
  html body .lce-v110-glass-map .lce-v105-node.n3{left:0!important;bottom:1%!important}
  html body .lce-v110-glass-map .lce-v105-node.n4{right:0!important;bottom:1%!important}

  html body .lce-v109-node-head{
    gap:4px!important;
    align-items:center!important;
    flex-direction:row!important;
  }
  html body .lce-v109-node-head>b{
    font-size:10.5px!important;
    line-height:1.05!important;
  }
  html body .lce-v109-node-head>span{
    min-height:18px!important;
    padding:3px 5px!important;
    font-size:6.25px!important;
  }

  html body .lce-v110-memory-stage,
  html body .lce-v110-people-stage,
  html body .lce-v110-capsule-stage,
  html body .lce-v110-legacy-stage{
    height:78px!important;
    margin-top:4px!important;
  }
  html body .lce-v110-memory-stage .is-main{
    width:73%!important;
    height:76px!important;
    border-radius:14px!important;
    border-width:2px!important;
  }
  html body .lce-v110-memory-stage .is-mini{
    width:26%!important;
    height:35px!important;
    border-radius:10px!important;
    border-width:2px!important;
  }
  html body .lce-v110-people-stage .lce-v110-person-frame{
    height:76px!important;
    border-radius:14px!important;
    border-width:2px!important;
  }
  html body .lce-v110-people-stage .person-1{width:72%!important}
  html body .lce-v110-people-stage .person-2{
    width:44%!important;
    height:55px!important;
  }
  html body .lce-v110-person-frame.is-initial{
    font-size:24px!important;
  }

  /* The object bubbles were being scaled down too aggressively on phone. */
  html body .lce-v110-capsule-object{
    transform:translate(-50%,-50%) rotate(-2deg) scale(.54)!important;
  }
  html body .lce-v110-legacy-object{
    transform:translate(-50%,-50%) rotate(-1.6deg) scale(.55)!important;
  }

  html body .lce-v110-glass-map .lce-v105-core{
    width:128px!important;
    height:128px!important;
    padding:13px!important;
  }
  html body .lce-v110-glass-map .lce-v105-core strong{
    font-size:17px!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
  }
  html body .lce-v110-glass-map .lce-v105-core span{
    font-size:8.5px!important;
    line-height:1.25!important;
    margin-top:4px!important;
  }
  html body .lce-v109-core-stats{
    margin-top:7px!important;
    gap:4px!important;
  }
  html body .lce-v109-core-stats em{
    font-size:6.5px!important;
    padding:3px 5px!important;
  }
  html body .lce-v109-core-stats em b{
    font-size:8px!important;
  }
}

@media(max-width:390px){
  /* Keep exactly the same outer footprint on smaller iPhones too. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    height:374px!important;
    min-height:374px!important;
    max-height:374px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    height:362px!important;
    min-height:362px!important;
    max-height:362px!important;
  }
  html body .lce-v110-glass-map .lce-v105-node{
    width:128px!important;
    height:110px!important;
  }
  html body .lce-v110-glass-map .lce-v105-core{
    width:120px!important;
    height:120px!important;
  }
  html body .lce-v110-glass-map .lce-v105-core strong{font-size:16px!important}
  html body .lce-v110-glass-map .lce-v105-core span{font-size:8px!important}
  html body .lce-v110-memory-stage,
  html body .lce-v110-people-stage,
  html body .lce-v110-capsule-stage,
  html body .lce-v110-legacy-stage{height:74px!important}
  html body .lce-v110-memory-stage .is-main,
  html body .lce-v110-people-stage .lce-v110-person-frame{height:72px!important}
  html body .lce-v110-memory-stage .is-mini{height:33px!important}
  html body .lce-v110-people-stage .person-2{height:52px!important}
  html body .lce-v110-capsule-object{transform:translate(-50%,-50%) rotate(-2deg) scale(.51)!important}
  html body .lce-v110-legacy-object{transform:translate(-50%,-50%) rotate(-1.6deg) scale(.52)!important}
}


/* MOBILE_HOME_LIFE_LEGACY_VISUAL_V3 — compact copy + clearer rounded section bubbles. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-desc{
    display:block!important;
    max-width:34em!important;
    margin:4px 0 0!important;
    font-size:11.5px!important;
    line-height:1.34!important;
    letter-spacing:-.01em!important;
    opacity:.74!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-actions{
    margin-top:9px!important;
  }

  html body .lce-v110-glass-map .lce-v105-node{
    width:138px!important;
    height:114px!important;
    padding:9px!important;
    border-radius:30px!important;
  }
  html body .lce-v110-glass-map .lce-v109-node-head{
    min-height:18px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  html body .lce-v110-glass-map .lce-v109-node-head>b{
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:-.018em!important;
    text-align:center!important;
  }
  html body .lce-v110-glass-map .lce-v109-node-head>span{
    display:none!important;
  }
  html body .lce-v110-memory-stage,
  html body .lce-v110-people-stage,
  html body .lce-v110-capsule-stage,
  html body .lce-v110-legacy-stage{
    height:80px!important;
    margin-top:4px!important;
  }
  html body .lce-v110-memory-stage .is-main,
  html body .lce-v110-people-stage .lce-v110-person-frame{
    border-radius:22px!important;
  }
  html body .lce-v110-memory-stage .is-mini{
    border-radius:16px!important;
  }
}
@media(max-width:390px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-desc{
    font-size:11px!important;
    line-height:1.32!important;
  }
  html body .lce-v110-glass-map .lce-v105-node{
    width:130px!important;
    height:110px!important;
    border-radius:28px!important;
  }
  html body .lce-v110-glass-map .lce-v109-node-head>b{font-size:11.5px!important}
}


/* MOBILE_SECTION_STAGE_SCALE_V1 — section cards use most of the phone viewport, with readable copy. */
@media(max-width:820px){
  html body #lce-v10-journey{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  html body #lce-v10-journey .lce-v10-stop{
    margin:0 0 14px!important;
    contain-intrinsic-size:760px!important;
  }
  html body #lce-v10-journey .lce-v9-hero,
  html body #lce-v10-journey .lce-v10-hero{
    min-height:calc(100svh - 116px)!important;
    padding:20px 14px 16px!important;
    border-radius:22px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  html body #lce-v10-journey .lce-v9-copy{
    flex:0 0 auto!important;
  }
  html body #lce-v10-journey .lce-v9-eyebrow{
    font-size:11px!important;
    line-height:1.1!important;
    margin-bottom:7px!important;
  }
  html body #lce-v10-journey .lce-v9-title{
    font-size:clamp(42px,11.5vw,54px)!important;
    line-height:.96!important;
    letter-spacing:-.052em!important;
    margin:0 0 10px!important;
  }
  html body #lce-v10-journey .lce-v9-desc{
    font-size:15px!important;
    line-height:1.38!important;
    max-width:31em!important;
    margin:0!important;
  }
  html body #lce-v10-journey .lce-v9-sub{
    font-size:12.5px!important;
    line-height:1.4!important;
    margin-top:6px!important;
  }
  html body #lce-v10-journey .lce-v9-actions{
    margin-top:12px!important;
    gap:8px!important;
  }
  html body #lce-v10-journey .lce-v9-actions button{
    min-height:44px!important;
    padding:10px 14px!important;
    font-size:13px!important;
    border-radius:14px!important;
  }
  html body #lce-v10-journey .lce-v9-visual-wrap{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    align-items:stretch!important;
    margin-top:12px!important;
    perspective:900px!important;
  }
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-scene{
    flex:1 1 auto!important;
    width:100%!important;
    height:clamp(330px,44svh,455px)!important;
    min-height:330px!important;
    max-height:455px!important;
    margin-top:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  /* Home keeps all 4 BUBB bubbles visible, but now occupies a much larger visual stage. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    flex:1 1 auto!important;
    width:100%!important;
    height:clamp(390px,48svh,480px)!important;
    min-height:390px!important;
    max-height:480px!important;
    margin-top:0!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
  }
}
@media(max-width:390px){
  html body #lce-v10-journey .lce-v9-hero,
  html body #lce-v10-journey .lce-v10-hero{
    min-height:calc(100svh - 110px)!important;
    padding:17px 12px 14px!important;
  }
  html body #lce-v10-journey .lce-v9-title{
    font-size:clamp(39px,11vw,48px)!important;
  }
  html body #lce-v10-journey .lce-v9-desc{font-size:14px!important}
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-scene{
    height:clamp(315px,42svh,405px)!important;
    min-height:315px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    height:clamp(370px,46svh,440px)!important;
    min-height:370px!important;
  }
}


/* MOBILE_SECTION_NEAR_FULLSCREEN_V1
   The visual itself occupies almost the entire usable phone viewport below the fixed chrome. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop{
    overflow:visible!important;
  }
  html body #lce-v10-journey .lce-v9-visual-wrap{
    width:100%!important;
    margin-top:12px!important;
  }
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-scene,
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    width:100%!important;
    height:calc(100svh - 112px)!important;
    min-height:calc(100svh - 112px)!important;
    max-height:calc(100svh - 112px)!important;
    margin-top:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }

  /* Current published section artwork must use the whole stage, not a small centered island. */
  html body #lce-v10-journey .lce-v9-scene[data-lce-current-visual="1"]>.lce-image-session-frame{
    width:100%!important;
    height:100%!important;
    inset:auto!important;
    left:50%!important;
    top:50%!important;
  }
  html body #lce-v10-journey .lce-v9-scene[data-lce-current-visual="1"]>.lce-image-session-frame img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* BUBB's generated composition stretches to that same stage. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
  }

  /* Keep copy readable but compact so the visual remains the dominant part. */
  html body #lce-v10-journey .lce-v9-title{
    font-size:clamp(43px,12vw,56px)!important;
  }
  html body #lce-v10-journey .lce-v9-desc{
    font-size:15.5px!important;
    line-height:1.36!important;
  }
  html body #lce-v10-journey .lce-v9-sub{
    font-size:13px!important;
  }
}
@media(max-width:390px){
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-scene,
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    height:calc(100svh - 108px)!important;
    min-height:calc(100svh - 108px)!important;
    max-height:calc(100svh - 108px)!important;
  }
  html body #lce-v10-journey .lce-v9-title{font-size:clamp(40px,11.5vw,50px)!important}
}


/* MOBILE_SECTION_TRUE_FULLSCREEN_V1 — literal phone-screen-sized visual, not "almost" fullscreen. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v9-visual-wrap{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-top:12px!important;
  }
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-scene,
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
  }
}


/* MOBILE_HOME_SIZE_REVERT_V1
   Restore the BUBB home section to its compact mobile footprint.
   Other sections keep their current sizing. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"]>.lce-v9-hero{
    min-height:auto!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-desc{
    display:block!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-visual-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    margin-top:10px!important;
    flex:0 0 auto!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
    margin-top:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:378px!important;
    min-height:378px!important;
    max-height:378px!important;
    overflow:hidden!important;
  }
  html body .lce-v110-glass-map .lce-v105-core{
    width:116px!important;
    height:116px!important;
    padding:12px!important;
  }
  html body .lce-v110-glass-map .lce-v105-core strong{font-size:15px!important;line-height:1!important}
  html body .lce-v110-glass-map .lce-v105-core span{font-size:7px!important;line-height:1.2!important}
  html body .lce-v110-glass-map .lce-v105-node{
    width:118px!important;
    height:104px!important;
    min-height:0!important;
    padding:7px!important;
    border-radius:16px!important;
  }
  html body .lce-v110-glass-map .lce-v105-node.n1{left:0!important;top:1%!important}
  html body .lce-v110-glass-map .lce-v105-node.n2{right:0!important;top:1%!important}
  html body .lce-v110-glass-map .lce-v105-node.n3{left:0!important;bottom:2%!important}
  html body .lce-v110-glass-map .lce-v105-node.n4{right:0!important;bottom:2%!important}
  html body .lce-v109-node-head>b{font-size:9px!important}
  html body .lce-v109-node-head>span{font-size:5px!important}
  html body .lce-v110-memory-stage,
  html body .lce-v110-people-stage,
  html body .lce-v110-capsule-stage,
  html body .lce-v110-legacy-stage{
    height:65px!important;
    margin-top:2px!important;
  }
  html body .lce-v110-capsule-object{transform:translate(-50%,-50%) rotate(-2deg) scale(.44)!important}
  html body .lce-v110-legacy-object{transform:translate(-50%,-50%) rotate(-1.6deg) scale(.45)!important}
}
@media(max-width:390px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    height:374px!important;
    min-height:374px!important;
    max-height:374px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    height:362px!important;
    min-height:362px!important;
    max-height:362px!important;
  }
  html body .lce-v110-glass-map .lce-v105-node{width:112px!important;height:100px!important}
  html body .lce-v110-glass-map .lce-v105-core{width:108px!important;height:108px!important}
}


/* MOBILE_HOME_FULL_STAGE_V1
   Mobile only: BUBB's visual uses the full outer stage while keeping BUBB's own internal composition. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-visual-wrap{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-top:12px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
}


/* MOBILE_HOME_FULL_STAGE_PROPORTIONAL_V2
   BUBB uses the full visual stage; cards, typography, media and objects scale with the larger mobile canvas. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:clamp(12px,2dvh,20px)!important;
    align-items:center!important;
    padding:clamp(18px,4.8vw,26px) clamp(14px,4vw,22px)!important;
    box-sizing:border-box!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:clamp(160px,22dvh,205px)!important;
    min-height:160px!important;
    max-height:205px!important;
    padding:clamp(10px,2.7vw,14px)!important;
    border-radius:clamp(18px,5vw,24px)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node.n1{grid-column:1!important;grid-row:1!important;align-self:center!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node.n2{grid-column:2!important;grid-row:1!important;align-self:center!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node.n3{grid-column:1!important;grid-row:3!important;align-self:center!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node.n4{grid-column:2!important;grid-row:3!important;align-self:center!important}

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-node-head{
    gap:6px!important;
    min-height:24px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-node-head>b{
    font-size:clamp(12px,3.35vw,14.5px)!important;
    line-height:1.05!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-node-head>span{
    min-height:20px!important;
    padding:4px 6px!important;
    font-size:clamp(7px,1.9vw,8.5px)!important;
    line-height:1!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] :is(
    .lce-v110-memory-stage,
    .lce-v110-people-stage,
    .lce-v110-capsule-stage,
    .lce-v110-legacy-stage
  ){
    height:calc(100% - 31px)!important;
    min-height:112px!important;
    margin-top:6px!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-memory-stage .is-main{
    width:73%!important;
    height:100%!important;
    border-radius:clamp(14px,4vw,20px)!important;
    border-width:2px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-memory-stage .is-mini{
    width:29%!important;
    height:46%!important;
    border-radius:clamp(10px,3vw,15px)!important;
    border-width:2px!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-people-stage .lce-v110-person-frame{
    height:100%!important;
    border-radius:clamp(14px,4vw,20px)!important;
    border-width:2px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-people-stage .person-1{width:73%!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-people-stage .person-2{
    width:46%!important;
    height:70%!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-person-frame.is-initial{
    font-size:clamp(26px,8vw,36px)!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-capsule-object{
    transform:translate(-50%,-50%) rotate(-2deg) scale(.72)!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-legacy-object{
    transform:translate(-50%,-50%) rotate(-1.6deg) scale(.74)!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-core{
    position:relative!important;
    inset:auto!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:center!important;
    width:clamp(160px,46vw,200px)!important;
    height:clamp(160px,46vw,200px)!important;
    padding:clamp(16px,4.5vw,22px)!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-core strong{
    font-size:clamp(20px,5.5vw,24px)!important;
    line-height:1.02!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-core span{
    font-size:clamp(9.5px,2.5vw,11px)!important;
    line-height:1.25!important;
    margin-top:6px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-core-stats{
    margin-top:10px!important;
    gap:5px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-core-stats em{
    padding:4px 6px!important;
    font-size:clamp(7px,1.9vw,8.5px)!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-core-stats em b{
    font-size:clamp(9px,2.3vw,10.5px)!important;
  }
}

@media(max-width:380px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node{
    height:clamp(150px,21dvh,184px)!important;
    min-height:150px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-capsule-object{
    transform:translate(-50%,-50%) rotate(-2deg) scale(.66)!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-legacy-object{
    transform:translate(-50%,-50%) rotate(-1.6deg) scale(.68)!important;
  }
}


/* MOBILE_HOME_FIT_VIEWPORT_V3
   BUBB fills the phone viewport below the persistent header, but never
   exceeds it. The whole composition scales inside the available stage. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"]{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-bottom:10px!important;
    overflow:hidden!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"]>.lce-v9-hero{
    width:100vw!important;
    max-width:100vw!important;
    height:calc(100dvh - var(--ll-mobile-head,96px) - 7px)!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--ll-mobile-head,96px) - 7px)!important;
    margin:0!important;
    padding:18px 14px 0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-copy{
    flex:0 0 auto!important;
    min-height:0!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-title{
    font-size:clamp(34px,10vw,44px)!important;
    line-height:.98!important;
    margin:0 0 8px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-desc{
    display:block!important;
    font-size:clamp(13px,3.55vw,15px)!important;
    line-height:1.32!important;
    margin:0!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-actions{
    flex:0 0 auto!important;
    margin-top:8px!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-visual-wrap{
    flex:1 1 0!important;
    min-height:0!important;
    width:calc(100% + 28px)!important;
    max-width:none!important;
    margin:12px -14px 0!important;
    overflow:hidden!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-scene{
    flex:1 1 0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding:12px 14px 14px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:clamp(8px,1.25dvh,13px)!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:clamp(9px,2.4vw,12px)!important;
    border-radius:clamp(16px,4.6vw,22px)!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node.n1{grid-column:1!important;grid-row:1!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node.n2{grid-column:2!important;grid-row:1!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node.n3{grid-column:1!important;grid-row:3!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-node.n4{grid-column:2!important;grid-row:3!important}

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-node-head{
    flex:0 0 auto!important;
    min-height:22px!important;
    gap:5px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-node-head>b{
    font-size:clamp(11px,3.15vw,14px)!important;
    line-height:1.05!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-node-head>span{
    min-height:18px!important;
    padding:3px 5px!important;
    font-size:clamp(6.5px,1.8vw,8px)!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] :is(
    .lce-v110-memory-stage,
    .lce-v110-people-stage,
    .lce-v110-capsule-stage,
    .lce-v110-legacy-stage
  ){
    flex:1 1 0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:5px!important;
    overflow:hidden!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-memory-stage .is-main{
    height:100%!important;
    max-height:100%!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-memory-stage .is-mini{
    height:46%!important;
    max-height:46%!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-people-stage .lce-v110-person-frame{
    height:100%!important;
    max-height:100%!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-people-stage .person-2{
    height:70%!important;
    max-height:70%!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-core{
    position:relative!important;
    inset:auto!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:center!important;
    width:clamp(128px,35vw,158px)!important;
    height:clamp(128px,35vw,158px)!important;
    padding:clamp(12px,3.4vw,17px)!important;
    box-sizing:border-box!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-core strong{
    font-size:clamp(18px,5vw,22px)!important;
    line-height:1.02!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v105-core span{
    font-size:clamp(8.5px,2.3vw,10.5px)!important;
    line-height:1.22!important;
    margin-top:5px!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v109-core-stats{
    margin-top:7px!important;
    gap:4px!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-capsule-object{
    transform:translate(-50%,-50%) rotate(-2deg) scale(.62)!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-legacy-object{
    transform:translate(-50%,-50%) rotate(-1.6deg) scale(.64)!important;
  }
}


/* MOBILE_HOME_IMAGES_VISIBLE_V4
   Keep the complete BUBB composition inside the viewport while preserving
   the real media for Souvenirs, Proches, Capsules and Héritage. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] :is(
    .lce-v110-memory-stage,
    .lce-v110-people-stage,
    .lce-v110-capsule-stage,
    .lce-v110-legacy-stage
  ){
    position:relative!important;
    flex:1 1 0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-top:5px!important;
    overflow:hidden!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-media,
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-media img,
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-media video{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-media img,
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-media video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* Souvenirs: large main image + two smaller real images. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-memory-stage .is-main{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:70%!important;
    height:100%!important;
    max-height:100%!important;
    border-radius:clamp(12px,3.6vw,18px)!important;
    transform:perspective(780px) rotateY(4deg)!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-memory-stage .is-mini{
    position:absolute!important;
    right:0!important;
    width:28%!important;
    height:46%!important;
    max-height:46%!important;
    border-radius:clamp(9px,2.6vw,13px)!important;
    transform:perspective(780px) rotateY(-5deg)!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-memory-stage .is-mini-a{top:2%!important}
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-memory-stage .is-mini-b{top:auto!important;bottom:2%!important}

  /* Proches: keep the portrait media visible and layered like the desktop composition. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-people-stage .lce-v110-person-frame{
    position:absolute!important;
    top:0!important;
    height:100%!important;
    max-height:100%!important;
    border-radius:clamp(12px,3.6vw,18px)!important;
    overflow:hidden!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-people-stage .person-1{
    left:0!important;
    width:70%!important;
    z-index:2!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-people-stage .person-2{
    left:auto!important;
    right:0!important;
    top:auto!important;
    bottom:2%!important;
    width:43%!important;
    height:70%!important;
    max-height:70%!important;
    z-index:3!important;
  }

  /* Capsule: responsive object with its actual photo/video kept inside the capsule body. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-capsule-object{
    position:absolute!important;
    left:50%!important;
    top:52%!important;
    width:min(94%,230px)!important;
    height:auto!important;
    aspect-ratio:232/112!important;
    transform:translate(-50%,-50%) rotate(-2deg)!important;
    overflow:hidden!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-capsule-object .cap-photo{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    left:12%!important;
    right:12%!important;
    top:10%!important;
    bottom:10%!important;
    width:auto!important;
    height:auto!important;
    z-index:2!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-capsule-object .cap-roll{
    left:3%!important;
    width:15%!important;
    height:84%!important;
    top:8%!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-capsule-object .cap-string{
    left:auto!important;
    right:3%!important;
    width:15%!important;
    height:84%!important;
    top:8%!important;
  }

  /* Héritage: preserve the framed photo/video instead of letting it collapse. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-legacy-object{
    position:absolute!important;
    left:50%!important;
    top:52%!important;
    width:min(88%,210px)!important;
    height:auto!important;
    aspect-ratio:210/126!important;
    transform:translate(-50%,-50%) rotate(-1.6deg)!important;
    overflow:hidden!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-legacy-object .legacy-photo{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    left:7%!important;
    right:7%!important;
    top:11%!important;
    bottom:11%!important;
    width:auto!important;
    height:auto!important;
    z-index:3!important;
  }

  /* Fallback visuals remain visible when there is no user media yet. */
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] :is(.cap-placeholder,.lce-v110-empty){
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* MOBILE_LIFE_LEGACY_BASE_VISUALS_V2
   Retired homepage artwork must never paint behind the current published visuals. */
@media (max-width:820px){
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] :is(.lce-v110-memory-stage,.lce-v110-people-stage,.lce-v110-capsule-stage,.lce-v110-legacy-stage){
    background-image:none!important;
  }
}

/* MOBILE_SOUVENIRS_WHITE_SURROUND_20261013
   Only the surrounding background is pure white in the Home scrolling journey.
   Preserve the original image, frame geometry, gestures and other sections. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop[data-page="mem"] .lce-v9-visual-wrap,
  html body #lce-v10-journey .lce-v10-stop[data-page="mem"] .lce-v9-scene,
  html body #lce-v10-journey .lce-v10-stop[data-page="mem"] .lce-image-session-frame{
    background:#fff!important;
    background-color:#fff!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="mem"] .lce-image-session-frame{
    border-color:transparent!important;
    box-shadow:none!important;
  }

  html body #lce-v10-journey .lce-v10-stop[data-page="mem"] .lce-image-session-frame>img{
    background:#fff!important;
    background-color:#fff!important;
    box-shadow:none!important;
  }

  /* Give the original memory-frame fallback the same white surround. */
  html body #lce-v10-journey .lce-v10-stop[data-page="mem"] .lce-v9-memory-frame,
  html body #lce-v10-journey .lce-v10-stop[data-page="mem"] .lce-v9-memory-photo{
    background-color:#fff!important;
  }
}

/* MOBILE_SECTION_COMPACT_ACTIONS_R54
   Premium mobile action pills: compact, text-sized and side by side. */
@media(max-width:820px){
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:100%!important;
    gap:8px!important;
    margin:12px auto 0!important;
    padding:0!important;
  }

  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-actions button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    letter-spacing:-.015em!important;
  }
}

@media(max-width:390px){
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-actions{
    gap:6px!important;
  }
  html body #lce-v10-journey .lce-v10-stop:not([data-page="home"]) .lce-v9-actions button{
    min-height:34px!important;
    height:34px!important;
    padding:0 11px!important;
    font-size:11.5px!important;
  }
}

/* MOBILE_SOUVENIRS_SITE_PALETTE_R61
   Remove remaining cream/beige surfaces from Souvenirs on mobile. */
@media(max-width:820px){
  html body #mem{
    --paper:#fff!important;
    --line:#d1d1d6!important;
    --mut:#6e6e73!important;
    --pro-accent-soft:#f5f5f7!important;
    --v9-bg:#f5f5f7!important;
    background:#f5f5f7!important;
  }

  html body #mem .lce-toolbar{
    background:#f5f5f7!important;
    background-image:none!important;
    border-color:#d1d1d6!important;
    box-shadow:none!important;
  }

  html body #mem .lce-toolbar input,
  html body #mem .lce-toolbar select{
    background:#fff!important;
    background-image:none!important;
    color:#050505!important;
    border-color:#d1d1d6!important;
    box-shadow:none!important;
  }

  html body #mem .card,
  html body #mem article.card,
  html body #mem .mem-final-card,
  html body #mem .mem-final-stat,
  html body #mem .mem-feature,
  html body #mem .mem-feature-icon,
  html body #mem .mem-empty-polish,
  html body #mem .lce-empty,
  html body #mem [class*="mem-prompt"],
  html body #mem [class*="memory-prompt"],
  html body #mem [class*="mem-idea"],
  html body #mem [class*="memory-idea"],
  html body #mem [class*="suggestion"]{
    background:#fff!important;
    background-image:none!important;
    border-color:#d1d1d6!important;
    box-shadow:none!important;
  }

  html body #mem .mem-emotion,
  html body #mem .mem-final-filter.active,
  html body #mem .mem-final-year.active{
    background:#f5f5f7!important;
    color:#050505!important;
    border-color:#d1d1d6!important;
  }
}

/* MOBILE_SOUVENIRS_PROMPT_PALETTE_R62
   The 3 "Idée de souvenir" cards use the same site palette. */
@media(max-width:820px){
  html body #mem #depth-memory-prompts .depth-prompt{
    background:#fff!important;
    background-image:none!important;
    color:#050505!important;
    border:1px solid #d1d1d6!important;
    box-shadow:none!important;
  }

  html body #mem #depth-memory-prompts .depth-prompt .kicker{
    color:#6e6e73!important;
  }

  html body #mem #depth-memory-prompts .depth-prompt b{
    color:#050505!important;
  }

  html body #mem #depth-memory-prompts .depth-prompt .depth-muted{
    color:#6e6e73!important;
  }

  html body #mem #depth-memory-prompts .depth-prompt:hover,
  html body #mem #depth-memory-prompts .depth-prompt:active{
    background:#f5f5f7!important;
    border-color:#b8b8bd!important;
  }
}

/* MOBILE_TIMELINE_NAV_R65
   Reserve enough horizontal space for the full Chronologie label. */
@media(max-width:820px){
  html body .app>.sidebar #nav button[data-page="timeline"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 148px!important;
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    padding:0 16px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:11.5px!important;
  }
}



/* MOBILE_DETAIL_CHROME_CLEANUP_R71
   No empty legacy chrome between the fixed section menu and the first useful block. */
@media(max-width:820px){
  html body #lce-v10-detailbar,
  html body #s2-progress,
  html body .topline{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
    height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
  }
  html body.lce-v10-detail main>.page.active{
    padding-top:4px!important;
  }
}


/* MOBILE_SOUVENIRS_GHOST_CHROME_R74
   Remove the two obsolete Souvenirs bars shown above the real content. */
@media(max-width:820px){
  html body #mem > .lce-group-tabs,
  html body #mem > .lce-toolbar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html body #mem > .living-tabs-v7{
    margin-top:0!important;
  }
}


/* MOBILE_PROCHES_FORM_AND_CARDS_FINAL_R81
   One renderer, two compact columns, form starts below the fixed 108px mobile chrome. */
@media(max-width:820px){
  html body #people > .grid{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html body.lce-v10-detail #people .lce-rel-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body.lce-v10-detail #people .lce-rel-person{padding:0!important;overflow:hidden!important;border-radius:16px!important}
  html body.lce-v10-detail #people .lce-rel-card-photo{width:100%!important;height:104px!important;min-height:104px!important;max-height:104px!important;overflow:hidden!important;background:#f5f5f7!important}
  html body.lce-v10-detail #people .lce-rel-card-photo img{display:block!important;width:100%!important;height:104px!important;min-height:104px!important;max-height:104px!important;object-fit:cover!important;object-position:center!important;margin:0!important;border-radius:0!important}
  html body.lce-v10-detail #people .lce-rel-card-body{padding:9px!important;min-width:0!important}
  html[data-lce-platform="mobile"] body .lce-rel-modalback[data-lce-rel-modal-owned="1"]{
    position:fixed!important;inset:calc(var(--ll-mobile-head,108px) + 6px) 0 0 0!important;
    width:100vw!important;height:auto!important;max-height:none!important;
    padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    align-items:flex-start!important;justify-content:center!important;overflow:hidden!important;background:rgba(0,0,0,.40)!important;background-image:none!important
  }
  html[data-lce-platform="mobile"] body .lce-rel-modalback[data-lce-rel-modal-owned="1"] .lce-rel-modal{
    width:100%!important;max-width:620px!important;min-width:0!important;
    max-height:calc(100dvh - var(--ll-mobile-head,108px) - 20px - env(safe-area-inset-bottom))!important;
    margin:0 auto!important;padding:16px!important;overflow-x:hidden!important;overflow-y:auto!important;
    background:#f5f5f7!important;background-image:none!important;color:#050505!important;border-color:#d1d1d6!important;
    transition:none!important;animation:none!important
  }
  html[data-lce-platform="mobile"] body .lce-rel-modalback[data-lce-rel-modal-owned="1"] :is(.lce-rel-modal-head,.lce-rel-form){background:#f5f5f7!important;background-image:none!important}
  html[data-lce-platform="mobile"] body .lce-rel-modalback[data-lce-rel-modal-owned="1"] :is(input,textarea){background:#fff!important;background-image:none!important;color:#050505!important;border-color:#d1d1d6!important;box-shadow:none!important}
  html[data-lce-theme="dark"][data-lce-platform="mobile"] body .lce-rel-modalback[data-lce-rel-modal-owned="1"] :is(.lce-rel-modal,.lce-rel-modal-head,.lce-rel-form){background:#0b0b0c!important;background-image:none!important;color:#fff!important}
  html[data-lce-theme="dark"][data-lce-platform="mobile"] body .lce-rel-modalback[data-lce-rel-modal-owned="1"] :is(input,textarea){background:#151517!important;background-image:none!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
}
@media(max-width:380px){
  html body.lce-v10-detail #people .lce-rel-card-photo,
  html body.lce-v10-detail #people .lce-rel-card-photo img{height:94px!important;min-height:94px!important;max-height:94px!important}
}


/* MOBILE_CAPSULES_CLEAN_TOP_R96
   Keep only Create, Idea, filters and capsule list. */
@media(max-width:820px){
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps>.hero{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
    height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-summary-v2{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
    height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps #depth-cap-stats{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps #depth-cap-stats>.depth-box:last-child{
    display:block!important;width:100%!important;max-width:100%!important;
  }
}

/* CAPS_IDEA_VISIBLE_R97 */
@media(max-width:820px){
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps #depth-cap-stats>.caps-idea-card{
    display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:100%!important;max-width:100%!important;
  }
}


/* CAPSULES_STABILITY_TYPE_R98 */
@media(max-width:820px){
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps.caps-photo-v8 .caps-card-v2[data-caps-filter-hidden-v1="1"]{
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-filter-v1{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-filter-btn-v1{
    min-height:42px!important;padding:9px 7px!important;font-size:13.5px!important;line-height:1.1!important;
    transform:none!important;transition:none!important;animation:none!important;box-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-filter-count-v1{
    min-width:21px!important;height:21px!important;padding:0 5px!important;font-size:11.5px!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps.caps-photo-v8 .caps-card-v2,
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps.caps-photo-v8 .caps-card-v2:hover,
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps.caps-photo-v8 .caps-card-v2:active{
    transform:none!important;transition:none!important;animation:none!important;will-change:auto!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-recipient-v2{font-size:13px!important}
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-status-v2{font-size:13px!important;min-height:30px!important;padding:6px 9px!important}
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-date-v2{font-size:13px!important;line-height:1.45!important}
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-count-v2{font-size:16px!important;line-height:1.3!important}
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-meta-v2 span,
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-sealed-v2{font-size:11.5px!important;line-height:1.25!important}
  html[data-lce-platform="mobile"] body[data-lce-detail="caps"] #caps .caps-state-chip{font-size:10.5px!important}
}


/* MOBILE_WHITE_CRISP_CHROME_R64 */
@media(max-width:820px){
  html:not([data-lce-theme="dark"]) body,
  html:not([data-lce-theme="dark"]) body .app,
  html:not([data-lce-theme="dark"]) body .app>main,
  html:not([data-lce-theme="dark"]) body main,
  html:not([data-lce-theme="dark"]) body #lce-v10-journey,
  html:not([data-lce-theme="dark"]) body #lce-v10-journey .lce-v10-stop[data-page="home"]{
    background:#fff!important;
    background-color:#fff!important;
  }

  html:not([data-lce-theme="dark"]) body .pro-topbar,
  html:not([data-lce-theme="dark"]) body .app>.sidebar,
  html:not([data-lce-theme="dark"]) body.lce-v10-browse .app>.sidebar,
  html:not([data-lce-theme="dark"]) body.lce-v10-detail .app>.sidebar{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html:not([data-lce-theme="dark"]) body #lce-v10-journey{
    padding-top:0!important;
  }

  html:not([data-lce-theme="dark"]) body #lce-v10-journey .lce-v10-stop[data-page="home"]>.lce-v9-hero,
  html:not([data-lce-theme="dark"]) body #lce-v10-journey .lce-v10-stop[data-page="home"]>.lce-v10-hero{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  html body .pro-topbar,
  html body .pro-topbar *,
  html body .pro-searchbtn,
  html body .pro-searchbtn *,
  html body .pro-search-icon,
  html body .pro-search-icon *,
  html body .pro-topbar-logo,
  html body .pro-profile{
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-shadow:none!important;
    opacity:1!important;
  }

  html body .pro-searchbtn,
  html body .pro-profile{
    box-shadow:none!important;
  }

  html body .pro-topbar-logo{
    transform:none!important;
    image-rendering:auto!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }

  html body .pro-search-icon svg{
    filter:none!important;
    -webkit-filter:none!important;
    opacity:1!important;
  }
}

/* MOBILE_SEAMLESS_CRISP_HEADER_R65 */
@media(max-width:820px){
  html:not([data-lce-theme="dark"]) body .pro-topbar,
  html:not([data-lce-theme="dark"]) body .app>.sidebar,
  html:not([data-lce-theme="dark"]) body.lce-v10-browse .app>.sidebar,
  html:not([data-lce-theme="dark"]) body.lce-v10-detail .app>.sidebar,
  html:not([data-lce-theme="dark"]) body #lce-v10-journey,
  html:not([data-lce-theme="dark"]) body #lce-v10-journey .lce-v10-stop[data-page="home"],
  html:not([data-lce-theme="dark"]) body #lce-v10-journey .lce-v10-stop[data-page="home"]>.lce-v9-hero,
  html:not([data-lce-theme="dark"]) body #lce-v10-journey .lce-v10-stop[data-page="home"]>.lce-v10-hero{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    border:0!important;
    border-top:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  html body .pro-topbar,
  html body .pro-topbar *,
  html body .app>.sidebar,
  html body .app>.sidebar *,
  html body .pro-searchbtn,
  html body .pro-searchbtn *,
  html body .pro-topbar-logo,
  html body .pro-profile{
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  html body .pro-topbar-mark{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    width:58px!important;
    height:58px!important;
    overflow:visible!important;
  }
  html body .pro-topbar-logo{
    display:block!important;
    flex:0 0 auto!important;
    width:38px!important;
    height:41px!important;
    overflow:visible!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    shape-rendering:geometricPrecision!important;
    text-rendering:geometricPrecision!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }
  html body .pro-topbar-mark>span{
    display:block!important;
    margin-top:0!important;
    color:#111!important;
    font:650 7px/1 Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text",Arial,sans-serif!important;
    letter-spacing:.20em!important;
    text-indent:.20em!important;
    white-space:nowrap!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  html[data-lce-theme="dark"] body .pro-topbar-mark>span{color:#fff!important}
  html body .pro-search-icon svg{
    width:20px!important;
    height:20px!important;
    stroke-width:2!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  html body .pro-profile{
    font-size:13px!important;
    font-weight:800!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:geometricPrecision!important;
  }
}


/* BUBB_GLOBAL_NO_BLUR_GUARD_20261002
   The global app chrome and fullscreen root pseudo layers must never blur content. */
@media(max-width:820px){
  html body .pro-topbar,
  html body .pro-topbar::before,
  html body .pro-topbar::after,
  html body .app>.sidebar,
  html body .app>.sidebar::before,
  html body .app>.sidebar::after,
  html body .app>.sidebar #nav,
  html body .app>.sidebar #nav::before,
  html body .app>.sidebar #nav::after,
  html body .topline,
  html body .topline::before,
  html body .topline::after{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    -webkit-filter:none!important;
    filter:none!important;
  }
  html:not([data-lce-theme="dark"]) body .pro-topbar,
  html:not([data-lce-theme="dark"]) body .app>.sidebar,
  html:not([data-lce-theme="dark"]) body .app>.sidebar #nav{
    background:#fff!important;
    background-image:none!important;
  }
}
html.lce-bw-theme-v2 body:before,
html.lce-bw-theme-v2 body:after,
html.lce-stage2 body:before,
html.lce-stage2 body:after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-filter:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  pointer-events:none!important;
}


/* BUBB_TOP_VEIL_REMOVAL_V1
   Never create or paint a separate fixed layer above the mobile app. */
@media(max-width:820px){
  html.lce-ui-ready:not(.lce-capture-memory-open) body::before,
  html.lce-ui-ready:not(.lce-capture-memory-open) body::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    background-image:none!important;
    -webkit-filter:none!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    mix-blend-mode:normal!important;
    pointer-events:none!important;
  }
  #bubb-safe-area-cap-v1{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    background:none!important;
    pointer-events:none!important;
  }
}


/* MOBILE_HOME_INTRO_REMOVAL_V1 */
@media(max-width:820px){
  html,html body{
    overscroll-behavior-y:none!important;
  }
  html body.lce-v10-browse{
    overscroll-behavior-y:none!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"]{
    margin-top:0!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"]>.lce-v9-hero{
    padding-top:0!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-copy{
    display:none!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-desc{
    display:none!important;
  }
  html body #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-visual-wrap{
    margin-top:-54px!important;
  }
}


/* MOBILE_HOME_TOP_BOUNDARY_LOCK_V2
   Final mobile authority: Home starts flush below fixed chrome and the browse
   journey owns scrolling, so iOS cannot pull the whole page down to reveal a gap. */
@media(max-width:820px){
  html body.lce-v10-browse{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior-y:none!important;
  }
  html body.lce-v10-browse .app{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  html body.lce-v10-browse .app>main,
  html body.lce-v10-browse main{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding-top:0!important;
  }
  html body.lce-v10-browse #lce-v10-journey{
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
    padding-top:var(--ll-mobile-head)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:none!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-padding-top:var(--ll-mobile-head)!important;
  }
  html body.lce-v10-browse #lce-v10-journey .lce-v10-stop[data-page="home"]{
    margin-top:0!important;
  }
  html body.lce-v10-browse #lce-v10-journey .lce-v10-stop[data-page="home"]>.lce-v9-hero{
    padding-top:0!important;
  }
  html body.lce-v10-browse #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-copy,
  html body.lce-v10-browse #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-desc{
    display:none!important;
  }
  html body.lce-v10-browse #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v9-visual-wrap{
    margin-top:0!important;
  }
  html body.lce-v10-browse #lce-v10-journey .lce-v10-stop[data-page="home"] .lce-v110-glass-map{
    padding-top:0!important;
  }
}