/* GENERATED FILE - DO NOT EDIT.
   Source: shared/delete-account.css - run `npm run sync:shared` after editing. */

/* "Delete account" sheet — shared/delete-account.js (web + app). */
.lb-del-back {
  position: fixed;
  inset: 0;
  /* Above app sheets (.sheet-modal 12000): Delete workbook opens it from one. */
  z-index: 13000;
  display: grid;
  place-items: center;
  padding: max(16px, env(safe-area-inset-top)) 16px max(16px, var(--safe-bot, env(safe-area-inset-bottom, 0px)));
  background: rgba(19, 37, 30, 0.62);
  animation: lbDelFade 0.18s ease-out;
}

.lb-del-back.is-closing {
  opacity: 0;
  transition: opacity 0.18s ease;
}

html.lb-del-open,
html.lb-del-open body {
  overflow: hidden;
}

.lb-del-card {
  width: min(24rem, 100%);
  max-height: 100%;
  overflow: auto;
  padding: 1.35rem 1.25rem 1.1rem;
  border-radius: 1.25rem;
  background: #fffdf8;
  color: #1b2a23;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.55);
  font-family: "DM Sans", "Outfit", system-ui, sans-serif;
  text-align: left;
  animation: lbDelPop 0.22s cubic-bezier(0.2, 0.8, 0.3, 1.15);
}

.lb-del-badge {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.75rem;
  border-radius: 50%;
  background: #fbe4dc;
  color: #b3261e;
}

.lb-del-badge svg {
  width: 1.5rem;
  height: 1.5rem;
}

.lb-del-card h2 {
  margin: 0 0 0.3rem;
  font-family: "Playfair Display", "Fraunces", Georgia, serif;
  font-size: 1.45rem;
  line-height: 1.15;
  color: #1b2a23;
}

.lb-del-lede {
  margin: 0 0 0.85rem;
  color: #b3261e;
  font-weight: 700;
  font-size: 0.92rem;
}

.lb-del-list {
  display: grid;
  gap: 0.45rem;
  margin: 0 0 0.8rem;
  padding: 0.8rem 0.85rem;
  border-radius: 0.9rem;
  background: #fdf1ec;
  border: 1px solid #f3cfc2;
  list-style: none;
  font-size: 0.86rem;
  line-height: 1.4;
  color: #44544a;
}

.lb-del-list li {
  position: relative;
  padding-left: 1.2rem;
}

.lb-del-list li::before {
  content: "✕";
  position: absolute;
  left: 0;
  top: 0;
  color: #b3261e;
  font-weight: 800;
  font-size: 0.78rem;
  line-height: 1.6;
}

.lb-del-list strong {
  color: #1b2a23;
}

.lb-del-note {
  margin: 0 0 1rem;
  color: #6b7a70;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* Slide to delete: a native range input drawn as a red track + round thumb. */
.lb-del-slide {
  --p: 0;
  position: relative;
  height: 3.4rem;
  border-radius: 999px;
  background: #fbe4dc;
  border: 1.5px solid #e8a898;
  overflow: hidden;
  isolation: isolate;
}

.lb-del-fill {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #d8452f, #b3261e);
  transform-origin: left center;
  transform: scaleX(var(--p));
}

.lb-del-track-label {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding-left: 3rem;
  color: #b3261e;
  font-weight: 800;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  pointer-events: none;
  opacity: calc(1 - var(--p) * 1.4);
}

.lb-del-slide.is-armed .lb-del-track-label {
  color: #fff;
}

.lb-del-range {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: transparent;
  cursor: grab;
  touch-action: pan-y;
}

.lb-del-range:active {
  cursor: grabbing;
}

.lb-del-range::-webkit-slider-runnable-track {
  height: 100%;
  background: transparent;
}

.lb-del-range::-moz-range-track {
  height: 100%;
  background: transparent;
}

.lb-del-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 3rem;
  height: 3rem;
  margin-top: 0.05rem;
  border-radius: 50%;
  border: 0;
  background: #b3261e
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4.5h6V7M6.5 7l1 12.5h9l1-12.5M10 11v5M14 11v5'/%3E%3C/svg%3E")
    center / 1.3rem no-repeat;
  box-shadow: 0 4px 12px rgba(179, 38, 30, 0.45), 0 0 0 3px #fff;
}

.lb-del-range::-moz-range-thumb {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 0;
  background: #b3261e
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4.5h6V7M6.5 7l1 12.5h9l1-12.5M10 11v5M14 11v5'/%3E%3C/svg%3E")
    center / 1.3rem no-repeat;
  box-shadow: 0 4px 12px rgba(179, 38, 30, 0.45), 0 0 0 3px #fff;
}

.lb-del-range:focus-visible {
  outline: 3px solid #1f3d30;
  outline-offset: 3px;
  border-radius: 999px;
}

.lb-del-slide.is-done .lb-del-range::-webkit-slider-thumb {
  transform: scale(0.9);
}

.lb-del-cancel {
  display: block;
  width: 100%;
  min-height: 2.9rem;
  margin-top: 0.7rem;
  border: 0;
  border-radius: 999px;
  background: #1f3d30;
  color: #fbf6ec;
  font: inherit;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
}

.lb-del-cancel:focus-visible {
  outline: 3px solid #e6c98e;
  outline-offset: 2px;
}

@keyframes lbDelFade {
  from {
    opacity: 0;
  }
}

@keyframes lbDelPop {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.97);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lb-del-back,
  .lb-del-card {
    animation: none;
  }
}

/* Published workbook: the gentle way out — hide it instead of deleting. */
.lb-del-private {
  display: block;
  width: 100%;
  min-height: 2.9rem;
  margin-top: 0.7rem;
  border: 1.5px solid #1f3d30;
  border-radius: 999px;
  background: transparent;
  color: #1f3d30;
  font: inherit;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
}

.lb-del-private:focus-visible {
  outline: 3px solid #e6c98e;
  outline-offset: 2px;
}

/* What stays (the demo's "Your checklist ticks stay"): a green tick, not the red cross of what goes. */
.lb-del-list li.is-keep::before {
  content: "✓";
  color: #1f6b44;
}