/* 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}
}
