/* Premium Milky Theme — NN Mobile Home */
@media (max-width: 959px) {
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-v2,
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-body {
    background-color: #f7f2ea;
    background-image:
      radial-gradient(ellipse 120% 80% at 50% -10%, rgba(255, 252, 245, 0.95) 0%, transparent 55%),
      radial-gradient(circle at 15% 25%, rgba(255, 255, 255, 0.65) 0%, transparent 28%),
      radial-gradient(circle at 85% 40%, rgba(255, 248, 238, 0.55) 0%, transparent 24%),
      radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.4) 0%, transparent 30%),
      radial-gradient(circle at 1px 1px, rgba(210, 195, 170, 0.12) 0.6px, transparent 0);
    background-size: auto, auto, auto, auto, 4px 4px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-focus-zone {
    position: relative;
    z-index: 2;
    padding: 0 0 4px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-focus-zone::before {
    content: '';
    position: absolute;
    inset: -8px 0 0;
    background: radial-gradient(ellipse 90% 55% at 50% 35%, rgba(255, 220, 160, 0.22) 0%, transparent 68%);
    pointer-events: none;
    z-index: 0;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home #mobile-app-header,
  html:not(.dark) body.mobile-app-enabled.mob-on-home #mobile-app-tabbar {
    filter: blur(0.35px);
    opacity: 0.94;
    transition: filter 0.3s ease, opacity 0.3s ease;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-senior-board,
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-section {
    filter: blur(0.25px);
    opacity: 0.92;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-card--milky {
    min-height: 188px;
    overflow: hidden;
  }

  /* Bear Brand photo background */
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-photo-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-photo-img {
    position: absolute;
    inset: -8% -4% -8% 18%;
    background:
      url('../../img/bear-brand-bg.png') 72% 42% / cover no-repeat;
    transform-origin: 70% 45%;
    animation: mobHeroKenBurns 16s ease-in-out infinite alternate;
    will-change: transform;
    filter: saturate(1.08) contrast(1.04);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-photo-shimmer {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      115deg,
      transparent 0%,
      transparent 38%,
      rgba(255, 255, 255, 0.08) 46%,
      rgba(255, 252, 230, 0.38) 50%,
      rgba(255, 255, 255, 0.1) 54%,
      transparent 62%,
      transparent 100%
    );
    background-size: 220% 100%;
    animation: mobHeroShimmer 5.5s ease-in-out infinite;
    mix-blend-mode: soft-light;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-photo-scrim {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    background:
      linear-gradient(105deg,
        rgba(255, 252, 245, 0.94) 0%,
        rgba(255, 248, 236, 0.88) 34%,
        rgba(255, 240, 210, 0.42) 58%,
        rgba(255, 220, 120, 0.12) 78%,
        transparent 100%),
      radial-gradient(ellipse 55% 80% at 100% 50%, rgba(255, 200, 40, 0.18) 0%, transparent 70%);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-golden-glow {
    position: absolute;
    inset: -12px;
    background:
      radial-gradient(ellipse 55% 50% at 88% 40%, rgba(255, 230, 80, 0.35) 0%, transparent 60%),
      radial-gradient(ellipse 40% 45% at 70% 70%, rgba(255, 180, 40, 0.18) 0%, transparent 65%);
    pointer-events: none;
    z-index: 1;
    border-radius: inherit;
    animation: mobHeroGlowPulse 4.5s ease-in-out infinite alternate;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-vortex {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 58%;
    pointer-events: none;
    z-index: 2;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sparkle {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff 0%, #ffe566 50%, transparent 100%);
    box-shadow: 0 0 8px rgba(255, 220, 80, 0.85);
    animation: mobSparkle 2.6s ease-in-out infinite;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sparkle--1 { top: 18%; left: 22%; animation-delay: 0s; }
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sparkle--2 { top: 36%; left: 48%; animation-delay: 0.5s; width: 3px; height: 3px; }
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sparkle--3 { top: 62%; left: 30%; animation-delay: 1.1s; }
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sparkle--4 { top: 28%; left: 72%; animation-delay: 1.6s; width: 2.5px; height: 2.5px; }
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sparkle--5 { top: 72%; left: 58%; animation-delay: 2s; width: 3px; height: 3px; }
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sparkle--6 { top: 48%; left: 88%; animation-delay: 2.4s; width: 3.5px; height: 3.5px; }

  /* Floating nutrient-style bubbles (inspired by ad) */
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-float-bubble {
    position: absolute;
    border-radius: 50%;
    opacity: 0.55;
    filter: blur(0.2px);
    animation: mobFloatBubble 5.5s ease-in-out infinite;
  }
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-float-bubble--1 {
    width: 18px; height: 18px; top: 22%; right: 18%;
    background: radial-gradient(circle at 35% 30%, #fff 0%, #e53935 45%, #b71c1c 100%);
    animation-delay: 0s;
  }
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-float-bubble--2 {
    width: 12px; height: 12px; top: 58%; right: 10%;
    background: radial-gradient(circle at 35% 30%, #fff 0%, #43a047 50%, #1b5e20 100%);
    animation-delay: 1.2s;
  }
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-float-bubble--3 {
    width: 14px; height: 14px; top: 40%; right: 32%;
    background: radial-gradient(circle at 35% 30%, #fff 0%, #1e88e5 50%, #0d47a1 100%);
    animation-delay: 2.1s;
  }

  @keyframes mobHeroKenBurns {
    from { transform: scale(1.05) translate(0, 0); }
    to { transform: scale(1.14) translate(-2.5%, 1.5%); }
  }

  @keyframes mobHeroShimmer {
    0% { background-position: 120% 0; opacity: 0.35; }
    40% { opacity: 0.85; }
    100% { background-position: -40% 0; opacity: 0.4; }
  }

  @keyframes mobHeroGlowPulse {
    from { opacity: 0.65; }
    to { opacity: 1; }
  }

  @keyframes mobSparkle {
    0%, 100% { opacity: 0.15; transform: scale(0.7); }
    50% { opacity: 1; transform: scale(1.25); }
  }

  @keyframes mobFloatBubble {
    0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; }
    50% { transform: translateY(-10px) scale(1.08); opacity: 0.7; }
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-card--milky .mob-hero-inner {
    position: relative;
    z-index: 3;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-card--bear .mob-hero-brand {
    z-index: 4;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-card--milky .mob-hero-timeline {
    --mob-track-x: 22px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-card--milky .mob-hero-timeline::before {
    left: calc(var(--mob-track-x) - 2px);
    width: 5px;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff8ee 0%, #f5ebe0 35%, #ede4d4 70%, rgba(237, 228, 212, 0.4) 100%);
    box-shadow:
      inset 0 1px 2px rgba(255, 255, 255, 0.8),
      0 0 12px rgba(255, 232, 196, 0.35);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-card--milky .mob-hero-timeline::after {
    left: calc(var(--mob-track-x) - 2px);
    width: 5px;
    background: linear-gradient(180deg, #f5e6c8 0%, #e8d5a3 45%, #d4c4a8 100%);
    box-shadow: 0 0 14px rgba(201, 162, 39, 0.35);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-node--icon {
    width: 32px;
    height: 32px;
    margin-left: calc(var(--mob-track-x) - 16px);
    margin-top: -2px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 3px 8px rgba(201, 162, 39, 0.28));
    transition: transform 0.35s ease, filter 0.35s ease;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-node--icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-step.current .mob-hero-node--icon {
    transform: scale(1.12);
    filter: drop-shadow(0 4px 14px rgba(201, 162, 39, 0.45));
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-step.done .mob-hero-node--icon {
    filter: drop-shadow(0 2px 10px rgba(110, 201, 160, 0.35));
    opacity: 0.95;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-card--milky .mob-hero-content {
    max-width: calc(100% - 88px);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-osa-watermark {
    font-size: clamp(56px, 16vw, 76px);
    color: rgba(180, 120, 20, 0.1);
    right: 6px;
    bottom: 4px;
    z-index: 2;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-card--milky {
    position: relative;
    overflow: hidden;
    min-height: 120px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-golden-glow {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 70% at 50% 100%, rgba(255, 220, 160, 0.18) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-watermarks {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    pointer-events: none;
    z-index: 0;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-wm-b2c {
    font-size: clamp(22px, 6vw, 28px);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: rgba(201, 162, 39, 0.07);
    font-family: 'Segoe UI', system-ui, sans-serif;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-wm-osa {
    font-size: clamp(18px, 5vw, 22px);
    font-weight: 800;
    letter-spacing: 0.08em;
    color: rgba(201, 162, 39, 0.06);
    font-family: 'Segoe UI', system-ui, sans-serif;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-card--milky .mob-day-ring-wrap,
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-card--milky .mob-day-pulse-body,
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-card--milky .mob-day-pulse-gps {
    position: relative;
    z-index: 2;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-btn-wrap {
    position: relative;
    margin-top: 12px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-mist {
    position: absolute;
    left: 50%;
    bottom: -6px;
    transform: translateX(-50%);
    width: 92%;
    height: 36px;
    pointer-events: none;
    z-index: 0;
    background:
      radial-gradient(ellipse 50% 100% at 20% 80%, rgba(255, 253, 249, 0.85) 0%, transparent 70%),
      radial-gradient(ellipse 45% 90% at 80% 75%, rgba(255, 248, 238, 0.75) 0%, transparent 65%),
      radial-gradient(ellipse 60% 80% at 50% 90%, rgba(245, 235, 224, 0.6) 0%, transparent 70%);
    filter: blur(3px);
    animation: mobMistDrift 4s ease-in-out infinite alternate;
  }

  @keyframes mobMistDrift {
    from { opacity: 0.65; transform: translateX(-50%) translateY(0); }
    to { opacity: 0.95; transform: translateX(-50%) translateY(-3px); }
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-btn-wrap .mob-day-pulse-btn {
    position: relative;
    z-index: 1;
    margin-top: 0;
    width: 100%;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-gps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
    padding-top: 2px;
    opacity: 0.9;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-gps img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    filter: drop-shadow(0 2px 8px rgba(201, 162, 39, 0.15));
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-gps span {
    font-size: 9px;
    font-weight: 800;
    color: #c9a227;
    letter-spacing: 0.06em;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-osa {
    display: none;
  }

  @media (prefers-reduced-motion: reduce) {
    html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-photo-img,
    html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-photo-shimmer,
    html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-golden-glow,
    html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sparkle,
    html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-float-bubble,
    html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-mist {
      animation: none;
    }
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-card {
    background:
      linear-gradient(155deg, rgba(255, 253, 249, 0.55) 0%, rgba(255, 245, 210, 0.35) 55%, rgba(255, 220, 80, 0.2) 100%);
    border: 1px solid rgba(255, 200, 60, 0.35);
    box-shadow:
      0 8px 28px rgba(230, 170, 20, 0.18),
      0 1px 3px rgba(92, 83, 72, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.65);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-deco {
    background: linear-gradient(180deg, rgba(255, 252, 245, 0.08) 0%, rgba(255, 220, 80, 0.06) 100%);
    z-index: 1;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-milk-splash {
    display: none;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-osa-watermark {
    position: absolute;
    right: 10px;
    bottom: 8px;
    font-size: clamp(52px, 14vw, 68px);
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
    color: rgba(160, 100, 10, 0.12);
    pointer-events: none;
    z-index: 2;
    user-select: none;
    font-family: 'Segoe UI', system-ui, sans-serif;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-inner {
    color: #4a3f32;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-title {
    color: #3d3428;
    opacity: 1;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-brand-kc {
    color: #3d3428;
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-brand-team {
    color: #9a6b20;
    letter-spacing: 0.18em;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-brand-rule {
    background: linear-gradient(90deg, #ffd54f, #f9a825);
    max-width: 44px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-lbl {
    color: #4a3f32;
    font-weight: 700;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-val {
    color: #2e281f;
    font-weight: 800;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-loc,
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-msg {
    color: #6b5c48;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-msg.ok {
    background: rgba(168, 230, 200, 0.35);
    color: #4a8f6e;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-msg.active {
    background: rgba(255, 248, 238, 0.7);
    color: #7a6f62;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-msg.warn {
    background: rgba(255, 228, 196, 0.55);
    color: #b87a3a;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-timeline::before {
    background: linear-gradient(180deg, #e8d5a3 0%, #d4c4a8 50%, rgba(212, 196, 168, 0.35) 100%);
    box-shadow: 0 0 8px rgba(201, 162, 39, 0.15);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-timeline::after {
    background: linear-gradient(180deg, #c9a227 0%, #e8d5a3 100%);
    box-shadow: 0 0 10px rgba(201, 162, 39, 0.35);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-node {
    background: #fffdf9;
    border-color: #e8d5a3;
    box-shadow: 0 2px 8px rgba(201, 162, 39, 0.12);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-step.done .mob-hero-node {
    background: linear-gradient(145deg, #d4f0e4, #a8e6c8);
    border-color: #88d4a8;
    box-shadow: 0 2px 10px rgba(110, 201, 160, 0.25);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-step.current .mob-hero-node {
    background: linear-gradient(145deg, #fff8e8, #f5e6c8);
    border-color: #c9a227;
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.18), 0 2px 12px rgba(201, 162, 39, 0.28);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-osa .mob-status-row,
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-sup .mob-status-row {
    color: #8a7f72;
    font-size: 11px;
    line-height: 1.45;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-hero-note {
    font-size: 10px;
    color: #a89888;
    line-height: 1.45;
    margin-top: 2px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-card {
    background: linear-gradient(160deg, #fffdf9 0%, #faf6f0 100%);
    border: 1px solid rgba(212, 184, 150, 0.28);
    border-radius: 20px;
    box-shadow:
      0 6px 24px rgba(201, 162, 39, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);
    padding: 16px 14px;
    align-items: flex-start;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-card.mob-day-pulse--done {
    border-color: rgba(136, 212, 168, 0.45);
    box-shadow: 0 6px 24px rgba(110, 201, 160, 0.12);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-ring-wrap {
    width: 72px;
    height: 72px;
    filter: drop-shadow(0 4px 12px rgba(201, 162, 39, 0.12));
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-ring {
    width: 72px;
    height: 72px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-ring-bg {
    stroke: rgba(232, 213, 163, 0.45);
    stroke-width: 6;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-ring-fg {
    stroke: url(#mobMilkyRing);
    stroke-width: 6;
    filter: drop-shadow(0 0 6px rgba(255, 248, 238, 0.8));
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-ring-pct {
    font-size: 14px;
    color: #b8956a;
    font-weight: 800;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse--done .mob-day-ring-fg {
    stroke: #88d4a8;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse--done .mob-day-ring-pct {
    color: #6ec9a0;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-label {
    color: #b8956a;
    text-transform: none;
    letter-spacing: 0.01em;
    font-size: 11px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-title {
    color: #4a4238;
    font-size: 16px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-sub {
    color: #8a7f72;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-stats {
    color: #a89888;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-stats b {
    color: #b8956a;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-osa {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-top: 4px;
    opacity: 0.85;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-osa img {
    width: 36px;
    height: 42px;
    object-fit: contain;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-osa span {
    font-size: 9px;
    font-weight: 800;
    color: #c9a227;
    letter-spacing: 0.06em;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-btn {
    margin-top: 12px;
    padding: 11px 16px;
    border: 1.5px solid #c9a227;
    border-radius: 999px;
    background: transparent;
    color: #a8842a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 12px rgba(201, 162, 39, 0.1);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-btn:hover,
  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-day-pulse-btn:active {
    background: rgba(255, 248, 238, 0.85);
    box-shadow: 0 4px 16px rgba(201, 162, 39, 0.18);
    transform: scale(0.98);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-senior-board {
    padding: 0 12px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-section-title {
    color: #5c5348;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 10px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-senior-board-card {
    background: linear-gradient(160deg, #fffdf9 0%, #faf6f0 100%);
    border: 1px solid rgba(212, 184, 150, 0.25);
    border-radius: 18px;
    box-shadow: 0 4px 18px rgba(201, 162, 39, 0.07);
    padding: 18px 14px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-senior-board-card.mob-senior-board-osa {
    border-color: rgba(168, 200, 232, 0.35);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-senior-board-card.mob-senior-board-oos {
    border-color: rgba(240, 168, 208, 0.3);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-senior-board-lbl {
    color: #8a7f72;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-senior-board-val {
    color: #7eb0d6;
    font-size: 32px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-senior-board-oos .mob-senior-board-val {
    color: #e88bb8;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-senior-board-val.is-zero {
    color: #d4c4a8;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-senior-board-hint {
    color: #b8a99a;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-board-osa-bar {
    width: 100%;
    height: 6px;
    margin-top: 8px;
    border-radius: 999px;
    background: rgba(232, 213, 163, 0.35);
    overflow: hidden;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-board-osa-bar-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #b8deff, #7eb0d6);
    transition: width 0.4s ease;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-section {
    padding: 0 12px;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home .mob-home-section-sub {
    color: #a89888;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home #mobile-app-tabbar {
    background: rgba(255, 253, 249, 0.97);
    border-top-color: rgba(212, 184, 150, 0.22);
    box-shadow: 0 -4px 24px rgba(201, 162, 39, 0.08);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home #mobile-app-tabbar .mob-tab {
    color: #a89888;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home #mobile-app-tabbar .mob-tab-fab .mob-tab-ic {
    background: linear-gradient(145deg, #fff8ee 0%, #f5e6d0 55%, #e8d4b8 100%);
    border: 3px solid #fffdf9;
    box-shadow:
      0 8px 24px rgba(201, 162, 39, 0.28),
      0 0 0 1px rgba(201, 162, 39, 0.15);
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home #mobile-app-tabbar .mob-tab-fab .mob-tab-ic img {
    width: 40px;
    height: 40px;
    filter: none;
  }

  html:not(.dark) body.mobile-app-enabled.mob-on-home #mobile-app-tabbar .mob-tab-fab .mob-tab-fab-lbl {
    color: #b8956a;
  }
}

.mob-milky-ring-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}