@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

html[data-product-edition="bookpowered"] {
  --purple: #078d80;
  --purple-dark: #14304f;
  --purple-light: #eaf9f6;
  --dark: #111923;
  --text: #5f6b78;
  --muted: #73808d;
  --line: #dde3e5;
  --surface: #fffefa;
  --surface-soft: #f7f5ef;
  --teal: #078d80;
  --teal-bright: #0cb8a3;
  --navy: #14304f;
  color: #111923;
  background: #fffefa;
}

html[data-product-edition="bookpowered"] body {
  font-family: 'DM Sans', sans-serif;
  color: #111923;
  background: radial-gradient(circle at 92% 10%, transparent 0 145px, rgba(18,87,166,.07) 146px 214px, transparent 215px), linear-gradient(142deg, transparent 0 72%, rgba(7,141,128,.045) 72% 81%, transparent 81%), #fffefa;
}

html[data-product-edition="bookpowered"] h1,
html[data-product-edition="bookpowered"] h2,
html[data-product-edition="bookpowered"] h3,
html[data-product-edition="bookpowered"] h4,
html[data-product-edition="bookpowered"] .workspace-identity strong {
  font-family: 'Manrope', sans-serif;
  letter-spacing: -.03em;
}

html[data-product-edition="bookpowered"] .workspace-sidebar {
  background: radial-gradient(circle at 20% 92%, rgba(12,184,163,.19), transparent 28%), #14304f;
  border-right: 0;
  box-shadow: 14px 0 44px rgba(20,48,79,.10);
}

html[data-product-edition="bookpowered"] .app-brand {
  display: flex;
  align-items: flex-start;
  gap: 0;
  color: #fffefa;
  font-family: 'Manrope', sans-serif;
  font-size: 1.55rem;
  font-weight: 500;
  letter-spacing: -.06em;
  text-transform: lowercase;
}

html[data-product-edition="bookpowered"] .app-brand > span,
html[data-product-edition="bookpowered"] .app-brand > strong {
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  box-shadow: none;
}

html[data-product-edition="bookpowered"] .app-brand > strong { color: #0cb8a3; font-weight: 800; }
html[data-product-edition="bookpowered"] .app-brand sup { margin: .15rem 0 0 .16rem; color: #0cb8a3; font-size: .42rem; letter-spacing: 0; }
html[data-product-edition="bookpowered"] .workspace-identity { border-color: rgba(255,255,255,.13); }

html[data-product-edition="bookpowered"] .workspace-identity small,
html[data-product-edition="bookpowered"] .workspace-sidebar nav button,
html[data-product-edition="bookpowered"] .workspace-sidebar-foot { color: rgba(255,255,255,.72); }

html[data-product-edition="bookpowered"] .workspace-identity strong { color: #fffefa; }
html[data-product-edition="bookpowered"] .workspace-sidebar nav button { border-radius: 6px; }
html[data-product-edition="bookpowered"] .workspace-sidebar nav button:hover { color: #fff; background: rgba(255,255,255,.06); }
html[data-product-edition="bookpowered"] .workspace-sidebar nav button.active { color: #fff; background: rgba(12,184,163,.16); box-shadow: inset 3px 0 #0cb8a3; }
html[data-product-edition="bookpowered"] .workspace-main,
html[data-product-edition="bookpowered"] .form-page { background: transparent; }

html[data-product-edition="bookpowered"] .workspace-topbar {
  border-color: rgba(221,227,229,.88);
  background: rgba(255,254,250,.88);
  backdrop-filter: blur(18px);
}

html[data-product-edition="bookpowered"] .eyebrow,
html[data-product-edition="bookpowered"] .kicker,
html[data-product-edition="bookpowered"] .section-heading > span { color: #078d80; letter-spacing: .12em; }

html[data-product-edition="bookpowered"] .button,
html[data-product-edition="bookpowered"] button.primary,
html[data-product-edition="bookpowered"] input[type="submit"] {
  border-color: #078d80;
  border-radius: 7px;
  background: #078d80;
  color: #fff;
  box-shadow: 0 8px 18px rgba(7,141,128,.14);
}

html[data-product-edition="bookpowered"] .button:hover,
html[data-product-edition="bookpowered"] button.primary:hover,
html[data-product-edition="bookpowered"] input[type="submit"]:hover { border-color: #06796f; background: #06796f; }

html[data-product-edition="bookpowered"] .button.secondary { border-color: #cad4d8; background: rgba(255,254,250,.82); color: #14304f; box-shadow: none; }

html[data-product-edition="bookpowered"] input,
html[data-product-edition="bookpowered"] select,
html[data-product-edition="bookpowered"] textarea { border-color: #cad4d8; border-radius: 6px; background: rgba(255,255,255,.92); color: #111923; }

html[data-product-edition="bookpowered"] input:focus,
html[data-product-edition="bookpowered"] select:focus,
html[data-product-edition="bookpowered"] textarea:focus { border-color: #078d80; box-shadow: 0 0 0 3px rgba(7,141,128,.11); }

html[data-product-edition="bookpowered"] .panel,
html[data-product-edition="bookpowered"] .form-card,
html[data-product-edition="bookpowered"] .workspace-card,
html[data-product-edition="bookpowered"] .card { border-color: rgba(202,212,216,.88); border-radius: 10px; background: rgba(255,254,250,.88); box-shadow: 0 20px 54px rgba(20,48,79,.07); }

html[data-product-edition="bookpowered"] .stat-card,
html[data-product-edition="bookpowered"] .metric-card { border: 0; border-left: 1px solid #dde3e5; border-radius: 0; background: transparent; box-shadow: none; }

html[data-product-edition="bookpowered"] .form-header { border-color: #dde3e5; background: rgba(255,254,250,.9); backdrop-filter: blur(18px); }
html[data-product-edition="bookpowered"] .form-header .app-brand { color: #111923; }
html[data-product-edition="bookpowered"] .outcome-notice { border-color: rgba(7,141,128,.26); background: linear-gradient(135deg,rgba(7,141,128,.10),rgba(20,48,79,.055)); }
html[data-product-edition="bookpowered"] .outcome-notice strong { color: #14304f; }
html[data-product-edition="bookpowered"] .agreement-check { border-color: #cad4d8; background: rgba(255,254,250,.72); }
html[data-product-edition="bookpowered"] .agreement-check:has(input:checked) { border-color: #078d80; background: rgba(7,141,128,.07); }
html[data-product-edition="bookpowered"] .agreement-check input { accent-color: #078d80; }
html[data-product-edition="bookpowered"] .agreement-check a { color: #06796f; }
html[data-product-edition="bookpowered"] .legal-callout { margin: 34px 0 42px; padding: clamp(22px,4vw,36px); border: 1px solid rgba(7,141,128,.28); border-radius: 10px; background: linear-gradient(135deg,rgba(7,141,128,.10),rgba(20,48,79,.055)); }
html[data-product-edition="bookpowered"] .legal-callout h2 { margin-top: 0; color: #078d80; font-size: .82rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
html[data-product-edition="bookpowered"] .legal-callout p:first-of-type { color: #14304f; font-size: clamp(1.2rem,2.4vw,1.65rem); line-height: 1.3; }
html[data-product-edition="bookpowered"] .wizard-progress button span { border-color: #078d80; color: #078d80; }
html[data-product-edition="bookpowered"] .wizard-progress button.active span,
html[data-product-edition="bookpowered"] .wizard-progress button[aria-current="step"] span { background: #078d80; color: #fff; }

@media (max-width: 800px) {
  html[data-product-edition="bookpowered"] .mobile-workspace-bar { border-color: #dde3e5; background: rgba(255,254,250,.94); backdrop-filter: blur(16px); }
  html[data-product-edition="bookpowered"] .mobile-workspace-brand { color: #14304f; font-family: 'Manrope', sans-serif; font-weight: 800; letter-spacing: -.04em; }
}