/* LVL V2 approved reference — visual polish only. No legacy imports. */
:root{
  --v:#6d2cff;--v2:#9a58ff;--ink:#171128;--muted:#6b647a;--line:#ebe6f3;
  --card:#fff;--canvas:#f8f6fc;--soft:#f2ebff;--shadow:0 7px 22px rgba(71,49,103,.08);
}
html,body{background:var(--canvas)!important;color:var(--ink)!important}
button{appearance:none;-webkit-appearance:none;border:0;color:inherit}

/* shell */
[data-ui="shell"]{background:linear-gradient(180deg,#fbfaff 0,#f7f4fc 60%,#faf9fe 100%)!important}
[data-ui="topbar"]{height:72px!important;padding:12px 18px!important;border-bottom:1px solid rgba(235,230,243,.8)!important}
[data-ui="wordmark"]{color:var(--v)!important;font-size:29px!important;font-weight:950!important}
[data-ui="icon-button"],[data-ui="avatar-button"]{width:40px!important;height:40px!important;background:#fff!important;border:1px solid #eee9f6!important;box-shadow:0 3px 12px rgba(71,49,103,.06)!important}
[data-ui="avatar-button"]{background:#eee5ff!important;color:var(--v)!important}
[data-ui="page"]{padding-top:10px!important}

/* headings */
[data-ui="page-heading"],[data-ui="community-head"],[data-ui="support-head"]{padding:8px 0 18px!important}
[data-ui="page-heading"] h1,[data-ui="community-head"] h1,[data-ui="support-head"] h1{font-size:32px!important;line-height:1!important;letter-spacing:-.05em!important;font-weight:950!important}
[data-ui="page-heading"] p,[data-ui="community-head"] p,[data-ui="support-head"] p{margin-top:8px!important;font-size:14px!important;color:var(--muted)!important}

/* bottom nav */
[data-ui="dock"]{background:rgba(255,255,255,.98)!important;border-top:1px solid #ece7f4!important;box-shadow:0 -8px 24px rgba(67,45,99,.06)!important}
[data-ui="dock-button"]{background:transparent!important;border:0!important;color:#666176!important;font-size:10px!important;font-weight:750!important}
[data-ui="dock-button"][aria-current="page"]{color:var(--v)!important;background:transparent!important}
[data-ui="dock-button"] svg{width:22px!important;height:22px!important}

/* common cards */
[data-ui="white-card"],[data-ui="catalog-card"],[data-ui="room-row"],[data-ui="challenge-row"],[data-ui="profile-link"],[data-ui="support-box"],[data-ui="support-link"]{
  background:#fff!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;
}

/* HOME */
[data-ui="home-hero"]{min-height:220px!important}
[data-ui="home-copy"] h1{font-size:36px!important}
[data-ui="home-copy"] p{font-size:15px!important}
[data-block="continue"]{border-radius:16px!important;padding:14px!important}
[data-ui="home-shortcuts"] button{border:1px solid var(--line)!important;background:#fff!important;border-radius:14px!important;box-shadow:var(--shadow)!important}
[data-block="streak"]{border-radius:16px!important}
[data-ui="home-banner"]{border-radius:16px!important}

/* COURSES */
[data-ui="search"]{height:48px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 4px 16px rgba(71,49,103,.06)!important}
[data-ui="chips"]{gap:8px!important;padding-bottom:12px!important}
[data-ui="chip"]{height:36px!important;padding:0 15px!important;border-radius:12px!important;border:1px solid var(--line)!important;background:#fff!important;color:#5e586c!important;font-size:11px!important;font-weight:800!important;box-shadow:0 2px 8px rgba(71,49,103,.04)!important}
[data-ui="chip"][data-active="true"]{background:linear-gradient(135deg,var(--v),var(--v2))!important;border-color:transparent!important;color:#fff!important}
[data-ui="catalog-section"]{padding:13px 0 7px!important}
[data-ui="catalog-head"]{margin-bottom:11px!important}
[data-ui="catalog-head"] h2{font-size:19px!important;letter-spacing:-.03em!important}
[data-ui="catalog-head"] button{appearance:none!important;border:0!important;background:transparent!important;color:var(--v)!important;font-size:10px!important;font-weight:800!important;padding:5px!important}
[data-ui="catalog-grid"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
[data-ui="catalog-card"]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;min-height:142px!important;padding:14px 8px 10px!important;border-radius:15px!important;text-align:center!important;overflow:hidden!important}
[data-ui="catalog-card"] [data-ui="flag-large"]{display:block!important;font-size:34px!important;line-height:1!important;margin-bottom:8px!important}
[data-ui="catalog-card"]>strong{display:block!important;width:100%!important;min-height:30px!important;font-size:11px!important;line-height:1.22!important;font-weight:900!important;white-space:normal!important;overflow-wrap:anywhere!important}
[data-ui="catalog-card"]>small{display:block!important;margin:4px 0 9px!important;color:var(--muted)!important;font-size:9px!important}
[data-ui="catalog-card"] [data-ui="mini-progress"]{display:block!important;width:100%!important;height:5px!important;margin-top:auto!important;background:#ece7f3!important;border-radius:999px!important;overflow:hidden!important}
[data-ui="catalog-card"] [data-ui="mini-progress"] i{display:block!important;height:100%!important;background:linear-gradient(90deg,var(--v),#b068ff)!important}
[data-ui="catalog-card"]>em{align-self:flex-end!important;margin-top:4px!important;color:#777080!important;font-size:8px!important;font-style:normal!important}

/* ARENA */
[data-ui="arena-hero"]{border-radius:17px!important;padding:19px 17px!important;box-shadow:0 10px 24px rgba(106,44,235,.20)!important}
[data-ui="arena-hero"] button{border:0!important;background:#fff!important;color:var(--v)!important;border-radius:10px!important;font-weight:850!important}
[data-ui="arena-stats"]{gap:8px!important}
[data-ui="arena-stats"] article{border:1px solid var(--line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--shadow)!important}
[data-ui="mode-grid"]{gap:9px!important}
[data-ui="mode-grid"] button{border:1px solid var(--line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--shadow)!important;color:var(--ink)!important}
[data-ui="challenge-list"]{display:grid!important;gap:8px!important}
[data-ui="challenge-row"]{min-height:69px!important;padding:10px 12px!important;border-radius:14px!important;display:grid!important;grid-template-columns:42px 1fr 26px!important;align-items:center!important;gap:10px!important;text-align:left!important}
[data-ui="challenge-flag"]{font-size:27px!important}
[data-ui="challenge-row"] strong{display:block!important;font-size:12px!important}
[data-ui="challenge-row"] small{display:block!important;margin-top:3px!important;color:var(--muted)!important;font-size:9px!important}
[data-ui="challenge-row"] small b{color:var(--v)!important}
[data-ui="challenge-row"] i{font-style:normal!important;color:var(--v)!important}

/* COMMUNITY */
[data-ui="community-head"]{display:flex!important;align-items:center!important;justify-content:space-between!important}
[data-ui="community-art"]{font-size:43px!important}
[data-ui="community-tabs"]{display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:4px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 12px rgba(71,49,103,.05)!important;margin-bottom:10px!important}
[data-ui="community-tabs"] button{height:39px!important;background:transparent!important;border:0!important;border-radius:10px!important;color:#665f72!important;font-size:11px!important;font-weight:800!important}
[data-ui="community-tabs"] button[data-active="true"]{background:linear-gradient(135deg,var(--v),var(--v2))!important;color:#fff!important}
[data-ui="room-list"]{display:grid!important;gap:8px!important}
[data-ui="room-row"]{min-height:70px!important;padding:10px 12px!important;border-radius:15px!important;display:grid!important;grid-template-columns:44px 1fr auto 22px!important;align-items:center!important;gap:10px!important;text-align:left!important}
[data-ui="room-icon"]{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#f5f1ff!important;font-size:23px!important}
[data-ui="room-row"] strong{display:block!important;font-size:12px!important}
[data-ui="room-row"] small{display:flex!important;align-items:center!important;gap:5px!important;margin-top:4px!important;color:var(--muted)!important;font-size:9px!important}
[data-ui="room-row"] small i{width:6px!important;height:6px!important;border-radius:50%!important;background:#43c56b!important}
[data-ui="room-row"] em{padding:4px 6px!important;border-radius:6px!important;background:#eee6ff!important;color:var(--v)!important;font-size:7px!important;font-weight:900!important;font-style:normal!important}
[data-ui="create-room"]{width:100%!important;height:48px!important;margin-top:12px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--v),var(--v2))!important;color:#fff!important;font-weight:900!important;font-size:12px!important;box-shadow:0 8px 18px rgba(109,44,255,.20)!important}

/* SUPPORT */
[data-ui="support-head"]{display:flex!important;align-items:center!important;justify-content:space-between!important}
[data-ui="support-art"]{font-size:37px!important}
[data-ui="support-tabs"]{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;padding:4px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 12px rgba(71,49,103,.05)!important}
[data-ui="support-tab"]{height:40px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#635d6f!important;font-size:11px!important;font-weight:850!important}
[data-ui="support-tab"][data-active="true"]{background:linear-gradient(135deg,var(--v),var(--v2))!important;color:#fff!important}
[data-ui="support-box"]{margin-top:11px!important;padding:16px!important;border-radius:16px!important}
[data-ui="ai-title"]{display:flex!important;align-items:center!important;gap:8px!important}
[data-ui="ai-title"]>b{font-size:21px!important}
[data-ui="ai-title"] strong{font-size:14px!important}
[data-ui="ai-title"] small{margin-left:5px!important;color:#5f9a68!important;font-size:9px!important;font-weight:700!important}
[data-ui="ai-message"]{margin:12px 0!important;font-size:12px!important;line-height:1.45!important;color:#312c3d!important}
[data-ui="quick-pills"]{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
[data-ui="quick-pills"] button{appearance:none!important;border:1px solid #dfd4f7!important;background:#f7f3ff!important;color:#5c2ab8!important;border-radius:999px!important;padding:7px 10px!important;font-size:9px!important;font-weight:800!important;line-height:1!important}
[data-ui="support-composer"]{display:grid!important;grid-template-columns:1fr 44px!important;gap:8px!important;margin-top:13px!important}
[data-ui="support-composer"] input{width:100%!important;height:44px!important;padding:0 13px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fbfaff!important;outline:none!important;color:var(--ink)!important;font-size:11px!important}
[data-ui="support-composer"] button{width:44px!important;height:44px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--v),var(--v2))!important;color:#fff!important;font-size:16px!important}
[data-ui="links-section"]{padding:18px 0 4px!important}
[data-ui="links-section"] h2{margin:0 0 9px!important;font-size:19px!important}
[data-ui="support-link"]{width:100%!important;min-height:65px!important;padding:9px 11px!important;border-radius:14px!important;display:grid!important;grid-template-columns:39px 1fr 20px!important;align-items:center!important;gap:10px!important;text-align:left!important;margin-bottom:8px!important}
[data-ui="support-link"]>b{font-size:21px!important}
[data-ui="support-link"] strong{display:block!important;font-size:11px!important}
[data-ui="support-link"] small{display:block!important;margin-top:3px!important;color:var(--muted)!important;font-size:9px!important}
[data-ui="support-link"] i{font-style:normal!important;color:var(--v)!important;font-size:20px!important}

/* PROFILE */
[data-ui="profile-identity"]{display:flex!important;align-items:center!important;gap:14px!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--shadow)!important}
[data-ui="profile-avatar"]{width:68px!important;height:68px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#ede4ff,#d8c2ff)!important;color:var(--v)!important;font-size:27px!important;font-weight:950!important;position:relative!important}
[data-ui="profile-avatar"] i{position:absolute!important;right:-1px!important;bottom:0!important;width:23px!important;height:23px!important;border-radius:50%!important;background:var(--v)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:10px!important;font-style:normal!important}
[data-ui="profile-identity"] h2{margin:0!important;font-size:18px!important}
[data-ui="profile-identity"] p{margin:3px 0!important;color:var(--muted)!important;font-size:10px!important}
[data-ui="profile-identity"] span{display:inline-block!important;padding:4px 8px!important;border-radius:999px!important;background:#f0e8ff!important;color:var(--v)!important;font-size:8px!important;font-weight:850!important}
[data-ui="profile-duo"]{display:grid!important;grid-template-columns:1.45fr 1fr!important;gap:8px!important;margin:10px 0!important}
[data-ui="profile-duo"] article{min-height:122px!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--shadow)!important}
[data-ui="profile-duo"] small{color:var(--muted)!important;font-size:9px!important}
[data-ui="profile-duo"] strong{display:block!important;margin:5px 0 2px!important;font-size:17px!important}
[data-ui="profile-duo"] em{font-size:9px!important;color:#6d6579!important;font-style:normal!important}
[data-ui="profile-duo"] p{margin:4px 0 0!important;color:var(--muted)!important;font-size:8px!important}
[data-ui="profile-duo"] button{margin-top:15px!important;padding:7px 10px!important;border-radius:9px!important;background:#f0e9ff!important;color:var(--v)!important;font-size:9px!important;font-weight:800!important}
[data-ui="profile-links"]{display:grid!important;gap:8px!important}
[data-ui="profile-link"]{min-height:65px!important;padding:9px 11px!important;border-radius:14px!important;display:grid!important;grid-template-columns:39px 1fr 22px!important;align-items:center!important;gap:10px!important;text-align:left!important}
[data-ui="profile-link"]>b{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#f2ebff!important;font-size:17px!important}
[data-ui="profile-link"] strong{display:block!important;font-size:11px!important}
[data-ui="profile-link"] small{display:block!important;margin-top:3px!important;color:var(--muted)!important;font-size:9px!important}
[data-ui="profile-link"] i{font-style:normal!important;color:var(--v)!important;font-size:20px!important}
[data-ui="logout"]{width:100%!important;height:44px!important;margin:12px 0 6px!important;border:1px solid #f0dce3!important;border-radius:13px!important;background:#fff6f8!important;color:#c43d5a!important;font-size:11px!important;font-weight:850!important}

@media(max-width:390px){
  [data-ui="catalog-grid"]{gap:7px!important}
  [data-ui="catalog-card"]{padding-left:6px!important;padding-right:6px!important}
  [data-ui="room-row"]{grid-template-columns:40px 1fr auto 18px!important}
}