/* LVL Studio 1700 — global editorial product system */
:root,
html.lvl-theme-light-1199bi {
  --lvl-color-canvas: #f7f4ee;
  --lvl-color-canvas-soft: #f0ece5;
  --lvl-color-surface: #fffdf9;
  --lvl-color-surface-raised: #ffffff;
  --lvl-color-surface-soft: #eee8fb;
  --lvl-color-surface-accent: #f0e9ff;
  --lvl-color-text: #242039;
  --lvl-color-text-strong: #111024;
  --lvl-color-text-muted: #67627a;
  --lvl-color-text-subtle: #8a8498;
  --lvl-color-border: #dcd6cc;
  --lvl-color-border-strong: #c9c1b6;
  --lvl-color-accent: #6b35e8;
  --lvl-color-accent-strong: #4f22bd;
  --lvl-color-accent-soft: #eee7ff;
  --lvl-color-blue: #4169d8;
  --lvl-shadow-surface: 0 14px 38px rgba(36, 24, 66, .07);
  --lvl-studio-display: "Manrope", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lvl-studio-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lvl-studio-radius: 18px;
  --lvl-studio-radius-sm: 12px;
  color-scheme: light;
}

html.lvl-theme-dark-1199bi {
  --lvl-color-canvas: #0b0b12;
  --lvl-color-canvas-soft: #101019;
  --lvl-color-surface: #12121c;
  --lvl-color-surface-raised: #171722;
  --lvl-color-surface-soft: #1d1a2b;
  --lvl-color-surface-accent: #211936;
  --lvl-color-text: #e9e7ef;
  --lvl-color-text-strong: #ffffff;
  --lvl-color-text-muted: #aaa5b8;
  --lvl-color-text-subtle: #817c90;
  --lvl-color-border: #2d2b38;
  --lvl-color-border-strong: #403c4e;
  --lvl-color-accent: #9a6aff;
  --lvl-color-accent-strong: #b696ff;
  --lvl-color-accent-soft: rgba(154, 106, 255, .13);
  --lvl-shadow-surface: 0 18px 42px rgba(0, 0, 0, .22);
  color-scheme: dark;
}

html.lvl-studio-1700 body {
  font-family: var(--lvl-studio-body) !important;
  letter-spacing: -.012em;
  background: var(--lvl-color-canvas) !important;
}

html.lvl-studio-1700 body::before {
  display: none !important;
}

html.lvl-studio-1700 :where(h1, h2, h3, h4, strong, .btn) {
  font-family: var(--lvl-studio-display) !important;
  letter-spacing: -.035em;
}

html.lvl-studio-1700 :where(.main-content, .view) {
  background: transparent !important;
}

html.lvl-studio-1700 .main-content {
  width: min(100%, 1080px) !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 4vw, 54px) !important;
}

html.lvl-studio-1700 .view {
  padding-bottom: 116px !important;
}

html.lvl-studio-1700 .eyebrow {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
  color: var(--lvl-color-accent) !important;
}

html.lvl-studio-1700 :where(.panel, .home-kpi-card, .course-card, .catalog-hero, .profile-hero-v16,
  .profile-form-panel, .profile-badges-panel-1342, .community-n-section, .support-card,
  .arena-card, .lvl-home-continue, .lvl-home-unlock-1322) {
  border: 0 !important;
  border-radius: var(--lvl-studio-radius) !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.lvl-studio-1700 :where(button, .btn, [role="button"]) {
  font-family: var(--lvl-studio-body) !important;
}

html.lvl-studio-1700 .btn.primary,
html.lvl-studio-1700 .lvl-home-primary {
  min-height: 48px !important;
  border: 1px solid var(--lvl-color-accent) !important;
  border-radius: 14px !important;
  background: var(--lvl-color-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}

html.lvl-studio-1700 .btn.ghost,
html.lvl-studio-1700 .text-btn {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--lvl-color-accent) !important;
  box-shadow: none !important;
}

html.lvl-studio-1700 :where(input, select, textarea) {
  min-height: 48px !important;
  border: 1px solid var(--lvl-color-border) !important;
  border-radius: 12px !important;
  background: var(--lvl-color-surface) !important;
  box-shadow: none !important;
}

/* Shell */
html.lvl-studio-1700 .sidebar,
html.lvl-studio-1700 .sidebar-scrim {
  display: none !important;
}

html.lvl-studio-1700 .topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 80 !important;
  min-height: 82px !important;
  padding: 16px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--lvl-color-border) 72%, transparent) !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, var(--lvl-color-canvas) 92%, transparent) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

html.lvl-studio-1700 .topbar::before {
  content: "LVL";
  display: inline-flex;
  align-items: center;
  margin-right: auto;
  font-family: var(--lvl-studio-display);
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -.055em;
  color: var(--lvl-color-text-strong);
}

html.lvl-studio-1700 #pageTitle,
html.lvl-studio-1700 #menuBtn,
html.lvl-studio-1700 .xp-pill,
html.lvl-studio-1700 #topUserName,
html.lvl-studio-1700 .user-pill > b {
  display: none !important;
}

html.lvl-studio-1700 .top-actions {
  gap: 10px !important;
  margin-left: auto !important;
}

html.lvl-studio-1700 :where(.icon-btn, .notification-btn, .user-pill, .lvl-messages-button-1630) {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border: 1px solid var(--lvl-color-border) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--lvl-color-text-strong) !important;
  box-shadow: none !important;
}

html.lvl-studio-1700 #topUserAvatar {
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center;
  border-radius: 50%;
  background: var(--lvl-color-accent-soft) !important;
  color: var(--lvl-color-accent) !important;
  font-weight: 900;
}

html.lvl-studio-1700 .bottom-nav {
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 100 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  width: 100% !important;
  min-height: 78px !important;
  padding: 9px max(10px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  border: 0 !important;
  border-top: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, var(--lvl-color-surface) 94%, transparent) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px);
}

html.lvl-studio-1700 .bottom-nav :where(button, a, [data-view]) {
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 5px 2px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--lvl-color-text-muted) !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html.lvl-studio-1700 .bottom-nav :where(button, a, [data-view]).active,
html.lvl-studio-1700 .bottom-nav :where(button, a, [data-view])[aria-current="page"] {
  background: transparent !important;
  color: var(--lvl-color-accent) !important;
}

html.lvl-studio-1700 .bottom-nav :where(svg, img) {
  width: 23px !important;
  height: 23px !important;
}

/* Home — one editorial learning flow */
html.lvl-studio-1700 #view-home {
  max-width: 900px;
  margin-inline: auto;
}

html.lvl-studio-1700 #view-home .lvl-home-hero,
html.lvl-studio-1700 #view-home .home-welcome {
  min-height: 0 !important;
  margin: 22px 0 0 !important;
  padding: 34px 0 28px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.lvl-studio-1700 #view-home .lvl-home-hero-copy {
  max-width: 640px !important;
}

html.lvl-studio-1700 #view-home .lvl-home-greeting,
html.lvl-studio-1700 #view-home #heroGreeting {
  margin: 8px 0 8px !important;
  font-size: clamp(38px, 8vw, 68px) !important;
  line-height: .98 !important;
  text-transform: none !important;
}

html.lvl-studio-1700 #view-home .lvl-home-hero-copy > p {
  max-width: 520px;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

html.lvl-studio-1700 #view-home .lvl-home-brand-visual,
html.lvl-studio-1700 #view-home .home-quick-badge {
  display: none !important;
}

html.lvl-studio-1700 #view-home .lvl-home-continue {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: 16px !important;
  align-items: center !important;
  margin: 28px 0 !important;
  padding: 20px 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
}

html.lvl-studio-1700 #view-home .lvl-home-continue > div strong {
  display: block;
  font-size: 22px !important;
}

html.lvl-studio-1700 #view-home .lvl-home-continue > div small {
  display: block;
  margin-top: 5px;
  font-size: 13px !important;
}

html.lvl-studio-1700 #view-home .lvl-home-icon {
  display: grid !important;
  width: 50px !important;
  height: 50px !important;
  place-items: center;
  border-radius: 14px !important;
  background: var(--lvl-color-accent-soft) !important;
  color: var(--lvl-color-accent) !important;
}

html.lvl-studio-1700 #view-home .section-head {
  margin: 36px 0 16px !important;
  padding: 0 !important;
}

html.lvl-studio-1700 #view-home .section-head h3 {
  font-size: clamp(27px, 5vw, 38px) !important;
}

html.lvl-studio-1700 #view-home .home-course-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  overflow: hidden;
  border-block: 1px solid var(--lvl-color-border);
}

html.lvl-studio-1700 #view-home .home-course-grid > * {
  min-height: 150px !important;
  margin: 0 !important;
  padding: 22px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.lvl-studio-1700 #view-home .home-course-grid > *:last-child {
  border-bottom: 0 !important;
}

html.lvl-studio-1700 #view-home .home-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 34px 0 !important;
  padding: 28px 0 !important;
  border-block: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html.lvl-studio-1700 #view-home .home-kpi-card {
  min-height: 0 !important;
  padding: 0 28px !important;
  border-right: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
}

html.lvl-studio-1700 #view-home .home-kpi-card:first-child { padding-left: 0 !important; }
html.lvl-studio-1700 #view-home .home-kpi-card:last-child { padding-right: 0 !important; border-right: 0 !important; }
html.lvl-studio-1700 #view-home .hex-level,
html.lvl-studio-1700 #view-home .home-progress-divider-1342 { display: none !important; }

html.lvl-studio-1700 #view-home .week-dots {
  gap: 10px !important;
}

html.lvl-studio-1700 #view-home .week-dots span {
  background: transparent !important;
}

html.lvl-studio-1700 #view-home .home-bottom-grid {
  display: block !important;
  margin-top: 32px !important;
}

html.lvl-studio-1700 #view-home .lvl-home-unlock-1322,
html.lvl-studio-1700 #view-home .lvl-home-preview-1322 {
  margin-top: 34px !important;
  padding: 24px 0 !important;
  border-block: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
}

/* Catalog */
html.lvl-studio-1700 #view-courses {
  max-width: 980px;
  margin-inline: auto;
}

html.lvl-studio-1700 #view-courses .catalog-hero {
  min-height: 0 !important;
  margin: 28px 0 !important;
  padding: 36px 0 30px !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
}

html.lvl-studio-1700 #view-courses .catalog-hero h2 {
  max-width: 680px;
  margin: 10px 0 12px !important;
  font-size: clamp(40px, 8vw, 72px) !important;
  line-height: .98 !important;
}

html.lvl-studio-1700 #view-courses .catalog-hero p {
  max-width: 640px;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

html.lvl-studio-1700 #view-courses .catalog-hero-orb { display: none !important; }

html.lvl-studio-1700 #view-courses .catalog-toolbar {
  display: grid !important;
  grid-template-columns: auto minmax(220px, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}

html.lvl-studio-1700 #view-courses .catalog-tabs {
  padding: 4px !important;
  border: 1px solid var(--lvl-color-border) !important;
  border-radius: 13px !important;
  background: var(--lvl-color-surface) !important;
}

html.lvl-studio-1700 #view-courses .catalog-tab {
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--lvl-color-text-muted) !important;
}

html.lvl-studio-1700 #view-courses .catalog-tab.active {
  background: var(--lvl-color-text-strong) !important;
  color: var(--lvl-color-surface) !important;
}

html.lvl-studio-1700 #view-courses .catalog-filters {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 2px 0 18px !important;
  scrollbar-width: none;
}

html.lvl-studio-1700 #view-courses .filter {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid var(--lvl-color-border) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--lvl-color-text-muted) !important;
}

html.lvl-studio-1700 #view-courses .filter.active {
  border-color: var(--lvl-color-text-strong) !important;
  background: var(--lvl-color-text-strong) !important;
  color: var(--lvl-color-surface) !important;
}

html.lvl-studio-1700 #view-courses .catalog-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 28px !important;
  border-top: 1px solid var(--lvl-color-border);
}

html.lvl-studio-1700 #view-courses .catalog-grid > * {
  min-height: 260px !important;
  margin: 0 !important;
  padding: 24px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Profile — identity first, preferences last */
html.lvl-studio-1700 #view-profile {
  max-width: 900px;
  margin-inline: auto;
}

html.lvl-studio-1700 #view-profile .profile-hero-v16 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 22px !important;
  align-items: center !important;
  margin: 26px 0 0 !important;
  padding: 34px 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
}

html.lvl-studio-1700 #view-profile .account-avatar-large {
  width: 84px !important;
  height: 84px !important;
  border: 2px solid var(--lvl-color-accent) !important;
  background: var(--lvl-color-accent-soft) !important;
  color: var(--lvl-color-accent) !important;
  box-shadow: none !important;
}

html.lvl-studio-1700 #view-profile .profile-avatar-edit {
  width: 32px !important;
  height: 32px !important;
  border: 1px solid var(--lvl-color-border) !important;
  background: var(--lvl-color-surface) !important;
  color: var(--lvl-color-accent) !important;
  box-shadow: none !important;
}

html.lvl-studio-1700 #view-profile .profile-level-card,
html.lvl-studio-1700 #view-profile .profile-plan-card {
  min-width: 150px !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-left: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.lvl-studio-1700 #view-profile .profile-tabs-v16 {
  display: flex !important;
  gap: 22px !important;
  overflow-x: auto !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  scrollbar-width: none;
}

html.lvl-studio-1700 #view-profile .profile-tab {
  flex: 0 0 auto !important;
  min-height: 50px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--lvl-color-text-muted) !important;
}

html.lvl-studio-1700 #view-profile .profile-tab.active {
  box-shadow: inset 0 -2px var(--lvl-color-accent) !important;
  color: var(--lvl-color-text-strong) !important;
}

html.lvl-studio-1700 #view-profile .profile-tab-panel {
  padding-top: 26px !important;
}

html.lvl-studio-1700 #view-profile :where(.account-settings-card, .profile-snapshot, .profile-form-panel,
  .profile-badges-panel-1342, .journey-collection) {
  padding: 26px 0 !important;
  border-block: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
}

html.lvl-studio-1700 #profileAccountControls {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  margin: 44px 0 0 !important;
  padding: 24px 0 6px !important;
  border: 0 !important;
  border-top: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html.lvl-studio-1700 #profileAccountControls > header {
  margin-bottom: 14px !important;
}

html.lvl-studio-1700 #profileAccountControls > header h3 {
  margin: 5px 0 0 !important;
  font-size: 22px !important;
}

html.lvl-studio-1700 #profileAccountControls .profile-theme-controls {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  border-top: 1px solid var(--lvl-color-border) !important;
}

html.lvl-studio-1700 #profileAccountControls .profile-theme-option,
html.lvl-studio-1700 #profileAccountControls .profile-logout-button {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 34px 0 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--lvl-color-text) !important;
  box-shadow: none !important;
  text-align: left !important;
}

html.lvl-studio-1700 #profileAccountControls .profile-theme-option::after,
html.lvl-studio-1700 #profileAccountControls .profile-logout-button::after {
  content: "›";
  position: absolute;
  right: 4px;
  color: var(--lvl-color-text-subtle);
  font-size: 22px;
}

html.lvl-studio-1700 #profileAccountControls .profile-theme-option[aria-pressed="true"] {
  color: var(--lvl-color-accent) !important;
  font-weight: 800 !important;
}

html.lvl-studio-1700 #profileAccountControls .profile-logout-button {
  color: var(--lvl-color-danger) !important;
}

/* Community, Arena and Support share the same calm editorial grammar */
html.lvl-studio-1700 :where(#view-community, #view-support, #view-dutch-chat, #view-achievements) {
  max-width: 980px;
  margin-inline: auto;
}

html.lvl-studio-1700 #view-community :where(.community-hero, .community-n-hero, .community-n-section),
html.lvl-studio-1700 #view-support :where(.support-hero, .support-card, .support-panel),
html.lvl-studio-1700 #view-dutch-chat :where(.arena-card, .community-room-card) {
  margin-block: 18px !important;
  padding: 24px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.lvl-studio-1700 #view-community :where(.community-room-card, .community-direct-card, [class*="room-card"]),
html.lvl-studio-1700 #view-support :where(.support-option, .support-faq-item) {
  min-height: 72px !important;
  padding: 16px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--lvl-color-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.lvl-studio-1700 :where(.community-empty, .journey-empty, .empty-state, [class*="empty-state"]) {
  min-height: 240px !important;
  border: 1px dashed var(--lvl-color-border) !important;
  border-radius: var(--lvl-studio-radius) !important;
  background: transparent !important;
}

/* Dark mode keeps the exact hierarchy without becoming a different product. */
html.lvl-studio-1700.lvl-theme-dark-1199bi .btn.primary,
html.lvl-studio-1700.lvl-theme-dark-1199bi .lvl-home-primary {
  background: var(--lvl-color-accent) !important;
  color: #0d0914 !important;
}

html.lvl-studio-1700.lvl-theme-dark-1199bi #view-courses .catalog-tab.active,
html.lvl-studio-1700.lvl-theme-dark-1199bi #view-courses .filter.active {
  background: #f2eef7 !important;
  color: #14111c !important;
}

@media (max-width: 720px) {
  html.lvl-studio-1700 .main-content {
    width: 100% !important;
    padding-inline: 20px !important;
  }

  html.lvl-studio-1700 .topbar {
    min-height: 72px !important;
    padding: 12px 0 !important;
  }

  html.lvl-studio-1700 .topbar::before { font-size: 24px; }
  html.lvl-studio-1700 :where(.icon-btn, .notification-btn, .user-pill, .lvl-messages-button-1630) {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  html.lvl-studio-1700 #view-home .lvl-home-hero,
  html.lvl-studio-1700 #view-home .home-welcome {
    padding: 28px 0 22px !important;
  }

  html.lvl-studio-1700 #view-home .lvl-home-continue {
    grid-template-columns: auto 1fr !important;
  }

  html.lvl-studio-1700 #view-home .lvl-home-primary {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  html.lvl-studio-1700 #view-home .home-kpi-grid {
    grid-template-columns: 1fr !important;
    padding: 0 !important;
  }

  html.lvl-studio-1700 #view-home .home-kpi-card {
    padding: 24px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--lvl-color-border) !important;
  }

  html.lvl-studio-1700 #view-home .home-kpi-card:last-child { border-bottom: 0 !important; }

  html.lvl-studio-1700 #view-courses .catalog-toolbar {
    grid-template-columns: 1fr !important;
  }

  html.lvl-studio-1700 #view-courses .catalog-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  html.lvl-studio-1700 #view-courses .catalog-grid {
    grid-template-columns: 1fr !important;
  }

  html.lvl-studio-1700 #view-courses .catalog-grid > * {
    min-height: 210px !important;
  }

  html.lvl-studio-1700 #view-profile .profile-hero-v16 {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  html.lvl-studio-1700 #view-profile .profile-level-card,
  html.lvl-studio-1700 #view-profile .profile-plan-card {
    min-width: 0 !important;
    padding: 16px 0 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--lvl-color-border) !important;
  }

  html.lvl-studio-1700 #view-profile .profile-tabs-v16 {
    gap: 18px !important;
  }
}

@media (min-width: 721px) {
  html.lvl-studio-1700 .bottom-nav {
    left: 50% !important;
    width: min(720px, calc(100% - 40px)) !important;
    transform: translateX(-50%) !important;
    border: 1px solid var(--lvl-color-border) !important;
    border-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
  }
}

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