/* LVL system v2 - the 15-minute-session identity across the full product. */
:root{
  --lvl-ink:#171126;--lvl-panel:#fff;--lvl-panel-soft:#f7f2ff;--lvl-lilac:#eee5ff;--lvl-stroke:#ded3ee;
  --lvl-shadow:0 18px 44px rgba(47,27,82,.10);--lvl-shadow-soft:0 8px 22px rgba(47,27,82,.075);
  --lvl-gradient:linear-gradient(135deg,#241638 0%,#51219a 58%,#7c3cff 100%);
}
[data-ui="brand-logo"]>img{filter:drop-shadow(0 5px 10px rgba(91,38,177,.16))}
[data-view]:not([data-view="home"])[data-active="true"]{animation:lvl-view-in .28s ease both}
@keyframes lvl-view-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
[data-ui="page-heading"],[data-ui="subpage-head"]{position:relative}
[data-ui="page-heading"]::after{content:"";display:block;width:54px;height:5px;margin-top:16px;border-radius:99px;background:linear-gradient(90deg,var(--purple),#b58cff)}
[data-ui="page-heading"] h1,[data-ui="subpage-head"] h1,[data-ui="section-title"] h2{color:var(--lvl-ink)}

/* Courses */
[data-view="courses"]>[data-ui="current-course"]{position:relative;isolation:isolate;overflow:hidden;background:var(--lvl-gradient)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 24px 50px rgba(57,29,105,.22)!important}
[data-view="courses"]>[data-ui="current-course"]::after{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-74px;top:-108px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24),rgba(255,255,255,0) 68%)}
[data-view="courses"]>[data-ui="current-course"] strong{color:#fff!important}
[data-view="courses"]>[data-ui="current-course"] p,[data-view="courses"]>[data-ui="current-course"] small{color:#ded1ef!important}
[data-view="courses"] [data-ui="course-tools"]{padding:14px;border:1px solid var(--lvl-stroke);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:var(--lvl-shadow-soft);backdrop-filter:blur(14px)}
[data-view="courses"] [data-ui="search"]{box-shadow:none!important;background:var(--lvl-panel)!important}
[data-view="courses"] [data-ui="chips"]{display:flex;gap:7px;overflow:auto;scrollbar-width:none}
[data-view="courses"] [data-ui="chip"]{border-radius:999px!important;padding-inline:14px!important}
[data-view="courses"] [data-ui="course-section"]{padding:10px 0 0}
[data-ui="language-program-card"],[data-ui="course-list-card"],[data-ui="course-row"]{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fbf8ff 100%)!important;border-color:var(--lvl-stroke)!important;box-shadow:var(--lvl-shadow-soft)!important;transition:.2s ease}
[data-ui="language-program-card"]::before,[data-ui="course-list-card"]::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 5px 5px 0;background:var(--purple)}
[data-ui="language-program-card"]:hover,[data-ui="course-list-card"]:hover,[data-ui="course-row"]:hover{transform:translateY(-2px);border-color:#c7b1ef!important;box-shadow:var(--lvl-shadow)!important}

/* Program and curriculum */
[data-view="program"]>[data-ui="program-hero"],[data-view="course-detail"]>[data-ui="subpage-head"]{margin:10px 0 14px!important;padding:18px!important;border:1px solid var(--lvl-stroke)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,#f1e8ff 100%)!important;box-shadow:var(--lvl-shadow-soft)!important}
[data-ui="level-tabs"] button{border-color:var(--lvl-stroke)!important;background:var(--lvl-panel)!important}
[data-ui="level-tabs"] button[data-active="true"]{background:var(--lvl-gradient)!important;box-shadow:0 12px 26px rgba(86,43,159,.24)!important}
[data-ui="level-panel"]{background:linear-gradient(160deg,#fff 0%,#fcfaff 100%)!important;border-color:var(--lvl-stroke)!important;box-shadow:var(--lvl-shadow)!important}
[data-ui="level-summary"]>span{background:var(--lvl-gradient)!important;color:#fff!important}
[data-ui="level-lesson-list"] button,[data-ui="course-detail-lesson"]{background:var(--lvl-panel-soft)!important;border-color:transparent!important;transition:.2s ease}
[data-ui="level-lesson-list"] button:not(:disabled):hover,[data-ui="course-detail-lesson"]:not(:disabled):hover{background:var(--lvl-lilac)!important;transform:translateX(3px)}
[data-ui="course-detail-progress"]{background:var(--lvl-gradient)!important;color:#fff!important;border:0!important;box-shadow:0 18px 36px rgba(65,31,118,.20)!important}
[data-ui="course-detail-progress"] small,[data-ui="course-detail-progress"] span{color:#ded1f1!important}
[data-ui="course-detail-module"]{background:var(--lvl-panel)!important;border-color:var(--lvl-stroke)!important;box-shadow:var(--lvl-shadow-soft)!important}

/* Arena */
[data-ui="arena-hero"]{background:var(--lvl-gradient)!important;color:#fff!important;border:0!important;box-shadow:0 22px 46px rgba(62,30,116,.24)!important}
[data-ui="arena-hero"]::before{content:"";position:absolute;width:250px;height:250px;right:-80px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%)}
[data-ui="arena-hero"] [data-ui="eyebrow"],[data-ui="arena-hero"] h1{color:#fff!important}
[data-ui="arena-hero"] p{color:#d9cdec!important}
[data-ui="arena-stats"]>div{border-color:var(--lvl-stroke)!important;background:rgba(255,255,255,.82)!important;box-shadow:var(--lvl-shadow-soft)!important}
[data-ui="arena-cards"] button{position:relative;overflow:hidden;border:1px solid var(--lvl-stroke)!important;background:var(--lvl-panel)!important;box-shadow:var(--lvl-shadow-soft)!important;transition:.2s ease}
[data-ui="arena-cards"] button::after{content:"";position:absolute;right:-36px;top:-45px;width:110px;height:110px;border-radius:50%;background:var(--card-glow,#eee6ff)}
[data-ui="arena-cards"] button:nth-child(1){--card-glow:#dcebff}[data-ui="arena-cards"] button:nth-child(2){--card-glow:#ffe3d4}[data-ui="arena-cards"] button:nth-child(3){--card-glow:#e8dcff}
[data-ui="arena-cards"] button>*{position:relative;z-index:1}
[data-ui="arena-cards"] button:hover{transform:translateY(-4px);box-shadow:var(--lvl-shadow)!important}

/* Community */
[data-view="community"]>[data-ui="community-feature"]{position:relative;overflow:hidden;min-height:136px;background:var(--lvl-gradient)!important;box-shadow:0 22px 44px rgba(61,29,111,.22)!important}
[data-view="community"]>[data-ui="community-feature"]::after{content:"#";position:absolute;right:105px;top:-35px;font-size:145px;font-weight:950;color:rgba(255,255,255,.075);transform:rotate(9deg)}
[data-ui="community-tabs"]{margin-top:15px!important;padding:6px!important;border:1px solid var(--lvl-stroke)!important;border-radius:18px!important;background:rgba(255,255,255,.76)!important;box-shadow:var(--lvl-shadow-soft)!important}
[data-ui="community-tabs"] button{border-radius:13px!important}
[data-ui="community-tabs"] button[data-active="true"]{background:var(--lvl-gradient)!important;color:#fff!important}
[data-ui="room-row"],[data-ui="friend-row"],[data-ui="request-row"],[data-ui="discovery-card"]{background:var(--lvl-panel)!important;border-color:var(--lvl-stroke)!important;box-shadow:var(--lvl-shadow-soft)!important}
[data-ui="room-row"]{position:relative;overflow:hidden}
[data-ui="room-row"]::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:4px;border-radius:0 5px 5px 0;background:#27b47e}

/* Profile and settings */
[data-ui="profile-hero"]{background:var(--lvl-gradient)!important;box-shadow:0 22px 48px rgba(60,29,111,.24)!important}
[data-ui="profile-hero"]::after{content:"LVL";position:absolute;right:95px;top:-7px;font-size:82px;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.06)}
[data-ui="profile-metrics"]>div{position:relative;overflow:hidden;background:var(--lvl-panel)!important;border:1px solid var(--lvl-stroke)!important;box-shadow:var(--lvl-shadow-soft)!important}
[data-ui="profile-metrics"]>div::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--purple),#b485ff)}
[data-ui="profile-link"]{position:relative;background:var(--lvl-panel)!important;border-color:var(--lvl-stroke)!important;box-shadow:var(--lvl-shadow-soft)!important;transition:.2s ease}
[data-ui="profile-link"]>span{background:linear-gradient(145deg,#eee6ff,#f8f5ff)!important}
[data-ui="profile-link"]:hover{transform:translateY(-2px);border-color:#c8b3ed!important;box-shadow:var(--lvl-shadow)!important}
[data-ui="logout"]{background:rgba(255,255,255,.72)!important;border-color:#efd5da!important}
[data-ui="settings-card"],[data-ui="security-overview"],[data-ui="security-list"],[data-ui="billing-card"],[data-ui="support-chat"],[data-ui="human-support"],[data-ui="stats-calendar"],[data-ui="affiliate-intro"],[data-ui="public-profile-card"]{border-color:var(--lvl-stroke)!important;background:linear-gradient(155deg,#fff,#fcfaff)!important;box-shadow:var(--lvl-shadow)!important}
[data-ui="settings-card"][data-ui-group="preferences"]{padding:10px 18px!important}
[data-ui="preference-row"]{min-height:84px!important}
[data-ui="preference-row"] strong{font-size:12px!important}
[data-ui="preference-row"] small{font-size:9px!important}

/* Subpages share the same stage. */
[data-view="preferences"],[data-view="account-security"],[data-view="edit-profile"],[data-view="support"],[data-view="achievements"],[data-view="statistics"],[data-view="journey"],[data-view="certificates"],[data-view="billing"],[data-view="affiliates"],[data-view="messages"],[data-view="notifications"],[data-view="community-room"],[data-view="community-create"],[data-view="community-find"],[data-view="community-profile"],[data-view="arena-daily"],[data-view="arena-pronunciation"],[data-view="arena-radio"]{max-width:900px;margin-inline:auto}
[data-ui="subpage-head"]>button{background:var(--lvl-panel)!important;border-color:var(--lvl-stroke)!important}
[data-ui="primary-wide"]{background:var(--lvl-gradient)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(86,43,159,.20)!important}

/* Dark mode: same identity, no white islands. */
html[data-theme="dark"]{--lvl-ink:#fbf8ff;--lvl-panel:#281b39;--lvl-panel-soft:#302043;--lvl-lilac:#3b2852;--lvl-stroke:#4a355f;--lvl-shadow:0 18px 44px rgba(5,2,10,.28);--lvl-shadow-soft:0 8px 22px rgba(5,2,10,.20)}
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{color:var(--lvl-ink)!important}
html[data-theme="dark"] [data-view="courses"] [data-ui="course-tools"],html[data-theme="dark"] [data-ui="community-tabs"]{background:rgba(40,27,57,.84)!important}
html[data-theme="dark"] [data-ui="language-program-card"],html[data-theme="dark"] [data-ui="course-list-card"],html[data-theme="dark"] [data-ui="course-row"],html[data-theme="dark"] [data-ui="arena-cards"] button,html[data-theme="dark"] [data-ui="profile-link"],html[data-theme="dark"] [data-ui="room-row"],html[data-theme="dark"] [data-ui="friend-row"],html[data-theme="dark"] [data-ui="request-row"],html[data-theme="dark"] [data-ui="discovery-card"],html[data-theme="dark"] [data-ui="profile-metrics"]>div,html[data-theme="dark"] [data-ui="level-panel"],html[data-theme="dark"] [data-ui="course-detail-module"],html[data-theme="dark"] [data-ui="settings-card"],html[data-theme="dark"] [data-ui="security-overview"],html[data-theme="dark"] [data-ui="security-list"],html[data-theme="dark"] [data-ui="billing-card"],html[data-theme="dark"] [data-ui="support-chat"],html[data-theme="dark"] [data-ui="human-support"],html[data-theme="dark"] [data-ui="stats-calendar"],html[data-theme="dark"] [data-ui="affiliate-intro"],html[data-theme="dark"] [data-ui="public-profile-card"]{background:linear-gradient(155deg,#281b39,#302043)!important;border-color:var(--lvl-stroke)!important}
html[data-theme="dark"] [data-view="program"]>[data-ui="program-hero"],html[data-theme="dark"] [data-view="course-detail"]>[data-ui="subpage-head"]{background:linear-gradient(135deg,#281b39,#3a2552)!important}
html[data-theme="dark"] [data-ui="arena-stats"]>div{background:#281b39!important}
html[data-theme="dark"] [data-ui="level-lesson-list"] button,html[data-theme="dark"] [data-ui="course-detail-lesson"]{background:#302043!important}
html[data-theme="dark"] [data-view="courses"]>[data-ui="current-course"],
html[data-theme="dark"] [data-ui="arena-hero"],
html[data-theme="dark"] [data-view="community"]>[data-ui="community-feature"],
html[data-theme="dark"] [data-ui="profile-hero"]{background:var(--lvl-gradient)!important}

@media (max-width:1023px){
  [data-ui="page-heading"]{padding-top:20px!important}
  [data-view="courses"]>[data-ui="current-course"]{min-height:116px;padding:16px!important;border-radius:24px!important}
  [data-view="courses"] [data-ui="course-tools"]{margin-top:12px}
  [data-ui="language-program-card"]{min-height:94px!important;padding:14px!important;border-radius:20px!important}
  [data-view="program"]>[data-ui="program-hero"],[data-view="course-detail"]>[data-ui="subpage-head"]{margin-top:12px!important}
  [data-ui="arena-hero"]{min-height:150px!important;padding:21px!important;border-radius:27px!important}
  [data-ui="arena-cards"]{gap:12px!important}
  [data-ui="arena-cards"] button{min-height:122px!important;padding:15px!important;border-radius:22px!important}
  [data-ui="community-feature"]{border-radius:24px!important}
  [data-ui="profile-link"]{min-height:66px!important;padding:11px!important;border-radius:17px!important}
}
@media (min-width:1024px){
  [data-ui="dock"]{padding-top:108px!important}
  [data-ui="dock"]::before{content:""!important;left:24px!important;top:20px!important;width:138px!important;height:68px!important;background:url("../assets/brand/lvl-logo-official.png") left center/contain no-repeat!important;filter:drop-shadow(0 7px 12px rgba(92,42,170,.17))}
  [data-ui="dock"]::after{top:88px!important}
  [data-ui="page-heading"]{padding-top:24px!important}
  [data-ui="page-heading"] h1{font-size:48px!important;line-height:.96!important}
  [data-ui="page-heading"] p{font-size:15px!important}
  [data-view="courses"][data-active="true"]{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)!important;gap:22px 26px!important}
  [data-view="courses"]>[data-ui="current-course"]{min-height:176px!important;padding:28px!important;border-radius:30px!important}
  [data-view="courses"] [data-ui="course-tools"]{padding:18px!important;border-radius:25px!important}
  [data-ui="language-programs"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [data-ui="language-program-card"]{min-height:132px!important;border-radius:24px!important}
  [data-view="program"]>[data-ui="program-hero"],[data-view="course-detail"]>[data-ui="subpage-head"]{padding:26px!important;border-radius:30px!important}
  [data-ui="level-panel"]{padding:30px!important;border-radius:30px!important}
  [data-ui="arena-hero"]{min-height:188px!important;padding:36px 40px!important;border-radius:31px!important}
  [data-ui="arena-hero"] h1{font-size:48px!important}
  [data-ui="arena-stats"]>div{min-height:106px!important;padding:22px!important;border-radius:22px!important}
  [data-ui="arena-cards"] button{min-height:280px!important;padding:28px!important;border-radius:28px!important}
  [data-ui="arena-cards"] strong{font-size:24px!important}
  [data-ui="community-feature"]{min-height:176px!important;padding:30px!important;border-radius:30px!important}
  [data-view="community"] [data-community-panel="rooms"] [data-ui="room-list"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  [data-ui="room-row"]{min-height:108px!important;border-radius:22px!important}
  [data-ui="profile-hero"]{min-height:158px!important;padding:30px!important;border-radius:30px!important}
  [data-view="profile"][data-active="true"]{grid-template-columns:minmax(330px,.65fr) minmax(0,1.35fr)!important}
  [data-view="profile"]>[data-ui="profile-metrics"]{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;background:transparent!important;border:0!important}
  [data-view="profile"]>[data-ui="section-block"]{grid-column:2!important;grid-row:2 / span 2!important}
  [data-view="profile"]>[data-ui="logout"]{grid-column:1!important;grid-row:3!important;margin-top:0!important}
  [data-ui="profile-metrics"]>div{min-height:96px!important;padding:18px!important;border-radius:21px!important}
  [data-ui="profile-list"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
  [data-ui="profile-link"]{min-height:96px!important;padding:17px!important;border-radius:21px!important}
  [data-ui="profile-link"] strong{font-size:15px!important}
  [data-ui="profile-link"] small{font-size:11px!important}
  [data-ui="subpage-head"] h1{font-size:42px!important}
  [data-ui="settings-card"],[data-ui="security-overview"],[data-ui="security-list"],[data-ui="billing-card"],[data-ui="support-chat"]{max-width:900px!important}
}
html[data-theme="dark"] [data-ui="brand-logo"]>img,
html[data-theme="dark"] [data-ui="dock"]::before{filter:brightness(1.12) drop-shadow(0 7px 14px rgba(166,104,255,.18))}
@media (prefers-reduced-motion:reduce){[data-view]:not([data-view="home"])[data-active="true"]{animation:none}}