/*
 * LVL design v3
 * A final, non-destructive polish layer shared by home, catalog, lessons,
 * practice, community and account screens. It intentionally sits last.
 */
:root{
  --lvl-v3-canvas:#f7f4fb;
  --lvl-v3-panel:#ffffff;
  --lvl-v3-panel-soft:#f6f1fc;
  --lvl-v3-panel-strong:#eee5fb;
  --lvl-v3-ink:#1b1428;
  --lvl-v3-muted:#6f667c;
  --lvl-v3-line:#dfd5eb;
  --lvl-v3-purple:#7338ef;
  --lvl-v3-purple-strong:#5722c4;
  --lvl-v3-purple-soft:#efe7ff;
  --lvl-v3-shadow:0 18px 48px rgba(48,28,80,.10);
  --lvl-v3-shadow-soft:0 8px 24px rgba(48,28,80,.075);
  --lvl-v3-focus:0 0 0 4px rgba(115,56,239,.20);
}

html[data-theme="dark"]{
  --lvl-v3-canvas:#160f20;
  --lvl-v3-panel:#241831;
  --lvl-v3-panel-soft:#2c1d3d;
  --lvl-v3-panel-strong:#39264d;
  --lvl-v3-ink:#fcf9ff;
  --lvl-v3-muted:#c4b8d0;
  --lvl-v3-line:#49345d;
  --lvl-v3-purple:#a172ff;
  --lvl-v3-purple-strong:#bd98ff;
  --lvl-v3-purple-soft:#3b2850;
  --lvl-v3-shadow:0 20px 52px rgba(4,2,8,.34);
  --lvl-v3-shadow-soft:0 9px 26px rgba(4,2,8,.24);
  --lvl-v3-focus:0 0 0 4px rgba(174,126,255,.26);
}

/* Layer 1: global legibility and interaction quality. */
html{scroll-behavior:smooth}
body{color:var(--lvl-v3-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:0!important;
  box-shadow:var(--lvl-v3-focus)!important;
}
[data-ui="page"]{color:var(--lvl-v3-ink)}
[data-ui="eyebrow"]{font-size:10px!important;line-height:1.2!important;letter-spacing:.13em!important}
[data-ui="page-heading"] p,[data-ui="subpage-head"] p{max-width:62ch;color:var(--lvl-v3-muted)!important;font-size:14px!important;line-height:1.55!important}
[data-ui="section-title"] h2{font-size:25px!important;letter-spacing:-.035em!important}
[data-ui="section-title"] p,[data-ui="section-hint"],[data-ui="copy"]{color:var(--lvl-v3-muted)!important;font-size:12px!important;line-height:1.5!important}
[data-ui="icon-button"],[data-ui="avatar-button"]{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
[data-ui="icon-button"]:hover,[data-ui="avatar-button"]:hover{transform:translateY(-2px);border-color:#cbb6ed!important;box-shadow:var(--lvl-v3-shadow-soft)!important}

/* Layer 2: shared card language. */
[data-ui="language-program-card"],
[data-ui="course-list-card"],
[data-ui="course-row"],
[data-ui="course-detail-module"],
[data-ui="level-panel"],
[data-ui="profile-link"],
[data-ui="room-row"],
[data-ui="friend-row"],
[data-ui="request-row"],
[data-ui="discovery-card"],
[data-ui="settings-card"],
[data-ui="security-list"],
[data-ui="security-overview"],
[data-ui="support-chat"],
[data-ui="human-support"],
[data-ui="billing-card"],
[data-ui="stats-calendar"],
[data-ui="public-profile-card"],
[data-ui="life-situations"]{
  background:var(--lvl-v3-panel)!important;
  border-color:var(--lvl-v3-line)!important;
  box-shadow:var(--lvl-v3-shadow-soft)!important;
}
[data-ui="primary-wide"],[data-ui="session-start"]{
  min-height:52px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,var(--lvl-v3-purple-strong),#7e3cff)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 13px 30px rgba(87,34,196,.22)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
[data-ui="primary-wide"]:hover,[data-ui="session-start"]:hover{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 17px 34px rgba(87,34,196,.28)!important}

/* Layer 3: home — one calm, readable daily plan. */
[data-ui="home-greeting"] h1{letter-spacing:-.055em!important}
[data-ui="home-greeting"] p{color:var(--lvl-v3-muted)!important;font-size:14px!important;line-height:1.5!important}
[data-ui="learning-plan"]{padding:18px!important;border-color:var(--lvl-v3-line)!important;background:var(--lvl-v3-panel-soft)!important}
[data-ui="learning-plan"]>div>small,[data-ui="time-choice"]>small{font-size:9px!important}
[data-ui="focus-options"] button{min-height:58px!important;padding:12px 14px!important;border-color:var(--lvl-v3-line)!important;background:var(--lvl-v3-panel)!important}
[data-ui="focus-options"] button strong{font-size:12px!important}
[data-ui="focus-options"] button span{font-size:10px!important}
[data-ui="focus-options"] button[aria-pressed="true"]{background:var(--lvl-v3-purple-soft)!important;border-color:var(--lvl-v3-purple)!important}
[data-ui="time-choice"] button{min-height:38px!important;padding-inline:14px!important;font-size:11px!important}
[data-ui="session-outcome"]{font-size:15px!important;line-height:1.5!important}
[data-ui="session-step"]{border-color:var(--lvl-v3-line)!important;background:var(--lvl-v3-panel)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
[data-ui="session-step"]:hover{transform:translateY(-2px);border-color:#c7afea!important;box-shadow:var(--lvl-v3-shadow-soft)!important}
[data-ui="session-step-copy"] strong{font-size:16px!important}
[data-ui="session-step-copy"] small{font-size:11px!important;line-height:1.4!important}
[data-ui="session-step"] em{font-size:10px!important}
[data-ui="use-now"] small{font-size:8px!important}
[data-ui="use-now"] strong{font-size:14px!important}
[data-ui="use-now"] p{font-size:10px!important}
[data-ui="use-now"] button{min-height:36px!important;font-size:10px!important}
[data-ui="after-session"]>p{font-size:13px!important;line-height:1.55!important}

/* Layer 4: courses and curriculum — remove dashboard noise. */
[data-view="courses"] [data-ui="course-tools"]{background:color-mix(in srgb,var(--lvl-v3-panel) 90%,transparent)!important;border-color:var(--lvl-v3-line)!important}
[data-ui="search"]{background:var(--lvl-v3-panel)!important;border-color:var(--lvl-v3-line)!important}
[data-ui="search"] input{color:var(--lvl-v3-ink)!important;font-size:13px!important}
[data-ui="chip"]{min-height:38px!important;font-size:11px!important}
[data-ui="language-program-card"] strong,[data-ui="course-list-card"] strong,[data-ui="course-row"] strong{font-size:15px!important}
[data-ui="language-program-card"] small,[data-ui="course-list-card"] small,[data-ui="course-row"] small{font-size:11px!important;line-height:1.4!important}
[data-ui="program-hero"] p,[data-ui="level-summary"] p,[data-ui="course-detail-module"] small{font-size:12px!important;line-height:1.5!important}
[data-ui="level-lesson-list"] button strong,[data-ui="course-detail-lesson"] strong{font-size:13px!important}
[data-ui="level-lesson-list"] button small,[data-ui="course-detail-lesson"] small{font-size:10px!important}

/* Layer 5: practice — choices by real-world intention. */
[data-ui="arena-hero"] p{font-size:14px!important;line-height:1.5!important}
[data-ui="arena-stats"] small{font-size:11px!important}
[data-ui="arena-stats"] strong{font-size:23px!important}
[data-ui="training-focus"] small{font-size:9px!important}
[data-ui="training-focus"] strong{font-size:17px!important}
[data-ui="training-focus"] p{font-size:12px!important;line-height:1.45!important}
[data-ui="training-focus"] button{min-height:40px!important;font-size:11px!important}
[data-ui="arena-cards"] button{border-color:var(--lvl-v3-line)!important;background:var(--lvl-v3-panel)!important}
[data-ui="arena-cards"] small{font-size:10px!important}
[data-ui="arena-cards"] p{color:var(--lvl-v3-muted)!important;font-size:13px!important;line-height:1.55!important}
[data-ui="arena-cards"] em{color:var(--lvl-v3-muted)!important;font-size:10px!important}
[data-ui="life-situations"] strong{font-size:13px!important}
[data-ui="life-situations"] small{font-size:10px!important;line-height:1.4!important}
[data-ui="scenario-list"] button strong,[data-ui="radio-list"] button strong{font-size:13px!important}
[data-ui="scenario-list"] button small,[data-ui="radio-list"] button small{font-size:10px!important}
[data-ui="pronunciation-card"]>strong{line-height:1.15!important}
[data-ui="pronunciation-card"]>p{font-size:13px!important;line-height:1.55!important}

/* Layer 6: profile and settings — account tools, not a spreadsheet. */
[data-ui="profile-hero"] h1{letter-spacing:-.04em!important}
[data-ui="profile-hero"] p{font-size:12px!important}
[data-ui="profile-metrics"] small{font-size:11px!important}
[data-ui="profile-metrics"] strong{font-size:19px!important}
[data-ui="profile-link"] strong{font-size:14px!important}
[data-ui="profile-link"] small{font-size:11px!important;line-height:1.35!important}
[data-ui="logout"]{min-height:48px!important;font-size:11px!important;background:var(--lvl-v3-panel)!important}
[data-ui="preference-row"]{min-height:92px!important;padding-block:16px!important}
[data-ui="preference-row"] strong{font-size:14px!important}
[data-ui="preference-row"] small{font-size:11px!important;line-height:1.45!important}
[data-ui="setting-row"] strong,[data-ui="security-row"] strong{font-size:14px!important}
[data-ui="setting-row"] small,[data-ui="security-row"] small{font-size:11px!important;line-height:1.45!important}
[data-ui="learning-nudge"] strong{font-size:16px!important}
[data-ui="learning-nudge"] p{font-size:12px!important;line-height:1.5!important}

/* Layer 7: lesson — the content is the interface. */
[data-view="lesson"]{padding-bottom:56px!important}
[data-ui="lesson-top"] small{font-size:10px!important}
[data-ui="lesson-top"] strong{font-size:13px!important}
[data-ui="lesson-heading"]{padding-block:18px!important}
[data-ui="lesson-heading"] h1{color:var(--lvl-v3-ink)!important}
[data-ui="lesson-heading"] p{max-width:68ch;color:var(--lvl-v3-muted)!important;font-size:13px!important;line-height:1.55!important}
[data-ui="canonical-lesson-media"],
[data-ui="lesson-section"],
[data-ui="lesson-practice"],
[data-ui="lesson-comprehension"],
[data-ui="lesson-pronunciation"],
[data-ui="lesson-minigame"],
[data-ui="lesson-conversation"],
[data-ui="lesson-mastery"],
[data-ui="lesson-review"]{
  border-color:var(--lvl-v3-line)!important;
  background:var(--lvl-v3-panel)!important;
  box-shadow:var(--lvl-v3-shadow-soft)!important;
}
[data-ui="canonical-lesson-media-head"]{min-height:54px!important;padding-inline:17px!important}
[data-ui="canonical-lesson-media-head"]>span{font-size:10px!important}
[data-ui="lesson-section-head"]{padding-top:25px!important}
[data-ui="lesson-section-head"] small{font-size:9px!important}
[data-ui="lesson-section-head"] h2{font-size:25px!important}
[data-ui="lesson-section-head"] p{font-size:12px!important;line-height:1.5!important}
[data-native-video-visual]{font-size:16px!important;line-height:1.55!important}
[data-ui="native-video-controls"] button{font-size:13px!important}

/* Dark mode parity: no light cards or washed-out controls. */
html[data-theme="dark"] body{background:#160f20!important}
html[data-theme="dark"] [data-ui="topbar"]{background:color-mix(in srgb,var(--lvl-v3-canvas) 92%,transparent)!important}
html[data-theme="dark"] [data-ui="dock"]{background:color-mix(in srgb,var(--lvl-v3-panel) 94%,transparent)!important;border-color:var(--lvl-v3-line)!important}
html[data-theme="dark"] [data-ui="page-heading"] h1,
html[data-theme="dark"] [data-ui="subpage-head"] h1,
html[data-theme="dark"] [data-ui="section-title"] h2,
html[data-theme="dark"] [data-ui="lesson-heading"] h1{color:var(--lvl-v3-ink)!important}
html[data-theme="dark"] [data-ui="learning-plan"],
html[data-theme="dark"] [data-ui="training-focus"],
html[data-theme="dark"] [data-ui="session-step"],
html[data-theme="dark"] [data-ui="search"]{background:var(--lvl-v3-panel-soft)!important;border-color:var(--lvl-v3-line)!important}
html[data-theme="dark"] [data-ui="focus-options"] button{background:var(--lvl-v3-panel)!important;border-color:var(--lvl-v3-line)!important}
html[data-theme="dark"] [data-ui="focus-options"] button[aria-pressed="true"]{background:var(--lvl-v3-purple-soft)!important;border-color:var(--lvl-v3-purple)!important}
html[data-theme="dark"] [data-ui="course-tools"]{background:color-mix(in srgb,var(--lvl-v3-panel) 88%,transparent)!important}
html[data-theme="dark"] [data-ui="logout"]{color:#ff9ead!important}
html[data-theme="dark"] [data-ui="profile-link"]>span,
html[data-theme="dark"] [data-ui="arena-cards"] button>span,
html[data-theme="dark"] [data-ui="life-situations"] button>span{
  background:var(--lvl-v3-panel-strong)!important;
  color:var(--lvl-v3-purple)!important;
}

@media (min-width:1024px){
  :root{--desktop-page:min(1180px,calc(100vw - var(--desktop-rail) - 104px))}
  [data-ui="page"]{padding-bottom:72px!important}
  [data-ui="page-heading"] h1{font-size:50px!important}
  [data-ui="subpage-head"] h1{font-size:43px!important;letter-spacing:-.05em!important}
  [data-ui="dock-button"]{min-height:56px!important;font-size:14px!important}
  [data-ui="dock-button"] [data-ui="icon"]{width:22px!important;height:22px!important}
  [data-ui="study-session"]{padding:34px!important}
  [data-ui="session-heading"] h2{font-size:62px!important}
  [data-ui="session-steps"]{gap:14px!important}
  [data-ui="session-step"]{min-height:190px!important;padding:20px!important}
  [data-view="courses"]>[data-ui="current-course"]{min-height:184px!important}
  [data-view="courses"] [data-ui="chips"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}
  [data-view="courses"] [data-ui="chip"]{width:100%!important;padding-inline:10px!important}
  [data-ui="language-program-card"]{min-height:142px!important;padding:20px!important}
  [data-ui="arena-cards"] button{min-height:292px!important;padding:29px!important}
  [data-ui="profile-link"]{min-height:100px!important;padding:18px!important}
  [data-view="lesson"]{max-width:1040px!important}
  [data-view="lesson"]>[data-ui="lesson-top"],[data-view="lesson"]>[data-ui="lesson-heading"]{max-width:1040px!important}
  [data-ui="native-video-stage"]{min-height:470px!important}
}

@media (max-width:1023px){
  [data-ui="eyebrow"]{font-size:9px!important}
  [data-ui="page-heading"] p,[data-ui="subpage-head"] p{font-size:13px!important}
  [data-ui="section-title"] h2{font-size:22px!important}
  [data-ui="section-title"] p,[data-ui="section-hint"],[data-ui="copy"]{font-size:11px!important}
  [data-ui="home-greeting"] p{font-size:12px!important}
  [data-ui="learning-plan"]{padding:15px!important}
  [data-ui="focus-options"] button{padding:11px!important}
  [data-ui="focus-options"] button strong{font-size:11px!important}
  [data-ui="focus-options"] button span{font-size:9px!important}
  [data-ui="session-outcome"]{font-size:13px!important}
  [data-ui="session-step-copy"] strong{font-size:14px!important}
  [data-ui="session-step-copy"] small{font-size:10px!important}
  [data-ui="arena-cards"] p{font-size:11px!important}
  [data-ui="arena-cards"] em{font-size:9px!important}
  [data-ui="profile-link"] strong{font-size:12px!important}
  [data-ui="profile-link"] small{font-size:9.5px!important}
  [data-ui="preference-row"] strong{font-size:13px!important}
  [data-ui="preference-row"] small{font-size:10px!important}
  [data-ui="lesson-heading"] p{font-size:12px!important}
  [data-ui="lesson-section-head"] h2{font-size:22px!important}
  [data-ui="lesson-section-head"] p{font-size:11px!important}
}

@media (max-width:520px){
  [data-ui="topbar"]{min-height:76px!important}
  [data-ui="brand-logo"]{width:96px!important;height:48px!important}
  [data-ui="home-greeting"]{padding-top:22px!important}
  [data-ui="home-greeting"] h1{font-size:34px!important;line-height:1.02!important}
  [data-ui="streak-chip"]{min-width:72px!important}
  [data-ui="learning-plan"]{gap:16px!important;border-radius:22px!important}
  [data-ui="focus-options"]{gap:8px!important}
  [data-ui="time-choice"] button{min-height:36px!important}
  [data-ui="session-heading"]{gap:16px!important}
  [data-ui="session-heading"] h2{font-size:48px!important}
  [data-ui="session-step"]{min-height:72px!important;padding:11px 10px!important}
  [data-ui="session-step-copy"] strong{font-size:13px!important}
  [data-ui="session-step-copy"] small{font-size:9.5px!important}
  [data-ui="use-now"]{grid-template-columns:42px minmax(0,1fr) auto!important}
  [data-ui="use-now"]>span{width:42px!important;height:42px!important}
  [data-ui="use-now"] strong{font-size:12px!important}
  [data-ui="use-now"] p{font-size:9px!important}
  [data-ui="arena-stats"] strong{font-size:18px!important}
  [data-ui="training-focus"]{align-items:flex-start!important}
  [data-ui="training-focus"] p{font-size:10px!important}
  [data-ui="life-situations"]>div{grid-template-columns:1fr!important}
  [data-ui="life-situations"] button{min-height:78px!important}
  [data-ui="profile-hero"] p{font-size:10px!important}
  [data-ui="profile-metrics"] small{font-size:9px!important}
  [data-ui="profile-metrics"] strong{font-size:14px!important}
  [data-ui="profile-link"]{min-height:70px!important}
  [data-ui="dock-button"]{font-size:9px!important}
  [data-ui="dock-button"] [data-ui="icon"]{width:21px!important;height:21px!important}
  [data-ui="native-video-stage"]{min-height:300px!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}