/* LVL V2 — premium visual pass. Clean V2 only; no legacy imports. */
:root{
  --lvl-purple:#6c2cf3;
  --lvl-purple-2:#8c4dff;
  --lvl-purple-3:#b58aff;
  --lvl-ink:#171323;
  --lvl-muted:#716b7f;
  --lvl-border:#ece7f3;
  --lvl-canvas:#f8f6fb;
  --lvl-card:#fff;
  --lvl-soft:#f2ecff;
  --lvl-shadow-sm:0 4px 14px rgba(64,45,92,.055);
  --lvl-shadow:0 10px 28px rgba(64,45,92,.075);
  --lvl-shadow-lg:0 18px 42px rgba(92,53,165,.12);
}
html{background:var(--lvl-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{background:linear-gradient(180deg,#fbfaff 0%,#f7f5fb 46%,#faf9fd 100%)!important;color:var(--lvl-ink)!important}
[data-ui="shell"]{background:transparent!important}

/* topbar */
[data-ui="topbar"]{
  height:74px!important;padding:13px 18px 9px!important;
  border-bottom:0!important;background:rgba(250,248,255,.88)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}
[data-ui="wordmark"],[data-ui="brand-name"]{
  color:var(--lvl-purple)!important;font-size:29px!important;font-weight:950!important;letter-spacing:-.075em!important;
}
[data-ui="top-actions"]{gap:8px!important}
[data-ui="icon-button"],[data-ui="avatar-button"]{
  width:40px!important;height:40px!important;border:1px solid rgba(230,223,241,.9)!important;
  background:rgba(255,255,255,.94)!important;box-shadow:var(--lvl-shadow-sm)!important;
}
[data-ui="icon-button"]{border-radius:13px!important}
[data-ui="avatar-button"]{border-radius:50%!important;background:linear-gradient(145deg,#ede4ff,#dac6ff)!important;color:#5b20db!important}

/* page frame */
[data-ui="page"]{padding-top:5px!important}
[data-ui="page-heading"]{padding:5px 0 16px!important}
[data-ui="page-heading"] h1,[data-ui="community-head"] h1,[data-ui="support-head"] h1{
  font-size:31px!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.052em!important;
}
[data-ui="page-heading"] p,[data-ui="community-head"] p,[data-ui="support-head"] p{
  margin-top:6px!important;font-size:13px!important;line-height:1.35!important;color:var(--lvl-muted)!important;
}

/* bottom nav */
[data-ui="dock"]{
  border-top:1px solid rgba(231,225,239,.92)!important;background:rgba(255,255,255,.965)!important;
  box-shadow:0 -8px 26px rgba(61,43,85,.055)!important;backdrop-filter:blur(20px) saturate(150%)!important;
}
[data-ui="dock-button"]{gap:4px!important;color:#716b7f!important;font-size:10px!important;font-weight:720!important}
[data-ui="dock-button"] svg{width:21px!important;height:21px!important;stroke-width:1.9!important}
[data-ui="dock-button"][aria-current="page"]{color:var(--lvl-purple)!important;background:transparent!important}
[data-ui="dock-button"][aria-current="page"]::after{content:"";width:16px;height:2px;border-radius:999px;background:var(--lvl-purple);margin-top:-1px}

/* universal 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"],[data-ui="mode-grid"] button,[data-ui="arena-stats"] article,[data-ui="profile-identity"],[data-ui="profile-duo"] article{
  border-color:rgba(231,225,239,.94)!important;background:rgba(255,255,255,.98)!important;box-shadow:var(--lvl-shadow)!important;
}

/* HOME hero — cleaner editorial composition */
[data-ui="home-hero"]{min-height:230px!important;padding-top:10px!important;overflow:visible!important}
[data-ui="home-copy"]{width:60%!important;padding-top:6px!important}
[data-ui="home-copy"] h1{margin:5px 0 8px!important;font-size:37px!important;line-height:.96!important;letter-spacing:-.065em!important}
[data-ui="home-copy"] h1 b{color:var(--lvl-purple)!important}
[data-ui="home-copy"] p{font-size:14px!important;line-height:1.35!important;color:#5e586b!important}
[data-ui="home-copy"] blockquote{
  width:176px!important;margin-top:18px!important;padding:10px 12px!important;border:1px solid rgba(235,229,244,.8)!important;
  background:rgba(255,255,255,.82)!important;box-shadow:var(--lvl-shadow-sm)!important;color:#625b70!important;
}
/* books become a designed stack instead of raw text */
[data-ui="book-hero"]{right:-1px!important;bottom:9px!important;width:166px!important;height:190px!important;filter:drop-shadow(0 16px 18px rgba(72,42,130,.15))!important}
[data-ui="book-hero"]>span{font-size:0!important;height:34px!important;border-radius:8px 13px 13px 8px!important;overflow:hidden!important}
[data-ui="book-hero"]>span::before{content:"LVL";font-size:8px;font-weight:900;letter-spacing:.16em;opacity:.9}
[data-ui="book-hero"]>span::after{content:"";position:absolute;right:10px;top:9px;width:34px;height:15px;border-radius:999px;background:rgba(255,255,255,.18)}
[data-ui="book-hero"]>span:nth-of-type(1){transform:rotate(-4deg)!important}
[data-ui="book-hero"]>span:nth-of-type(2){transform:rotate(2deg)!important}
[data-ui="book-hero"]>span:nth-of-type(3){transform:rotate(-2deg)!important}
[data-ui="book-hero"]>span:nth-of-type(4){transform:rotate(3deg)!important}
[data-ui="book-hero"]>i{width:5px!important;height:42px!important;top:-2px!important;background:linear-gradient(#8f5aff,#5d25d4)!important}

[data-block="continue"]{padding:15px!important;border-radius:17px!important;margin-bottom:11px!important}
[data-block="continue"] h2{margin-bottom:12px!important;font-size:15px!important;letter-spacing:-.02em!important}
[data-ui="continue-row"]{grid-template-columns:46px 1fr 28px 42px!important;gap:9px!important}
[data-ui="continue-row"] strong{font-size:12px!important;font-weight:850!important}
[data-ui="continue-row"] small{font-size:10px!important;color:var(--lvl-muted)!important}
[data-ui="play-button"]{border-radius:12px!important;box-shadow:0 8px 18px rgba(108,44,243,.22)!important}

[data-ui="home-shortcuts"]{gap:8px!important;margin:11px 0!important}
[data-ui="home-shortcuts"] button{min-height:76px!important;border-radius:15px!important;box-shadow:var(--lvl-shadow-sm)!important;font-weight:760!important}
[data-ui="home-shortcuts"] b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#f0e8ff,#fbf9ff);font-size:18px!important}
[data-block="streak"]{padding:15px!important;border-radius:17px!important}
[data-ui="streak-title"]>b{font-size:25px!important}
[data-ui="streak-title"] strong{font-size:17px!important}
[data-ui="week-line"] i{width:22px!important;height:22px!important;border:1px solid #eee9f5!important;background:#f8f6fb!important}
[data-ui="week-line"] span[data-active="true"] i{border-color:#e7d8ff!important;background:#f0e6ff!important;color:var(--lvl-purple)!important}
[data-ui="home-banner"]{min-height:78px!important;border-radius:17px!important;background:linear-gradient(115deg,#fff 0%,#f4edff 52%,#e6d6ff 100%)!important;box-shadow:var(--lvl-shadow)!important}

/* COURSES */
[data-ui="search"]{height:47px!important;border-radius:14px!important;box-shadow:var(--lvl-shadow-sm)!important}
[data-ui="chips"]{gap:7px!important}
[data-ui="chip"]{height:34px!important;border-radius:11px!important;font-size:10px!important}
[data-ui="catalog-section"]{padding-top:10px!important}
[data-ui="catalog-head"] h2{font-size:17px!important;font-weight:920!important}
[data-ui="catalog-grid"]{gap:8px!important}
[data-ui="catalog-card"]{min-height:139px!important;border-radius:16px!important;padding:14px 8px 10px!important;transition:transform .16s ease,box-shadow .16s ease!important}
[data-ui="catalog-card"]:active{transform:scale(.985)!important;box-shadow:var(--lvl-shadow-sm)!important}
[data-ui="catalog-card"] [data-ui="flag-large"]{font-size:32px!important;filter:saturate(.95)}
[data-ui="catalog-card"]>strong{font-size:10.5px!important;line-height:1.23!important}
[data-ui="catalog-card"]>small{font-size:8.5px!important}

/* ARENA */
[data-ui="arena-hero"]{min-height:174px!important;border-radius:18px!important;padding:19px 17px!important;background:radial-gradient(circle at 82% 22%,rgba(196,144,255,.78) 0 13%,transparent 34%),linear-gradient(135deg,#6d2ce8 0%,#8c44f6 58%,#6b24df 100%)!important;box-shadow:0 16px 34px rgba(103,42,219,.22)!important}
[data-ui="arena-hero"] h2{font-size:22px!important;letter-spacing:-.04em!important}
[data-ui="arena-hero"] p{font-size:10.5px!important;color:rgba(255,255,255,.84)!important}
[data-ui="arena-hero"] button{height:36px!important;border-radius:10px!important;padding:0 14px!important;box-shadow:0 6px 16px rgba(48,14,99,.14)!important}
[data-ui="arena-art"]{font-size:62px!important;filter:drop-shadow(0 10px 12px rgba(57,20,112,.24))}
[data-ui="arena-stats"]{gap:8px!important;margin:11px 0 12px!important}
[data-ui="arena-stats"] article{min-height:98px!important;border-radius:16px!important}
[data-ui="arena-stats"] b{font-size:21px!important}
[data-ui="arena-stats"] strong{font-size:18px!important}
[data-ui="arena-stats"] small{font-size:8.5px!important}
[data-ui="mode-grid"] button{min-height:80px!important;border-radius:16px!important;padding:10px 12px!important}
[data-ui="mode-grid"]>button>b{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f2ebff;font-size:21px!important}
[data-ui="mode-grid"] span strong{font-size:13px!important}
[data-ui="mode-grid"] span em{font-size:8.8px!important}
[data-ui="challenge-row"]{border-radius:15px!important;box-shadow:var(--lvl-shadow-sm)!important}

/* COMMUNITY */
[data-ui="community-head"]{min-height:112px!important}
[data-ui="community-art"]{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#efe6ff,#fbf9ff);box-shadow:var(--lvl-shadow-sm)!important;font-size:34px!important}
[data-ui="community-tabs"]{border-radius:15px!important}
[data-ui="room-list"]{gap:8px!important}
[data-ui="room-row"]{border-radius:16px!important;box-shadow:var(--lvl-shadow-sm)!important}
[data-ui="room-icon"]{background:linear-gradient(145deg,#f1eaff,#fbfaff)!important}
[data-ui="create-room"]{border-radius:15px!important;box-shadow:0 10px 22px rgba(108,44,243,.19)!important}

/* SUPPORT */
[data-ui="support-head"]{min-height:105px!important}
[data-ui="support-art"]{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#efe7ff,#fbf9ff);box-shadow:var(--lvl-shadow-sm)!important;font-size:29px!important}
[data-ui="support-tabs"]{border-radius:15px!important}
[data-ui="support-box"]{border-radius:17px!important;box-shadow:var(--lvl-shadow)!important}
[data-ui="ai-message"]{padding:11px 12px;border-radius:13px;background:#f8f5ff!important;color:#4b4558!important}
[data-ui="quick-pills"] button{background:#f5f0ff!important;border-color:#e2d7f8!important}
[data-ui="support-link"]{border-radius:15px!important;box-shadow:var(--lvl-shadow-sm)!important}

/* PROFILE */
[data-ui="profile-identity"]{border-radius:18px!important;padding:15px!important}
[data-ui="profile-avatar"]{box-shadow:inset 0 0 0 1px rgba(112,61,211,.12),0 8px 18px rgba(92,55,159,.12)!important}
[data-ui="profile-duo"]{gap:9px!important}
[data-ui="profile-duo"] article{border-radius:16px!important}
[data-ui="profile-link"]{border-radius:15px!important;box-shadow:var(--lvl-shadow-sm)!important}
[data-ui="profile-link"]>b{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#f3edff;font-size:17px!important}
[data-ui="logout"]{border-radius:14px!important}

@media(max-width:380px){
  [data-ui="home-copy"] h1{font-size:34px!important}
  [data-ui="book-hero"]{width:150px!important;transform:scale(.94);transform-origin:right bottom}
  [data-ui="catalog-grid"]{gap:7px!important}
  [data-ui="catalog-card"]{padding-left:6px!important;padding-right:6px!important}
}