/* LVL family home v1 — approved direction, UI-only visual language. */
:root{
  --family-canvas:#fbf9ff;
  --family-ink:#180d31;
  --family-muted:#706783;
  --family-purple:#6f2df4;
  --family-purple-deep:#4f16c7;
  --family-lilac:#eee5ff;
  --family-mint:#ddf8ef;
  --family-coral:#ffe5e9;
  --family-line:rgba(72,42,118,.10);
  --family-shadow:0 18px 48px rgba(76,43,124,.10);
}

html[data-theme="dark"]{
  --family-canvas:#160e23;
  --family-ink:#fffaff;
  --family-muted:#c7bbd6;
  --family-purple:#9c70ff;
  --family-purple-deep:#7c45ef;
  --family-lilac:#342247;
  --family-mint:#173b38;
  --family-coral:#47252f;
  --family-line:rgba(226,207,255,.12);
  --family-shadow:0 22px 54px rgba(0,0,0,.28);
}

/* The page reads as one open learning space, not a dashboard. */
[data-view="home"]{position:relative;isolation:isolate;overflow:clip;color:var(--family-ink)!important}
[data-view="home"]::before{
  content:"";position:absolute;z-index:-1;inset:-48px -80px auto 38%;height:360px;pointer-events:none;
  border-radius:45% 55% 54% 46% / 52% 40% 60% 48%;
  background:radial-gradient(circle at 68% 30%,rgba(154,105,255,.18),transparent 52%),radial-gradient(circle at 25% 70%,rgba(184,221,255,.20),transparent 48%);
}

[data-view="home"]>[data-ui="home-greeting"]{
  display:block!important;padding:42px 0 28px!important;
}
[data-ui="home-greeting"]>div{max-width:790px}
[data-ui="home-greeting"] [data-ui="eyebrow"]{color:var(--family-purple)!important;font-size:12px!important;letter-spacing:.16em!important}
[data-ui="home-greeting"] h1{margin:16px 0 8px!important;color:var(--family-ink)!important;font-size:clamp(48px,5.3vw,78px)!important;line-height:.96!important;letter-spacing:-.065em!important;font-weight:950!important}
[data-ui="home-greeting"] h1 b{color:var(--family-purple)!important}
[data-ui="home-greeting"] h2{margin:0;color:#665a7a;font-size:clamp(27px,3vw,42px);line-height:1.08;letter-spacing:-.045em;font-weight:700}
[data-ui="home-greeting"] p{max-width:660px;margin:22px 0 0!important;color:var(--family-muted)!important;font-size:17px!important;line-height:1.55!important}

[data-view="home"]>[data-ui="study-session"]{
  min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
[data-ui="study-session"]::before{display:none!important}
[data-ui="study-session"]>[data-ui="session-heading"]{display:none!important}

[data-ui="session-steps"]{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:38px!important;background:var(--family-lilac)!important;box-shadow:var(--family-shadow)!important;overflow:hidden!important;
}
[data-ui="session-steps"]::before{display:none!important}
[data-ui="session-step"]{
  min-height:142px!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:18px!important;row-gap:6px!important;align-items:center!important;
  padding:26px 28px!important;border:0!important;border-radius:38px!important;background:transparent!important;color:var(--family-ink)!important;text-align:left!important;box-shadow:none!important;
}
[data-ui="session-step"]:nth-child(2){background:var(--family-mint)!important}
[data-ui="session-step"]:nth-child(3){background:var(--family-coral)!important}
[data-ui="session-step"]:hover{transform:none!important;filter:brightness(.985);box-shadow:inset 0 0 0 2px rgba(110,45,244,.15)!important}
[data-ui="session-step"]:focus-visible{position:relative;z-index:2}
[data-ui="session-step-index"]{display:none!important}
[data-ui="session-step-icon"]{
  grid-column:1!important;grid-row:1/3!important;width:64px!important;height:64px!important;display:grid!important;place-items:center!important;
  border-radius:22px!important;background:rgba(255,255,255,.54)!important;color:var(--family-purple)!important;
}
[data-ui="session-step"]:nth-child(3) [data-ui="session-step-icon"]{color:#f05568!important;background:rgba(255,255,255,.58)!important}
[data-ui="session-step-icon"] [data-ui="icon"]{width:30px!important;height:30px!important}
[data-ui="session-step-copy"]{grid-column:2!important;grid-row:1!important;align-self:end!important}
[data-ui="session-step-copy"] strong{display:block;color:var(--family-ink)!important;font-size:18px!important;line-height:1.2!important;letter-spacing:-.025em}
[data-ui="session-step-copy"] small{display:block;margin-top:5px;color:var(--family-muted)!important;font-size:13px!important;line-height:1.35!important}
[data-ui="session-step"] em{grid-column:2!important;grid-row:2!important;justify-self:start!important;align-self:start!important;padding:0!important;background:transparent!important;color:var(--family-muted)!important;font-size:15px!important;font-weight:800!important}

[data-ui="session-start"]{
  width:100%!important;min-height:96px!important;margin:22px 0 0!important;display:grid!important;grid-template-columns:58px minmax(0,1fr) 58px!important;gap:18px!important;align-items:center!important;
  padding:14px 18px!important;border:0!important;border-radius:34px!important;background:linear-gradient(110deg,var(--family-purple-deep),#7b35ff)!important;color:#fff!important;box-shadow:0 18px 38px rgba(100,40,221,.25)!important;text-align:left!important;
}
[data-ui="session-start"]>span,[data-ui="session-start"]>b{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:rgba(255,255,255,.14)!important;font-size:20px!important}
[data-ui="session-start"] strong{font-size:24px!important;line-height:1.15!important;text-align:center!important;letter-spacing:-.025em}
[data-ui="session-start"]:hover{transform:translateY(-2px);filter:saturate(1.05);box-shadow:0 22px 42px rgba(100,40,221,.31)!important}

[data-view="home"]>[data-ui="after-session"]{
  margin:22px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
[data-ui="after-session"]>header{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;padding:8px 6px 14px!important}
[data-ui="after-session"]>header [data-ui="eyebrow"]{display:none!important}
[data-ui="after-session"]>header h2{margin:0!important;color:var(--family-ink)!important;font-size:25px!important;letter-spacing:-.035em!important}
[data-ui="after-session"]>header p{margin:5px 0 0;color:var(--family-muted);font-size:14px;line-height:1.4}
[data-ui="session-today"]{padding:9px 13px!important;border:0!important;border-radius:999px!important;background:var(--family-lilac)!important;color:var(--family-purple)!important;font-size:12px!important;font-weight:850!important}

[data-ui="session-summary"]{display:grid!important;grid-template-columns:minmax(220px,.72fr) minmax(360px,1.28fr)!important;gap:0!important;min-height:132px!important;border-radius:32px!important;background:color-mix(in srgb,var(--family-lilac) 72%,transparent)!important;overflow:hidden!important}
[data-ui="session-xp"],[data-ui="session-week"]{min-height:132px!important;padding:24px!important;border:0!important;background:transparent!important}
[data-ui="session-xp"]{display:flex!important;align-items:center!important;gap:17px!important}
[data-ui="session-xp"]>span{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:rgba(255,255,255,.58)!important;color:var(--family-purple)!important}
[data-ui="session-xp"] [data-ui="icon"]{width:27px!important;height:27px!important}
[data-ui="session-xp"] strong{display:block;color:var(--family-ink)!important;font-size:22px!important;line-height:1.1!important}
[data-ui="session-xp"] small{display:block;margin-top:6px;color:var(--family-muted)!important;font-size:12px!important}
[data-ui="session-week"]{border-left:1px solid var(--family-line)!important}
[data-ui="session-week"]>strong{display:block;margin-bottom:17px;color:var(--family-ink)!important;font-size:13px!important}
[data-ui="session-week"]>div{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:12px!important}
[data-ui="session-week"] span{display:grid!important;gap:8px!important;justify-items:center!important}
[data-ui="session-week"] i{width:24px!important;height:24px!important;border:0!important;border-radius:50%!important;background:rgba(126,91,169,.13)!important}
[data-ui="session-week"] span[data-active="true"] i{background:var(--family-purple)!important;box-shadow:0 5px 12px rgba(111,45,244,.24)!important}
[data-ui="session-week"] small{color:var(--family-muted)!important;font-size:10px!important;font-weight:750!important}

[data-ui="use-now"]{
  display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;
  margin:18px 0 0!important;padding:24px!important;border:0!important;border-radius:32px!important;background:color-mix(in srgb,var(--family-lilac) 72%,transparent)!important;color:var(--family-ink)!important;box-shadow:none!important;
}
[data-ui="use-now"]>span{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:rgba(255,255,255,.58)!important;color:var(--family-purple)!important}
[data-ui="use-now"] [data-ui="icon"]{width:27px!important;height:27px!important}
[data-ui="use-now"] small{color:var(--family-purple)!important;font-size:10px!important;letter-spacing:.11em!important}
[data-ui="use-now"] strong{margin-top:5px!important;color:var(--family-ink)!important;font-size:17px!important;line-height:1.3!important}
[data-ui="use-now"] p{margin-top:5px!important;color:var(--family-muted)!important;font-size:13px!important;line-height:1.45!important}
[data-ui="use-now"] button{min-height:44px!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:var(--family-purple-deep)!important;font-size:12px!important;font-weight:900!important;box-shadow:0 7px 18px rgba(71,40,118,.08)!important}
[data-ui="home-encouragement"]{margin:18px 0 0!important;padding:22px 28px!important;border-radius:28px!important;background:color-mix(in srgb,var(--family-coral) 55%,transparent)!important;color:var(--family-ink)!important;font-size:16px!important;line-height:1.45!important}

html[data-theme="dark"] [data-view="home"]::before{opacity:.55}
html[data-theme="dark"] [data-ui="home-greeting"] h2{color:#d0c4dc}
html[data-theme="dark"] [data-ui="session-step-icon"],
html[data-theme="dark"] [data-ui="session-xp"]>span,
html[data-theme="dark"] [data-ui="use-now"]>span{background:rgba(255,255,255,.08)!important}
html[data-theme="dark"] [data-ui="use-now"] button{background:#fff!important;color:#4f16c7!important}

@media (min-width:1024px){
  html[data-theme="light"] body{
    background:radial-gradient(circle at 62% 4%,rgba(130,76,244,.10),transparent 34%),#f8f6fc!important;
  }
  html[data-theme="dark"] body{
    background:radial-gradient(circle at 62% 4%,rgba(126,72,232,.13),transparent 36%),#160f20!important;
  }
  /* Keep the desktop workspace visually attached to the navigation rail. */
  [data-ui="topbar"],[data-ui="page"]{
    width:min(calc(100vw - var(--desktop-rail) - 28px),1360px)!important;
    margin-left:8px!important;
    margin-right:auto!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  html:root[data-theme="light"] body [data-ui="topbar"],
  html:root[data-theme="light"] body [data-ui="page"],
  html:root[data-theme="dark"] body [data-ui="topbar"],
  html:root[data-theme="dark"] body [data-ui="page"]{
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  html:root[data-theme="light"] body [data-ui="topbar"],
  html:root[data-theme="dark"] body [data-ui="topbar"]{border-bottom:0!important}
  [data-view="home"][data-active="true"]{display:block!important;max-width:1120px!important;padding-bottom:80px!important}
  [data-view="home"]>[data-ui="after-session"]{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(310px,.8fr)!important;gap:0 18px!important}
  [data-ui="after-session"]>header{grid-column:1/-1!important}
  [data-ui="after-session"]>[data-ui="session-summary"]{grid-column:1!important;grid-row:2!important}
  [data-ui="after-session"]>[data-ui="use-now"]{grid-column:2!important;grid-row:2!important;margin:0!important;grid-template-columns:50px minmax(0,1fr)!important;gap:13px!important;padding:20px!important}
  [data-ui="after-session"]>[data-ui="use-now"]>span{width:50px!important;height:50px!important;border-radius:17px!important}
  [data-ui="after-session"]>[data-ui="use-now"] button{grid-column:2!important;justify-self:start!important;min-height:38px!important;margin-top:5px!important}
  [data-ui="after-session"]>[data-ui="home-encouragement"]{grid-column:1/-1!important;grid-row:3!important}
}

@media (max-width:1023px){
  [data-view="home"]::before{inset:-20px -50px auto 20%;height:300px}
  [data-view="home"]>[data-ui="home-greeting"]{padding:30px 0 24px!important}
  [data-ui="home-greeting"] h1{font-size:52px!important}
  [data-ui="home-greeting"] h2{font-size:30px}
  [data-ui="home-greeting"] p{font-size:15px!important}
  [data-ui="session-step"]{min-height:126px!important;padding:22px 20px!important;grid-template-columns:52px minmax(0,1fr)!important;column-gap:13px!important}
  [data-ui="session-step-icon"]{width:52px!important;height:52px!important;border-radius:18px!important}
  [data-ui="session-step-copy"] strong{font-size:15px!important}
  [data-ui="session-step-copy"] small{font-size:11px!important}
  [data-ui="session-step"] em{font-size:13px!important}
}

@media (max-width:700px){
  [data-view="home"]::before{inset:-12px -100px auto 18%;height:260px;opacity:.65}
  [data-view="home"]>[data-ui="home-greeting"]{padding:22px 0 20px!important}
  [data-ui="home-greeting"] h1{margin-top:10px!important;font-size:39px!important;line-height:1!important}
  [data-ui="home-greeting"] h2{margin-top:8px;font-size:23px}
  [data-ui="home-greeting"] p{margin-top:14px!important;font-size:13px!important;line-height:1.5!important}
  [data-ui="session-steps"]{grid-template-columns:1fr!important;gap:8px!important;padding:8px!important;border-radius:28px!important;background:color-mix(in srgb,var(--family-lilac) 76%,transparent)!important;box-shadow:none!important}
  [data-ui="session-step"],[data-ui="session-step"]:nth-child(2),[data-ui="session-step"]:nth-child(3){min-height:80px!important;grid-template-columns:46px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:12px!important;padding:12px 13px!important;border-radius:22px!important;background:rgba(255,255,255,.54)!important}
  html[data-theme="dark"] [data-ui="session-step"],html[data-theme="dark"] [data-ui="session-step"]:nth-child(2),html[data-theme="dark"] [data-ui="session-step"]:nth-child(3){background:rgba(255,255,255,.055)!important}
  [data-ui="session-step-icon"]{grid-column:1!important;grid-row:1/3!important;width:46px!important;height:46px!important;border-radius:16px!important}
  [data-ui="session-step-icon"] [data-ui="icon"]{width:23px!important;height:23px!important}
  [data-ui="session-step-copy"]{grid-column:2!important;grid-row:1/3!important;align-self:center!important}
  [data-ui="session-step-copy"] strong{font-size:14px!important}
  [data-ui="session-step-copy"] small{font-size:10px!important}
  [data-ui="session-step"] em{grid-column:3!important;grid-row:1/3!important;align-self:center!important;font-size:11px!important}
  [data-ui="session-start"]{min-height:68px!important;margin-top:12px!important;grid-template-columns:42px minmax(0,1fr) 34px!important;gap:8px!important;padding:10px!important;border-radius:22px!important}
  [data-ui="session-start"]>span{width:42px!important;height:42px!important;border-radius:14px!important;font-size:14px!important}
  [data-ui="session-start"]>b{width:34px!important;height:34px!important;border-radius:12px!important;font-size:18px!important}
  [data-ui="session-start"] strong{font-size:15px!important}
  [data-ui="after-session"]>header h2{font-size:20px!important}
  [data-ui="after-session"]>header p{font-size:11px}
  [data-ui="session-today"]{display:none!important}
  [data-ui="session-summary"]{grid-template-columns:1fr!important;border-radius:24px!important}
  [data-ui="session-xp"],[data-ui="session-week"]{min-height:92px!important;padding:16px!important}
  [data-ui="session-week"]{border-left:0!important;border-top:1px solid var(--family-line)!important}
  [data-ui="session-week"] i{width:19px!important;height:19px!important}
  [data-ui="use-now"]{grid-template-columns:48px minmax(0,1fr)!important;gap:13px!important;padding:17px!important;border-radius:24px!important}
  [data-ui="use-now"]>span{width:48px!important;height:48px!important;border-radius:16px!important}
  [data-ui="use-now"] strong{font-size:14px!important}
  [data-ui="use-now"] p{font-size:11px!important}
  [data-ui="use-now"] button{grid-column:1/3!important;width:100%!important;margin-top:3px!important}
  [data-ui="home-encouragement"]{padding:18px 20px!important;border-radius:22px!important;font-size:13px!important}
}

@media (prefers-reduced-motion:reduce){
  [data-ui="session-start"],[data-ui="session-step"]{transition:none!important}
}