/* ============================================================================
   MOBILE AUTO MASTER — simplified mobile flow (Upload / Result / Tweak)
   Fully namespaced (am- classes, am* ids) to guarantee zero collision with
   the existing desktop console CSS/JS. Lives entirely inside
   #autoMasterMobileShell, which is display:none by default regardless of
   viewport — only shown when window.LUVLANG_MOBILE_AUTOMASTER_ENABLED is
   true (see js/mobile-automaster.js), so this file is a safe no-op with the
   flag off.
   ============================================================================ */

#autoMasterMobileShell{
  --am-void:#0a0a0f;
  --am-panel:#14141b;
  --am-panel-raised:#1c1c26;
  --am-line:#2a2a35;
  --am-ink:#f2ede0;
  --am-ink-dim:#8d8a9c;
  --am-gold-bright:#d4b05a;
  --am-gold-deep:#c8a44e;
  --am-gold-dim:#7a6535;
  --am-meter:#00d4ff;
  --am-good:#5ad693;

  display:none;
  position:fixed;
  inset:0;
  z-index:9000;
  background:var(--am-void);
  color:var(--am-ink);
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  flex-direction:column;
}
/* CRITICAL: every rule that activates the mobile shell or suppresses
   desktop chrome MUST live inside this single max-width:767px query.
   A prior version had the #autoMasterMobileShell{display:flex} rule
   unscoped — it briefly went live in production and covered the ENTIRE
   desktop site for every viewport width the moment the flag was on,
   since nothing outside this block should ever apply above 767px. */
@media (max-width:767px){
  body.lm-automaster-active #autoMasterMobileShell{ display:flex; }

  /* ALLOWLIST, not a denylist. The desktop page has 30+ top-level overlay
     systems (tour tooltips, pricing modals, floating A/B compare, mastering
     progress, toasts, theme toggle, mobile-ui.js's own hamburger/sheet...).
     Individually denylisting each one as it's discovered means every
     un-caught one leaks onto the mobile shell — confirmed twice by real
     Playwright runs (#microTourTooltip, #pricingModalWrap, on top of the
     five found earlier). Hide every direct body child EXCEPT the shell
     itself and the handful of cross-cutting systems mobile genuinely still
     needs: the account/language onboarding gate, the auth skip gate, and
     cookie consent. Add new required exceptions here deliberately — never
     go back to a denylist for this. */
  body.lm-automaster-active > *:not(#autoMasterMobileShell):not(script):not(style):not(link):not(meta):not(.skip-link):not(#onboardingSplash):not(#onboardingLanguage):not(#signupGateOverlay):not(#signInModal):not(#signUpModal):not(#cookieConsentBanner):not(#paymentModal){
    display:none !important;
  }
}
#autoMasterMobileShell *{ box-sizing:border-box; }

.am-panel{ display:none; flex-direction:column; height:100%; overflow:hidden; }
.am-panel.active{ display:flex; }

/* ---- Common chrome ---- */
.am-top{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:calc(env(safe-area-inset-top,0px) + 20px) 20px 20px;
  flex-shrink:0;
}
@keyframes amShimmer{
  0%{ background-position:200% center; }
  100%{ background-position:-200% center; }
}
.am-wordmark{
  font-size:15px;
  font-weight:100;
  letter-spacing:.28em;
  text-transform:uppercase;
  white-space:nowrap;
  background:linear-gradient(90deg,#999 0%,#AAA 15%,#999 30%,#BBB 42%,#EEE 48%,#FFF 50%,#EEE 52%,#BBB 58%,#999 70%,#AAA 85%,#999 100%);
  background-size:300% 100%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:amShimmer 12s linear infinite;
}
.am-wordmark .am-s-gold{ -webkit-text-fill-color:#c8a44e; }
@media (prefers-reduced-motion: reduce){ .am-wordmark{ animation:none; } }
.am-step-dots{
  display:flex;
  gap:14px;
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
}
.am-dot{
  width:5px; height:5px;
  border-radius:50%;
  background:var(--am-line);
  cursor:pointer;
  padding:7px;
  background-clip:content-box;
}
.am-dot.on{ background-color:var(--am-gold-bright); }
.am-dot.reachable{ cursor:pointer; }
.am-dot:not(.reachable){ cursor:default; }

.am-body{ flex:1; overflow-y:auto; padding:0 20px calc(env(safe-area-inset-bottom,0px) + 20px); display:flex; flex-direction:column; }

/* ---- Screen 1: Upload ---- */
.am-upload-zone{
  flex:1;
  min-height:180px;
  margin-top:18px;
  border:1.5px dashed var(--am-gold-dim);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
  padding:30px;
  cursor:pointer;
}
.am-upload-icon{
  width:52px; height:52px;
  border-radius:50%;
  background:var(--am-panel-raised);
  display:flex; align-items:center; justify-content:center;
  font-size:22px;
  color:var(--am-gold-bright);
}
.am-upload-title{ font-size:16px; font-weight:600; color:var(--am-ink); }
.am-upload-hint{ font-size:12.5px; color:var(--am-ink-dim); line-height:1.5; max-width:22ch; }
.am-file-chip{
  margin-top:6px;
  font-size:11px;
  color:var(--am-ink-dim);
  background:var(--am-panel);
  border:1px solid var(--am-line);
  padding:6px 12px;
  border-radius:20px;
  max-width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.am-cta{
  margin-top:16px;
  width:100%;
  padding:16px;
  border-radius:8px;
  border:none;
  background:linear-gradient(135deg,#d4b05a 0%,#c8a44e 100%);
  color:#0a0a0f;
  font-size:13.5px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
  flex-shrink:0;
  box-shadow:0 4px 18px rgba(200,164,78,.20);
}
.am-cta:active{ transform:translateY(1px); }
.am-cta:disabled{ opacity:.7; cursor:default; }

/* ---- Export settings row ---- */
.am-settings-row{
  margin-top:12px;
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px;
  border-radius:10px;
  border:1px solid var(--am-line);
  background:var(--am-panel);
  cursor:pointer;
  text-align:left;
}
.am-settings-row-text{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.am-settings-row-label{ font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#c8a44e; }
.am-settings-row-value{
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.am-settings-row-chev{ color:var(--am-gold-bright); font-size:13px; flex-shrink:0; }

/* ---- Reference match tile ---- */
.am-desktop-tip{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px;
  margin-bottom:14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
.am-desktop-tip-icon{ font-size:15px; line-height:1.4; flex-shrink:0; }
.am-desktop-tip-text{ font-size:11.5px; line-height:1.45; color:rgba(255,255,255,.55); flex:1; }
.am-desktop-tip-close{
  background:transparent; border:none; color:rgba(255,255,255,.4);
  font-size:18px; line-height:1; padding:0 0 0 4px; cursor:pointer; flex-shrink:0;
}
.am-desktop-tip-close:hover{ color:rgba(255,255,255,.7); }
.am-desktop-tip[hidden]{ display:none; }

.am-ref-tile{
  margin-top:14px;
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border-radius:10px;
  border:1px solid rgba(200,164,78,.35);
  background:linear-gradient(135deg, rgba(212,176,90,.10), rgba(200,164,78,.03));
  cursor:pointer;
  text-align:left;
}
.am-ref-tile-icon{
  width:34px; height:34px;
  border-radius:9px;
  background:var(--am-panel-raised);
  display:flex; align-items:center; justify-content:center;
  font-size:15px;
  flex-shrink:0;
}
.am-ref-tile-text{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.am-ref-tile-label{
  font-size:12.5px;
  font-weight:700;
  color:var(--am-ink);
  display:flex;
  align-items:center;
  gap:7px;
}
.am-ref-tile-badge{
  font-size:8.5px;
  letter-spacing:.05em;
  text-transform:uppercase;
  font-weight:700;
  color:#0a0a0f;
  background:var(--am-gold-bright);
  padding:2px 6px;
  border-radius:20px;
}
.am-ref-tile-value{
  font-size:11px;
  color:var(--am-ink-dim);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.am-ref-drop{
  margin-top:4px;
  border:1.5px dashed var(--am-gold-dim);
  border-radius:14px;
  padding:26px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  cursor:pointer;
}
.am-ref-drop-icon{
  width:40px; height:40px;
  border-radius:50%;
  background:var(--am-panel);
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
  color:var(--am-gold-bright);
}
.am-ref-drop-text{ font-size:12.5px; color:var(--am-ink-dim); }

.am-ref-picked{
  margin-top:4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px;
  border-radius:12px;
  border:1px solid var(--am-gold-bright);
  background:rgba(212,176,90,.08);
}
.am-ref-picked-name{
  font-size:12px;
  color:var(--am-ink);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.am-ref-picked-sub{ font-size:10.5px; color:var(--am-ink-dim); margin-top:2px; }
.am-ref-picked-remove{
  flex-shrink:0;
  width:28px; height:28px;
  border-radius:50%;
  border:1px solid var(--am-line);
  background:transparent;
  color:var(--am-ink-dim);
  cursor:pointer;
  font-size:12px;
}

.am-sheet-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(2px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
  z-index:20;
}
.am-sheet-overlay.open{ opacity:1; pointer-events:auto; }

.am-sheet{
  position:absolute;
  left:0; right:0; bottom:0;
  background:var(--am-panel-raised);
  border:1px solid var(--am-line);
  border-bottom:none;
  border-radius:22px 22px 0 0;
  padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 22px);
  transform:translateY(100%);
  transition:transform .28s cubic-bezier(.32,.72,0,1);
  z-index:21;
  max-height:88%;
  overflow-y:auto;
}
.am-sheet-overlay.open .am-sheet{ transform:translateY(0); }
.am-sheet-grabber{ width:36px; height:4px; border-radius:2px; background:var(--am-line); margin:0 auto 16px; }
.am-sheet-title{ font-size:15px; font-weight:700; color:var(--am-ink); margin-bottom:2px; }
.am-sheet-sub{ font-size:11.5px; color:var(--am-ink-dim); margin-bottom:18px; }

.am-opt-group{ margin-bottom:20px; }
.am-opt-label{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--am-gold-deep); margin-bottom:9px; font-weight:600; }
/* matches the real desktop .selector-btn (main-styles.css:640-680) — bordered
   tile grid with a gold glow on selection, not a filled segmented pill */
.am-segmented{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
}
.am-seg-btn{
  min-height:44px;
  padding:8px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.02);
  color:#fff;
  font-size:12px;
  font-weight:600;
  text-align:center;
  cursor:pointer;
  transition:all .2s ease;
}
.am-seg-btn:hover{ border-color:#d4a94e; background:rgba(212,169,78,.1); }
.am-seg-btn.on{
  border-color:#d4a94e;
  background:rgba(212,169,78,.15);
  box-shadow:0 0 12px rgba(212,169,78,.35), 0 0 24px rgba(212,169,78,.12), inset 0 0 8px rgba(212,169,78,.08);
  color:#d4a94e;
}
.am-seg-btn.disabled{ opacity:.35; cursor:not-allowed; }
.am-seg-btn.disabled:hover{ border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.02); }

/* Plan/tier cards — full parity with desktop's 3-tier pricing modal
   (Standard/Professional/Studio), rendered from TierSystem.getTierConfig()
   so prices/labels/formats never drift from the real source of truth. */
.am-tier-list{ display:flex; flex-direction:column; gap:8px; }
.am-tier-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  padding:11px 14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.02);
  cursor:pointer;
  text-align:left;
  width:100%;
}
.am-tier-card-name{ font-size:13.5px; font-weight:700; color:var(--am-ink); }
.am-tier-card-hint{ display:block; font-size:11px; color:var(--am-ink-dim); margin-top:2px; font-weight:500; }
.am-tier-card-fmt{ font-size:11px; color:var(--am-ink-dim); margin-top:2px; }
.am-tier-card-price{ font-size:15px; font-weight:800; color:var(--am-ink-dim); flex-shrink:0; white-space:nowrap; }
.am-tier-card.on{
  border-color:#d4a94e;
  background:rgba(212,169,78,.15);
  box-shadow:0 0 12px rgba(212,169,78,.35), 0 0 24px rgba(212,169,78,.12), inset 0 0 8px rgba(212,169,78,.08);
}
.am-tier-card.on .am-tier-card-name,
.am-tier-card.on .am-tier-card-price{ color:#d4a94e; }
.am-tier-card.am-tier-previewing{
  animation: am-tier-preview-pulse 1.4s ease-in-out infinite;
}
@keyframes am-tier-preview-pulse{
  0%, 100% { box-shadow:0 0 12px rgba(212,169,78,.35), 0 0 24px rgba(212,169,78,.12), inset 0 0 8px rgba(212,169,78,.08); }
  50% { box-shadow:0 0 20px rgba(212,169,78,.6), 0 0 36px rgba(212,169,78,.25), inset 0 0 12px rgba(212,169,78,.16); }
}

.am-chip-grid{ display:flex; flex-direction:column; gap:8px; }
.am-lufs-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding:12px 14px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.02);
  cursor:pointer;
  transition:all .2s ease;
}
.am-lufs-chip:hover{ border-color:#d4a94e; background:rgba(212,169,78,.1); }
.am-lufs-chip.on{
  border-color:#d4a94e;
  background:rgba(212,169,78,.15);
  box-shadow:0 0 12px rgba(212,169,78,.35), 0 0 24px rgba(212,169,78,.12), inset 0 0 8px rgba(212,169,78,.08);
}
.am-lufs-chip-name{ font-size:13px; font-weight:600; color:#fff; display:flex; align-items:center; gap:7px; }
.am-lufs-chip.on .am-lufs-chip-name{ color:#d4a94e; }
.am-lufs-chip-rec{
  font-size:8.5px;
  letter-spacing:.05em;
  text-transform:uppercase;
  font-weight:700;
  color:#0a0a0f;
  background:var(--am-gold-bright);
  padding:2px 6px;
  border-radius:20px;
}
.am-lufs-chip-sub{ font-size:10.5px; color:var(--am-ink-dim); margin-top:1px; }
.am-lufs-chip-target{ font-size:12px; color:var(--am-ink-dim); }
.am-lufs-chip.on .am-lufs-chip-target{ color:#d4a94e; }

.am-sheet-done{
  margin-top:4px;
  width:100%;
  padding:15px;
  border-radius:8px;
  border:none;
  background:linear-gradient(135deg,#d4b05a 0%,#c8a44e 100%);
  color:#0a0a0f;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  box-shadow:0 4px 18px rgba(200,164,78,.20);
  cursor:pointer;
}

/* ---- Screen 2: Result ---- */
.am-result-hero{ margin-top:8px; text-align:center; }
.am-result-status{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--am-good);
}
.am-result-status::before{ content:"● "; }
.am-result-headline{
  font-size:19px;
  font-weight:700;
  color:var(--am-ink);
  margin:8px 0 2px;
  word-break:break-word;
}
.am-result-sub{ font-size:12.5px; color:var(--am-ink-dim); }

.am-ref-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:10px;
  padding:5px 12px;
  border-radius:20px;
  background:rgba(212,176,90,.10);
  border:1px solid rgba(200,164,78,.30);
  font-size:11px;
  color:var(--am-gold-bright);
  font-weight:600;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.am-wave-wrap{ position:relative; margin:20px 0 4px; }
.am-wave{
  height:64px;
  border-radius:12px;
  background:var(--am-panel);
  display:flex;
  align-items:center;
  gap:2px;
  padding:0 10px;
  overflow:hidden;
}
.am-wave span{
  flex:1;
  background:var(--am-meter);
  border-radius:2px;
  opacity:.85;
  transition:height .25s ease, background .25s ease;
}
.am-wave.raw span{ background:var(--am-ink-dim); opacity:.7; }
.am-playhead{
  position:absolute;
  top:0; bottom:0;
  left:10px;
  width:2px;
  background:var(--am-gold-bright);
  box-shadow:0 0 6px rgba(212,176,90,.7);
  pointer-events:none;
  transition:left .1s linear;
}
.am-play-btn{
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:42px; height:42px;
  border-radius:50%;
  border:none;
  background:rgba(10,10,15,.72);
  backdrop-filter:blur(3px);
  color:var(--am-gold-bright);
  font-size:22px;
  line-height:1;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  /* Optical centering — the ▶ glyph's visual weight sits left of its box,
     nudge it right so it reads as centered inside the circle. Harmless on
     ⏸ (the pause state), which is already visually symmetric. */
  padding-left:3px;
}
.am-time-row{
  display:flex;
  justify-content:space-between;
  font-size:10.5px;
  color:var(--am-ink-dim);
  margin-bottom:6px;
  font-variant-numeric: tabular-nums;
}

.am-report-toggle{
  margin-top:4px;
  width:100%;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 4px;
  border:none;
  border-top:1px solid var(--am-line);
  background:transparent;
  color:var(--am-ink-dim);
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.am-report-chev{ color:var(--am-gold-bright); transition:transform .2s ease; }
.am-report-chev.open{ transform:rotate(90deg); }
.am-report-panel{ display:none; flex-direction:column; gap:0; margin-bottom:6px; }
.am-report-panel.open{ display:flex; }
.am-report-row{
  display:flex;
  justify-content:space-between;
  padding:9px 4px;
  font-size:12px;
  border-bottom:1px solid var(--am-line);
}
.am-report-row-wide{ display:block; color:var(--am-ink-dim); line-height:1.5; }
.am-report-row span:first-child{ color:var(--am-ink-dim); }
.am-report-row span:last-child{ color:var(--am-ink); font-variant-numeric: tabular-nums; }

.am-readout-row{ display:flex; gap:10px; margin:14px 0; }
.am-readout{
  flex:1;
  background:var(--am-panel);
  border:1px solid var(--am-line);
  border-radius:12px;
  padding:12px 10px;
  text-align:center;
}
.am-readout .am-val{
  font-size:18px;
  font-weight:600;
  color:var(--am-gold-bright);
  font-variant-numeric: tabular-nums;
}
.am-readout .am-lbl{
  font-size:9.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--am-ink-dim);
  margin-top:3px;
}

.am-ab-toggle{ display:flex; gap:8px; margin:6px 0 18px; }
.am-ab-btn{
  flex:1;
  min-height:44px;
  padding:11px;
  border-radius:10px;
  border:1px solid var(--am-line);
  background:var(--am-panel);
  color:var(--am-ink-dim);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
}
.am-ab-btn.on{ border-color:var(--am-gold-bright); color:var(--am-gold-bright); background:rgba(240,204,107,.08); }

.am-result-actions{ margin-top:auto; }
.am-link-row{ text-align:center; margin-top:12px; }
.am-tweak-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  width:100%;
  padding:12px 16px;
  border:1px solid var(--am-gold-bright);
  border-radius:8px;
  background:rgba(212,176,90,.08);
  color:var(--am-gold-bright);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.am-tweak-link:active{ background:rgba(212,176,90,.16); }

/* ---- Screen 3: Tweak ---- */
.am-tweak-head-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-top:6px; }
.am-tweak-head{ min-width:0; }
.am-tweak-title{ font-size:16px; font-weight:700; color:var(--am-ink); }
.am-tweak-sub{ font-size:12px; color:var(--am-ink-dim); margin-top:3px; }
.am-reset-link{
  flex-shrink:0;
  margin-top:2px;
  min-height:32px;
  padding:0 2px;
  border:none;
  background:transparent;
  color:var(--am-gold-bright);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.02em;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}
.am-reset-link:disabled{ color:var(--am-ink-dim); text-decoration:none; cursor:default; }

.am-preset-row{ display:flex; gap:8px; margin:14px 0 4px; overflow-x:auto; padding-bottom:2px; }
.am-preset-chip{
  flex-shrink:0;
  min-height:38px;
  padding:0 16px;
  border-radius:20px;
  border:1px solid var(--am-line);
  background:var(--am-panel);
  color:var(--am-ink-dim);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:border-color .15s, color .15s, background .15s;
}
.am-preset-chip.on{ background:rgba(212,176,90,.12); border-color:var(--am-gold-bright); color:var(--am-gold-bright); }

.am-macro-list{ display:flex; flex-direction:column; gap:18px; margin:22px 0 8px; }
.am-macro{ display:flex; flex-direction:column; gap:8px; }
.am-macro-top{ display:flex; justify-content:space-between; align-items:baseline; }
.am-macro-name{ font-size:13.5px; font-weight:600; color:var(--am-ink); }
.am-macro-val{ font-size:12px; color:var(--am-gold-bright); font-variant-numeric: tabular-nums; }
.am-slider{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:5px;
  border-radius:3px;
  background:var(--am-line);
  outline:none;
  cursor:pointer;
}
.am-slider::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:24px; height:24px;
  border-radius:50%;
  background:var(--am-gold-bright);
  border:3px solid #14141b;
  box-shadow:0 0 0 1px var(--am-gold-deep);
  margin-top:-1px;
}
.am-slider::-moz-range-thumb{
  width:24px; height:24px; border-radius:50%;
  background:var(--am-gold-bright); border:3px solid #14141b;
}

.am-desktop-nudge{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border-radius:12px;
  background:var(--am-panel);
  border:1px solid var(--am-line);
}
.am-desktop-nudge-icon{
  width:34px; height:34px;
  border-radius:9px;
  background:var(--am-panel-raised);
  display:flex; align-items:center; justify-content:center;
  color:var(--am-gold-bright);
  font-size:15px;
  flex-shrink:0;
}
.am-desktop-nudge-text{ font-size:11.5px; color:var(--am-ink-dim); line-height:1.4; min-width:0; }
.am-desktop-nudge-text b{ color:var(--am-ink); display:block; font-size:13px; margin-bottom:2px; }