
/* Mon univers mobile truth: labels stay visible and retired saved-card hero scenes stay absent. */
html body #moi .u4-hero-pick .lce-universe-cat-name-v3{
  display:block!important;visibility:visible!important;opacity:1!important;color:#111!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;font-weight:760!important;line-height:1.15!important;
}
html body #moi .u3-hero-scene,
html body #moi .u3-favorites,
html body #moi .u3-progress,
html body #moi .u3-project-meta{display:none!important;visibility:hidden!important;opacity:0!important}
@media(max-width:820px){
  html body.lce-v10-detail #moi>.moi-tabs:not(.moi-layout-tabs-v1097){
    margin:0 0 12px!important;
    position:relative!important;z-index:4!important;
  }
  html body.lce-v10-detail #moi>.hero[data-moi-premium-shell]{margin-top:0!important}
}

/* BUBB · MON UNIVERS · CURRENT SINGLE STYLESHEET
   Exact production cascade preserved in its former load order.
   Do not load retired Mon univers layout styles separately. */

/* Mon univers — align legacy inner UI with the current Inter / neutral glass system. */
html body #moi{color:var(--a7-fg)!important;background:transparent!important}
html body #moi>.hero[data-moi-premium-shell]{
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0 0 28px!important;padding:4px 0 30px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;
  gap:30px!important;align-items:center!important;overflow:visible!important;
  border:0!important;border-bottom:1px solid var(--a7-line)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
html body #moi>.hero[data-moi-premium-shell]>div:first-child{max-width:720px!important}
html body #moi>.hero[data-moi-premium-shell] h1{
  margin:7px 0 12px!important;max-width:760px!important;
  font-family:Inter!important;font-size:clamp(40px,5vw,64px)!important;
  line-height:.98!important;font-weight:700!important;letter-spacing:-.065em!important;color:var(--a7-fg)!important;
}
html body #moi>.hero[data-moi-premium-shell] p{
  margin:0!important;max-width:680px!important;font-family:Inter!important;
  font-size:15px!important;line-height:1.55!important;font-weight:400!important;letter-spacing:-.015em!important;color:var(--a7-muted)!important;
}
html body #moi>.hero[data-moi-premium-shell] .kicker{
  color:var(--a7-faint)!important;font-family:Inter!important;font-size:10px!important;font-weight:600!important;letter-spacing:.11em!important;
}
html body #moi .u4-hero-board{height:270px!important;gap:10px!important}
html body #moi .u4-hero-pick{border:1px solid var(--a7-line)!important;border-radius:20px!important;background:var(--a7-fill)!important;box-shadow:var(--a7-shadow-soft)!important}
html body #moi .u4-hero-pick:hover{transform:none!important;border-color:var(--a7-line-strong)!important;box-shadow:var(--a7-shadow)!important}
html body #moi .u4-hero-pick span{font-family:Inter!important;font-size:15px!important;font-weight:650!important;letter-spacing:-.025em!important}
html body #moi .u4-hero-pick small{font-family:Inter!important;color:rgba(255,255,255,.78)!important;font-size:8px!important;font-weight:600!important}
html body #moi .u4-board-label{font-family:Inter!important;background:rgba(20,20,22,.58)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}

html body #moi>.moi-tabs{display:inline-flex!important;margin:0 0 18px!important;padding:4px!important;gap:4px!important;border:0!important;border-radius:999px!important;background:var(--a7-fill)!important;box-shadow:none!important}
html body #moi>.moi-tabs button{min-height:38px!important;padding:8px 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--a7-muted)!important;font-family:Inter!important;font-size:12px!important;font-weight:600!important}
html body #moi>.moi-tabs button.active{background:var(--a7-solid)!important;color:var(--a7-solid-fg)!important}

html body #moi #moi-body>.hero{margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #moi #moi-body>.hero h1{font-family:Inter!important;color:var(--a7-fg)!important;letter-spacing:-.05em!important}
html body #moi #moi-body>.hero p{color:var(--a7-muted)!important}
html body #moi :is(.moi-card,.moi-empty){
  background:linear-gradient(145deg,var(--a7-glass-strong),var(--a7-glass))!important;color:var(--a7-fg)!important;
  border:1px solid var(--a7-line)!important;border-radius:22px!important;box-shadow:var(--a7-shadow-soft)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.18)!important;backdrop-filter:blur(24px) saturate(1.18)!important;
}
html body #moi .moi-card{padding:20px!important}
html body #moi .moi-card h3,html body #moi .moi-empty h2{font-family:Inter!important;color:var(--a7-fg)!important;font-weight:650!important;letter-spacing:-.04em!important}
html body #moi .moi-card p,html body #moi .moi-empty p{color:var(--a7-muted)!important}
html body #moi .moi-starters button{border:1px solid var(--a7-line)!important;border-radius:18px!important;box-shadow:var(--a7-shadow-soft)!important}
html body #moi .moi-actions .soft,html body #moi [data-edit-goals]{background:var(--a7-fill)!important;border:1px solid var(--a7-line)!important;color:var(--a7-fg)!important}
html body #moi .primary{background:var(--a7-solid)!important;border-color:var(--a7-solid)!important;color:var(--a7-solid-fg)!important}
html body #moi .chip{background:var(--a7-fill)!important;color:var(--a7-muted)!important;border:0!important}

@media(max-width:1100px){
  html body #moi>.hero[data-moi-premium-shell]{grid-template-columns:1fr!important;gap:22px!important}
  html body #moi .u4-hero-board{height:240px!important}
}
@media(max-width:760px){
  html body #moi>.hero[data-moi-premium-shell]{padding:0 0 24px!important;gap:18px!important}
  html body #moi>.hero[data-moi-premium-shell] h1{font-size:42px!important}
  html body #moi .u4-hero-board{height:210px!important}
  html body #moi>.moi-tabs{display:flex!important;width:100%!important}
  html body #moi>.moi-tabs button{flex:1!important}
}


/* Mon univers single-owner tabs: keep the canonical source row visible from first paint.
   The old copied .moi-layout-tabs-v1097 row is retired and must never become the visible menu. */
html body #moi>.moi-tabs:not(.moi-layout-tabs-v1097){
  display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  width:max-content!important;height:auto!important;min-width:0!important;min-height:38px!important;max-width:100%!important;max-height:none!important;
  margin:0 auto 18px!important;overflow:visible!important;
}
html body #moi>.moi-layout-tabs-v1097{
  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;overflow:hidden!important;
}
@media(max-width:760px){
  html body #moi>.moi-tabs:not(.moi-layout-tabs-v1097){
    display:flex!important;width:100%!important;
    position:relative!important;z-index:3!important;
    margin:8px 0 14px!important;
    scroll-margin-top:calc(var(--ll-mobile-head,110px) + 8px)!important;
  }
  html body #moi>.moi-tabs:not(.moi-layout-tabs-v1097)>button{flex:1!important}
}


/* Mon univers — approved shell + final structural centering */
html body #moi>.hero[data-moi-premium-shell]{
  box-sizing:border-box!important;
  height:470px!important;
  min-height:470px!important;
  max-height:470px!important;
  margin:0 0 8px!important;
  padding:22px 24px 18px!important;
  align-self:start!important;
  align-content:center!important;
  overflow:hidden!important;
  border:1px solid var(--a7-line)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,var(--a7-glass-strong),var(--a7-glass))!important;
  box-shadow:var(--a7-shadow-soft)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.12)!important;
  backdrop-filter:blur(20px) saturate(1.12)!important;
}
html body #moi>.hero[data-moi-premium-shell]>div:first-child,
html body #moi>.hero[data-moi-premium-shell]>.u4-hero-board{
  align-self:center!important;
}

@media(max-width:1300px){
  html body #moi>.hero[data-moi-premium-shell]{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:20px!important;
    align-content:start!important;
    border-radius:24px!important;
  }
}
@media(max-width:760px){
  html body #moi>.hero[data-moi-premium-shell]{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:16px!important;
    border-radius:22px!important;
    margin-bottom:8px!important;
  }
}

/* Stage 2: preserve the approved Stage 1 home composition. */
html.lce-stage2 #home .s2-hero-meta,
html.lce-stage2 #home .s2-hero-number,
html.lce-stage2 #home .s2-polaroid-ring,
html.lce-stage2 #home .s2-manifesto{
  display:none!important;
}
html.lce-stage2 #home.s1-home .hero{
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr)!important;
  align-items:center!important;
  gap:34px!important;
  min-height:610px!important;
  margin:4px 0 24px!important;
  padding:44px!important;
  overflow:hidden!important;
}
html.lce-stage2 #home.s1-home .s1-hero-copy{
  max-width:730px!important;
  padding:26px 22px 28px 4px!important;
  position:relative!important;
  top:64px!important;
  transform:none!important;
}
html.lce-stage2 #home.s1-home .hero h1{
  font-size:clamp(52px,5.8vw,88px)!important;
  line-height:.91!important;
  letter-spacing:-.045em!important;
  margin:12px 0 18px!important;
}
html.lce-stage2 #home.s1-home .hero p{
  font-size:18px!important;
  line-height:1.65!important;
  max-width:650px!important;
}
html.lce-stage2 #home.s1-home .hero .actions{margin-top:26px!important;}
html.lce-stage2 #home.s1-home .hero .primary,
html.lce-stage2 #home.s1-home .hero .soft{padding:13px 19px!important;}
html.lce-stage2 #home .s1-hero-media{transform:none!important;}
html.lce-stage2 #home .s1-polaroids{
  min-height:470px!important;
  position:relative!important;
  top:28px!important;
  transform:none!important;
  max-width:94%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html.lce-stage2 #home .s1-polaroid{padding:9px 9px 38px!important;border-radius:5px!important;}
html.lce-stage2 #home.s1-home .s1-polaroid.main{right:8%!important;top:4%!important;}
html.lce-stage2 #home.s1-home .s1-polaroid.a{left:4%!important;bottom:3%!important;}
html.lce-stage2 #home.s1-home .s1-polaroid.b{left:11%!important;top:5%!important;}
html.lce-stage2 #home .s1-stamp{
  right:5%!important;
  bottom:7%!important;
  padding:13px 16px!important;
  border-radius:17px!important;
  transform:none!important;
}
html.lce-stage2 #home.s1-home .stats{gap:14px!important;margin:0 0 20px!important;}
html.lce-stage2 #home.s1-home .stat{padding:20px!important;border-radius:22px!important;}
html.lce-stage2 #home.s1-home .stat b{font-size:40px!important;}
html.lce-stage2 #home .s1-storyboard{gap:16px!important;margin-bottom:20px!important;}
html.lce-stage2 #home .s1-tile{min-height:310px!important;border-radius:26px!important;}
html.lce-stage2 #home .s1-tile .copy{left:22px!important;right:22px!important;bottom:20px!important;}
html.lce-stage2 #home .s1-tile span{font-size:10px!important;}
html.lce-stage2 #home .s1-tile h3{font-size:29px!important;line-height:1!important;margin:7px 0 6px!important;}

@media(max-width:1120px){
  html.lce-stage2 #home.s1-home .hero{grid-template-columns:1fr!important;min-height:0!important;padding:38px!important;}
  html.lce-stage2 #home .s1-polaroids{min-height:430px!important;max-width:670px!important;width:100%!important;margin:auto!important;top:0!important;}
  html.lce-stage2 #home .s1-storyboard{grid-template-columns:1fr 1fr!important;}
  html.lce-stage2 #home .s1-tile.mem{grid-column:1/-1!important;min-height:340px!important;}
  html.lce-stage2 #home.s1-home .s1-hero-copy{top:0!important;}
}
@media(max-width:760px){
  html.lce-stage2 #home.s1-home .hero{min-height:0!important;padding:28px 19px 22px!important;border-radius:26px!important;}
  html.lce-stage2 #home .s1-hero-copy{padding:18px 0!important;}
  html.lce-stage2 #home.s1-home .hero h1{font-size:49px!important;}
  html.lce-stage2 #home .s1-polaroids{min-height:330px!important;}
  html.lce-stage2 #home .s1-stamp{display:none!important;}
  html.lce-stage2 #home .s1-storyboard{grid-template-columns:1fr!important;}
  html.lce-stage2 #home .s1-tile.mem{grid-column:auto!important;}
  html.lce-stage2 #home .s1-tile{min-height:270px!important;}
}

/* FINAL — Mon univers desktop: true vertical centering, no manual Y offset. */
@media(min-width:1301px){
  html body #moi>.hero[data-moi-premium-shell]{
    height:auto!important;
    min-height:280px!important;
    max-height:none!important;
    padding:20px 24px 0!important;
    grid-template-rows:auto!important;
    align-items:stretch!important;
    align-content:stretch!important;
  }
  html body #moi>.hero[data-moi-premium-shell]>div:first-child{
    position:static!important;
    top:auto!important;
    transform:none!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:0!important;
    box-sizing:border-box!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  html body #moi>.hero[data-moi-premium-shell]>.u4-hero-board{
    position:relative!important;
    top:79px!important;
    transform:none!important;
    align-self:center!important;
  }
}

/* GLOBAL — all creation/edit sheets use the current site typography and palette. */
html body .lce-modalback,
html body .caps-seal-confirmback{
  background:rgba(0,0,0,.42)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}

html body .lce-modal,
html body .caps-seal-confirm,
html body #drawer{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:var(--v9-surface,#fff)!important;
  color:var(--v9-ink,#050505)!important;
  border-color:var(--v9-line,rgba(0,0,0,.075))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.16)!important;
}

html body .lce-modal h1,
html body .lce-modal h2,
html body .lce-modal h3,
html body .caps-seal-confirm h1,
html body .caps-seal-confirm h2,
html body .caps-seal-confirm h3,
html body #drawer h1,
html body #drawer h2,
html body #drawer h3{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:var(--v9-ink,#050505)!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
}

html body .lce-modalhead,
html body .drawerhead{
  border-color:var(--v9-line,rgba(0,0,0,.075))!important;
}
html body .drawerhead{
  background:var(--v9-glass-strong,rgba(255,255,255,.82))!important;
  color:var(--v9-ink,#050505)!important;
}

html body .lce-form label,
html body .lce-realform label,
html body .caps-media-head b,
html body .caps-media-head small,
html body .caps-media-existing,
html body .caps-seal-confirm p,
html body #drawer .mut{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:var(--v9-muted,#6e6e73)!important;
}

html body .lce-form input,
html body .lce-form textarea,
html body .lce-form select,
html body .lce-realform input,
html body .lce-realform textarea,
html body .lce-realform select,
html body .lce-toolbar input,
html body .lce-toolbar select{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:var(--v9-surface,#fff)!important;
  color:var(--v9-ink,#050505)!important;
  border-color:var(--v9-line,rgba(0,0,0,.10))!important;
  box-shadow:none!important;
}
html body .lce-form input::placeholder,
html body .lce-form textarea::placeholder,
html body .lce-realform input::placeholder,
html body .lce-realform textarea::placeholder,
html body .lce-toolbar input::placeholder{
  color:var(--v9-faint,#86868b)!important;
  opacity:1!important;
}
html body .lce-form input:focus,
html body .lce-form textarea:focus,
html body .lce-form select:focus,
html body .lce-realform input:focus,
html body .lce-realform textarea:focus,
html body .lce-realform select:focus,
html body .lce-toolbar input:focus,
html body .lce-toolbar select:focus{
  outline:none!important;
  border-color:var(--v9-ink,#050505)!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.08)!important;
}

html body .lce-modal .primary,
html body .caps-seal-confirm .primary,
html body .caps-seal-danger{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:#111113!important;
  border-color:#111113!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body .lce-modal .soft,
html body .lce-close,
html body .caps-seal-confirm .soft,
html body #drawer .soft,
html body .drawerhead button{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:var(--v9-surface,#fff)!important;
  border-color:var(--v9-line,rgba(0,0,0,.10))!important;
  color:var(--v9-ink,#050505)!important;
  box-shadow:none!important;
}
html body .lce-modal button:hover,
html body .caps-seal-confirm button:hover,
html body .drawerhead button:hover{
  opacity:.76!important;
}

html body .caps-media-box,
html body .caps-media-row,
html body .caps-media-existing,
html body .caps-seal-note,
html body .caps-seal-warning,
html body .lce-entry,
html body .lce-empty,
html body .lce-chat,
html body .lce-chatmsg{
  background:var(--v9-bg,#f5f5f7)!important;
  color:var(--v9-ink,#050505)!important;
  border-color:var(--v9-line,rgba(0,0,0,.075))!important;
}
html body .caps-seal-note,
html body .caps-seal-warning{
  color:var(--v9-muted,#6e6e73)!important;
}
html body .caps-media-row button,
html body .lce-danger{
  color:var(--v9-ink,#050505)!important;
}

html body #drawerbg{
  background:rgba(0,0,0,.42)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
html body #drawer .section,
html body #drawer .placehero{
  border-color:var(--v9-line,rgba(0,0,0,.075))!important;
}

html body .lce-toast{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  background:#111113!important;
  color:#fff!important;
}

html[data-lce-theme="dark"] body .lce-modal .primary,
html[data-lce-theme="dark"] body .caps-seal-confirm .primary,
html[data-lce-theme="dark"] body .caps-seal-danger{
  background:#fff!important;
  border-color:#fff!important;
  color:#000!important;
}
html[data-lce-theme="dark"] body .lce-form input:focus,
html[data-lce-theme="dark"] body .lce-form textarea:focus,
html[data-lce-theme="dark"] body .lce-form select:focus,
html[data-lce-theme="dark"] body .lce-realform input:focus,
html[data-lce-theme="dark"] body .lce-realform textarea:focus,
html[data-lce-theme="dark"] body .lce-realform select:focus{
  border-color:#fff!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.12)!important;
}
html[data-lce-theme="dark"] body input[type="date"]{
  color-scheme:dark!important;
}

/* GLOBAL V2 — hard force the same rounded black/white visual language on every sheet. */
html body .lce-modal,
html body .caps-seal-confirm{
  background:#fff!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:34px!important;
  overflow:auto!important;
}
html body #drawer{
  background:#fff!important;
  color:#050505!important;
  border-left:1px solid #d1d1d6!important;
  border-radius:34px 0 0 34px!important;
}

html body .lce-modal,
html body .lce-modal *,
html body .caps-seal-confirm,
html body .caps-seal-confirm *,
html body #drawer,
html body #drawer *{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

html body .lce-modal h1,
html body .lce-modal h2,
html body .lce-modal h3,
html body .caps-seal-confirm h1,
html body .caps-seal-confirm h2,
html body .caps-seal-confirm h3,
html body #drawer h1,
html body #drawer h2,
html body #drawer h3{
  color:#050505!important;
  font-weight:700!important;
  font-style:normal!important;
}

html body .lce-form label,
html body .lce-realform label,
html body .caps-media-head b,
html body .caps-media-head small,
html body .caps-media-existing,
html body .caps-seal-confirm p,
html body #drawer .mut{
  color:#3a3a3c!important;
}

html body .lce-form input,
html body .lce-form textarea,
html body .lce-form select,
html body .lce-realform input,
html body .lce-realform textarea,
html body .lce-realform select,
html body .lce-toolbar input,
html body .lce-toolbar select,
html body .field,
html body input.field,
html body textarea.field,
html body select.field{
  background:#fff!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
html body .lce-form textarea,
html body .lce-realform textarea,
html body textarea.field{
  border-radius:20px!important;
}

html body .lce-form input:focus,
html body .lce-form textarea:focus,
html body .lce-form select:focus,
html body .lce-realform input:focus,
html body .lce-realform textarea:focus,
html body .lce-realform select:focus,
html body .field:focus{
  border-color:#050505!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.08)!important;
}

html body .lce-modal button,
html body .caps-seal-confirm button,
html body #drawer button{
  border-radius:999px!important;
}
html body .lce-modal .primary,
html body .caps-seal-confirm .primary,
html body .caps-seal-danger{
  background:#050505!important;
  border:1px solid #050505!important;
  color:#fff!important;
}
html body .lce-modal .soft,
html body .lce-close,
html body .caps-seal-confirm .soft,
html body #drawer .soft,
html body .drawerhead button{
  background:#fff!important;
  border:1px solid #d1d1d6!important;
  color:#050505!important;
}

html body .caps-media-box,
html body .caps-media-row,
html body .caps-media-existing,
html body .caps-seal-note,
html body .caps-seal-warning,
html body .lce-entry,
html body .lce-empty,
html body .lce-chat,
html body .lce-chatmsg{
  background:#f5f5f7!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
}
html body .caps-media-box{border-radius:24px!important;}
html body .caps-media-row,
html body .caps-media-existing,
html body .caps-seal-note,
html body .caps-seal-warning,
html body .lce-entry,
html body .lce-empty,
html body .lce-chat,
html body .lce-chatmsg{border-radius:18px!important;}

html body .lce-modalhead{
  border-bottom:1px solid #e5e5ea!important;
  padding-bottom:14px!important;
}
html body .drawerhead{
  background:rgba(255,255,255,.94)!important;
  color:#050505!important;
  border-bottom:1px solid #e5e5ea!important;
}
html body #drawer .section,
html body #drawer .placehero{
  border-color:#e5e5ea!important;
}

html body .lce-toast{
  background:#050505!important;
  color:#fff!important;
  border-radius:18px!important;
}

html body .lce-modalback,
html body .caps-seal-confirmback,
html body #drawerbg{
  background:rgba(0,0,0,.52)!important;
}

html[data-lce-theme="dark"] body .lce-modal,
html[data-lce-theme="dark"] body .caps-seal-confirm,
html[data-lce-theme="dark"] body #drawer{
  background:#0b0b0c!important;
  color:#fff!important;
  border-color:#2c2c2e!important;
}
html[data-lce-theme="dark"] body .lce-form input,
html[data-lce-theme="dark"] body .lce-form textarea,
html[data-lce-theme="dark"] body .lce-form select,
html[data-lce-theme="dark"] body .lce-realform input,
html[data-lce-theme="dark"] body .lce-realform textarea,
html[data-lce-theme="dark"] body .lce-realform select,
html[data-lce-theme="dark"] body .field{
  background:#1c1c1e!important;
  color:#fff!important;
  border-color:#3a3a3c!important;
}
html[data-lce-theme="dark"] body .lce-modal .primary,
html[data-lce-theme="dark"] body .caps-seal-confirm .primary,
html[data-lce-theme="dark"] body .caps-seal-danger{
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}


/* Mon univers — keep the approved hero layout intact and only center the whole composition vertically. */
@media (min-width:1301px){
  html body #moi>.hero[data-moi-premium-shell]>div:first-child,
  html body #moi>.hero[data-moi-premium-shell]>.u4-hero-board{
    transform:translateY(60px)!important;
  }
}

/* Mon univers forms — same Inter / black / white / gray language as the site. */
html body .moi-modalback{
  background:rgba(0,0,0,.48)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05)!important;
  backdrop-filter:blur(18px) saturate(1.05)!important;
}

html body .moi-modal{
  width:min(680px,calc(100vw - 32px))!important;
  background:#fff!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:32px!important;
  padding:24px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.16)!important;
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

html body .moi-modal,
html body .moi-modal *{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

html body .moi-modalhead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 20px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid #e5e5ea!important;
}

html body .moi-modalhead h2{
  margin:0!important;
  color:#050505!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
}

html body .moi-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  margin-top:0!important;
}

html body .moi-form label{
  display:grid!important;
  gap:7px!important;
  color:#3a3a3c!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:650!important;
}

html body .moi-form input,
html body .moi-form select,
html body .moi-form textarea{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:50px!important;
  padding:13px 15px!important;
  background:#fff!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:18px!important;
  outline:none!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:450!important;
}

html body .moi-form textarea{
  min-height:124px!important;
  border-radius:22px!important;
  resize:vertical!important;
}

html body .moi-form input::placeholder,
html body .moi-form textarea::placeholder{
  color:#86868b!important;
  opacity:1!important;
}

html body .moi-form input:focus,
html body .moi-form select:focus,
html body .moi-form textarea:focus{
  border-color:#050505!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.08)!important;
}

html body .moi-modal button{
  border-radius:999px!important;
  font-weight:650!important;
}

html body .moi-modal .primary{
  background:#050505!important;
  color:#fff!important;
  border:1px solid #050505!important;
  padding:12px 18px!important;
  box-shadow:none!important;
}

html body .moi-modal .soft{
  background:#f5f5f7!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  padding:10px 15px!important;
  box-shadow:none!important;
}

html body .moi-modal .primary:hover,
html body .moi-modal .soft:hover{
  opacity:.76!important;
}

html body .moi-full{
  grid-column:1/-1!important;
}

/* Mon univers media editor — remove the legacy beige palette completely. */
html body .moi-modalback .univers-media-editor-v2{
  background:#f5f5f7!important;
  background-image:none!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:24px!important;
  box-shadow:none!important;
  padding:18px!important;
}
html body .moi-modalback .univers-media-head-v2 b{
  color:#050505!important;
  font-weight:700!important;
}
html body .moi-modalback .univers-media-head-v2 small,
html body .moi-modalback .univers-media-editor-v2 [style*="var(--mut"]{
  color:#6e6e73!important;
}
html body .moi-modalback .univers-media-actions-v2 button,
html body .moi-modalback .univers-media-editor-v2 .soft{
  background:#fff!important;
  background-image:none!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
html body .moi-modalback .univers-media-actions-v2 button:hover,
html body .moi-modalback .univers-media-editor-v2 .soft:hover{
  background:#e9e9ed!important;
  color:#050505!important;
  border-color:#b8b8bd!important;
  opacity:1!important;
  transform:none!important;
}
html body .moi-modalback .univers-media-row-v2{
  background:#fff!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
html body .moi-modalback .univers-media-row-v2 button{
  color:#050505!important;
  background:transparent!important;
}
html body .moi-modalback .univers-recording-v2{
  background:#e9e9ed!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:18px!important;
}
html body .univers-viewer-v2{
  background:#fff!important;
  color:#050505!important;
  border:1px solid #d1d1d6!important;
  border-radius:28px!important;
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
html body .univers-viewer-v2 *{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
html body .univers-viewer-head-v2 h2{
  color:#050505!important;
  font-weight:700!important;
}
html body .univers-viewer-close-v2,
html body .univers-audio-v2{
  background:#fff!important;
  color:#050505!important;
  border-color:#d1d1d6!important;
}
html body .univers-viewer-close-v2{border-radius:999px!important;}
html body .univers-audio-v2{border-radius:18px!important;}
html body .univers-media-more-v2{
  background:#f5f5f7!important;
  color:#6e6e73!important;
  border-color:#d1d1d6!important;
  border-radius:18px!important;
}

@media(max-width:680px){
  html body .moi-modal{
    width:calc(100vw - 20px)!important;
    padding:18px!important;
    border-radius:26px!important;
  }
  html body .moi-form{
    grid-template-columns:1fr!important;
  }
  html body .moi-full{
    grid-column:1!important;
  }
  html body .moi-modalback .univers-media-editor-v2{
    border-radius:20px!important;
    padding:15px!important;
  }
}

html[data-lce-theme="dark"] body .moi-modal{
  background:#0b0b0c!important;
  color:#fff!important;
  border-color:#2c2c2e!important;
}
html[data-lce-theme="dark"] body .moi-modalhead{
  border-color:#2c2c2e!important;
}
html[data-lce-theme="dark"] body .moi-modalhead h2{
  color:#fff!important;
}
html[data-lce-theme="dark"] body .moi-form label{
  color:#d1d1d6!important;
}
html[data-lce-theme="dark"] body .moi-form input,
html[data-lce-theme="dark"] body .moi-form select,
html[data-lce-theme="dark"] body .moi-form textarea{
  background:#1c1c1e!important;
  color:#fff!important;
  border-color:#3a3a3c!important;
}
html[data-lce-theme="dark"] body .moi-modal .primary{
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}
html[data-lce-theme="dark"] body .moi-modal .soft{
  background:#1c1c1e!important;
  color:#fff!important;
  border-color:#3a3a3c!important;
}
html[data-lce-theme="dark"] body .moi-modalback .univers-media-editor-v2{
  background:#1c1c1e!important;
  color:#fff!important;
  border-color:#3a3a3c!important;
}
html[data-lce-theme="dark"] body .moi-modalback .univers-media-head-v2 b{
  color:#fff!important;
}
html[data-lce-theme="dark"] body .moi-modalback .univers-media-actions-v2 button,
html[data-lce-theme="dark"] body .moi-modalback .univers-media-row-v2{
  background:#0b0b0c!important;
  color:#fff!important;
  border-color:#3a3a3c!important;
}

/* A count stays on one line even beside a long category label. */
html body #moi .lce-universe-cat-count-v3{
  white-space:nowrap!important;
  flex-shrink:0!important;
}

/* Projects keeps the category shell and retired heading markers mounted,
   without reserving their hero space. The same category shell returns in Likes. */
html body #moi[data-lce-universe-view="projects"]>.hero[data-moi-premium-shell],
html body #moi[data-lce-universe-view="projects"] #moi-body>.hero:has(>div[aria-label="Projects & Goals"]:empty:only-child){
  display:none!important;
}

/* Mon Univers sheets keep their existing backdrop origin, use only the
   remaining viewport height, and leave their native form/list scrolling intact. */
@media(max-width:820px){
  html[data-lce-platform="mobile"] body[data-lce-detail="moi"] .moi-modalback{
    --moi-sheet-top:82px;
    top:var(--moi-sheet-top)!important;
    bottom:0!important;
    height:calc(100dvh - var(--moi-sheet-top))!important;
    max-height:calc(100dvh - var(--moi-sheet-top))!important;
    align-items:stretch!important;
    padding:max(10px,calc(var(--ll-mobile-head,110px) + 4px - var(--moi-sheet-top))) 10px max(10px,env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
  }
  html[data-lce-platform="mobile"] body[data-lce-detail="moi"] .moi-modalback>.moi-modal{
    height:100%!important;
    min-height:0!important;
    margin:0 auto!important;
    overflow:hidden!important;
  }
}
@media(max-width:700px){
  html[data-lce-platform="mobile"] body[data-lce-detail="moi"] .moi-modalback{
    --moi-sheet-top:calc(env(safe-area-inset-top,0px) + 68px);
  }
}

