html { scroll-behavior: smooth; }
.replica-dialog { color: #f5f3eb; background: #1b1d22; border: 1px solid #ffffff30; border-radius: 20px; padding: 32px; width: min(460px, calc(100vw - 32px)); box-sizing: border-box; box-shadow: 0 28px 100px #0009; }
.replica-dialog::backdrop { background: #101114cc; backdrop-filter: blur(6px); }
.replica-dialog h2 { font: 700 24px/1.3 Manrope, sans-serif; margin: 8px 24px 16px 0; }
.replica-dialog p { font: 400 15px/1.7 Manrope, sans-serif; color: #c7c8c0; }
.replica-close { position: absolute; right: 16px; top: 12px; border: 0; background: transparent; color: inherit; font-size: 28px; cursor: pointer; }
.replica-ok { background: #d7ff3f; color: #101114; border: 0; padding: 12px 24px; border-radius: 10px; font: 700 14px Manrope, sans-serif; cursor: pointer; margin-top: 12px; }
.dh-drop.has-photo img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
@media(max-width: 760px) { #site-main-navigation.replica-nav-open { display: flex; position: absolute; top: 100%; left: 0; right: 0; background: #1b1d22; padding: 16px; z-index: 100; border-bottom: 1px solid #ffffff25; } }
@media(prefers-reduced-motion:reduce) { html {scroll-behavior: auto;} }
.workspace-banner{display:flex;gap:16px;justify-content:center;align-items:center;padding:10px 20px;background:#1b1d22;color:#f5f3eb;font:500 12px/1.5 Manrope,sans-serif;flex-wrap:wrap}.workspace-banner button,.workspace-secondary{background:transparent;border:1px solid #ffffff35;border-radius:8px;color:inherit;padding:7px 12px;cursor:pointer}.dh-workspace{width:min(600px,calc(100vw - 32px));max-height:90vh;overflow:auto}.workspace-key-form{display:grid;gap:10px;margin:20px 0}.workspace-key-form label{font-size:13px}.workspace-key-form input{width:100%;border:1px solid #ffffff35;border-radius:8px;padding:12px;background:#101114;color:#fff;box-sizing:border-box}.workspace-key-form a,.workspace-job a,#workspace-config>a{color:#d7ff3f;font-size:13px}.workspace-status{margin:18px 0;color:#c7c8c0;font-size:14px;line-height:1.6}.workspace-job{border-top:1px solid #ffffff25;padding:16px 0}.workspace-job small{display:block;overflow-wrap:anywhere;color:#a4a69e;margin:8px 0}.workspace-job video{display:block;max-height:420px;width:100%;margin:12px 0;border-radius:12px;background:#000}.replica-ok:disabled,button.dh-primary:disabled{opacity:.55;cursor:wait}#workspace-config>.replica-ok{display:block;margin-top:18px}

/* Shared palette for every public locale, guide, pricing page and account UI. */
:root[data-site="damehombro"] {
  --color-paper: #101114;
  --color-paper-2: #1b1d22;
  --color-paper-3: #25282e;
  --color-ink: #f5f3eb;
  --color-ink-2: #c7c8c0;
  --color-muted: #a4a69e;
  --color-rule: #34373e;
  --color-rule-strong: #686c75;
  --color-accent: #d7ff3f;
  --color-accent-strong: #e4ff83;
  --color-accent-soft: #292f19;
  --color-accent-ink: #101114;
  --color-accent-strong-ink: #101114;
  --color-accent-soft-ink: #e4ff83;
  --color-accent-text: #d7ff3f;
  --color-accent-highlight: #e4ff83;
  --color-accent-shadow: #d7ff3f1a;
  --gradient-accent: linear-gradient(105deg, #d7ff3f, #e4ff83);
  --color-focus: #d7ff3f;
  --color-danger: #ff947f;
  --color-danger-soft: #38211e;
  --color-overlay: #101114cc;
  --glass-surface: #1b1d22;
  --glass-surface-2: #202228;
  --glass-surface-strong: #202228f5;
  --glass-rail: #141619;
  --glass-border: #34373e;
  --glass-border-strong: #686c75;
  --glass-highlight: #ffffff08;
  --glass-shade: #00000014;
  --glass-sheen: none;
  --glass-shadow: 0 12px 32px -24px #0009;
  --glass-shadow-strong: 0 20px 50px -24px #000b;
}
/* Keep saturated color on actions, with only a restrained glow behind the hero. */
:root[data-site="damehombro"] .dh-hero::before { opacity: .15; }
.replica-ok:hover { background: var(--color-accent-strong); }
.replica-ok:focus-visible, .workspace-secondary:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}
::selection { background: #d7ff3f; color: #101114; }
