/* Final mobile home pass: calmer glass, embedded depth, readable type. */
@media (max-width: 760px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    background:
      radial-gradient(circle at 8% 3%, rgba(92, 205, 171, 0.18), transparent 34%),
      radial-gradient(circle at 92% 12%, rgba(120, 171, 232, 0.15), transparent 36%),
      linear-gradient(180deg, #f4f8f8 0%, #eef3f4 48%, #f7f7f5 100%) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    padding: 13px 21px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 15px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 52%),
      radial-gradient(circle at 48% 0%, rgba(255, 255, 255, 0.72), transparent 32%) !important;
    isolation: isolate !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary) {
    --glass-x: 50%;
    --glass-y: 18%;
    --glass-rx: 0deg;
    --glass-ry: 0deg;
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    background:
      radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255, 255, 255, 0.34), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.18)),
      rgba(255, 255, 255, 0.24) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      inset 0 -1px 0 rgba(82, 109, 126, 0.06),
      0 17px 34px -27px rgba(31, 42, 55, 0.42) !important;
    backdrop-filter: blur(22px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
    transform: translateY(0) translateZ(0) !important;
    transform-style: flat !important;
    transition:
      transform 160ms ease,
      box-shadow 180ms ease,
      border-color 180ms ease,
      background 180ms ease !important;
    will-change: transform, background !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary)::after {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
      linear-gradient(130deg, rgba(255, 255, 255, 0.34), transparent 31%, transparent 72%, rgba(255, 255, 255, 0.12)),
      radial-gradient(circle at var(--glass-x) var(--glass-y), rgba(255, 255, 255, 0.32), transparent 27%) !important;
    opacity: 0.28 !important;
    mix-blend-mode: normal !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary) > * {
    position: relative !important;
    z-index: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-task, .home-mobile-quick button, .home-mobile-primary):active,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-task, .home-mobile-quick button, .home-mobile-primary).is-glass-press {
    transform: translateY(1px) scale(0.988) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.78),
      inset 0 8px 22px rgba(80, 101, 116, 0.04),
      0 10px 23px -22px rgba(31, 42, 55, 0.36) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary).is-glass-hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-task, .home-mobile-quick button, .home-mobile-primary):focus-visible {
    border-color: rgba(255, 255, 255, 0.72) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      inset 0 -1px 0 rgba(82, 109, 126, 0.05),
      0 20px 38px -29px rgba(31, 42, 55, 0.45) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar {
    min-height: 82px !important;
    padding: 13px 14px !important;
    border-radius: 19px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img {
    width: 54px !important;
    height: 54px !important;
    filter: drop-shadow(0 9px 16px rgba(48, 63, 78, 0.12)) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    color: #17202d !important;
    font-size: 22px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar small,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar select {
    color: rgba(29, 39, 53, 0.62) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button {
    height: 34px !important;
    min-width: 52px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    color: #2f8575 !important;
    font-size: 11px !important;
    font-weight: 720 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    min-height: 138px !important;
    padding: 22px 24px !important;
    border-radius: 24px !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
    gap: 16px !important;
    align-items: center !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero span {
    margin: 0 0 8px !important;
    color: #3a9d8b !important;
    font-size: 15px !important;
    font-weight: 780 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero h2 {
    margin: 0 !important;
    color: #17202d !important;
    font-size: clamp(28px, 7.6vw, 33px) !important;
    font-weight: 820 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero p {
    margin: 7px 0 0 !important;
    color: rgba(28, 39, 55, 0.68) !important;
    font-size: 16px !important;
    font-weight: 720 !important;
    line-height: 1.22 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
    width: 76px !important;
    height: 76px !important;
    border-radius: 999px !important;
    background:
      conic-gradient(from -90deg, rgba(72, 184, 150, 0.74) var(--value), rgba(211, 219, 229, 0.44) 0),
      rgba(255, 255, 255, 0.3) !important;
    box-shadow:
      inset 0 0 0 11px rgba(255, 255, 255, 0.48),
      0 15px 28px -24px rgba(31, 42, 55, 0.42) !important;
    animation: homeMobileStableRing 4.8s ease-in-out infinite !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring::before {
    inset: 14px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring strong {
    color: #526071 !important;
    font-size: 24px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
    margin: 1px 0 2px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric {
    min-height: 82px !important;
    height: 82px !important;
    padding: 14px 15px !important;
    border-radius: 20px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-items: center !important;
    row-gap: 7px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric span {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    color: rgba(45, 58, 76, 0.58) !important;
    font-size: 13px !important;
    font-weight: 740 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric strong,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric:nth-child(3) strong {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #202a38 !important;
    font-size: clamp(25px, 6.9vw, 28px) !important;
    font-weight: 780 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric em {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 28px !important;
    height: 28px !important;
    color: color-mix(in srgb, var(--accent, #48b896) 68%, #8d9aac) !important;
    opacity: 0.72 !important;
    transform: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head {
    margin: 15px 2px 0 !important;
    align-items: center !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head strong {
    color: #161e29 !important;
    font-size: 25px !important;
    font-weight: 820 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head small {
    height: 30px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.28) !important;
    color: #72531b !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 9px 22px -19px rgba(31, 42, 55, 0.38) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick {
    padding: 9px !important;
    border-radius: 27px !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.17)),
      rgba(255, 255, 255, 0.2) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.8),
      0 22px 42px -34px rgba(31, 42, 55, 0.44) !important;
    backdrop-filter: blur(24px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.1) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task-list {
    gap: 7px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task {
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 14px !important;
    border-radius: 21px !important;
    grid-template-columns: 38px minmax(0, 1fr) 26px !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.38), transparent 38%),
      rgba(255, 255, 255, 0.24) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task.active {
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.53), rgba(255, 255, 255, 0.2)),
      rgba(255, 255, 255, 0.25) !important;
    border-color: rgba(81, 196, 164, 0.22) !important;
    animation: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task > span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.24) !important;
    transform: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task b {
    color: #202a38 !important;
    font-size: 16px !important;
    font-weight: 780 !important;
    line-height: 1.12 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task small {
    margin-top: 3px !important;
    color: rgba(48, 59, 77, 0.52) !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task > em {
    width: 25px !important;
    height: 25px !important;
    opacity: 0.58 !important;
    transform: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick > div {
    gap: 9px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 17px !important;
    padding: 0 12px !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button strong {
    color: #273242 !important;
    font-size: 13px !important;
    font-weight: 740 !important;
  }

  html body.view-dashboard .mobile-bottom-nav {
    width: calc(100% - 22px) !important;
    max-width: 398px !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(-50%) !important;
    border: 1px solid rgba(255, 255, 255, 0.64) !important;
    border-radius: 26px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 20px 42px -28px rgba(31, 42, 55, 0.46) !important;
    backdrop-filter: blur(28px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.12) !important;
  }

  html body.view-dashboard .mobile-tab {
    border-radius: 18px !important;
    transition: transform 160ms ease, color 160ms ease, background 160ms ease !important;
  }

  html body.view-dashboard .mobile-tab.active {
    background: rgba(255, 255, 255, 0.38) !important;
    color: #17202d !important;
  }

  html body.view-dashboard .mobile-tab:active {
    transform: scale(0.97) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > * {
    animation: homeMobileStableEnter 360ms cubic-bezier(0.2, 0.8, 0.22, 1) both !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(2) { animation-delay: 35ms !important; }
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(3) { animation-delay: 70ms !important; }
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(4) { animation-delay: 100ms !important; }
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(5) { animation-delay: 130ms !important; }

  @keyframes homeMobileStableEnter {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes homeMobileStableRing {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.018);
    }
  }

  @media (max-width: 360px) {
    html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
      padding-right: 16px !important;
      padding-left: 16px !important;
      gap: 13px !important;
    }

    html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
      grid-template-columns: minmax(0, 1fr) 72px !important;
      padding: 20px !important;
    }

    html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
      width: 70px !important;
      height: 70px !important;
    }

    html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
      gap: 10px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *,
    html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *::before,
    html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *::after {
      animation: none !important;
      transition: none !important;
    }
  }
}

  /* Hard containment: prevent the phone layout from overflowing narrow viewports. */
@media (max-width: 1100px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *::after {
    box-sizing: border-box !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    width: min(430px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metrics, .home-mobile-section-head, .home-mobile-path, .home-mobile-task-list, .home-mobile-quick, .home-mobile-quick > div) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.view-dashboard,
  html body.view-dashboard #dashboard.active-view {
    overflow-x: hidden !important;
  }
}

/* Absolute final cleanup: no avatar echo, no colored square wash, neutral glass only. */
@media (max-width: 1400px) {
  html body.view-dashboard,
  html body.view-dashboard #dashboard.active-view,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    background:
      linear-gradient(180deg, #f6f8f8 0%, #eef3f4 48%, #f7f8f8 100%) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    background: transparent !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::after,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-path, .home-mobile-task, .home-mobile-quick, .home-mobile-quick button, .home-mobile-primary) {
    border-color: rgba(255, 255, 255, 0.58) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.12)),
      rgba(255, 255, 255, 0.18) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      inset 0 -1px 0 rgba(82, 109, 126, 0.05),
      0 16px 34px -30px rgba(31, 42, 55, 0.38) !important;
    backdrop-filter: blur(22px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.06) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-path, .home-mobile-task, .home-mobile-quick, .home-mobile-quick button, .home-mobile-primary)::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-path, .home-mobile-task, .home-mobile-quick, .home-mobile-quick button, .home-mobile-primary)::after {
    background:
      linear-gradient(132deg, rgba(255, 255, 255, 0.26), transparent 34%, transparent 72%, rgba(255, 255, 255, 0.1)) !important;
    opacity: 0.28 !important;
    mix-blend-mode: normal !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar > img,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    clip-path: inset(0 round 18px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar img.home-mobile-avatar::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar img.home-mobile-avatar::after,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar > img::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar > img::after {
    display: none !important;
    content: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring.home-mobile-ring {
    background:
      conic-gradient(from -90deg, rgba(112, 128, 146, 0.38) var(--value), rgba(218, 225, 232, 0.52) 0),
      rgba(255, 255, 255, 0.24) !important;
    box-shadow:
      inset 0 0 0 10px rgba(255, 255, 255, 0.48),
      0 14px 28px -25px rgba(31, 42, 55, 0.34) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring.home-mobile-ring::before {
    background: rgba(255, 255, 255, 0.76) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric em,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task > span,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button > span {
    color: rgba(92, 108, 126, 0.58) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head small {
    color: rgba(84, 89, 98, 0.78) !important;
  }
}

/* Tablet guard repair: reset legacy absolute positioning in the phone layout. */
@media (min-width: 761px) and (max-width: 980px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    overflow: hidden !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar > *,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero > * {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    z-index: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar img.home-mobile-avatar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    object-fit: cover !important;
    filter: drop-shadow(0 9px 16px rgba(48, 63, 78, 0.12)) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar > div {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
    margin: 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar .home-mobile-exam-picker {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 160px !important;
    height: 28px !important;
    align-items: center !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    background: rgba(255, 255, 255, 0.34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 10px 22px -20px rgba(31, 42, 55, 0.36) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar .home-mobile-exam-picker select {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: rgba(28, 39, 55, 0.68) !important;
    font: 650 11px/1.1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar button {
    display: inline-flex !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.34) !important;
    color: #2f8575 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 10px 22px -20px rgba(31, 42, 55, 0.36) !important;
    line-height: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 72px !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero > div:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    align-self: center !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero .home-mobile-primary {
    display: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero .home-mobile-ring {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path .home-mobile-task-list,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-path .home-mobile-task-list.home-mobile-task-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* WeChat desktop / tablet-width guard: keep the mobile home phone-scaled. */
@media (min-width: 761px) and (max-width: 980px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    background:
      radial-gradient(circle at 18% 2%, rgba(108, 207, 179, 0.16), transparent 32%),
      radial-gradient(circle at 86% 12%, rgba(123, 173, 229, 0.13), transparent 34%),
      linear-gradient(180deg, #f4f8f8 0%, #eef3f4 48%, #f7f7f5 100%) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 :is(.home-v2-desktop-trial, .home-v2-welcome, .home-v2-metrics, .home-v2-grid, .home-v2-helper) {
    display: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    display: flex !important;
    flex-direction: column !important;
    width: min(430px, calc(100vw - 36px)) !important;
    max-width: 430px !important;
    min-height: 100svh !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 14px 21px calc(94px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 14px !important;
    row-gap: 14px !important;
    overflow: visible !important;
    background:
      radial-gradient(circle at 14% 0%, rgba(108, 207, 179, 0.13), transparent 34%),
      radial-gradient(circle at 82% 8%, rgba(123, 173, 229, 0.11), transparent 32%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 55%) !important;
    isolation: isolate !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-path, .home-mobile-task, .home-mobile-quick, .home-mobile-quick button, .home-mobile-primary) {
    border: 1px solid rgba(255, 255, 255, 0.56) !important;
    background:
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 18%), rgba(255, 255, 255, 0.24), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.11)),
      rgba(255, 255, 255, 0.17) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      inset 0 -1px 0 rgba(82, 109, 126, 0.06),
      0 16px 32px -28px rgba(31, 42, 55, 0.42) !important;
    backdrop-filter: blur(22px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar {
    width: 100% !important;
    height: 82px !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    border-radius: 19px !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 18px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    font-size: 20px !important;
    font-weight: 750 !important;
    line-height: 1.08 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar small,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar select {
    font-size: 11px !important;
    font-weight: 650 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button {
    min-width: 52px !important;
    height: 34px !important;
    padding: 0 13px !important;
    font-size: 11px !important;
    font-weight: 720 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    width: 100% !important;
    min-height: 132px !important;
    height: 132px !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border-radius: 24px !important;
    grid-template-columns: minmax(0, 1fr) 72px !important;
    grid-template-rows: 1fr !important;
    gap: 16px !important;
    align-items: center !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero span {
    margin: 0 0 8px !important;
    font-size: 14px !important;
    font-weight: 740 !important;
    line-height: 1.05 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero h2 {
    max-width: none !important;
    margin: 0 !important;
    font-size: 26px !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
    white-space: normal !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero p {
    max-width: none !important;
    margin: 6px 0 0 !important;
    font-size: 14px !important;
    font-weight: 660 !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
    width: 72px !important;
    height: 72px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring strong {
    font-size: 21px !important;
    font-weight: 740 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric {
    height: 76px !important;
    min-height: 76px !important;
    padding: 12px 14px !important;
    border-radius: 20px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    row-gap: 6px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric span {
    position: static !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric strong,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:nth-child(3) strong {
    position: static !important;
    inset: auto !important;
    font-size: 23px !important;
    font-weight: 730 !important;
    line-height: 0.98 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric em {
    position: static !important;
    width: 25px !important;
    height: 25px !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: end !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head {
    width: 100% !important;
    max-width: none !important;
    margin: 13px 2px 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head strong {
    font-size: 22px !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head small {
    height: 28px !important;
    padding: 0 13px !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick {
    width: 100% !important;
    max-width: none !important;
    padding: 8px !important;
    border-radius: 27px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task-list {
    width: 100% !important;
    max-width: none !important;
    gap: 7px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task {
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 14px !important;
    border-radius: 20px !important;
    grid-template-columns: 37px minmax(0, 1fr) 25px !important;
    transition:
      transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
      background 190ms ease,
      border-color 190ms ease,
      box-shadow 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task b {
    font-size: 14.5px !important;
    font-weight: 730 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task small {
    font-size: 9.5px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task.is-glass-hover {
    transform: translateY(-3px) scale(1.012) !important;
    border-color: rgba(255, 255, 255, 0.74) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      inset 0 -1px 0 rgba(82, 109, 126, 0.04),
      0 18px 34px -24px rgba(31, 42, 55, 0.44),
      0 0 0 5px rgba(255, 255, 255, 0.14) !important;
  }

  html body.view-dashboard nav.mobile-tabbar.mobile-tabbar {
    width: min(398px, calc(100vw - 22px)) !important;
    max-width: 398px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}

/* Final tuning requested after visual QA: quieter type and visible card interaction. */
@media (max-width: 760px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    gap: 14px !important;
    background:
      radial-gradient(circle at 14% 0%, rgba(108, 207, 179, 0.13), transparent 34%),
      radial-gradient(circle at 82% 8%, rgba(123, 173, 229, 0.11), transparent 32%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 55%) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    font-size: 20px !important;
    font-weight: 750 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar small,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar select {
    font-size: 11px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    min-height: 132px !important;
    padding: 20px 22px !important;
    background:
      radial-gradient(circle at 72% 26%, rgba(255, 255, 255, 0.26), transparent 32%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.13)),
      rgba(255, 255, 255, 0.17) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero span {
    font-size: 14px !important;
    font-weight: 760 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero h2,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-hero.home-mobile-hero h2 {
    font-size: clamp(24px, 6.65vw, 28px) !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero p {
    font-size: 14px !important;
    font-weight: 680 !important;
    color: rgba(28, 39, 55, 0.58) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
    width: 72px !important;
    height: 72px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring strong {
    font-size: 21px !important;
    font-weight: 740 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric {
    height: 76px !important;
    min-height: 76px !important;
    padding: 12px 14px !important;
    background:
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 18%), rgba(255, 255, 255, 0.22), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.11)),
      rgba(255, 255, 255, 0.17) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric span {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: rgba(45, 58, 76, 0.52) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric strong,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:nth-child(3) strong {
    font-size: clamp(21px, 5.9vw, 24px) !important;
    font-weight: 730 !important;
    color: #222b38 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric em {
    width: 25px !important;
    height: 25px !important;
    opacity: 0.58 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head {
    margin-top: 13px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head strong {
    font-size: 22px !important;
    font-weight: 780 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head small {
    height: 28px !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-section.home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-section.home-mobile-quick {
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1)),
      rgba(255, 255, 255, 0.15) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      inset 0 -1px 0 rgba(82, 109, 126, 0.05),
      0 18px 38px -34px rgba(31, 42, 55, 0.42) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task {
    height: 58px !important;
    min-height: 58px !important;
    background:
      radial-gradient(circle at var(--glass-x, 20%) var(--glass-y, 0%), rgba(255, 255, 255, 0.24), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.08)),
      rgba(255, 255, 255, 0.15) !important;
    transition:
      transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
      background 190ms ease,
      border-color 190ms ease,
      box-shadow 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task b {
    font-size: 14.5px !important;
    font-weight: 730 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task small {
    font-size: 9.5px !important;
    color: rgba(48, 59, 77, 0.46) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task > span {
    width: 32px !important;
    height: 32px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    transition: transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1), background 190ms ease, opacity 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task > em {
    transition: transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 190ms ease, color 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task.is-glass-hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-quick.home-mobile-quick button:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-quick.home-mobile-quick button.is-glass-hover {
    transform: translateY(-3px) scale(1.012) !important;
    border-color: rgba(255, 255, 255, 0.74) !important;
    background:
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 18%), rgba(255, 255, 255, 0.4), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.14)),
      rgba(255, 255, 255, 0.2) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      inset 0 -1px 0 rgba(82, 109, 126, 0.04),
      0 18px 34px -24px rgba(31, 42, 55, 0.44),
      0 0 0 5px rgba(255, 255, 255, 0.14) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task:hover > span,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task.is-glass-hover > span {
    transform: translateY(-1px) scale(1.06) !important;
    background: rgba(255, 255, 255, 0.28) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task:hover > em,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task.is-glass-hover > em {
    transform: translateX(4px) !important;
    opacity: 0.82 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task:active,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task.is-glass-press {
    transform: translateY(0) scale(0.988) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.76),
      0 8px 20px -18px rgba(31, 42, 55, 0.4) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-quick.home-mobile-quick button strong {
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}

/* Higher-specificity cap for older mobile-home-final rules. */
@media (max-width: 760px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-hero.home-mobile-hero,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-quick.home-mobile-quick button {
    background:
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 18%), rgba(255, 255, 255, 0.28), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.15)),
      rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.56) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.84),
      inset 0 -1px 0 rgba(82, 109, 126, 0.06),
      0 16px 32px -27px rgba(31, 42, 55, 0.42) !important;
    filter: none !important;
    transform: translateY(0) translateZ(0) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric {
    height: 80px !important;
    min-height: 80px !important;
    padding: 13px 15px !important;
    border-radius: 20px !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    row-gap: 6px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric span {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    color: rgba(45, 58, 76, 0.58) !important;
    font-size: 12.5px !important;
    font-weight: 740 !important;
    line-height: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric strong,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:nth-child(3) strong {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #202a38 !important;
    font-size: clamp(24px, 6.45vw, 27px) !important;
    font-weight: 770 !important;
    line-height: 0.98 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric em {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: end !important;
    transform: none !important;
    opacity: 0.68 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task {
    height: 61px !important;
    min-height: 61px !important;
    padding: 0 14px !important;
    border-radius: 20px !important;
    grid-template-columns: 37px minmax(0, 1fr) 25px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task b {
    color: #202a38 !important;
    font-size: 15.5px !important;
    font-weight: 770 !important;
    line-height: 1.08 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task small {
    color: rgba(48, 59, 77, 0.52) !important;
    font-size: 10px !important;
    line-height: 1.08 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-section.home-mobile-path {
    padding: 8px !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.14)),
      rgba(255, 255, 255, 0.18) !important;
  }

  html body.view-dashboard nav.mobile-tabbar.mobile-tabbar {
    width: calc(100% - 22px) !important;
    max-width: 398px !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(-50%) !important;
    border: 1px solid rgba(255, 255, 255, 0.64) !important;
    border-radius: 26px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 20px 42px -28px rgba(31, 42, 55, 0.46) !important;
    backdrop-filter: blur(28px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.12) !important;
  }
}

/* Post-cap override: this is the actual final word for mobile home. */
@media (max-width: 760px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    font-size: 20px !important;
    font-weight: 750 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero {
    min-height: 132px !important;
    padding: 20px 22px !important;
    background:
      radial-gradient(circle at 72% 26%, rgba(255, 255, 255, 0.24), transparent 32%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.12)),
      rgba(255, 255, 255, 0.16) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-hero.home-mobile-hero h2 {
    font-size: clamp(24px, 6.65vw, 28px) !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero span {
    font-size: 14px !important;
    font-weight: 740 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero p {
    font-size: 14px !important;
    font-weight: 660 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
    width: 72px !important;
    height: 72px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring strong {
    font-size: 21px !important;
    font-weight: 740 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric {
    height: 76px !important;
    min-height: 76px !important;
    padding: 12px 14px !important;
    background:
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 18%), rgba(255, 255, 255, 0.22), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.11)),
      rgba(255, 255, 255, 0.17) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric span {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: rgba(45, 58, 76, 0.52) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric strong,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:nth-child(3) strong {
    font-size: clamp(21px, 5.9vw, 24px) !important;
    font-weight: 730 !important;
    color: #222b38 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head strong {
    font-size: 22px !important;
    font-weight: 780 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head small {
    height: 28px !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-section.home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-section.home-mobile-quick {
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1)),
      rgba(255, 255, 255, 0.15) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      inset 0 -1px 0 rgba(82, 109, 126, 0.05),
      0 18px 38px -34px rgba(31, 42, 55, 0.42) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task {
    height: 58px !important;
    min-height: 58px !important;
    background:
      radial-gradient(circle at var(--glass-x, 20%) var(--glass-y, 0%), rgba(255, 255, 255, 0.24), transparent 38%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.08)),
      rgba(255, 255, 255, 0.15) !important;
    transition:
      transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
      background 190ms ease,
      border-color 190ms ease,
      box-shadow 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task b {
    font-size: 14.5px !important;
    font-weight: 730 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task small {
    font-size: 9.5px !important;
    color: rgba(48, 59, 77, 0.46) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task > span,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task > em {
    transition: transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 190ms ease, background 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task.is-glass-hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-quick.home-mobile-quick button:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-quick.home-mobile-quick button.is-glass-hover {
    transform: translateY(-3px) scale(1.012) !important;
    border-color: rgba(255, 255, 255, 0.74) !important;
    background:
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 18%), rgba(255, 255, 255, 0.4), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.14)),
      rgba(255, 255, 255, 0.2) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      inset 0 -1px 0 rgba(82, 109, 126, 0.04),
      0 18px 34px -24px rgba(31, 42, 55, 0.44),
      0 0 0 5px rgba(255, 255, 255, 0.14) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task:hover > span,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task.is-glass-hover > span {
    transform: translateY(-1px) scale(1.06) !important;
    background: rgba(255, 255, 255, 0.28) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task:hover > em,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-task-list.home-mobile-task-list .home-mobile-task.home-mobile-task.is-glass-hover > em {
    transform: translateX(4px) !important;
    opacity: 0.82 !important;
  }
}

/* Absolute last mobile containment: remove legacy desktop offsets around dashboard. */
@media (max-width: 1100px) {
  html body.view-dashboard,
  html body.view-dashboard .app-shell,
  html body.view-dashboard .app-shell > .main,
  html body.view-dashboard #dashboard.active-view,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    width: min(430px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/* Final avatar and metric-card interaction fix. */
@media (max-width: 1100px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar > img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: 0 9px 18px -14px rgba(30, 42, 58, 0.34) !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    clip-path: inset(0 round 18px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar img.home-mobile-avatar::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar img.home-mobile-avatar::after {
    display: none !important;
    content: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric {
    cursor: pointer !important;
    overflow: hidden !important;
    transform: translateY(0) scale(1) !important;
    transform-origin: center !important;
    transition:
      transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
      background 190ms ease,
      border-color 190ms ease,
      box-shadow 190ms ease,
      filter 190ms ease !important;
    will-change: transform, box-shadow, background !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric::after {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
      linear-gradient(132deg, rgba(255, 255, 255, 0.32), transparent 34%, transparent 70%, rgba(255, 255, 255, 0.14)),
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 18%), rgba(255, 255, 255, 0.34), transparent 30%) !important;
    opacity: 0.26 !important;
    transition: opacity 190ms ease, background 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric > * {
    position: relative !important;
    z-index: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric em,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric strong {
    transition: transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1), color 190ms ease, opacity 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric.is-glass-hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:focus-visible {
    transform: translateY(-3px) scale(1.012) !important;
    border-color: rgba(255, 255, 255, 0.76) !important;
    background:
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 18%), rgba(255, 255, 255, 0.42), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0.15)),
      rgba(255, 255, 255, 0.22) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      inset 0 -1px 0 rgba(82, 109, 126, 0.04),
      0 18px 34px -24px rgba(31, 42, 55, 0.44),
      0 0 0 5px rgba(255, 255, 255, 0.13) !important;
    filter: saturate(1.04) brightness(1.015) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:hover::after,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric.is-glass-hover::after,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:focus-visible::after {
    opacity: 0.54 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:hover em,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric.is-glass-hover em {
    transform: translateY(-1px) scale(1.08) !important;
    opacity: 0.9 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:hover strong,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric.is-glass-hover strong {
    transform: translateY(-1px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric:active,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial .home-mobile-metrics.home-mobile-metrics .home-mobile-metric.home-mobile-metric.is-glass-press {
    transform: translateY(0) scale(0.986) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.74),
      0 8px 20px -18px rgba(31, 42, 55, 0.4) !important;
  }
}

/* Final hero progress alignment: keep the 0% ring optically centered. */
@media (max-width: 1100px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero {
    align-items: center !important;
    overflow: hidden !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero .home-mobile-ring,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring.home-mobile-ring {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring.home-mobile-ring::before {
    inset: 12px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring.home-mobile-ring strong {
    position: absolute !important;
    inset: auto !important;
    left: 50% !important;
    top: 50% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
}

/* Runtime lock final: keep homepage aligned with the practice-page glass scale. */
@media (max-width: 1100px) {
  html body.view-dashboard,
  html body.view-dashboard #dashboard.active-view,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    background: linear-gradient(180deg, #f7f8f8 0%, #eef3f3 54%, #f8f8f6 100%) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::after,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::after {
    content: none !important;
    display: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial {
    width: min(390px, calc(100vw - 28px)) !important;
    max-width: 390px !important;
    margin: 0 auto !important;
    padding: 18px 0 calc(102px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 14px !important;
    background: transparent !important;
    overflow-x: hidden !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar {
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    min-height: 78px !important;
    height: 78px !important;
    padding: 12px 14px !important;
    column-gap: 14px !important;
    border-radius: 30px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar > img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    object-fit: cover !important;
    transform: none !important;
    clip-path: inset(0 round 18px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar strong {
    font-size: 22px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-exam-picker select {
    height: 28px !important;
    font-size: 12px !important;
    font-weight: 820 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar button[data-home-login],
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar.home-mobile-topbar button[data-home-target] {
    justify-self: end !important;
    min-width: 76px !important;
    width: auto !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(34, 124, 104, 0.18) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6)) !important;
    color: #227c68 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 26px rgba(31, 41, 55, 0.07) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
    backdrop-filter: blur(18px) saturate(1.18) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero {
    grid-template-columns: minmax(0, 1fr) 64px !important;
    align-items: center !important;
    min-height: 132px !important;
    height: 132px !important;
    padding: 22px 24px !important;
    border-radius: 36px !important;
    gap: 16px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero span {
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero h2 {
    font-size: 32px !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero.home-mobile-hero p {
    font-size: 18px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring.home-mobile-ring {
    position: relative !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring.home-mobile-ring strong {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics.home-mobile-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric.home-mobile-metric {
    min-height: 76px !important;
    height: 76px !important;
    padding: 13px 14px !important;
    border-radius: 24px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric.home-mobile-metric span {
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric.home-mobile-metric strong {
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head.home-mobile-section-head {
    min-height: 34px !important;
    margin-top: 10px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head.home-mobile-section-head strong {
    font-size: 22px !important;
    font-weight: 950 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path.home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick.home-mobile-quick {
    padding: 22px !important;
    border-radius: 32px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task.home-mobile-task,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick.home-mobile-quick button {
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 17px 14px 14px !important;
    border-radius: 24px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-path, .home-mobile-quick) {
    border: 1px solid rgba(255, 255, 255, 0.64) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.18)), rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 0 -1px 0 rgba(82, 109, 126, 0.05), 0 18px 36px -30px rgba(31, 42, 55, 0.34) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.12) !important;
    backdrop-filter: blur(24px) saturate(1.12) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary) {
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0.22)), rgba(255, 255, 255, 0.2) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 14px 30px -26px rgba(31, 42, 55, 0.32) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    transition: transform 170ms ease, box-shadow 190ms ease, border-color 190ms ease, background 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary):hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary).is-glass-hover {
    transform: translateY(-3px) !important;
    border-color: rgba(255, 255, 255, 0.76) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.3)), rgba(255, 255, 255, 0.28) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 20px 38px -28px rgba(31, 42, 55, 0.38), 0 0 0 5px rgba(255, 255, 255, 0.13) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary):active,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.home-v2-mobile-trial :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary).is-glass-press {
    transform: translateY(0) scale(0.986) !important;
  }
}

/* Consolidated from mobile-home-clean-final.css during frontend cleanup 2026-07-08. */
/* Clean final mobile home: neutral background, single glass system, no color washes. */
@media (max-width: 980px) {
  html body.view-dashboard,
  html body.view-dashboard .app-shell,
  html body.view-dashboard .app-shell > .main,
  html body.view-dashboard #dashboard.active-view,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow-x: hidden !important;
    background:
      linear-gradient(180deg, #f7f9f9 0%, #eef3f4 50%, #f7f8f8 100%) !important;
    background-attachment: scroll !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 :is(.home-v2-desktop-trial, .home-v2-welcome, .home-v2-metrics, .home-v2-grid, .home-v2-helper) {
    display: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::after,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: min(430px, calc(100vw - 24px)) !important;
    max-width: min(430px, calc(100vw - 24px)) !important;
    min-height: 100svh !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 12px 0 calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial *::after {
    box-sizing: border-box !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-path, .home-mobile-task, .home-mobile-quick, .home-mobile-quick button, .home-mobile-primary) {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.46), rgba(255, 255, 255, 0.16)),
      rgba(255, 255, 255, 0.2) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      inset 0 -1px 0 rgba(78, 92, 108, 0.05),
      0 16px 34px -30px rgba(31, 42, 55, 0.4) !important;
    backdrop-filter: blur(22px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.04) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-path, .home-mobile-task, .home-mobile-quick, .home-mobile-quick button, .home-mobile-primary)::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-metric, .home-mobile-path, .home-mobile-task, .home-mobile-quick, .home-mobile-quick button, .home-mobile-primary)::after {
    background:
      linear-gradient(132deg, rgba(255, 255, 255, 0.24), transparent 34%, transparent 74%, rgba(255, 255, 255, 0.1)) !important;
    opacity: 0.22 !important;
    mix-blend-mode: normal !important;
    pointer-events: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 14px !important;
    width: 100% !important;
    min-height: 78px !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border-radius: 24px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-column: 1 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: 0 10px 20px -16px rgba(31, 42, 55, 0.36) !important;
    filter: none !important;
    object-fit: cover !important;
    object-position: center !important;
    clip-path: circle(50% at 50% 50%) !important;
    transform: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    justify-self: start !important;
    gap: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    color: #18212d !important;
    font-size: 24px !important;
    font-weight: 780 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-exam-picker {
    display: inline-grid !important;
    width: fit-content !important;
    max-width: 180px !important;
    min-height: 28px !important;
    padding: 0 30px 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    background: rgba(255, 255, 255, 0.46) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 10px 22px -20px rgba(31, 42, 55, 0.34) !important;
    backdrop-filter: blur(14px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.02) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-exam-picker select {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: rgba(38, 48, 62, 0.68) !important;
    height: 28px !important;
    font: 650 13px/1.1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 72px !important;
    height: 38px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    background: rgba(255, 255, 255, 0.46) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 10px 22px -20px rgba(31, 42, 55, 0.34) !important;
    color: #2f8575 !important;
    font-size: 13px !important;
    font-weight: 730 !important;
    line-height: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 68px !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 132px !important;
    height: 132px !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border-radius: 28px !important;
    gap: 18px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero > div:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    min-width: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero span {
    display: block !important;
    margin: 0 0 8px !important;
    color: #3a9d8b !important;
    font-size: 14px !important;
    font-weight: 740 !important;
    line-height: 1.05 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero h2 {
    margin: 0 !important;
    color: #18212d !important;
    font-size: 28px !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero p {
    margin: 6px 0 0 !important;
    color: rgba(34, 44, 58, 0.64) !important;
    font-size: 15px !important;
    font-weight: 680 !important;
    line-height: 1.18 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-primary {
    display: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
    position: relative !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    transform: none !important;
    background:
      conic-gradient(from -90deg, rgba(106, 123, 142, 0.34) var(--value), rgba(218, 225, 232, 0.52) 0),
      rgba(255, 255, 255, 0.24) !important;
    box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.5), 0 14px 28px -25px rgba(31, 42, 55, 0.34) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring::before {
    inset: 12px !important;
    background: rgba(255, 255, 255, 0.78) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring strong {
    position: absolute !important;
    inset: auto !important;
    left: 50% !important;
    top: 50% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    color: rgba(38, 48, 62, 0.78) !important;
    font-size: 20px !important;
    font-weight: 740 !important;
    line-height: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-items: center !important;
    height: 78px !important;
    min-height: 78px !important;
    padding: 12px 14px !important;
    border-radius: 22px !important;
    cursor: pointer !important;
    transform: translateY(0) scale(1) !important;
    transform-style: preserve-3d !important;
    will-change: transform, box-shadow, background !important;
    transition: transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1), background 190ms ease, border-color 190ms ease, box-shadow 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric::after {
    background:
      radial-gradient(circle at var(--glass-x, 50%) var(--glass-y, 50%),
        rgba(255, 255, 255, 0.78) 0%,
        rgba(255, 255, 255, 0.34) 24%,
        rgba(255, 255, 255, 0) 58%) !important;
    opacity: 0 !important;
    transition: opacity 180ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric span {
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    color: rgba(74, 84, 98, 0.58) !important;
    font-size: 12px !important;
    font-weight: 710 !important;
    line-height: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric strong {
    position: static !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #222b38 !important;
    font-size: 24px !important;
    font-weight: 740 !important;
    line-height: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric em {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 26px !important;
    height: 26px !important;
    color: rgba(92, 108, 126, 0.58) !important;
    opacity: 0.74 !important;
    transform: none !important;
    transition: transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric.is-glass-hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric:focus-visible {
    transform: perspective(720px) rotateX(var(--glass-rx, 0deg)) rotateY(var(--glass-ry, 0deg)) translateY(-4px) scale(1.018) !important;
    border-color: rgba(255, 255, 255, 0.76) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.26)),
      rgba(255, 255, 255, 0.34) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      inset 0 -1px 0 rgba(78, 92, 108, 0.04),
      0 22px 42px -24px rgba(31, 42, 55, 0.48),
      0 0 0 6px rgba(255, 255, 255, 0.14) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric:hover::after,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric.is-glass-hover::after,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric:focus-visible::after {
    opacity: 0.82 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric:hover em,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric.is-glass-hover em {
    transform: translateY(-1px) scale(1.08) !important;
    opacity: 0.9 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric:active,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric.is-glass-press {
    transform: translateY(0) scale(0.986) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head {
    width: 100% !important;
    margin: 12px 2px 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head strong {
    color: #18212d !important;
    font-size: 22px !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head small {
    height: 28px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.42) !important;
    color: rgba(84, 89, 98, 0.78) !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 8px !important;
    border-radius: 28px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head.compact {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 2px -2px !important;
    padding: 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 0 14px !important;
    border-radius: 20px !important;
    transition: transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1), background 190ms ease, box-shadow 190ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task b {
    color: #222b38 !important;
    font-size: 14.5px !important;
    font-weight: 730 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task small {
    color: rgba(74, 84, 98, 0.48) !important;
    font-size: 9.5px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task > span,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task > em {
    color: rgba(92, 108, 126, 0.58) !important;
  }
}

/* Final home alignment: match the practice subject picker glass frame and page gutters. */
@media (max-width: 760px) {
  html body.view-dashboard,
  html body.view-dashboard .app-shell,
  html body.view-dashboard .app-shell > .main,
  html body.view-dashboard #dashboard.active-view,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    min-height: 100svh !important;
    overflow-x: hidden !important;
    background:
      radial-gradient(circle at 16% 4%, rgba(110, 231, 183, 0.22), transparent 30%),
      radial-gradient(circle at 88% 18%, rgba(147, 197, 253, 0.2), transparent 28%),
      linear-gradient(180deg, #f7f8f9 0%, #f2f3f5 100%) !important;
    background-attachment: fixed !important;
  }

  html body.view-dashboard .app-shell > .main {
    width: 100% !important;
    padding: 18px 14px calc(102px + env(safe-area-inset-bottom, 0px)) !important;
    background: transparent !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: min(390px, calc(100vw - 28px)) !important;
    max-width: 390px !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: 0 0 18px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::after {
    content: "" !important;
    position: fixed !important;
    display: block !important;
    pointer-events: none !important;
    z-index: -1 !important;
    border-radius: 999px !important;
    filter: blur(12px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::before {
    width: 220px !important;
    height: 220px !important;
    left: -88px !important;
    top: 36px !important;
    background: rgba(125, 211, 252, 0.16) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::after {
    width: 260px !important;
    height: 260px !important;
    right: -112px !important;
    bottom: 80px !important;
    background: rgba(167, 243, 208, 0.16) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-path, .home-mobile-quick) {
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.34)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      inset 0 -18px 38px rgba(255, 255, 255, 0.2),
      0 24px 58px rgba(31, 41, 55, 0.1) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.22) !important;
    backdrop-filter: blur(24px) saturate(1.22) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar {
    min-height: 92px !important;
    height: auto !important;
    padding: 18px !important;
    border-radius: 30px !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    column-gap: 13px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > img {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    border-radius: 18px !important;
    clip-path: inset(0 round 18px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-login],
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-target] {
    min-width: 76px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(34, 124, 104, 0.18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.56) !important;
    color: #227c68 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    min-height: 132px !important;
    height: auto !important;
    padding: 22px 24px !important;
    border-radius: 36px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button {
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.42)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 12px 28px rgba(31, 41, 55, 0.07) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
    backdrop-filter: blur(18px) saturate(1.18) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric {
    min-height: 82px !important;
    height: 82px !important;
    border-radius: 25px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick {
    padding: 22px !important;
    border-radius: 32px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button {
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 17px 14px 14px !important;
    border-radius: 24px !important;
  }
}

/* Match mobile home to the practice subject page glass system. */
@media (max-width: 1100px) {
  html body.view-dashboard,
  html body.view-dashboard .app-shell,
  html body.view-dashboard .app-shell > .main,
  html body.view-dashboard #dashboard.active-view,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    background:
      radial-gradient(circle at 16% 4%, rgba(110, 231, 183, 0.22), transparent 30%),
      radial-gradient(circle at 88% 18%, rgba(147, 197, 253, 0.2), transparent 28%),
      linear-gradient(180deg, #f7f8f9 0%, #f2f3f5 100%) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    position: relative !important;
    isolation: isolate !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::after {
    content: "" !important;
    display: block !important;
    position: fixed !important;
    pointer-events: none !important;
    z-index: -1 !important;
    border-radius: 999px !important;
    filter: blur(12px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::before {
    width: 220px !important;
    height: 220px !important;
    left: -88px !important;
    top: 36px !important;
    background: rgba(125, 211, 252, 0.16) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2::after {
    width: 260px !important;
    height: 260px !important;
    right: -112px !important;
    bottom: 80px !important;
    background: rgba(167, 243, 208, 0.16) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    width: min(390px, calc(100vw - 28px)) !important;
    max-width: 390px !important;
    gap: 14px !important;
    padding: 18px 0 calc(102px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-path, .home-mobile-quick) {
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.34)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      inset 0 -18px 38px rgba(255, 255, 255, 0.2),
      0 24px 58px rgba(31, 41, 55, 0.1) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.22) !important;
    backdrop-filter: blur(24px) saturate(1.22) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary, .home-mobile-topbar button, .home-mobile-exam-picker) {
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.42)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 12px 28px rgba(31, 41, 55, 0.07) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
    backdrop-filter: blur(18px) saturate(1.18) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar {
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    min-height: 78px !important;
    height: 78px !important;
    padding: 12px 14px !important;
    column-gap: 14px !important;
    border-radius: 30px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    color: #141820 !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1.06 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-exam-picker {
    min-height: 28px !important;
    max-width: 168px !important;
    padding: 0 28px 0 12px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-exam-picker select {
    height: 28px !important;
    color: #4b5563 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button {
    min-width: 66px !important;
    height: 36px !important;
    color: #227c68 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    min-height: 132px !important;
    height: 132px !important;
    padding: 22px 24px !important;
    border-radius: 36px !important;
    animation: homePracticeMatchRise 460ms cubic-bezier(0.2, 0.85, 0.25, 1) both !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    background:
      radial-gradient(circle at 15% 0%, rgba(255, 255, 255, 0.74), transparent 42%),
      radial-gradient(circle at 90% 16%, rgba(255, 242, 196, 0.38), transparent 30%) !important;
    opacity: 1 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero span {
    color: #227c68 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero h2 {
    color: #141820 !important;
    font-size: 32px !important;
    font-weight: 950 !important;
    line-height: 1.04 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero p {
    color: #4b5563 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring strong {
    color: #4b5563 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
    gap: 14px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric {
    height: 76px !important;
    min-height: 76px !important;
    padding: 13px 14px !important;
    border-radius: 24px !important;
    transition:
      transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1),
      border-color 240ms ease,
      box-shadow 240ms ease,
      background 240ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric span {
    color: #7a8492 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric strong {
    color: #141820 !important;
    font-size: 24px !important;
    font-weight: 950 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick {
    padding: 22px !important;
    border-radius: 32px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task-list,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick > div {
    gap: 14px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button {
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 17px 14px 14px !important;
    border-radius: 24px !important;
    color: #141820 !important;
    transition:
      transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1),
      border-color 240ms ease,
      box-shadow 240ms ease,
      background 240ms ease !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task > span,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button > span {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 18px !important;
    background:
      linear-gradient(150deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.36)) !important;
    color: #4b5563 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      0 10px 20px rgba(31, 41, 55, 0.07) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task b,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button strong {
    color: #141820 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task small {
    color: #7a8492 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button):hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button).is-glass-hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button):focus-visible {
    transform: translateY(-3px) !important;
    border-color: rgba(255, 255, 255, 0.88) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.5)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 18px 34px rgba(31, 41, 55, 0.1),
      0 0 0 6px rgba(79, 182, 139, 0.09) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button):active,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button).is-glass-press {
    transform: translateY(0) scale(0.992) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > * {
    animation: homePracticeMatchRise 460ms cubic-bezier(0.2, 0.85, 0.25, 1) both !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(2) { animation-delay: 40ms !important; }
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(3) { animation-delay: 80ms !important; }
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(4) { animation-delay: 120ms !important; }
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(5) { animation-delay: 160ms !important; }
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial.is-glass-ready > :nth-child(6) { animation-delay: 200ms !important; }

  @keyframes homePracticeMatchRise {
    from {
      opacity: 0;
      transform: translateY(14px) scale(0.985);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
}

@media (min-width: 700px) and (max-width: 1100px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    width: min(760px, calc(100vw - 120px)) !important;
    max-width: min(760px, calc(100vw - 120px)) !important;
    gap: 22px !important;
    padding-top: 28px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar {
    grid-template-columns: 64px minmax(0, 1fr) auto !important;
    min-height: 88px !important;
    height: 88px !important;
    padding: 14px 24px !important;
    column-gap: 18px !important;
    border-radius: 28px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > div {
    align-items: flex-start !important;
    justify-self: start !important;
    text-align: left !important;
    gap: 7px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    font-size: 28px !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-exam-picker {
    max-width: 190px !important;
    min-height: 30px !important;
    padding-right: 30px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-exam-picker select {
    width: 100% !important;
    height: 30px !important;
    font-size: 14px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-login {
    min-width: 126px !important;
    height: 48px !important;
    font-size: 16px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    min-height: 206px !important;
    padding: 38px 48px !important;
    border-radius: 34px !important;
    grid-template-columns: minmax(0, 1fr) 102px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero span {
    font-size: 25px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero h2 {
    font-size: 45px !important;
    line-height: 1.06 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero p {
    font-size: 27px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
    width: 94px !important;
    height: 94px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring::after {
    width: 62px !important;
    height: 62px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring strong {
    font-size: 32px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
    gap: 26px 28px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric {
    height: 118px !important;
    min-height: 118px !important;
    padding: 24px 28px !important;
    border-radius: 28px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding: 14px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head.compact {
    margin: -4px 2px -4px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric span {
    font-size: 20px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric strong {
    font-size: 39px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head strong {
    font-size: 34px !important;
  }
}

/* Absolute final: keep home aligned with the practice subject page at tablet/desktop preview widths too. */
@media (min-width: 700px) and (max-width: 1100px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    width: min(390px, calc(100vw - 28px)) !important;
    max-width: 390px !important;
    gap: 14px !important;
    padding: 18px 0 calc(102px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar {
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    min-height: 78px !important;
    height: 78px !important;
    padding: 12px 14px !important;
    column-gap: 14px !important;
    border-radius: 30px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    font-size: 22px !important;
    font-weight: 950 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-exam-picker select {
    height: 28px !important;
    font-size: 12px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    min-height: 132px !important;
    height: 132px !important;
    padding: 22px 24px !important;
    border-radius: 36px !important;
    grid-template-columns: minmax(0, 1fr) 64px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero span {
    font-size: 15px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero h2 {
    font-size: 32px !important;
    line-height: 1.04 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero p {
    font-size: 18px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-ring strong {
    font-size: 20px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
    gap: 14px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric {
    height: 76px !important;
    min-height: 76px !important;
    padding: 13px 14px !important;
    border-radius: 24px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric span {
    font-size: 12px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric strong {
    font-size: 24px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head strong {
    font-size: 22px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick {
    padding: 22px !important;
    border-radius: 32px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button {
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 17px 14px 14px !important;
    border-radius: 24px !important;
  }
}

/* Keep the top-right home action as a real login/goal button, not a generic glass card. */
@media (max-width: 1100px) {
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-login],
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-target] {
    justify-self: end !important;
    min-width: 76px !important;
    height: 40px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(34, 124, 104, 0.18) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.58)) !important;
    color: #227c68 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 12px 26px rgba(31, 41, 55, 0.07) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
    backdrop-filter: blur(18px) saturate(1.18) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-login]:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-target]:hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-login].is-glass-hover,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-target].is-glass-hover {
    transform: translateY(-2px) !important;
    border-color: rgba(34, 124, 104, 0.24) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.68)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      0 16px 30px rgba(31, 41, 55, 0.1),
      0 0 0 6px rgba(79, 182, 139, 0.08) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-login]:active,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-target]:active,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-login].is-glass-press,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-target].is-glass-press {
    transform: translateY(0) scale(0.992) !important;
  }
}

/* Practice entry embed pass: tighter bottom and inset glass rows. */
@media (max-width: 1100px) {
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-section-head:not(.compact) {
    min-height: 30px !important;
    height: 30px !important;
    margin: 8px 2px 2px !important;
    padding: 0 !important;
    align-items: center !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-section-head:not(.compact) strong {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-section-head:not(.compact) small {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.28)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      inset 0 -1px 0 rgba(125, 139, 154, 0.06),
      0 10px 22px -20px rgba(31, 42, 55, 0.34) !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-section-head + .home-mobile-path.home-mobile-path {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 10px 10px 12px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.46), transparent 42%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.12)),
      rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      inset 0 14px 34px rgba(255, 255, 255, 0.2),
      inset 0 -18px 38px rgba(119, 132, 148, 0.035),
      0 20px 42px -34px rgba(31, 42, 55, 0.34) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.08) !important;
    backdrop-filter: blur(24px) saturate(1.08) !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task-list.home-mobile-task-list {
    display: grid !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 28px !important;
    grid-template-rows: auto auto !important;
    column-gap: 10px !important;
    align-items: center !important;
    min-height: 60px !important;
    height: 60px !important;
    padding: 0 14px 0 12px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.34)),
      rgba(255, 255, 255, 0.22) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      inset 0 -1px 0 rgba(93, 107, 123, 0.05),
      0 10px 22px -18px rgba(31, 42, 55, 0.18) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.32), transparent 36%, rgba(255, 255, 255, 0.12)),
      radial-gradient(circle at var(--glass-x, 12%) var(--glass-y, 18%), rgba(255, 255, 255, 0.38), transparent 32%) !important;
    opacity: 0.34 !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > span {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.38) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.84),
      0 8px 18px -16px rgba(31, 42, 55, 0.3) !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
    font-weight: 920 !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin-top: 4px !important;
    color: rgba(91, 101, 115, 0.58) !important;
    font-size: 10px !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > em {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    color: rgba(96, 150, 230, 0.48) !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task:hover,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task.is-glass-hover,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task:focus-visible {
    transform: translateY(-2px) !important;
    border-color: rgba(255, 255, 255, 0.76) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.44)),
      rgba(255, 255, 255, 0.26) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      0 16px 30px -22px rgba(31, 42, 55, 0.26),
      0 0 0 5px rgba(255, 255, 255, 0.12) !important;
  }
}

/* Practice entry text alignment: keep title and subtitle as a compact pair. */
@media (max-width: 1100px) {
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task {
    grid-template-rows: max-content max-content !important;
    row-gap: 3px !important;
    align-content: center !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > span,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > b,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > small,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > em {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > span,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > em {
    align-self: center !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > b {
    align-self: end !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > small {
    align-self: start !important;
  }
}

/* Practice entry correction: full-width rows with normal density. */
@media (max-width: 1100px) {
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-section-head + .home-mobile-path.home-mobile-path {
    min-height: 0 !important;
    height: auto !important;
    padding: 12px !important;
    border-radius: 30px !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task-list.home-mobile-task-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 17px 14px 14px !important;
    grid-template-columns: 42px minmax(0, 1fr) 28px !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    border-radius: 24px !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task > span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 15px !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task b {
    font-size: 17px !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-path .home-mobile-task.home-mobile-task small {
    margin-top: 0 !important;
    font-size: 10.5px !important;
  }
}

/* Preview: hide the practice entry heading and count pill. */
@media (max-width: 1100px) {
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-section-head:not(.compact) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-mobile-section-head:not(.compact) + .home-mobile-path.home-mobile-path {
    margin-top: 0 !important;
  }
}

/* Final parity pass: use the same mobile shell, gutters and glass system as practice-subject-glass-final.css. */
@media (max-width: 760px) {
  html:has(#dashboard.active-view #homeDashboard.home-v2),
  html body:has(#dashboard.active-view #homeDashboard.home-v2),
  html body.view-dashboard,
  html body.view-dashboard .app-shell,
  html body.view-dashboard .app-shell > .main,
  html body.view-dashboard #dashboard.active-view,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 {
    min-height: 100svh !important;
    overflow-x: hidden !important;
    background:
      radial-gradient(circle at 16% 4%, rgba(110, 231, 183, 0.22), transparent 30%),
      radial-gradient(circle at 88% 18%, rgba(147, 197, 253, 0.2), transparent 28%),
      linear-gradient(180deg, #f7f8f9 0%, #f2f3f5 100%) !important;
    background-attachment: fixed !important;
  }

  html body.view-dashboard .app-shell > .main,
  body:has(#dashboard.active-view #homeDashboard.home-v2) .main {
    width: 100% !important;
    padding: 18px 14px calc(102px + env(safe-area-inset-bottom, 0px)) !important;
    background: transparent !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: min(390px, calc(100vw - 28px)) !important;
    max-width: 390px !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: 0 0 18px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::before,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::after {
    content: "" !important;
    position: fixed !important;
    display: block !important;
    pointer-events: none !important;
    z-index: -1 !important;
    border-radius: 999px !important;
    filter: blur(12px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::before {
    width: 220px !important;
    height: 220px !important;
    left: -88px !important;
    top: 36px !important;
    background: rgba(125, 211, 252, 0.16) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial::after {
    width: 260px !important;
    height: 260px !important;
    right: -112px !important;
    bottom: 80px !important;
    background: rgba(167, 243, 208, 0.16) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-topbar, .home-mobile-hero, .home-mobile-path, .home-mobile-quick) {
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.34)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      inset 0 -18px 38px rgba(255, 255, 255, 0.2),
      0 24px 58px rgba(31, 41, 55, 0.1) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.22) !important;
    backdrop-filter: blur(24px) saturate(1.22) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial :is(.home-mobile-metric, .home-mobile-task, .home-mobile-quick button, .home-mobile-primary, .home-mobile-topbar button, .home-mobile-exam-picker) {
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.42)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.86),
      0 12px 28px rgba(31, 41, 55, 0.07) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
    backdrop-filter: blur(18px) saturate(1.18) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar {
    min-height: 92px !important;
    height: auto !important;
    padding: 18px !important;
    border-radius: 30px !important;
    grid-template-columns: 52px minmax(0, 1fr) auto !important;
    column-gap: 13px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar img.home-mobile-avatar,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar > img {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    border-radius: 18px !important;
    clip-path: inset(0 round 18px) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar strong {
    color: #141820 !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-login],
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-topbar button[data-home-target] {
    min-width: 76px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(34, 124, 104, 0.18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.56) !important;
    color: #227c68 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-hero {
    min-height: 132px !important;
    height: auto !important;
    padding: 22px 24px !important;
    border-radius: 36px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-metric {
    min-height: 82px !important;
    height: 82px !important;
    border-radius: 25px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-path,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick {
    padding: 22px !important;
    border-radius: 32px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-task,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-quick button {
    min-height: 74px !important;
    height: 74px !important;
    padding: 14px 17px 14px 14px !important;
    border-radius: 24px !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-mobile-section-head:not(.compact) {
    display: none !important;
  }
}

/* Shell correction: full-page background and centered content, no right overflow. */
@media (max-width: 760px) {
  html:not(:has(body.view-agent)),
  html:has(#dashboard.active-view #homeDashboard.home-v2),
  html body:not(.view-agent),
  html body:has(#dashboard.active-view #homeDashboard.home-v2),
  html body.view-dashboard {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100svh !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    background-color: #f2f3f5 !important;
    background-image:
      radial-gradient(circle at 16% 4%, rgba(110, 231, 183, 0.22), transparent 30%),
      radial-gradient(circle at 88% 18%, rgba(147, 197, 253, 0.2), transparent 28%),
      linear-gradient(180deg, #f7f8f9 0%, #f2f3f5 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100vw 100%, 100vw 100%, 100vw 100% !important;
    background-attachment: fixed !important;
  }

  html body.view-dashboard .app-shell,
  html body.view-dashboard .app-shell > .main,
  html body.view-dashboard #dashboard.active-view,
  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2,
  body:has(#dashboard.active-view #homeDashboard.home-v2) .app-shell,
  body:has(#dashboard.active-view #homeDashboard.home-v2) .main,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #dashboard.active-view,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
    background: transparent !important;
    background-image: none !important;
  }

  html body.view-dashboard .app-shell > .main,
  body:has(#dashboard.active-view #homeDashboard.home-v2) .main {
    box-sizing: border-box !important;
    padding: 18px 14px calc(102px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-v2-mobile-trial {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 390px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
  }

  html body.view-dashboard #dashboard.active-view #homeDashboard.home-v2 .home-v2-mobile-trial > *,
  body:has(#dashboard.active-view #homeDashboard.home-v2) #homeDashboard.home-v2 .home-v2-mobile-trial > * {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}