:root {
  --ivory: #fbf7f1;
  --ivory-2: #f4eee6;
  --rose-50: #f7e9e7;
  --rose-100: #edd1cc;
  --rose-300: #c98f88;
  --rose-500: #9f665d;
  --ink: #171412;
  --ink-soft: #3d332e;
  --muted: #7d7068;
  --line: rgba(70, 54, 44, .13);
  --gold: #b58a58;
  --teal: #2f6f64;
  --teal-soft: #e4f1ed;
  --white: #fffdf9;
  --surface: rgba(255, 253, 249, .86);
  --surface-strong: #fffdf9;
  --shadow: 0 22px 70px rgba(54, 41, 32, .11);
  --shadow-soft: 0 14px 36px rgba(54, 41, 32, .08);
  --radius: 8px;
  --radius-sm: 6px;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("/assets/fonts/NotoSansSC.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Noto Serif SC";
  src: url("/assets/fonts/NotoSerifSC.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "LXGW WenKai";
  src: url("/assets/fonts/LXGWWenKai-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "ZCOOL XiaoWei";
  src: url("/assets/fonts/ZCOOLXiaoWei-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Ma Shan Zheng";
  src: url("/assets/fonts/MaShanZheng-Regular.ttf") format("truetype");
  font-display: swap;
}

* { box-sizing: border-box; }

html { scroll-behavior: auto; }

body {
  margin: 0;
  color: var(--ink);
  font-family: "Manrope", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 143, 136, .18), transparent 32rem),
    radial-gradient(circle at 88% 12%, rgba(47, 111, 100, .11), transparent 31rem),
    linear-gradient(135deg, #fffaf4 0%, #fbf2ed 52%, #f5eee7 100%);
  letter-spacing: 0;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .36;
  background-image:
    linear-gradient(rgba(23, 20, 18, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 20, 18, .026) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 80%);
}

button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }

.hidden { display: none !important; }

.app {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 268px minmax(0, 1fr);
  isolation: isolate;
}

.app::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(340px circle at var(--page-mx, 50vw) var(--page-my, 50vh), rgba(255,232,166,.24), transparent 52%),
    radial-gradient(520px circle at var(--page-mx, 50vw) var(--page-my, 50vh), rgba(181,138,88,.12), transparent 62%),
    linear-gradient(135deg, transparent, rgba(125,157,145,.04), transparent);
  mix-blend-mode: screen;
  transition: opacity .28s var(--ease-out);
}

.app.has-page-pointer-light::before {
  opacity: .72;
}

.sidebar,
.main {
  position: relative;
  z-index: 1;
}

.sidebar {
  height: 100vh;
  min-height: 100vh;
  position: sticky;
  top: 0;
  padding: 24px 18px;
  border-right: 1px solid var(--line);
  background: rgba(255, 253, 249, .78);
  backdrop-filter: blur(22px);
  z-index: 10;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(227,188,131,.22) transparent;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 6px;
  margin-bottom: 26px;
}

.brand-mark {
  width: 42px;
  height: 42px;
  border-radius: var(--radius);
  display: grid;
  place-items: center;
  color: #f8e8dc;
  background: linear-gradient(145deg, #211b17, #6f453c);
  box-shadow: 0 16px 32px rgba(49, 31, 25, .18);
  font-size: 18px;
  font-weight: 900;
}

.brand-title { font-size: 18px; font-weight: 900; }
.brand-subtitle { margin-top: 2px; color: var(--muted); font-size: 12px; }

.nav {
  display: grid;
  gap: 7px;
}

.nav button {
  width: 100%;
  min-height: 42px;
  border: 0;
  border-radius: var(--radius);
  padding: 10px 12px;
  color: var(--ink-soft);
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.nav button:hover,
.nav button.active {
  color: var(--white);
  background: linear-gradient(135deg, #191513, #6f4a41);
  box-shadow: 0 12px 28px rgba(54, 35, 29, .16);
  transform: translateY(-1px);
}

.nav-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--ink);
  background: linear-gradient(145deg, #f5dfda, #fffaf5);
  font-size: 12px;
  font-weight: 900;
}
.nav-icon svg { width: 15px; height: 15px; stroke-width: 2.3; }
.nav button:hover .nav-icon,
.nav button.active .nav-icon { color: var(--rose-500); background: rgba(255,253,249,.94); }

/* Sidebar current-view focus rail pass */
.nav button[aria-current="page"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.nav button[aria-current="page"]::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 10px;
  bottom: 10px;
  z-index: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff7dd, #d9b98c 44%, #bd877c);
  box-shadow:
    0 0 14px rgba(217,185,140,.46),
    0 0 28px rgba(189,135,124,.22);
}

.nav button[aria-current="page"]::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .34;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.46) 45%, rgba(244,223,196,.18) 54%, transparent 68%, transparent 100%),
    radial-gradient(circle at 14% 18%, rgba(217,185,140,.18), transparent 28%);
  transform: translateX(-126%) skewX(-12deg);
}

.nav button[aria-current="page"] > * {
  position: relative;
  z-index: 1;
}

.nav button[aria-current="page"] .nav-icon {
  position: relative;
  color: #8f5b55;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(244,223,196,.82)),
    radial-gradient(circle at 20% 0, rgba(255,255,255,.72), transparent 40%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.52) inset,
    0 8px 18px rgba(217,185,140,.16);
}

.nav button[aria-current="page"] .nav-icon::after {
  content: "";
  position: absolute;
  right: -2px;
  top: -2px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #d9b98c;
  box-shadow:
    0 0 0 3px rgba(217,185,140,.16),
    0 0 14px rgba(217,185,140,.56);
}

@media (prefers-reduced-motion: no-preference) {
  .nav button[aria-current="page"]::after {
    animation: navCurrentSweep 7.2s ease-in-out infinite;
  }

  .nav button[aria-current="page"]::before {
    animation: navCurrentRail 4.8s ease-in-out infinite;
  }

  .nav button[aria-current="page"] .nav-icon::after {
    animation: navIconPulse 3.8s ease-in-out infinite;
  }

  .nav button[aria-current="page"]:hover::before,
  .nav button[aria-current="page"]:hover::after,
  .nav button[aria-current="page"]:hover .nav-icon::after,
  .nav button[aria-current="page"]:focus-visible::before,
  .nav button[aria-current="page"]:focus-visible::after,
  .nav button[aria-current="page"]:focus-visible .nav-icon::after {
    animation-play-state: paused;
  }
}

@keyframes navCurrentSweep {
  0%, 48% {
    transform: translateX(-126%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes navCurrentRail {
  0%, 100% {
    opacity: .72;
    transform: scaleY(.78);
  }
  50% {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes navIconPulse {
  0%, 100% {
    transform: scale(.86);
    opacity: .7;
  }
  50% {
    transform: scale(1.18);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav button[aria-current="page"]::before,
  .nav button[aria-current="page"]::after,
  .nav button[aria-current="page"] .nav-icon::after {
    animation: none !important;
  }
}

.quota-card {
  margin-top: 24px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(255,255,255,.66), rgba(247,233,231,.78));
  box-shadow: var(--shadow-soft);
}

.quota-card.is-quota-warning,
.quota-card.is-quota-low {
  border-color: rgba(181,138,88,.42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(244,223,196,.55)),
    radial-gradient(circle at 100% 0, rgba(181,138,88,.18), transparent 34%);
}

.quota-card.is-quota-low {
  border-color: rgba(159,61,53,.42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(252,236,233,.78)),
    radial-gradient(circle at 100% 0, rgba(159,61,53,.16), transparent 34%);
}

.quota-recharge {
  width: 100%;
  margin-top: 12px;
  min-height: 36px;
}

.quota-card #quotaStatus {
  position: relative;
  overflow: hidden;
  color: #2f6f64;
  border-color: rgba(47,111,100,.18);
  background:
    linear-gradient(145deg, rgba(228,241,237,.92), rgba(255,253,249,.74)),
    radial-gradient(circle at 18% 0, rgba(125,157,145,.2), transparent 36%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.64) inset,
    0 8px 20px rgba(47,111,100,.08);
}

.quota-card #quotaStatus::after {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  opacity: .28;
  background: linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.82) 47%, rgba(125,157,145,.24) 56%, transparent 68%, transparent 100%);
  transform: translateX(-120%) skewX(-12deg);
}

.quota-card.is-quota-warning #quotaStatus {
  color: #9f5b2c;
  border-color: rgba(181,138,88,.24);
  background:
    linear-gradient(145deg, rgba(255,247,221,.92), rgba(255,253,249,.74)),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.22), transparent 36%);
}

.quota-card.is-quota-low #quotaStatus {
  color: #8f3f36;
  border-color: rgba(159,61,53,.24);
  background:
    linear-gradient(145deg, rgba(252,236,233,.94), rgba(255,253,249,.74)),
    radial-gradient(circle at 18% 0, rgba(159,61,53,.18), transparent 36%);
}

.quota-row,
.top-actions,
.profile-panel-head,
.copy-result-head,
.quota-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.quota-number { font-size: 28px; font-weight: 950; line-height: 1; }
.quota-label { color: var(--muted); font-size: 13px; margin-bottom: 5px; }

.progress {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(92, 70, 59, .12);
}

.progress span {
  display: block;
  height: 100%;
  width: 70%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--teal), var(--gold), var(--rose-500));
}

/* Quota energy flow pass */
.quota-card .progress,
.profile-progress .progress {
  position: relative;
  isolation: isolate;
}

.quota-card .progress span {
  position: relative;
  overflow: hidden;
  min-width: 4%;
  box-shadow:
    0 0 12px rgba(217,185,140,.22),
    inset 0 1px 0 rgba(255,255,255,.36);
}

.profile-progress .progress span {
  position: relative;
  overflow: hidden;
  min-width: 0;
  box-shadow:
    0 0 12px rgba(217,185,140,.22),
    inset 0 1px 0 rgba(255,255,255,.36);
}

.quota-card .progress span::after,
.profile-progress .progress span::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .55;
  background:
    linear-gradient(112deg, transparent 0%, transparent 30%, rgba(255,255,255,.72) 44%, rgba(255,247,221,.34) 52%, transparent 66%, transparent 100%);
  transform: translateX(-120%) skewX(-14deg);
}

.quota-card.is-quota-warning .progress span {
  background: linear-gradient(90deg, #b87972, #d9b98c, #e8cf9b);
}

.quota-card.is-quota-low .progress span {
  background: linear-gradient(90deg, #9f3d35, #c96c63, #d9b98c);
  box-shadow:
    0 0 14px rgba(159,61,53,.2),
    inset 0 1px 0 rgba(255,255,255,.3);
}

@media (prefers-reduced-motion: no-preference) {
  .quota-card .progress span::after,
  .profile-progress .progress span::after {
    animation: quotaEnergySweep 4.9s ease-in-out infinite;
  }

  .quota-card .progress span,
  .profile-progress .progress span {
    animation: quotaEnergyBreath 6.4s ease-in-out infinite;
  }

  .quota-card #quotaStatus::after {
    animation: quotaStatusGlint 5.8s ease-in-out infinite;
  }

  .quota-card:hover .progress span,
  .quota-card:hover .progress span::after,
  .quota-card:hover #quotaStatus::after,
  .profile-progress:hover .progress span,
  .profile-progress:hover .progress span::after {
    animation-play-state: paused;
  }
}

@keyframes quotaEnergySweep {
  0%, 34% {
    transform: translateX(-120%) skewX(-14deg);
  }
  64%, 100% {
    transform: translateX(120%) skewX(-14deg);
  }
}

@keyframes quotaEnergyBreath {
  0%, 100% {
    filter: saturate(.98) brightness(1);
  }
  50% {
    filter: saturate(1.08) brightness(1.06);
  }
}

@keyframes quotaStatusGlint {
  0%, 48% {
    transform: translateX(-120%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(120%) skewX(-12deg);
  }
}

/* Quota change atelier confirmation pass */
.quota-change-pulse {
  animation: quotaChangeNumber .88s var(--ease-out) both;
}

.quota-card:has(.quota-change-pulse) {
  animation: quotaChangeShell .88s var(--ease-out) both;
}

.topbar-signal strong.quota-change-pulse {
  color: #2f6f64;
  text-shadow: 0 0 18px rgba(125,157,145,.26);
}

@keyframes quotaChangeNumber {
  0% {
    color: #9f5b2c;
    transform: translateY(0) scale(.98);
    text-shadow: 0 0 0 rgba(217,185,140,0);
  }
  40% {
    color: #2f6f64;
    transform: translateY(-1px) scale(1.08);
    text-shadow:
      0 0 18px rgba(125,157,145,.28),
      0 0 26px rgba(217,185,140,.22);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes quotaChangeShell {
  0% {
    box-shadow:
      0 10px 24px rgba(92,70,59,.06),
      inset 0 1px 0 rgba(255,255,255,.62);
  }
  45% {
    box-shadow:
      0 18px 38px rgba(92,70,59,.1),
      0 0 30px rgba(217,185,140,.2),
      inset 0 1px 0 rgba(255,255,255,.84);
  }
  100% {
    box-shadow:
      0 12px 28px rgba(92,70,59,.07),
      inset 0 1px 0 rgba(255,255,255,.72);
  }
}

@media (prefers-reduced-motion: reduce) {
  .quota-change-pulse,
  .quota-card:has(.quota-change-pulse),
  .quota-card .progress span,
  .profile-progress .progress span,
  .quota-card .progress span::after,
  .profile-progress .progress span::after,
  .quota-card #quotaStatus::after {
    animation: none !important;
  }
}

.sidebar-showcase {
  flex: 1 1 260px;
  min-height: 180px;
  max-height: 560px;
  margin-top: 18px;
  border: 1px solid rgba(227,188,131,.22);
  border-radius: var(--radius);
  background: #0a0807;
  box-shadow: 0 22px 58px rgba(0,0,0,.36);
  isolation: isolate;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
}

.sidebar-showcase > img,
.sidebar-showcase > .sidebar-showcase-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.sidebar-showcase > img {
  object-fit: cover;
  filter: saturate(.95) contrast(1.08) brightness(.82);
  transform: scale(1.01);
  transition: transform .45s ease, filter .45s ease;
}

.sidebar-showcase > .sidebar-showcase-shade {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(5,4,4,.08) 0%, rgba(5,4,4,.24) 38%, rgba(5,4,4,.92) 100%),
    radial-gradient(circle at 18% 0%, rgba(215,176,109,.24), transparent 42%),
    radial-gradient(circle at 82% 92%, rgba(255,244,212,.18), transparent 38%);
}

.sidebar-showcase::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 2;
  pointer-events: none;
  border-radius: calc(var(--radius) - 1px);
  background:
    linear-gradient(180deg, rgba(255,245,219,.18), transparent 24%, transparent 72%, rgba(215,176,109,.2)),
    linear-gradient(90deg, rgba(255,255,255,.08), transparent 18%, transparent 82%, rgba(215,176,109,.12));
  mix-blend-mode: screen;
}

.sidebar-showcase > .sidebar-showcase-content {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 3;
  display: grid;
  gap: 8px;
}

.sidebar-showcase-content span,
.sidebar-showcase-content em {
  width: fit-content;
  border: 1px solid rgba(227,188,131,.26);
  border-radius: 999px;
  padding: 5px 9px;
  color: #f1d69d;
  background: rgba(8,7,7,.52);
  backdrop-filter: blur(10px);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
}

.sidebar-showcase-content strong {
  color: #fff8ea;
  font-family: Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-size: 20px;
  line-height: 1.12;
}

.sidebar-showcase-content p {
  margin: 0;
  color: rgba(242,224,199,.82);
  font-size: 12px;
  line-height: 1.55;
}

.sidebar-showcase:hover {
  transform: translateY(-3px);
  border-color: rgba(227,188,131,.42);
  box-shadow: 0 28px 70px rgba(0,0,0,.45), 0 0 0 1px rgba(227,188,131,.08);
}

.sidebar-showcase:hover > img {
  filter: saturate(1.03) contrast(1.12) brightness(.92);
  transform: scale(1.045);
}

.main { min-width: 0; }

.topbar {
  min-height: 76px;
  position: sticky;
  top: 0;
  z-index: 8;
  padding: 18px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 253, 249, .72);
  backdrop-filter: blur(18px);
}

.page-title,
.section-head h2,
.command-copy h2,
.auth-copy h1 {
  margin: 0;
  color: var(--ink);
  line-height: 1.08;
  font-family: Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-weight: 700;
}

.page-title { font-size: 25px; }
.page-title:focus { outline: none; }
.page-desc, .hint, .panel p, .tool-card p, .metric-card small, .choice-item small, .workflow-step small {
  color: var(--muted);
}
.page-desc { margin: 5px 0 0; font-size: 14px; line-height: 1.65; }

.top-actions { flex-wrap: wrap; justify-content: flex-end; }
.left-actions { justify-content: flex-start; }

.btn {
  position: relative;
  overflow: hidden;
  min-height: 40px;
  border: 1px solid rgba(181,138,88,.38);
  border-radius: calc(var(--radius) - 2px);
  padding: 10px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--white);
  background:
    linear-gradient(135deg, rgba(35,30,28,.98), rgba(18,18,18,.96)),
    radial-gradient(circle at 20% 0, rgba(217,185,140,.24), transparent 42%);
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(54,35,29,.12);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.btn::after {
  content: "";
  position: absolute;
  inset: -40% auto -40% -70%;
  width: 42%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  transition: left .45s ease;
}

.btn:hover {
  transform: translateY(-2px);
  border-color: rgba(217,185,140,.72);
  box-shadow: 0 18px 36px rgba(54,35,29,.18);
}
.btn:hover::after { left: 128%; }

.btn.secondary {
  color: var(--ink);
  border-color: rgba(181,138,88,.28);
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,247,235,.72));
}

.btn.pink {
  border-color: rgba(217,185,140,.6);
  background:
    linear-gradient(135deg, #8f5b55, #bd877c 54%, #d9b98c),
    radial-gradient(circle at 18% 0, rgba(255,255,255,.22), transparent 34%);
}
.btn:disabled {
  cursor: not-allowed;
  opacity: .58;
  transform: none;
  box-shadow: none;
}
.btn:disabled::after { display: none; }

.content { padding: 30px 34px 48px; }
/* Active view atelier stage pass */
.view { display: none; animation: reveal .35s ease both; }
.view.active {
  --view-stage-signal: #d9b98c;
  --view-stage-glow: rgba(217,185,140,.18);
  display: block;
  position: relative;
  isolation: isolate;
}

.view.view-entering {
  overflow: hidden;
  animation: viewEnter .48s var(--ease-out) both;
}

.view.view-entering::before,
.view.view-entering::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
}

.view.view-entering::before {
  inset: -18px -24px auto -24px;
  z-index: 0;
  height: 132px;
  opacity: .66;
  background:
    radial-gradient(circle at 18% 0, var(--view-stage-glow), transparent 34%),
    radial-gradient(circle at 82% 8%, rgba(255,242,199,.18), transparent 32%),
    linear-gradient(90deg, transparent, color-mix(in srgb, var(--view-stage-signal) 20%, transparent), transparent);
  filter: blur(.5px);
}

.view.view-entering::after {
  left: -18%;
  right: -18%;
  top: 10px;
  z-index: 0;
  height: 2px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, var(--view-stage-signal), rgba(255,253,249,.88), transparent);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--view-stage-signal) 24%, transparent),
    0 0 36px var(--view-stage-glow);
  transform: translateX(-28%) scaleX(.36);
}

.view.view-entering > * {
  position: relative;
  z-index: 1;
}

@keyframes viewEnter {
  from { opacity: .72; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: no-preference) {
  .view.view-entering::after {
    animation: activeViewStageSweep .72s var(--ease-out) both;
  }
}

@keyframes activeViewStageSweep {
  0% {
    opacity: 0;
    transform: translateX(-32%) scaleX(.28);
  }
  38% {
    opacity: .82;
    transform: translateX(0) scaleX(.92);
  }
  100% {
    opacity: 0;
    transform: translateX(28%) scaleX(.58);
  }
}

@media (prefers-reduced-motion: reduce) {
  .view.view-entering,
  .view.view-entering::before,
  .view.view-entering::after {
    animation: none !important;
  }
}

@keyframes reveal {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.panel,
.metric-card,
.tool-card,
.auth-panel,
.auth-copy {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(18px);
}

.panel { padding: 22px; }
.interactive-surface { position: relative; overflow: hidden; }
.interactive-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(181,138,88,.18), transparent 42%);
  transition: opacity .18s ease;
}
.interactive-surface:hover::before { opacity: 1; }
.interactive-surface::after,
.choice-item::after,
.select-chip::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .26;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.4) 18%, transparent 34%),
    linear-gradient(90deg, transparent, rgba(217,185,140,.28), rgba(255,232,166,.2), transparent);
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 1px;
}
.interactive-surface.has-pointer-light::after,
.interactive-surface:hover::after,
.choice-item:hover::after,
.select-chip:hover::after {
  opacity: .58;
}
.interactive-surface > * { position: relative; z-index: 1; }

/* Global atelier pointer light pass */
@media (prefers-reduced-motion: no-preference) {
  .interactive-surface::after,
  .choice-item::after,
  .select-chip::after {
    animation: atelierSurfaceEdgeBreath 7.8s ease-in-out infinite;
  }
}

@keyframes atelierSurfaceEdgeBreath {
  0%, 100% {
    filter: saturate(1) brightness(1);
    transform: translateZ(0);
  }
  50% {
    filter: saturate(1.18) brightness(1.08);
    transform: translateZ(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .app::before,
  .interactive-surface::after,
  .choice-item::after,
  .select-chip::after {
    animation: none !important;
    transition: none !important;
  }
}

.eyebrow,
.step-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--rose-500);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
}

.pill,
.tag {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border: 1px solid rgba(181,138,88,.28);
  border-radius: 999px;
  padding: 5px 10px;
  color: #73553a;
  background: rgba(255, 247, 235, .75);
  font-size: 12px;
  font-weight: 700;
}

.auth-screen {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .55fr);
  gap: 22px;
  align-items: stretch;
  padding: 28px;
}

.auth-copy {
  position: relative;
  min-height: calc(100vh - 56px);
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    linear-gradient(90deg, rgba(255,253,249,.88), rgba(255,253,249,.26)),
    url("/assets/hero-clinic-suite.png") center / cover;
  overflow: hidden;
}
.auth-video,
.auth-video-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.auth-video {
  object-fit: cover;
  filter: saturate(.92) contrast(1.08);
}
.auth-video-shade {
  background:
    radial-gradient(circle at 20% 18%, rgba(217,185,140,.24), transparent 30rem),
    linear-gradient(90deg, rgba(18,15,14,.72), rgba(18,15,14,.28) 56%, rgba(18,15,14,.08));
}
.auth-copy > *:not(.auth-video):not(.auth-video-shade) {
  position: relative;
  z-index: 1;
}

.auth-copy .brand-title,
.auth-copy .brand-subtitle,
.auth-copy h1,
.auth-copy p,
.auth-copy .eyebrow { color: #fffaf5; text-shadow: 0 2px 20px rgba(0,0,0,.22); }
.auth-copy h1 { max-width: 760px; font-size: clamp(40px, 6vw, 78px); }
.auth-copy p { max-width: 680px; font-size: 18px; line-height: 1.75; }
.hero-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.auth-enterprise-card {
  align-self: flex-start;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, auto));
  gap: 10px;
  max-width: min(100%, 920px);
  padding: 12px;
  border: 1px solid rgba(255,253,249,.28);
  border-radius: 18px;
  color: #fffaf5;
  background:
    linear-gradient(145deg, rgba(18,15,14,.42), rgba(92,70,59,.22)),
    radial-gradient(circle at 0 0, rgba(255,232,166,.18), transparent 42%);
  box-shadow:
    0 18px 42px rgba(18,14,12,.18),
    inset 0 1px 0 rgba(255,253,249,.2);
  backdrop-filter: blur(16px) saturate(1.12);
}

.auth-enterprise-card span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(255,253,249,.14);
  border-radius: 13px;
  background: rgba(255,253,249,.08);
}

.auth-enterprise-card small {
  color: rgba(255,250,245,.72);
  font-size: 11px;
  font-weight: 850;
}

.auth-enterprise-card strong,
.auth-enterprise-card a {
  color: #fff7dd;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
}

.auth-enterprise-card a:hover {
  color: #ffe8a6;
}
.auth-panel {
  align-self: center;
  padding: 32px;
  border-color: rgba(181,138,88,.26);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.74)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.18), transparent 34%);
  box-shadow: 0 28px 70px rgba(54,35,29,.18);
}
.auth-panel h2 { margin: 0 0 8px; font-size: 28px; }
.auth-panel .btn { width: 100%; margin-top: 12px; }
.switch-line { margin-top: 18px; text-align: center; }
.link-btn { border: 0; background: none; color: var(--rose-500); font-weight: 800; }

.command-hero {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
  min-height: 430px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(255,253,249,.95), rgba(246,231,225,.82));
  box-shadow: var(--shadow);
}

.command-copy {
  padding: clamp(28px, 5vw, 58px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.command-copy h2 { margin-top: 12px; font-size: clamp(38px, 5vw, 68px); }
.command-copy p { max-width: 660px; margin: 18px 0 0; color: var(--ink-soft); font-size: 17px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

.command-visual {
  position: relative;
  min-height: 420px;
  overflow: hidden;
}
.command-visual img { width: 100%; height: 100%; object-fit: cover; }
.visual-glass {
  position: absolute;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: var(--radius);
  padding: 14px 16px;
  color: #fff;
  background: rgba(23,20,18,.34);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 40px rgba(0,0,0,.15);
}
.visual-glass span { display: block; font-size: 11px; letter-spacing: 0; opacity: .82; }
.visual-glass strong { display: block; font-size: 34px; line-height: 1; margin: 5px 0; }
.visual-glass small { opacity: .86; }
.visual-glass-main { left: 22px; bottom: 22px; }
.visual-glass-sub { right: 22px; top: 24px; }

.metric-ribbon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}
.metric-card { padding: 18px; }
.metric-card span { color: var(--muted); font-size: 13px; }
.metric-card strong { display: block; margin: 7px 0; font-size: 32px; line-height: 1; }

.studio-layout,
.tool-layout,
.consult-layout,
.copy-layout,
.reshape-workspace,
.profile-shell,
.admin-grid {
  display: grid;
  gap: 18px;
}
.studio-layout { grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); margin-bottom: 18px; }
.tool-layout, .consult-layout, .copy-layout { grid-template-columns: minmax(0, 1fr) minmax(420px, .96fr); }
.reshape-workspace { grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr); align-items: start; }
.reshape-workspace > .panel:first-child {
  min-height: 720px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.66)),
    radial-gradient(circle at 0 100%, rgba(125,157,145,.12), transparent 34%);
}
.reshape-side {
  position: sticky;
  top: 86px;
  min-height: min(900px, calc(100vh - 108px));
  max-height: calc(100vh - 108px);
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.profile-shell { grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); }
.admin-grid { grid-template-columns: 230px minmax(0, 1fr); align-items: start; }

.section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 18px;
}
.section-head h2 { font-size: 32px; }
.section-head.compact { margin-bottom: 16px; align-items: center; }
.section { margin-top: 18px; }

.workflow-steps,
.tool-matrix,
.template-list,
.pricing,
.stats,
.form-grid,
.fusion-grid,
.video-options,
.choice-list,
.chip-grid,
.consult-scenarios,
.quick-prompts {
  display: grid;
  gap: 12px;
}
.workflow-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.workflow-step,
.choice-item,
.consult-scenario,
.select-chip,
.mini-btn,
.admin-menu button {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  background: rgba(255,255,255,.72);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.workflow-step { padding: 18px; text-align: left; }
.workflow-step:hover,
.choice-item:hover,
.choice-item.active,
.consult-scenario:hover,
.consult-scenario.active,
.select-chip:hover,
.select-chip.active,
.mini-btn:hover,
.admin-menu button:hover,
.admin-menu button.active {
  transform: translateY(-2px);
  border-color: rgba(159,102,93,.45);
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,230,225,.86));
  box-shadow: var(--shadow-soft);
}
.workflow-step span { color: var(--gold); font-weight: 900; }
.workflow-step strong { display: block; margin: 8px 0 5px; font-size: 18px; }

.atelier-panel img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  border-radius: var(--radius);
  margin-bottom: 18px;
}
.atelier-panel h3 { margin: 10px 0; font-size: 24px; line-height: 1.25; }
.atelier-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.atelier-list span { padding: 8px 10px; border-radius: 999px; background: var(--teal-soft); color: var(--teal); font-size: 13px; font-weight: 800; }

.tool-matrix { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tool-card { padding: 14px; overflow: hidden; }
.tool-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius); margin-bottom: 14px; }
.tool-index { color: var(--gold); font-size: 12px; font-weight: 900; }
.tool-card h3 { margin: 7px 0; font-size: 18px; }
.tool-card p { min-height: 62px; font-size: 14px; line-height: 1.65; }
.tool-card .btn { width: 100%; }

.field { display: grid; gap: 8px; }
.field label, .video-options label { color: var(--ink-soft); font-size: 13px; font-weight: 900; }
.auth-code-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: stretch;
}

.auth-code-row .mini-btn {
  min-height: 46px;
  padding: 0 12px;
  white-space: nowrap;
}

.password-field-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 8px;
  align-items: stretch;
}

.password-field-control input {
  min-width: 0;
}

.password-toggle {
  display: inline-grid;
  place-items: center;
  min-height: 46px;
  padding: 0;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 14px;
  color: #8f5b55;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.7)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 58%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 8px 18px rgba(92,70,59,.08);
  cursor: pointer;
  transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), box-shadow .18s var(--ease-out);
}

.password-toggle svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.35;
}

.password-toggle:hover,
.password-toggle:focus-visible,
.password-toggle[aria-pressed="true"] {
  border-color: rgba(125,157,145,.36);
  color: #2f6f64;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 4px rgba(125,157,145,.08),
    0 10px 24px rgba(47,111,100,.1);
}

.password-toggle:hover,
.password-toggle:focus-visible {
  transform: translateY(-1px);
}

.auth-agreement {
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.64)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.12), transparent 36%);
}

.agreement-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  color: var(--ink);
  cursor: pointer;
}

.agreement-check input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  accent-color: #2f6f64;
}

.agreement-check span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.agreement-check strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.45;
}

.agreement-check small,
.agreement-brief {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.agreement-brief {
  display: grid;
  gap: 5px;
  padding: 10px 11px;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: 13px;
  background: rgba(255,255,255,.52);
}

.agreement-brief p {
  margin: 0;
}

.auth-agreement.has-error {
  border-color: rgba(159,61,53,.5);
  box-shadow: 0 0 0 4px rgba(159,61,53,.08);
}

@media (max-width: 420px) {
  .auth-code-row {
    grid-template-columns: 1fr;
  }

  .auth-enterprise-card {
    grid-template-columns: 1fr;
  }
}

input, textarea, select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 11px 12px;
  color: var(--ink);
  background: rgba(255,255,255,.82);
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
textarea { min-height: 132px; resize: vertical; line-height: 1.65; }
input:focus, textarea:focus, select:focus {
  border-color: rgba(159,102,93,.55);
  box-shadow: 0 0 0 4px rgba(201,143,136,.16);
  background: #fff;
}
.form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 16px 0; }
.inline-form { margin-top: 16px; }

.field.has-error label {
  color: #9f3d35;
}

.field.has-error input,
.field.has-error textarea,
.field.has-error select {
  border-color: rgba(159, 61, 53, .5);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(252,236,233,.84));
  box-shadow: 0 0 0 4px rgba(159, 61, 53, .1);
}

.field-error,
.upload-error {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: #8f3f36;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.5;
}

.field-error::before,
.upload-error::before {
  content: "!";
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: #fffaf4;
  background: linear-gradient(145deg, #9f3d35, #c06b62);
  font-size: 10px;
  line-height: 1;
  margin-top: 1px;
}

.template-insight {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.template-insight div {
  border: 1px solid rgba(181,138,88,.2);
  border-radius: var(--radius);
  padding: 12px;
  background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,247,235,.64));
}
.template-insight strong { display: block; color: var(--ink); font-size: 24px; line-height: 1; }
.template-insight span { display: block; margin-top: 6px; color: var(--ink-soft); font-size: 12px; font-weight: 900; }
.template-source-switch {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
  margin: 0 0 12px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: 16px;
  background: rgba(255,255,255,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}
.template-source-switch button {
  min-height: 38px;
  border: 0;
  border-radius: 12px;
  color: var(--ink-soft);
  background: transparent;
  font-size: 13px;
  font-weight: 900;
  transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease;
}
.template-source-switch button:hover,
.template-source-switch button.active {
  transform: translateY(-1px);
  color: var(--ink);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,230,225,.82));
  box-shadow: 0 10px 24px rgba(92,70,59,.08);
}
.template-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin-bottom: 12px; }

.template-search-status {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 34px;
  margin: -2px 0 12px;
  padding: 8px 12px 8px 34px;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: var(--radius);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.64)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.12), transparent 32%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.45;
}

.template-search-status::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #7d9d91;
  box-shadow: 0 0 0 4px rgba(125,157,145,.12), 0 0 18px rgba(125,157,145,.34);
  transform: translateY(-50%);
}

.template-search-status::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.82) 48%, rgba(125,157,145,.22) 56%, transparent 70%, transparent 100%);
  transform: translateX(-124%) skewX(-12deg);
}

.template-search-status.is-empty {
  border-color: rgba(181,138,88,.22);
  color: #8f5a2e;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.72)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 32%);
}

.template-search-status.is-empty::before {
  background: #d9b98c;
  box-shadow: 0 0 0 4px rgba(217,185,140,.14), 0 0 18px rgba(217,185,140,.34);
}

.template-search-status-updated {
  animation: templateSearchStatusBreath .72s var(--ease-out) both;
}

.template-search-status-updated::after {
  opacity: .46;
  animation: templateSearchStatusSweep .72s var(--ease-out) both;
}

.template-search-status > * {
  position: relative;
  z-index: 1;
}

@keyframes templateSearchStatusBreath {
  0% {
    transform: translateY(0);
  }
  46% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes templateSearchStatusSweep {
  from {
    transform: translateX(-124%) skewX(-12deg);
  }
  to {
    transform: translateX(124%) skewX(-12deg);
  }
}

/* Library search result atelier pass */
.template-search-status.has-results {
  border-color: rgba(125,157,145,.32);
  color: #355e53;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(246,251,247,.72)),
    radial-gradient(circle at 4% 0, rgba(125,157,145,.18), transparent 34%),
    radial-gradient(circle at 98% 50%, rgba(217,185,140,.16), transparent 36%);
  box-shadow:
    0 12px 28px rgba(69,103,90,.08),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 0 0 1px rgba(255,255,255,.44);
}

.template-search-status.has-results::before {
  background: linear-gradient(145deg, #7d9d91, #e0bd7b);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.14),
    0 0 18px rgba(125,157,145,.36),
    0 0 28px rgba(217,185,140,.22);
}

.template-search-status.has-results.template-search-status-updated {
  animation:
    templateSearchStatusBreath .72s var(--ease-out) both,
    libraryResultCrownGlow 1.05s var(--ease-out) both;
}

.template-list-updated .template-item:first-child {
  border-color: rgba(125,157,145,.26);
  box-shadow:
    0 18px 38px rgba(69,103,90,.1),
    0 0 0 1px rgba(255,255,255,.54) inset,
    0 0 26px rgba(217,185,140,.13);
}

.template-list-updated .template-item:first-child::before {
  opacity: .62;
}

@media (prefers-reduced-motion: no-preference) {
  .template-list-updated .template-item:first-child {
    animation: libraryResultCrownGlow 1.05s var(--ease-out) both;
  }
}

@keyframes libraryResultCrownGlow {
  0% {
    box-shadow:
      0 10px 24px rgba(69,103,90,.04),
      0 0 0 1px rgba(255,255,255,.42) inset,
      0 0 0 rgba(217,185,140,0);
  }
  42% {
    box-shadow:
      0 20px 46px rgba(69,103,90,.14),
      0 0 0 1px rgba(255,255,255,.62) inset,
      0 0 34px rgba(217,185,140,.22);
  }
  100% {
    box-shadow:
      0 18px 38px rgba(69,103,90,.1),
      0 0 0 1px rgba(255,255,255,.54) inset,
      0 0 26px rgba(217,185,140,.13);
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-search-status.has-results.template-search-status-updated,
  .template-list-updated .template-item:first-child {
    animation: none !important;
  }
}
.custom-knowledge-form {
  margin: 0 0 14px;
  padding: 16px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(250,242,236,.7)),
    radial-gradient(circle at 94% 10%, rgba(181,138,88,.16), transparent 30%);
  box-shadow: 0 14px 30px rgba(92,70,59,.07);
}
.custom-knowledge-form .section-head { margin-bottom: 12px; }
.custom-knowledge-form h3 { margin: 0 0 5px; font-size: 18px; }
.custom-knowledge-form textarea { min-height: 104px; }
.knowledge-scroll-shell {
  display: grid;
  gap: 10px;
  max-height: 560px;
  padding: 14px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: calc(var(--radius) + 2px);
  background:
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(250,242,236,.58));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
  scrollbar-width: thin;
}
.knowledge-scroll-shell::-webkit-scrollbar { width: 10px; }
.knowledge-scroll-shell::-webkit-scrollbar-track {
  background: rgba(92,70,59,.06);
  border-radius: 999px;
}
.knowledge-scroll-shell::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(181,138,88,.58), rgba(159,102,93,.56));
  background-clip: padding-box;
}
.template-filter-bar {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 0 12px;
  margin-bottom: 8px;
  scrollbar-width: thin;
}
.template-filter {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(181,138,88,.24);
  border-radius: 999px;
  color: var(--ink-soft);
  background: rgba(255,255,255,.68);
  font-size: 13px;
  font-weight: 900;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.template-filter:hover,
.template-filter.active {
  transform: translateY(-1px);
  border-color: rgba(159,102,93,.45);
  color: var(--ink);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,230,225,.86));
  box-shadow: 0 10px 22px rgba(92,70,59,.08);
}
.template-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.template-item {
  position: relative;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(250,242,236,.74));
  box-shadow: 0 12px 28px rgba(92,70,59,.06);
}
.template-item::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: var(--radius) 0 0 var(--radius);
  background: linear-gradient(180deg, var(--gold), rgba(159,102,93,.38));
}
.template-item h4 { margin: 0 0 8px; }
.template-item p { min-height: 92px; line-height: 1.7; color: var(--ink-soft); }
.template-meta-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.template-kicker {
  display: inline-flex;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
}
.template-source-badge {
  flex: 0 0 auto;
  min-width: 44px;
  padding: 4px 8px;
  border: 1px solid rgba(181,138,88,.26);
  border-radius: 999px;
  color: var(--ink);
  background: rgba(255,255,255,.68);
  font-size: 11px;
  font-weight: 900;
  text-align: center;
}
.custom-template::before { background: linear-gradient(180deg, rgba(125,157,145,.88), rgba(159,102,93,.42)); }
.custom-template .template-source-badge {
  border-color: rgba(125,157,145,.32);
  background: rgba(238,247,244,.8);
}
.template-card-actions { display: flex; align-items: flex-end; }
.template-card-actions .btn { width: 100%; }
.empty-template-state {
  grid-column: 1 / -1;
  border: 1px dashed rgba(181,138,88,.34);
  border-radius: var(--radius);
  padding: 24px;
  text-align: center;
  color: var(--ink-soft);
  background: rgba(255,255,255,.58);
}
.empty-template-state strong { color: var(--ink); }
.pill-row { display: flex; flex-wrap: wrap; gap: 6px; }
.thumb { height: 84px; border-radius: var(--radius); background: url("/assets/feature-copywriting.png") center / cover; margin-top: 12px; }

.consult-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: calc((100% - 18px) * .5102);
  margin: -6px 0 18px;
  padding: 8px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: calc(var(--radius) + 2px);
  background:
    linear-gradient(145deg, rgba(255,255,255,.7), rgba(246,238,232,.54));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 14px 34px rgba(92,70,59,.08);
}
.consult-tabs button {
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  border-radius: var(--radius);
  color: var(--ink-soft);
  background: transparent;
  font-size: 15px;
  font-weight: 950;
  text-align: center;
}
.consult-tabs button.active {
  color: var(--ink);
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,247,235,.9));
  box-shadow: 0 10px 24px rgba(92, 70, 59, .1);
}
.consult-tab-panel { display: none; }
.consult-tab-panel.active { display: block; }
.consult-tab-panel .section-head.compact { margin-bottom: 14px; }
.consult-layout { align-items: stretch; }
.consult-builder,
.consult-result-panel {
  min-height: 100%;
}
.consult-result-panel {
  display: flex;
  flex-direction: column;
}
.consult-result-panel .copy-result-head {
  flex: 0 0 auto;
}
.consult-result-panel .consult-output {
  flex: 1 1 auto;
}
.consult-result-panel .reply-checklist {
  flex: 0 0 auto;
}
.compact-template-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.compact-template-list .template-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 122px;
  gap: 16px;
}
.compact-template-list .template-item p { min-height: auto; }
.recent-list {
  display: grid;
  gap: 12px;
  max-height: clamp(360px, 46vh, 520px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 6px;
  scrollbar-gutter: stable;
}
.recent-list::-webkit-scrollbar { width: 8px; }
.recent-list::-webkit-scrollbar-track { background: rgba(184, 140, 92, .08); border-radius: 999px; }
.recent-list::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(191, 143, 93, .55), rgba(143, 100, 72, .42));
  border-radius: 999px;
}
.moments-prompts { margin-bottom: 14px; }
.moments-prompts .mini-btn { min-height: 42px; }
.recent-item {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,247,235,.68));
  box-shadow: 0 12px 30px rgba(92,70,59,.06);
}
.recent-item > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.recent-item strong { color: var(--ink); }
.recent-item span { color: var(--gold); font-size: 12px; font-weight: 900; }
.recent-item p { margin: 8px 0 12px; color: var(--ink-soft); line-height: 1.65; }

.consult-scenarios { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.consult-scenario, .choice-item { padding: 14px; text-align: left; }
.consult-scenario span, .choice-item span { display: block; font-weight: 900; }
.consult-scenario small, .choice-item small { display: block; margin-top: 5px; line-height: 1.45; }
.consult-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }

.copy-output,
.consult-output {
  min-height: 320px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 16px;
  white-space: pre-wrap;
  line-height: 1.8;
  color: var(--ink-soft);
  background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(250,242,236,.72));
}
.copy-output.is-generating,
.consult-output.is-generating {
  display: grid;
  align-content: center;
  gap: 12px;
  color: var(--ink);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(250,242,236,.76)),
    radial-gradient(circle at 20% 0, rgba(244,223,196,.25), transparent 36%);
}
.copy-output.is-generating strong,
.consult-output.is-generating strong {
  font-size: 16px;
  color: var(--ink);
}
.copy-output.is-generating p,
.consult-output.is-generating p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
.copy-output.is-error,
.consult-output.is-error {
  color: #8f3f36;
  border-color: rgba(159,61,53,.3);
  background: linear-gradient(145deg, rgba(255,253,249,.94), rgba(252,236,233,.78));
}

.copy-output.is-copyable,
.consult-output.is-copyable {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--ink);
  border-color: rgba(47,111,100,.3);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.66)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.16), transparent 34%);
  box-shadow:
    0 18px 42px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.copy-output.is-copyable::before,
.consult-output.is-copyable::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .22;
  background:
    linear-gradient(116deg, transparent 0%, transparent 36%, rgba(255,255,255,.82) 48%, rgba(125,157,145,.22) 57%, transparent 70%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
}

.copy-output.is-copyable::after,
.consult-output.is-copyable::after {
  content: "可复制";
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  min-height: 24px;
  padding: 5px 9px;
  border: 1px solid rgba(47,111,100,.18);
  border-radius: 999px;
  color: #2f6f64;
  background: rgba(255,253,249,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.copy-output.is-copyable:hover::before,
.consult-output.is-copyable:hover::before,
.copy-output.is-copyable:focus-within::before,
.consult-output.is-copyable:focus-within::before {
  opacity: 0;
  animation-play-state: paused;
}

.copy-output.is-copyable > *,
.consult-output.is-copyable > * {
  position: relative;
  z-index: 1;
}

.copy-output.is-copyable.is-copied::after,
.consult-output.is-copyable.is-copied::after {
  content: "已复制";
  border-color: rgba(217,185,140,.24);
  color: #8f5a2e;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.86)),
    radial-gradient(circle at 20% 0, rgba(217,185,140,.18), transparent 36%);
  box-shadow:
    0 10px 22px rgba(181,138,88,.12),
    inset 0 1px 0 rgba(255,255,255,.74);
  animation: copiedBadgePop .42s var(--ease-out) both;
}

#copyOutput {
  max-height: min(520px, calc(100vh - 260px));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 18px;
  scrollbar-gutter: stable;
}

#copyOutput::-webkit-scrollbar { width: 8px; }
#copyOutput::-webkit-scrollbar-track { background: rgba(184, 140, 92, .08); border-radius: 999px; }
#copyOutput::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(191, 143, 93, .55), rgba(143, 100, 72, .42));
  border-radius: 999px;
}
.output-skeleton {
  display: grid;
  gap: 9px;
  width: min(100%, 520px);
}
.output-skeleton span {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(181,138,88,.13);
}
.output-skeleton span:nth-child(1) { width: 88%; }
.output-skeleton span:nth-child(2) { width: 72%; }
.output-skeleton span:nth-child(3) { width: 94%; }
.output-skeleton span:nth-child(4) { width: 56%; }
.output-skeleton span::after {
  content: "";
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(255,253,249,.9), transparent);
  animation: skeletonSweep 1.2s var(--ease-standard) infinite;
}
.output-finished-pulse {
  animation: outputFinishedPulse 1.1s var(--ease-out);
}
@keyframes skeletonSweep {
  from { transform: translateX(-120%); }
  to { transform: translateX(260%); }
}
@keyframes outputFinishedPulse {
  0% { box-shadow: 0 0 0 0 rgba(47,111,100,.2), inset 0 1px 0 rgba(255,255,255,.72); }
  46% { box-shadow: 0 0 0 8px rgba(47,111,100,.09), 0 18px 42px rgba(47,111,100,.1); }
  100% { box-shadow: none; }
}
@keyframes copiedBadgePop {
  0% { transform: translateY(-2px) scale(.94); opacity: .82; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}
.reply-checklist { margin-top: 16px; display: grid; gap: 10px; }
.reply-checklist h4 { margin: 0; }
.reply-checklist div { padding: 10px 12px; border-radius: var(--radius); background: rgba(228,241,237,.62); color: var(--ink-soft); }
.reply-checklist span { margin-right: 8px; color: var(--teal); font-weight: 900; }
.quick-prompts { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 14px; }
.mini-btn { min-height: 34px; padding: 8px 10px; font-size: 13px; }

.reshape-builder { position: relative; }
.reshape-step, .nested-step { display: none; }
.reshape-step:first-child, .reshape-step.active, .nested-step.active { display: block; }
.reshape-step + .reshape-step, .nested-step { margin-top: 16px; }
.choice-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.choice-list.mode-list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.choice-list.compact-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.option-stack { display: grid; gap: 12px; margin-top: 12px; }
.option-group { border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; background: rgba(255,255,255,.52); }
.option-group h4 { margin: 0 0 10px; }
.chip-grid { grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); }
.select-chip { min-height: 36px; padding: 8px 10px; }
.video-options { grid-template-columns: 1fr; margin-top: 14px; }
.fusion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; }
.assist-note { margin: 12px 0 0; padding: 11px 12px; border-radius: var(--radius); background: var(--teal-soft); color: var(--teal); font-size: 13px; }
.feature-brief {
  margin: 12px 0 16px;
  padding: 14px;
  border: 1px solid rgba(181,138,88,.24);
  border-radius: var(--radius);
  color: var(--ink-soft);
  background: linear-gradient(145deg, rgba(255,247,235,.76), rgba(228,241,237,.42));
}
.feature-brief strong { display: block; color: var(--ink); margin-bottom: 4px; }
.feature-brief p { margin: 0; line-height: 1.65; }

.upload-box {
  position: relative;
  min-height: 132px;
  border: 1px dashed rgba(159,102,93,.45);
  border-radius: var(--radius);
  display: grid;
  place-items: center;
  padding: 18px;
  text-align: center;
  background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(248,232,229,.52));
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.upload-box:hover, .upload-box.drag-over, .upload-box.has-file {
  transform: translateY(-2px);
  border-color: var(--rose-500);
  box-shadow: var(--shadow-soft);
}
.upload-box input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.upload-icon {
  width: 42px;
  height: 42px;
  margin: 0 auto 10px;
  border-radius: var(--radius);
  display: grid;
  place-items: center;
  color: var(--white);
  background: linear-gradient(145deg, var(--ink), var(--rose-500));
  font-weight: 900;
}
.upload-box strong { display: block; }
.upload-box p { margin: 7px 0 0; font-size: 13px; line-height: 1.55; }
.upload-box.compact { min-height: 120px; }
.upload-thumb {
  width: 100%;
  height: 118px;
  margin-bottom: 12px;
  object-fit: cover;
  border-radius: var(--radius);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);
}
.upload-box.has-file {
  border-style: solid;
  background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(228,241,237,.55));
}

.upload-box[data-upload-status]::after,
.upload-box.is-reading::after {
  content: attr(data-upload-status);
}

.upload-box.has-error {
  border-style: solid;
  border-color: rgba(159, 61, 53, .58);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(252,236,233,.78)),
    radial-gradient(circle at 16% 0, rgba(159,61,53,.12), transparent 34%);
  box-shadow: 0 18px 40px rgba(159,61,53,.11);
}
.upload-error {
  justify-content: center;
  width: min(100%, 360px);
  margin: 10px auto 0;
  padding: 8px 10px;
  border: 1px solid rgba(159,61,53,.18);
  border-radius: var(--radius);
  background: rgba(255,253,249,.78);
  text-align: left;
}
.upload-box.is-submitted {
  border-color: rgba(47, 105, 91, .5);
  box-shadow: 0 18px 42px rgba(47,105,91,.12);
}
.upload-status {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
}
.upload-status span {
  padding: 5px 8px;
  border: 1px solid rgba(47,105,91,.18);
  border-radius: 999px;
  color: var(--teal);
  background: rgba(228,241,237,.82);
  font-size: 12px;
  font-weight: 900;
}

.upload-box.has-file:not(.is-reading) .upload-status span:last-child,
.upload-box.is-submitted .upload-status span:last-child {
  border-color: rgba(181,138,88,.22);
  color: #9f5b2c;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.82));
}

/* Upload ready confirmation pass */
.upload-box.has-file:not(.is-reading) {
  isolation: isolate;
}

.upload-box.has-file:not(.is-reading)::after {
  content: "\5DF2\51C6\5907";
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 3;
  min-height: 27px;
  padding: 5px 10px;
  border: 1px solid rgba(47,111,100,.22);
  border-radius: 999px;
  color: #245a51;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.9));
  box-shadow: 0 12px 26px rgba(47,111,100,.12), inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 950;
}

.upload-box.is-submitted:not(.is-reading)::after {
  content: "\5DF2\4F20\5165\4EFB\52A1";
}

.upload-box.has-file:not(.is-reading)::before {
  opacity: .46;
  background:
    radial-gradient(340px circle at var(--mx, 50%) var(--my, 50%), rgba(228,241,237,.38), transparent 46%),
    linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.66) 48%, rgba(143,179,167,.2) 56%, transparent 68%, transparent 100%);
  animation: uploadReadyGlint 7.2s ease-in-out infinite;
}

.upload-box.has-file:not(.is-reading):hover::before,
.upload-box.has-file:not(.is-reading):focus-within::before {
  opacity: .18;
  animation-play-state: paused;
}

.upload-box.upload-confirmed::after {
  top: 12px;
  bottom: auto;
}

.upload-box.is-submitted.upload-confirmed::after {
  content: "\5DF2\4F20\5165\4EFB\52A1";
}

.upload-box[data-upload-status]::after,
.upload-box.is-reading[data-upload-status]::after,
.upload-box.upload-confirmed[data-upload-status]::after,
.upload-box.is-submitted[data-upload-status]::after,
.upload-box.is-submitted.upload-confirmed[data-upload-status]::after {
  content: attr(data-upload-status);
}

@keyframes uploadReadyGlint {
  0%, 46% {
    transform: translateX(-118%) skewX(-12deg);
  }
  74%, 100% {
    transform: translateX(118%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .upload-box.has-file:not(.is-reading)::before {
    animation: none !important;
  }

  .selected-summary::before {
    animation: none !important;
    opacity: 0 !important;
  }

  .history-status-pill.is-running::before {
    animation: none !important;
    opacity: .18 !important;
  }
}
.selected-summary {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 14px 0;
  padding: 14px 74px 14px 14px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,247,235,.78), rgba(255,253,249,.64)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.12), transparent 36%);
  transition: border-color .22s var(--ease-out), box-shadow .22s var(--ease-out), background .22s var(--ease-out);
}
.selected-summary::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .24;
  background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,255,255,.72) 48%, rgba(217,185,140,.28) 56%, transparent 68%, transparent 100%);
  transform: translateX(-120%) skewX(-12deg);
  animation: reshapeSummaryCueSweep 7.8s ease-in-out infinite;
}
.selected-summary::after {
  content: attr(data-status);
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  min-height: 25px;
  padding: 5px 9px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 999px;
  color: #9f5b2c;
  background: rgba(255,253,249,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}
.selected-summary span,
.selected-summary strong {
  position: relative;
  z-index: 1;
}
.selected-summary span { display: block; color: var(--gold); font-size: 12px; font-weight: 900; margin-bottom: 6px; }
.selected-summary strong { line-height: 1.5; }
.selected-summary.is-ready {
  border-color: rgba(47,111,100,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(228,241,237,.72)),
    radial-gradient(circle at 0 0, rgba(47,111,100,.13), transparent 34%);
  box-shadow: 0 12px 28px rgba(47,111,100,.08);
}
.selected-summary.is-ready::before {
  opacity: .26;
  background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,255,255,.76) 48%, rgba(125,157,145,.24) 56%, transparent 68%, transparent 100%);
}
.selected-summary.is-ready::after {
  border-color: rgba(47,111,100,.22);
  color: #2f6f64;
  background: rgba(228,241,237,.88);
}
.selected-summary.is-low {
  border-color: rgba(159,61,53,.3);
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(252,236,233,.72)),
    radial-gradient(circle at 0 0, rgba(184,121,114,.12), transparent 34%);
}
.selected-summary.is-low::after {
  border-color: rgba(159,61,53,.22);
  color: #8f3f36;
  background: rgba(252,236,233,.88);
}
.selected-summary:hover::before,
.selected-summary:focus-within::before {
  opacity: 0;
  animation-play-state: paused;
}

@keyframes reshapeSummaryCueSweep {
  0%, 48% {
    transform: translateX(-120%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(120%) skewX(-12deg);
  }
}

.result-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}
.result-actions .btn { min-height: 42px; }

.result-box {
  position: relative;
  min-height: clamp(330px, 38vh, 420px);
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  display: grid;
  place-items: center;
  overflow: hidden;
  text-align: center;
  background:
    linear-gradient(rgba(255,253,249,.74), rgba(255,253,249,.74)),
    url("/assets/empty-state-case.png") center / cover;
}
.result-box > * {
  position: relative;
  z-index: 1;
}
.result-box.is-loading {
  border-color: rgba(181,138,88,.42);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.64),
    0 22px 52px rgba(92,70,59,.10);
}
.result-box.is-loading::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255,255,255,.34) 38%, rgba(246,218,199,.28) 48%, transparent 62%),
    radial-gradient(circle at 20% 0%, rgba(181,138,88,.16), transparent 34%),
    radial-gradient(circle at 82% 100%, rgba(47,105,91,.13), transparent 32%);
  transform: translateX(-78%);
  animation: resultSheen 2.8s cubic-bezier(.56,.02,.22,1) infinite;
}
.result-box.is-loading::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  z-index: 3;
  height: 7px;
  pointer-events: none;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 999px;
  background: rgba(255,253,249,.68);
  box-shadow: 0 10px 24px rgba(181,138,88,.16);
}
.result-box.is-loading .comparison-result::after,
.result-box.is-loading > div::after,
.result-box.is-loading .dual-preview-wrap::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  z-index: 4;
  height: 3px;
  pointer-events: none;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--rose-500), var(--gold), var(--teal), transparent);
  animation: progressSlide 1.35s ease-in-out infinite alternate;
}
.state-card { max-width: 420px; padding: 18px; }
.state-card.is-error .result-face {
  background: linear-gradient(145deg, #ead0cc, #fff7f1);
  box-shadow: inset 0 -16px 30px rgba(159, 60, 60, .18);
}
.state-progress {
  height: 7px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(92, 70, 59, .12);
}
.state-progress span {
  display: block;
  width: 44%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--rose-500), var(--gold), var(--teal));
  animation: progressSlide 1.25s ease-in-out infinite alternate;
}
@keyframes progressSlide {
  from { transform: translateX(-18%); }
  to { transform: translateX(138%); }
}
@keyframes resultSheen {
  0% { transform: translateX(-82%); opacity: 0; }
  16% { opacity: .88; }
  62% { opacity: .62; }
  100% { transform: translateX(82%); opacity: 0; }
}
.result-face {
  position: relative;
  width: 80px;
  height: 96px;
  margin: 0 auto 12px;
  border-radius: 42% 42% 46% 46%;
  border: 1px solid rgba(181,138,88,.22);
  background:
    radial-gradient(circle at 42% 24%, rgba(255,255,255,.95), rgba(255,255,255,.24) 19%, transparent 20%),
    linear-gradient(145deg, #f5d8ce, #fff8ef 58%, #f7eadb);
  box-shadow:
    0 16px 38px rgba(159,102,93,.12),
    0 0 0 7px rgba(217,185,140,.055),
    inset 0 -16px 30px rgba(159,102,93,.16),
    inset 0 1px 0 rgba(255,255,255,.86);
}

.result-face::before,
.result-face::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
}

.result-face::before {
  inset: -12px -18px;
  z-index: -1;
  opacity: .48;
  background: radial-gradient(closest-side, rgba(217,185,140,.24), rgba(217,185,140,0) 72%);
}

.result-face::after {
  width: 42px;
  height: 2px;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.58), transparent);
}

.result-box.is-placeholder strong,
.result-box:not(.is-loading):has(.state-card) strong,
.copy-output.is-placeholder,
.consult-output.is-placeholder {
  color: var(--ink);
}

.result-box.is-placeholder p,
.result-box:not(.is-loading):has(.state-card) p {
  max-width: 34em;
  margin: 8px auto 0;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.78;
}

@media (prefers-reduced-motion: no-preference) {
  .result-box.is-placeholder .result-face::before,
  .result-box:not(.is-loading):has(.state-card) .result-face::before {
    animation: resultFaceHaloBreath 5.8s ease-in-out infinite;
  }
}

@keyframes resultFaceHaloBreath {
  0%, 100% {
    opacity: .28;
    transform: scale(.92);
  }
  50% {
    opacity: .62;
    transform: scale(1.08);
  }
}
.preview-image {
  width: 100%;
  max-height: 520px;
  object-fit: contain;
  border-radius: var(--radius);
  background: #fff;
}
img[data-protected-preview="true"] {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
  pointer-events: none;
}
video[data-protected-preview="true"] {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  user-select: none;
}
.watermark-editor {
  display: grid;
  gap: 16px;
}
.watermark-common-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: calc(var(--radius) + 2px);
  background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(249,241,235,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}
.watermark-common-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.watermark-common-head strong {
  font-size: 15px;
  font-weight: 950;
}
.watermark-common-head span {
  color: var(--muted);
  font-size: 12px;
}
.watermark-common-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.watermark-font-field {
  grid-column: 1 / -1;
}
.watermark-simple-field {
  display: grid;
  gap: 8px;
  padding: 0 2px;
}
.mini-step-label {
  margin-top: 14px;
}
.video-duration-list .choice-item span {
  font-variant-numeric: tabular-nums;
}
.watermark-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(246,238,232,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}
.watermark-mode-switch button {
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  color: var(--muted);
  background: transparent;
  font-weight: 900;
  transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease;
}
.watermark-mode-switch button:hover {
  color: var(--ink);
  transform: translateY(-1px);
}
.watermark-mode-switch button.active {
  color: #6f3d29;
  background: linear-gradient(145deg, #fffaf4, #f3d7cc);
  box-shadow: 0 12px 24px rgba(159,102,93,.16);
}
.watermark-common-panel .field span {
  color: var(--rose-500);
  margin-left: 6px;
  font-size: 12px;
  font-weight: 900;
}
.watermark-style-field {
  display: grid;
  gap: 10px;
}
.watermark-style-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.watermark-style-card {
  position: relative;
  min-height: 108px;
  padding: 14px 12px 12px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: var(--radius);
  text-align: left;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(250,242,236,.66));
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.watermark-style-card::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .18;
  background-image: linear-gradient(145deg, rgba(255,255,255,.5), rgba(255,250,245,.12));
  pointer-events: none;
}
.watermark-style-card:hover,
.watermark-style-card.active {
  transform: translateY(-2px);
  border-color: rgba(159,102,93,.45);
  box-shadow: var(--shadow-soft);
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,230,225,.88));
}
.watermark-style-card strong {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 14px;
}
.watermark-style-card small {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 4px;
  color: var(--muted);
}
.wm-swatch {
  position: relative;
  z-index: 1;
  display: block;
  width: 84px;
  height: 30px;
  margin-bottom: 8px;
}
.wm-swatch::before,
.wm-swatch::after {
  position: absolute;
  color: #111;
  text-shadow: none;
}
.wm-swatch.heart::before { content: "♥"; left: 24px; top: -7px; font-size: 28px; }
.wm-swatch.crown::before { content: "♛"; left: 22px; top: -8px; font-size: 30px; }
.wm-swatch.sparkle::before { content: "✦"; left: 16px; top: -3px; font-size: 20px; }
.wm-swatch.pearl::before { content: "•••••"; left: 12px; top: 6px; letter-spacing: 6px; font-size: 11px; }
.wm-swatch.bow::before { content: "♥   ♛   ♥"; left: 10px; top: 0px; font-size: 14px; letter-spacing: 2px; }
.wm-swatch.rose::before { content: "✿"; left: 23px; top: -8px; font-size: 28px; }
.wm-swatch::after {
  content: "";
  left: 0;
  bottom: 2px;
  width: 74px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(17,17,17,.32), transparent);
}
.watermark-actions {
  display: grid;
  gap: 10px;
}
.watermark-tip {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.watermark-preview-panel {
  display: grid;
  align-content: start;
  gap: 4px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Watermark preview status rail pass */
.watermark-preview-panel::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 14px;
  z-index: 0;
  height: 1px;
  pointer-events: none;
  opacity: .26;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.38), transparent);
  transform: translateX(-118%) skewX(-12deg);
}
.watermark-preview-panel > * {
  position: relative;
  z-index: 1;
}
.watermark-preview-status {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 2px 0 10px;
}
.watermark-preview-status span {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 58px;
  padding: 10px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.84), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.12), transparent 34%);
  box-shadow:
    0 10px 24px rgba(92,70,59,.05),
    inset 0 1px 0 rgba(255,255,255,.7);
}
.watermark-preview-status span::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .24;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.55), transparent);
}

/* Watermark status dot pulse pass */
.watermark-preview-status span::before {
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  opacity: .54;
  background: linear-gradient(135deg, rgba(181,138,88,.68), rgba(244,223,196,.92));
  box-shadow: 0 0 0 4px rgba(217,185,140,.08), 0 0 14px rgba(217,185,140,.18);
}

.watermark-workspace.has-watermark-file .watermark-preview-status [data-watermark-status="source"]::before {
  opacity: .9;
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow: 0 0 0 4px rgba(125,157,145,.1), 0 0 18px rgba(217,185,140,.24);
}

.watermark-workspace.has-watermark-export .watermark-preview-status [data-watermark-status="sync"]::before,
.watermark-workspace.has-watermark-export .watermark-preview-status [data-watermark-status="cost"]::before {
  opacity: .96;
  background: linear-gradient(135deg, #2f6f64, #d9b98c);
  box-shadow: 0 0 0 4px rgba(47,111,100,.1), 0 0 20px rgba(217,185,140,.28);
  animation: watermarkStatusDotPulse 3.2s ease-in-out infinite;
}

.watermark-preview-status strong,
.watermark-preview-status small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.watermark-preview-status strong {
  color: #4d3931;
  font-size: 12px;
  font-weight: 950;
}
.watermark-preview-status small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}
.watermark-preview-status.is-ready span {
  border-color: rgba(125,157,145,.26);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(230,243,239,.64)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.12), transparent 34%);
}
.watermark-preview-status.is-ready span::after {
  opacity: .36;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.55), rgba(217,185,140,.42), transparent);
}
.watermark-preview-status.is-blocked span:first-child {
  border-color: rgba(181,138,88,.24);
}
.watermark-workspace.has-watermark-file .watermark-preview-status {
  filter: drop-shadow(0 12px 24px rgba(47,111,100,.055));
}
.watermark-workspace.has-watermark-export .watermark-preview-status [data-watermark-status="sync"],
.watermark-workspace.has-watermark-export .watermark-preview-status [data-watermark-status="cost"] {
  border-color: rgba(47,111,100,.26);
}
.watermark-workspace.has-watermark-low-quota .watermark-preview-status [data-watermark-status="cost"] {
  border-color: rgba(159,61,53,.26);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,238,234,.66)),
    radial-gradient(circle at 0 0, rgba(159,61,53,.1), transparent 34%);
}
.watermark-preview-panel .result-box {
  min-height: clamp(560px, 76vh, 860px);
}

/* Watermark idle preview jewel chamber pass */
#watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.22);
  outline: 1px solid rgba(255,253,249,.58);
  background:
    radial-gradient(circle at 22% 10%, rgba(255,255,255,.72), transparent 30%),
    radial-gradient(circle at 88% 86%, rgba(47,111,100,.1), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.66) 58%, rgba(244,223,196,.28));
  box-shadow:
    0 24px 58px rgba(92,70,59,.065),
    0 0 0 3px rgba(217,185,140,.04),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .24;
  background:
    linear-gradient(118deg, transparent 0%, transparent 36%, rgba(255,255,255,.76) 47%, rgba(217,185,140,.26) 55%, rgba(125,157,145,.14) 61%, transparent 74%),
    radial-gradient(circle at 16% 12%, rgba(255,255,255,.28), transparent 30%);
  mix-blend-mode: screen;
  transform: translateX(-140%) skewX(-13deg);
}

#watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 14px;
  z-index: 0;
  height: 2px;
  pointer-events: none;
  border-radius: 999px;
  opacity: .44;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(47,111,100,.24), rgba(255,253,249,.72), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.16);
  transform: scaleX(.54);
}

#watermarkResult:not(.is-export-ready):not(.is-loading) .state-card {
  position: relative;
  isolation: isolate;
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.54)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.13), transparent 46%);
  box-shadow:
    inset 0 0 0 1px rgba(255,253,249,.72),
    inset 0 -18px 34px rgba(217,185,140,.052),
    0 10px 26px rgba(92,70,59,.034);
}

#watermarkResult:not(.is-export-ready):not(.is-loading) .state-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(217,185,140,.18);
  border-radius: calc(var(--radius) - 2px);
  box-shadow:
    inset 0 0 18px rgba(255,253,249,.52),
    0 0 16px rgba(217,185,140,.08);
}

#watermarkResult:not(.is-export-ready):not(.is-loading) .state-card > * {
  position: relative;
  z-index: 1;
}

#watermarkResult:not(.is-export-ready):not(.is-loading) .state-card strong {
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

#watermarkResult:not(.is-export-ready):not(.is-loading) .state-card p {
  color: rgba(80,56,45,.62);
}

@media (prefers-reduced-motion: no-preference) {
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card) {
    animation: watermarkIdleChamberBreath 9.4s ease-in-out infinite;
  }

  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::before {
    animation: watermarkIdlePreviewSweep 8.2s ease-in-out infinite;
  }

  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::after {
    animation: watermarkIdleReadyRail 8.6s ease-in-out infinite;
  }

  #watermarkResult:not(.is-export-ready):not(.is-loading):hover,
  #watermarkResult:not(.is-export-ready):not(.is-loading):hover::before,
  #watermarkResult:not(.is-export-ready):not(.is-loading):hover::after {
    animation-play-state: paused;
  }
}

@keyframes watermarkIdleChamberBreath {
  0%, 100% {
    box-shadow:
      0 20px 48px rgba(92,70,59,.055),
      0 0 0 3px rgba(217,185,140,.035),
      inset 0 1px 0 rgba(255,255,255,.7);
  }
  50% {
    box-shadow:
      0 28px 64px rgba(181,138,88,.085),
      0 0 0 3px rgba(47,111,100,.055),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
}

@keyframes watermarkIdlePreviewSweep {
  0%, 42% {
    transform: translateX(-140%) skewX(-13deg);
  }
  68%, 100% {
    transform: translateX(140%) skewX(-13deg);
  }
}

@keyframes watermarkIdleReadyRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.44);
  }
  48% {
    opacity: .66;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card),
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::before,
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::after {
    animation: none !important;
  }
}

.watermark-preview-shell {
  position: relative;
  display: grid;
  justify-items: center;
  width: min(100%, 720px);
  margin: 0 auto;
}
.watermark-preview-image {
  width: 100%;
  max-width: 720px;
  max-height: none;
  object-fit: contain;
}
.watermark-preview-tag {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: 999px;
  color: #9f5b2c;
  background: rgba(255,253,249,.88);
  box-shadow: 0 10px 20px rgba(92,70,59,.08);
  font-size: 12px;
  font-weight: 900;
}
.watermark-preview-shell strong {
  display: block;
  margin-top: 8px;
  font-size: 18px;
}
.watermark-preview-shell p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}
.watermark-preview-shell .preview-image {
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(245,239,233,.96));
}
.watermark-preview-shell .preview-image,
.watermark-preview-image {
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.watermark-result.is-export-ready {
  position: relative;
  isolation: isolate;
  border-color: rgba(47,111,100,.34);
  box-shadow:
    0 18px 42px rgba(47,111,100,.09),
    0 0 0 3px rgba(125,157,145,.06),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.watermark-result.is-export-ready::before {
  content: "可下载";
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  min-height: 28px;
  padding: 6px 11px;
  border: 1px solid rgba(47,111,100,.2);
  border-radius: 999px;
  color: #2f6f64;
  background: rgba(228,241,237,.92);
  box-shadow:
    0 10px 24px rgba(47,111,100,.1),
    inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.watermark-result.is-export-ready .watermark-preview-shell::after {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  opacity: .26;
  background:
    linear-gradient(118deg, transparent 0%, transparent 40%, rgba(255,255,255,.82) 49%, rgba(125,157,145,.2) 57%, transparent 70%, transparent 100%),
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.18), transparent 32%);
  transform: translateX(-122%) skewX(-12deg);
}

.watermark-result.is-export-ready:hover .watermark-preview-shell::after,
.watermark-result.is-export-ready:focus-within .watermark-preview-shell::after {
  opacity: 0;
  animation-play-state: paused;
}

@media (prefers-reduced-motion: no-preference) {
  .watermark-preview-panel::before {
    animation: watermarkPreviewPanelScan 9.6s ease-in-out infinite;
  }

  .watermark-preview-status.is-ready span::after {
    animation: watermarkPreviewStatusUnderlight 6.8s ease-in-out infinite;
  }

  .watermark-result.is-export-ready .watermark-preview-shell::after {
    animation: watermarkExportReadySweep 8.4s ease-in-out infinite;
  }
}

.watermark-status-sync-pulse {
  animation: watermarkStatusSyncPulse .76s var(--ease-out) both;
}

/* Watermark sync arrival atelier pass */
.watermark-sync-chip-pulse {
  animation: watermarkSyncChipPulse .76s var(--ease-out) both;
}

.watermark-preview-arrival-pulse {
  position: relative;
  isolation: isolate;
  animation: watermarkPreviewArrival .76s var(--ease-out) both;
}

.watermark-preview-arrival-pulse::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background:
    linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,253,249,.86) 48%, rgba(217,185,140,.26) 56%, transparent 70%, transparent 100%),
    radial-gradient(circle at 18% 10%, rgba(125,157,145,.16), transparent 32%);
  transform: translateX(-124%) skewX(-12deg);
  animation: watermarkPreviewArrivalSweep .76s var(--ease-out) both;
}

@keyframes watermarkPreviewPanelScan {
  0%, 48% {
    opacity: .14;
    transform: translateX(-118%) skewX(-12deg);
  }
  72% {
    opacity: .46;
  }
  100% {
    opacity: .14;
    transform: translateX(118%) skewX(-12deg);
  }
}

@keyframes watermarkPreviewStatusUnderlight {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.62);
  }
  50% {
    opacity: .54;
    transform: scaleX(1);
  }
}

@keyframes watermarkStatusSyncPulse {
  0% {
    transform: scale(.992);
    box-shadow: 0 0 0 rgba(125,157,145,0);
  }
  42% {
    transform: scale(1.012);
    box-shadow: 0 16px 34px rgba(125,157,145,.12);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(125,157,145,0);
  }
}

@keyframes watermarkSyncChipPulse {
  0% {
    border-color: rgba(181,138,88,.18);
    transform: translateY(0) scale(.99);
    box-shadow:
      0 10px 24px rgba(92,70,59,.05),
      inset 0 1px 0 rgba(255,255,255,.7);
  }
  44% {
    border-color: rgba(47,111,100,.34);
    transform: translateY(-1px) scale(1.018);
    box-shadow:
      0 16px 34px rgba(47,111,100,.12),
      0 0 26px rgba(217,185,140,.16),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes watermarkStatusDotPulse {
  0%, 100% {
    transform: scale(.86);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.12);
    filter: brightness(1.16);
  }
}

@keyframes watermarkPreviewArrival {
  0% {
    border-color: rgba(181,138,88,.18);
    box-shadow:
      0 12px 28px rgba(92,70,59,.06),
      inset 0 1px 0 rgba(255,255,255,.62);
  }
  45% {
    border-color: rgba(47,111,100,.3);
    box-shadow:
      0 22px 52px rgba(47,111,100,.1),
      0 0 32px rgba(217,185,140,.16),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
  100% {
    box-shadow:
      0 14px 34px rgba(92,70,59,.07),
      inset 0 1px 0 rgba(255,255,255,.7);
  }
}

@keyframes watermarkPreviewArrivalSweep {
  0% {
    opacity: 0;
    transform: translateX(-124%) skewX(-12deg);
  }
  44% {
    opacity: .72;
  }
  100% {
    opacity: 0;
    transform: translateX(124%) skewX(-12deg);
  }
}

@keyframes watermarkExportReadySweep {
  0%, 48% {
    transform: translateX(-122%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(122%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .watermark-preview-panel::before,
  .watermark-preview-status.is-ready span::after,
  .watermark-workspace.has-watermark-export .watermark-preview-status [data-watermark-status="sync"]::before,
  .watermark-workspace.has-watermark-export .watermark-preview-status [data-watermark-status="cost"]::before,
  .watermark-status-sync-pulse,
  .watermark-sync-chip-pulse,
  .watermark-preview-arrival-pulse,
  .watermark-preview-arrival-pulse::after,
  .watermark-result.is-export-ready .watermark-preview-shell::after {
    animation: none !important;
    opacity: 0 !important;
  }
}
.video-preview {
  display: block;
  width: min(100%, 420px);
  max-height: min(72vh, 720px);
  margin: 0 auto 12px;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  background: #0f0d0e;
  box-shadow: 0 18px 48px rgba(43,31,27,.16);
}
.dual-preview-wrap { position: relative; width: 100%; padding: 12px; }
.dual-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.dual-preview-grid figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.74);
}
.dual-preview-grid img,
.preview-placeholder {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.preview-placeholder {
  display: grid;
  place-items: center;
  color: var(--muted);
  background: linear-gradient(145deg, rgba(247,233,231,.78), rgba(228,241,237,.66));
  font-weight: 900;
}
.dual-preview-grid figcaption {
  padding: 9px 10px;
  color: var(--ink-soft);
  font-size: 13px;
  font-weight: 900;
}
.comparison-result {
  position: relative;
  width: 100%;
  padding: 12px;
}
.comparison-slider {
  position: relative;
  width: min(100%, 660px);
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--radius);
  background: #f1e6df;
}
.comparison-image, .comparison-generated { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #f6eee8; }
.comparison-before {
  position: absolute;
  inset: 0;
  clip-path: inset(0 calc(100% - var(--split, 52%)) 0 0);
  z-index: 1;
}
.comparison-after-image { z-index: 0; }
.comparison-generated { display: grid; place-items: center; color: var(--white); background: linear-gradient(145deg, #8b635b, #c99086); font-weight: 900; }
.comparison-slider.is-pending {
  background:
    linear-gradient(rgba(255,253,249,.18), rgba(255,253,249,.18)),
    #f1e6df;
}

/* Image preview jewel stage pass */
.preview-image,
.comparison-image,
.comparison-generated,
.watermark-preview-image {
  outline: 1px solid rgba(255,253,249,.72);
  outline-offset: -1px;
  filter: saturate(1.03) contrast(1.02);
  box-shadow:
    0 12px 28px rgba(92,70,59,.065),
    inset 0 1px 0 rgba(255,255,255,.68);
}

#reshapeResult:not(.is-placeholder):not(.is-loading) > div,
.comparison-slider,
.watermark-preview-shell {
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(181,138,88,.18);
  background:
    radial-gradient(circle at 50% 0, rgba(255,253,249,.42), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.46));
  box-shadow:
    0 24px 58px rgba(92,70,59,.09),
    0 0 0 3px rgba(217,185,140,.045),
    inset 0 1px 0 rgba(255,255,255,.74);
}

.comparison-slider::before,
.watermark-preview-shell::before {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: 2;
  pointer-events: none;
  border: 1px solid rgba(255,253,249,.72);
  border-radius: calc(var(--radius) - 2px);
  box-shadow:
    inset 0 0 18px rgba(255,253,249,.36),
    0 0 18px rgba(217,185,140,.09);
}

.comparison-slider::after,
.watermark-preview-shell::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  opacity: .24;
  background: linear-gradient(115deg, transparent 0%, transparent 42%, rgba(255,255,255,.64) 50%, rgba(217,185,140,.18) 58%, transparent 72%);
  mix-blend-mode: screen;
  transform: translateX(-120%) skewX(-12deg);
}

@media (prefers-reduced-motion: no-preference) {
  .comparison-slider,
  .watermark-preview-shell {
    animation: imagePreviewStageBreath 8.4s ease-in-out infinite;
  }

  .comparison-slider::after,
  .watermark-preview-shell::after {
    animation: imagePreviewStageSweep 8.4s ease-in-out infinite;
  }

  .comparison-slider:hover,
  .comparison-slider:hover::after,
  .watermark-preview-shell:hover,
  .watermark-preview-shell:hover::after {
    animation-play-state: paused;
  }
}

@keyframes imagePreviewStageBreath {
  0%, 100% {
    box-shadow:
      0 20px 48px rgba(92,70,59,.075),
      0 0 0 3px rgba(217,185,140,.035),
      inset 0 1px 0 rgba(255,255,255,.7);
  }
  50% {
    box-shadow:
      0 28px 66px rgba(181,138,88,.1),
      0 0 0 3px rgba(125,157,145,.06),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
}

@keyframes imagePreviewStageSweep {
  0%, 42% {
    opacity: .12;
    transform: translateX(-120%) skewX(-12deg);
  }
  70%, 100% {
    opacity: .32;
    transform: translateX(120%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .comparison-slider,
  .watermark-preview-shell,
  .comparison-slider::after,
  .watermark-preview-shell::after {
    animation: none !important;
  }
}

.pending-after-panel {
  color: var(--ink);
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.78), transparent 28%),
    linear-gradient(145deg, rgba(255,247,235,.96), rgba(247,229,225,.92) 48%, rgba(228,241,237,.88));
}
.pending-after-panel::before {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 50%;
  opacity: .88;
  animation: pendingHalo 2.6s ease-in-out infinite;
}
.pending-after-copy {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  gap: 12px;
  max-width: min(82%, 360px);
  margin: auto;
  padding: 20px;
  color: var(--ink);
  line-height: 1.55;
}
.pending-after-copy span {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(181,138,88,.38);
  border-radius: 999px;
  background:
    conic-gradient(from 90deg, rgba(181,138,88,.08), var(--gold), var(--rose-500), rgba(47,105,91,.72), rgba(181,138,88,.08));
  box-shadow: 0 12px 32px rgba(181,138,88,.2);
  animation: pendingSpin 1.7s linear infinite;
}
.pending-after-copy span::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  margin: 8px;
  border-radius: inherit;
  background: rgba(255,253,249,.96);
}
.pending-after-copy strong {
  font-size: clamp(15px, 2vw, 20px);
  font-weight: 950;
  letter-spacing: 0;
}
.pending-state-card {
  min-width: min(420px, calc(100% - 32px));
  border: 1px solid rgba(181,138,88,.2);
  border-radius: var(--radius);
  background: rgba(255,253,249,.76);
  box-shadow: 0 18px 46px rgba(92,70,59,.1);
}
.reshape-task-queue {
  flex: 1 1 auto;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.66)),
    radial-gradient(circle at 100% 0, rgba(228,241,237,.56), transparent 34%);
  box-shadow: 0 18px 46px rgba(92,70,59,.07);
}
.queue-head,
.queue-card-head,
.queue-meta,
.queue-actions {
  display: flex;
  align-items: center;
}
.queue-head {
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.queue-head h3 {
  margin: 4px 0 0;
  font-size: 20px;
}

.reshape-task-queue .queue-head .pill {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 92px;
  justify-content: center;
  border-color: rgba(181,138,88,.22);
  color: #7a5143;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.74)),
    radial-gradient(circle at 16% 0, rgba(217,185,140,.18), transparent 36%);
}

.reshape-task-queue .queue-head .pill::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);
}

.reshape-task-queue .queue-head .pill::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,255,255,.78) 48%, rgba(244,223,196,.26) 56%, transparent 68%, transparent 100%);
  transform: translateX(-126%) skewX(-12deg);
}

.reshape-task-queue.has-running .queue-head .pill {
  border-color: rgba(217,185,140,.42);
  color: #9f5b2c;
  box-shadow: 0 0 0 3px rgba(217,185,140,.08), inset 0 1px 0 rgba(255,255,255,.72);
}

.reshape-task-queue.has-done:not(.has-running):not(.has-failed) .queue-head .pill {
  border-color: rgba(47,111,100,.24);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.78)),
    radial-gradient(circle at 16% 0, rgba(125,157,145,.18), transparent 36%);
}

.reshape-task-queue.has-failed .queue-head .pill {
  border-color: rgba(159,61,53,.28);
  color: #8f3f36;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(252,236,233,.78)),
    radial-gradient(circle at 16% 0, rgba(159,61,53,.13), transparent 36%);
}

.reshape-task-queue.has-running .queue-head .pill::after,
.reshape-task-queue.has-failed .queue-head .pill::after {
  opacity: .38;
  animation: queueSummarySweep 5.6s ease-in-out infinite;
}

.reshape-task-queue.has-running .queue-head .pill::before {
  animation: queueSummaryPulse 2.8s ease-in-out infinite;
}

.reshape-task-queue:hover .queue-head .pill::before,
.reshape-task-queue:hover .queue-head .pill::after,
.reshape-task-queue:focus-within .queue-head .pill::before,
.reshape-task-queue:focus-within .queue-head .pill::after {
  animation-play-state: paused;
}

.reshape-queue-body {
  display: grid;
  gap: 12px;
  max-height: clamp(520px, 58vh, 760px);
  overflow: auto;
  padding-right: 4px;
}
.queue-empty {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 18px;
  border: 1px dashed rgba(181,138,88,.28);
  border-radius: var(--radius);
  color: var(--muted);
  background: rgba(255,255,255,.62);
  line-height: 1.65;
}

.queue-empty::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .34;
  background:
    radial-gradient(circle at 20% 0, rgba(244,223,196,.26), transparent 36%),
    linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.72) 48%, rgba(244,223,196,.24) 56%, transparent 68%, transparent 100%);
  transform: translateX(-124%) skewX(-12deg);
  animation: queueEmptyGlint 7.6s ease-in-out infinite;
}

.queue-empty:hover::before {
  opacity: 0;
  animation-play-state: paused;
}

.queue-empty > * {
  position: relative;
  z-index: 1;
}
.queue-card {
  position: relative;
  overflow: hidden;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 30px rgba(92,70,59,.06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.queue-card:hover {
  transform: translateY(-3px);
  border-color: rgba(181,138,88,.38);
  box-shadow: var(--shadow-soft);
}
.queue-card.is-active {
  border-color: rgba(159,102,93,.48);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(247,233,231,.76)),
    radial-gradient(circle at 100% 0, rgba(181,138,88,.16), transparent 34%);
  box-shadow: 0 20px 48px rgba(159,102,93,.14);
}
.queue-card.is-active::after {
  content: "当前预览";
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 4;
  min-height: 26px;
  padding: 5px 9px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: 999px;
  color: #7a5143;
  background: rgba(255,253,249,.9);
  box-shadow: 0 10px 22px rgba(92,70,59,.08);
  font-size: 12px;
  font-weight: 950;
}
.queue-card.is-running::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.38) 42%, rgba(246,218,199,.26) 50%, transparent 64%);
  transform: translateX(-84%);
  animation: resultSheen 2.8s cubic-bezier(.56,.02,.22,1) infinite;
  z-index: 2;
}
.queue-card-head {
  position: relative;
  z-index: 3;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  text-align: left;
}
.queue-card h4 {
  margin: 5px 0 3px;
  font-size: 15px;
  line-height: 1.35;
}
.queue-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.queue-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 4px 8px;
  border-radius: 999px;
  color: var(--teal);
  background: var(--teal-soft);
  font-size: 12px;
  font-weight: 950;
}

.queue-status::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 16%, transparent);
}

.queue-card.is-running .queue-status {
  color: #9f5b2c;
  background: rgba(255,247,235,.88);
}

.queue-card.is-running .queue-status::before {
  box-shadow:
    0 0 0 3px rgba(217,185,140,.16),
    0 0 14px rgba(217,185,140,.48);
}

.queue-card.is-error .queue-status {
  color: #9f3d35;
  background: rgba(234,208,204,.58);
}
.queue-card.is-done .queue-status {
  color: #2f6f64;
  background: rgba(228,241,237,.92);
}

.queue-card.is-error .queue-status::before {
  box-shadow:
    0 0 0 3px rgba(159,61,53,.12),
    0 0 12px rgba(159,61,53,.26);
}

.queue-card.is-done .queue-status::before {
  box-shadow:
    0 0 0 3px rgba(47,111,100,.13),
    0 0 12px rgba(47,111,100,.3);
}

.queue-card.is-done {
  border-color: rgba(47,111,100,.24);
}

.queue-card.is-done .queue-download:not(:disabled),
.queue-card.is-done .queue-copy:not(:disabled) {
  border-color: rgba(47,111,100,.26);
  color: #2f6f64;
  background: linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.78));
  box-shadow: 0 10px 22px rgba(47,111,100,.08);
}

.queue-card.is-done:hover .queue-download:not(:disabled),
.queue-card.is-done:hover .queue-copy:not(:disabled) {
  box-shadow: 0 16px 30px rgba(47,111,100,.12);
}

.queue-card.is-error {
  border-color: rgba(159,61,53,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(252,236,233,.72)),
    radial-gradient(circle at 0 0, rgba(159,61,53,.1), transparent 34%);
}
.queue-meta {
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.queue-media {
  position: relative;
  z-index: 3;
}
.queue-media .comparison-result {
  padding: 0;
}
.queue-media .comparison-result > strong,
.queue-media .comparison-result > p {
  display: none;
}
.queue-media .comparison-slider {
  aspect-ratio: 4 / 5;
  min-height: 420px;
  max-height: min(68vh, 680px);
}
.queue-video {
  display: block;
  width: min(100%, 360px);
  max-height: min(66vh, 640px);
  margin: 0 auto;
  aspect-ratio: 9 / 16;
  object-fit: contain;
  border-radius: var(--radius);
  background: #0f0d0e;
}
.queue-failed img {
  width: 100%;
  aspect-ratio: 16 / 11;
  object-fit: cover;
  border-radius: var(--radius);
  background: #fff;
}
.queue-failed {
  display: grid;
  gap: 8px;
  place-items: center;
  min-height: 180px;
  padding: 14px;
  border-radius: var(--radius);
  color: var(--ink-soft);
  background: rgba(255,247,235,.62);
}
.queue-failed img {
  max-height: 180px;
  object-fit: contain;
}
.queue-actions {
  position: relative;
  z-index: 3;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  opacity: .84;
  transition: opacity .18s ease;
}
.queue-card:hover .queue-actions {
  opacity: 1;
}
.queue-actions .mini-btn {
  flex: 1 1 calc(50% - 8px);
  min-width: 104px;
}
.queue-actions .mini-btn:disabled {
  opacity: .42;
  cursor: not-allowed;
  transform: none;
}
.queue-card-notice {
  position: relative;
  z-index: 4;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  color: var(--ink-soft);
  background: rgba(255,253,249,.82);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.5;
  animation: queueNoticeIn .18s var(--ease-out);
}
.queue-card.queue-notice-success .queue-card-notice {
  color: var(--teal);
  border-color: rgba(47,111,100,.2);
  background: rgba(228,241,237,.84);
}
.queue-card.queue-notice-error .queue-card-notice {
  color: #8f3f36;
  border-color: rgba(159,61,53,.2);
  background: rgba(255,253,249,.84);
}
@keyframes queueNoticeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes queueEmptyGlint {
  0%, 44% {
    transform: translateX(-124%) skewX(-12deg);
  }
  72%, 100% {
    transform: translateX(124%) skewX(-12deg);
  }
}
@keyframes queueSummarySweep {
  0%, 46% {
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    transform: translateX(126%) skewX(-12deg);
  }
}
@keyframes queueSummaryPulse {
  0%, 100% {
    transform: scale(.86);
    opacity: .74;
  }
  50% {
    transform: scale(1.18);
    opacity: 1;
  }
}
@keyframes pendingSpin {
  to { transform: rotate(360deg); }
}
@keyframes pendingHalo {
  0%, 100% { transform: scale(.96); opacity: .48; }
  50% { transform: scale(1.04); opacity: .86; }
}

@media (prefers-reduced-motion: reduce) {
  .queue-empty::before,
  .reshape-task-queue .queue-head .pill::before,
  .reshape-task-queue .queue-head .pill::after,
  .queue-card.is-running .queue-status::before,
  .history-result-actions .mini-btn::after,
  .copy-output.is-copyable::before,
  .consult-output.is-copyable::before {
    animation: none !important;
    opacity: .16 !important;
  }
}
.compare-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 33px;
  height: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 24px rgba(23,20,18,.18);
  z-index: 3;
  pointer-events: none;
}
.compare-track span {
  display: block;
  width: var(--split, 52%);
  height: 100%;
  border-radius: inherit;
  background: #1294dc;
}
.compare-range {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
  cursor: ew-resize;
}
.compare-handle { position: absolute; top: 0; bottom: 0; left: var(--split, 52%); width: 2px; background: #fff; z-index: 2; transform: translateX(-1px); }
.compare-handle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 25px;
  width: 18px;
  height: 18px;
  border: 4px solid rgba(255,255,255,.72);
  border-radius: 999px;
  background: #1294dc;
  box-shadow: 0 8px 20px rgba(23,20,18,.22);
  transform: translateX(-50%);
}
.compare-badge { position: absolute; top: 12px; z-index: 3; border-radius: 999px; padding: 6px 9px; background: rgba(23,20,18,.62); color: #fff; font-size: 12px; }
.before-badge { left: 12px; }
.after-badge { right: 12px; }

.preview-panel > img { width: 100%; height: 180px; object-fit: cover; border-radius: var(--radius); margin-bottom: 14px; }
.download-link { margin-left: 10px; }

.stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stat { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.68); }
.stat strong { display: block; font-size: 30px; }
.stat span { color: var(--muted); font-size: 13px; }
.profile-progress { margin: 16px 0; display: grid; gap: 8px; }
.profile-history table, table { width: 100%; border-collapse: collapse; }
.history-table {
  table-layout: fixed;
}
.history-table th:nth-child(1),
.history-table td:nth-child(1) { width: 92px; }
.history-table th:nth-child(4),
.history-table td:nth-child(4) { width: 74px; }
.history-table th:nth-child(5),
.history-table td:nth-child(5) { width: 88px; }
.history-preview-cell {
  max-width: 240px;
}
.history-preview-text {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  color: var(--ink-soft);
  line-height: 1.45;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.history-reuse-route {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin-top: 7px;
  padding: 5px 8px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.14);
  border-radius: 999px;
  color: #2f6f64;
  background: linear-gradient(145deg, rgba(228,241,237,.74), rgba(255,253,249,.76));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
  font-size: 11.5px;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-reuse-route::before {
  content: "";
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #7d9d91;
  box-shadow: 0 0 0 4px rgba(125,157,145,.1), 0 0 12px rgba(125,157,145,.26);
}
.history-reuse-route em {
  min-width: 0;
  overflow: hidden;
  color: #8f7054;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-width: 100%;
}
.history-result-link,
.history-copy-link,
.history-reuse-action {
  max-width: 112px;
  min-height: 30px;
  padding: 6px 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.history-reuse-actions {
  margin-top: 7px;
}

.history-reuse-action {
  border-color: rgba(47,111,100,.26);
  color: #2f6f64;
  background:
    linear-gradient(135deg, rgba(85,119,109,.14), rgba(217,185,140,.18)),
    rgba(255,253,249,.86);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    0 8px 18px rgba(47,111,100,.08);
}
.history-pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  color: var(--ink-soft);
  font-size: 13px;
  font-weight: 900;
}
.history-pager .mini-btn:disabled {
  cursor: not-allowed;
  opacity: .46;
  transform: none;
  box-shadow: none;
}
th, td { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { color: var(--muted); font-size: 13px; font-weight: 900; }
tbody tr:hover td { background: rgba(255,247,235,.52); }
.pricing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.price-card {
  position: relative;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.7);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.price-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: rgba(181,138,88,.42); }
.price-card.recommended { border-color: rgba(181,138,88,.26); }
.price-card.deal { background: linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.92)); }
.recommend-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  border: 1px solid rgba(181,138,88,.28);
  border-radius: 999px;
  color: #9f5b2c;
  background: linear-gradient(145deg, rgba(255,247,235,.96), rgba(255,255,255,.84));
  box-shadow: 0 10px 22px rgba(181,138,88,.12);
  font-size: 12px;
  font-weight: 950;
}
.recommend-badge svg {
  width: 13px;
  height: 13px;
  color: #d9792b;
  fill: rgba(217,121,43,.18);
  stroke-width: 2.5;
}
.price { margin: 10px 0; font-size: 34px; font-weight: 950; }
.price-card p span { font-size: 22px; font-weight: 900; }
.price-card .btn { width: 100%; margin-top: 14px; }

.admin-menu { display: grid; gap: 8px; }
.admin-menu button { min-height: 38px; padding: 9px 11px; text-align: left; }
.admin-table-wrap { overflow-x: auto; }
.table-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.record-text { max-width: 520px; color: var(--ink-soft); line-height: 1.6; }
.record-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.record-link-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(47,111,100,.18);
  border-radius: 999px;
  color: var(--teal);
  background: rgba(228,241,237,.72);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
  transition: transform .18s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out);
}
.record-link-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(47,111,100,.3);
  background: rgba(228,241,237,.92);
  box-shadow: 0 10px 22px rgba(47,111,100,.08);
}

.toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1200;
  max-width: min(420px, calc(100vw - 44px));
  padding: 13px 16px;
  border-radius: var(--radius);
  color: var(--white);
  background: rgba(23,20,18,.92);
  box-shadow: var(--shadow);
  transform: translateY(18px);
  opacity: 0;
  pointer-events: none;
  transition: .2s ease;
}
.toast.show { transform: translateY(0); opacity: 1; }

@media (max-width: 1180px) {
  .command-hero,
  .studio-layout,
  .tool-layout,
  .consult-layout,
  .copy-layout,
  .reshape-workspace,
  .profile-shell {
    grid-template-columns: 1fr;
  }
  .tool-matrix { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .metric-ribbon, .workflow-steps, .pricing { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .consult-tabs { width: 100%; }
  .reshape-side {
    position: static;
    max-height: none;
  }
}

@media (max-height: 760px) and (min-width: 821px) {
  .sidebar {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .sidebar .brand {
    margin-bottom: 18px;
  }
  .sidebar .nav {
    gap: 5px;
  }
  .sidebar .nav button {
    min-height: 38px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .quota-card {
    margin-top: 18px;
    padding: 14px;
  }
  .sidebar-showcase {
    flex-basis: 164px;
    min-height: 142px;
    margin-top: 14px;
  }
  .sidebar-showcase > .sidebar-showcase-content {
    left: 13px;
    right: 13px;
    bottom: 13px;
    gap: 6px;
  }
  .sidebar-showcase-content strong { font-size: 17px; }
  .sidebar-showcase-content p { display: none; }
  .sidebar-showcase-content span,
  .sidebar-showcase-content em {
    padding: 4px 8px;
    font-size: 9px;
  }
}

@media (max-width: 820px) {
  .app, .auth-screen { grid-template-columns: 1fr; padding: 0; }
  .auth-copy { min-height: 56vh; border-radius: 0; }
  .auth-video { display: none; }
  .auth-panel { margin: 16px; }
  .sidebar {
    position: relative;
    height: auto;
    min-height: auto;
    overflow-y: visible;
  }
  .sidebar-showcase {
    flex: none;
    min-height: 168px;
    max-height: none;
    margin-top: 14px;
  }
  .sidebar-showcase > .sidebar-showcase-content {
    left: 14px;
    right: 14px;
    bottom: 14px;
    gap: 6px;
  }
  .sidebar-showcase-content strong { font-size: 18px; }
  .sidebar-showcase-content p { max-width: 26rem; }
  .nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .topbar { position: relative; align-items: flex-start; flex-direction: column; padding: 18px; }
  .content { padding: 18px; }
  .command-copy { padding: 24px; }
  .command-visual { min-height: 300px; }
  .metric-ribbon,
  .workflow-steps,
  .tool-matrix,
  .template-list,
  .compact-template-list,
  .form-grid,
  .watermark-common-grid,
  .watermark-style-grid,
  .choice-list,
  .choice-list.mode-list,
  .choice-list.compact-list,
  .consult-scenarios,
  .video-options,
  .fusion-grid,
  .quick-prompts,
  .pricing,
  .stats,
  .admin-grid {
    grid-template-columns: 1fr;
  }
  .watermark-style-card { min-height: 76px; }
  .compact-template-list .template-item,
  .template-insight,
  .template-source-switch,
  .result-actions {
    grid-template-columns: 1fr;
  }
  .queue-card-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .queue-meta {
    flex-direction: row;
    align-items: center;
  }
  .queue-actions .mini-btn {
    flex-basis: 100%;
  }
  .reshape-queue-body {
    max-height: none;
  }
  .queue-media .comparison-slider {
    min-height: min(540px, 118vw);
    max-height: none;
  }
  .history-table {
    min-width: 720px;
  }
  .consult-tabs { width: 100%; }
  .consult-tabs button { flex: 1; }
  .section-head { flex-direction: column; align-items: flex-start; }
}

/* Legacy couture overlay, superseded by the ivory rose-gold layer below */
:root {
  --ivory: #0f0c0a;
  --ivory-2: #171311;
  --rose-50: #241914;
  --rose-100: #35241d;
  --rose-300: #ab7b58;
  --rose-500: #e3bc83;
  --ink: #f7efe7;
  --ink-soft: #dbc7b3;
  --muted: #a58f7c;
  --line: rgba(227,188,131,.16);
  --gold: #d7b06d;
  --teal: #84a89a;
  --teal-soft: rgba(132,168,154,.14);
  --white: #fffaf2;
  --surface: rgba(16,13,11,.84);
  --surface-strong: #120f0d;
  --shadow: 0 26px 84px rgba(0,0,0,.42);
  --shadow-soft: 0 16px 44px rgba(0,0,0,.26);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 10% 0%, rgba(215,176,109,.16), transparent 28rem),
    radial-gradient(circle at 90% 8%, rgba(132,168,154,.08), transparent 25rem),
    linear-gradient(135deg, #0f0c0a 0%, #14110f 52%, #1a1512 100%);
}

body::before {
  opacity: .26;
  background-image:
    linear-gradient(rgba(227,188,131,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(227,188,131,.05) 1px, transparent 1px);
}

.sidebar,
.topbar {
  background: rgba(12, 10, 9, .74);
  border-color: rgba(227,188,131,.16);
}

.sidebar {
  box-shadow: inset -1px 0 0 rgba(255,255,255,.03);
}

.brand-title,
.page-title,
.section-head h2,
.command-copy h2,
.auth-copy h1,
.tool-card h3,
.atelier-panel h3,
.queue-card h4,
.profile-panel-head h3,
.copy-result-head h3 {
  color: var(--white);
}

.brand-subtitle,
.page-desc,
.hint,
.panel p,
.tool-card p,
.metric-card small,
.choice-item small,
.workflow-step small,
.watermark-tip,
.template-item p,
.recent-item p,
.history-preview-text,
.record-text {
  color: #baa894;
}

.brand-mark {
  color: #1c120d;
  background: linear-gradient(145deg, #f2dbb2, #b88a48 52%, #6f4a24);
  box-shadow: 0 14px 34px rgba(215,176,109,.22);
}

.nav button {
  color: var(--ink-soft);
}

.nav button:hover,
.nav button.active {
  color: #fffaf3;
  background: linear-gradient(135deg, #241a16, #8a6042);
  box-shadow: 0 16px 32px rgba(0,0,0,.22);
}

.nav-icon {
  color: #1a140f;
  background: linear-gradient(145deg, #f0d8af, #c99756);
}

.nav button:hover .nav-icon,
.nav button.active .nav-icon {
  color: #1f160f;
  background: linear-gradient(145deg, #fff3d6, #e1ba76);
}

.quota-card,
.panel,
.metric-card,
.tool-card,
.auth-panel,
.auth-copy,
.workflow-step,
.consult-scenario,
.choice-item,
.select-chip,
.mini-btn,
.admin-menu button,
.template-item,
.recent-item,
.copy-output,
.consult-output,
.stat,
.price-card,
.queue-card,
.watermark-common-panel,
.watermark-style-card,
.watermark-mode-switch,
.template-source-switch,
.knowledge-scroll-shell,
.custom-knowledge-form,
.upload-box,
.feature-brief,
.option-group,
.selected-summary,
.result-box,
.pending-state-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(227,188,131,.16);
  background:
    linear-gradient(165deg, rgba(17,14,12,.92), rgba(10,8,7,.96));
  box-shadow: 0 18px 50px rgba(0,0,0,.34);
}

.topbar {
  backdrop-filter: blur(18px);
}

.btn {
  border-color: rgba(227,188,131,.4);
  background:
    linear-gradient(135deg, rgba(30,24,22,.98), rgba(8,7,7,.98)),
    radial-gradient(circle at 20% 0, rgba(215,176,109,.28), transparent 42%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 30px rgba(0,0,0,.22);
}

.btn.secondary {
  color: #191311;
  border-color: rgba(227,188,131,.28);
  background: linear-gradient(145deg, rgba(247,239,231,.96), rgba(219,200,178,.78));
}

.btn.pink {
  border-color: rgba(227,188,131,.56);
  background:
    linear-gradient(135deg, #5f4338, #9a6d4d 54%, #d7b06d),
    radial-gradient(circle at 18% 0, rgba(255,255,255,.18), transparent 34%);
}

.btn:hover {
  box-shadow: 0 22px 40px rgba(0,0,0,.34);
}

.pill,
.tag,
.recommend-badge,
.queue-status,
.watermark-preview-tag,
.template-source-badge {
  border-color: rgba(227,188,131,.22);
  color: #f3d9aa;
  background: rgba(255,247,233,.06);
}

.command-hero {
  border-color: rgba(227,188,131,.12);
  background:
    linear-gradient(135deg, rgba(14,12,11,.98), rgba(30,22,18,.88)),
    radial-gradient(circle at 90% 8%, rgba(215,176,109,.12), transparent 42%);
  box-shadow: 0 26px 78px rgba(0,0,0,.34);
}

.command-copy p {
  color: #cab59f;
}

.command-visual {
  background: linear-gradient(180deg, rgba(5,4,4,.28), rgba(5,4,4,.56));
}

.visual-glass {
  border-color: rgba(227,188,131,.26);
  background: rgba(10,8,7,.5);
}

.metric-card {
  background:
    linear-gradient(165deg, rgba(16,13,11,.94), rgba(8,7,7,.96)),
    radial-gradient(circle at 0 0, rgba(215,176,109,.14), transparent 46%);
}

.metric-card span,
.workflow-step span,
.tool-index,
.template-kicker,
.selected-summary span,
.step-label,
.eyebrow {
  color: #e3bc83;
}

.atelier-list span,
.reply-checklist div {
  background: rgba(132,168,154,.12);
  color: #c6d7cf;
}

.tool-card img,
.atelier-panel img,
.preview-panel > img,
.watermark-preview-image,
.preview-image {
  box-shadow: 0 18px 40px rgba(0,0,0,.24);
}

.tool-card .btn,
.price-card .btn,
.mini-btn {
  width: 100%;
}

.knowledge-scroll-shell,
.custom-knowledge-form,
.template-source-switch,
.watermark-common-panel,
.watermark-mode-switch {
  border-color: rgba(227,188,131,.18);
}

.template-source-switch button,
.watermark-mode-switch button,
.consult-tabs button,
.template-filter:not(.active),
.mini-btn,
.workflow-step,
.choice-item,
.consult-scenario,
.select-chip,
.admin-menu button {
  color: var(--ink-soft);
}

.consult-tabs {
  border-color: rgba(227,188,131,.2);
  background:
    linear-gradient(145deg, rgba(16,13,11,.94), rgba(8,7,7,.96)),
    radial-gradient(circle at 12% 0, rgba(215,176,109,.12), transparent 42%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 38px rgba(0,0,0,.28);
}

.consult-tabs button {
  border: 1px solid rgba(227,188,131,.18);
  background: rgba(255,255,255,.035);
}

.template-source-switch button.active,
.watermark-mode-switch button.active,
.consult-tabs button.active,
.template-filter.active,
.mini-btn:hover,
.workflow-step:hover,
.choice-item:hover,
.choice-item.active,
.consult-scenario:hover,
.consult-scenario.active,
.select-chip:hover,
.select-chip.active,
.admin-menu button:hover,
.admin-menu button.active {
  color: var(--white);
  background: linear-gradient(145deg, rgba(33,27,24,.98), rgba(111,75,46,.88));
  box-shadow: 0 14px 32px rgba(0,0,0,.24);
}

.template-item::before {
  background: linear-gradient(180deg, var(--gold), rgba(215,176,109,.24));
}

.custom-template::before {
  background: linear-gradient(180deg, rgba(132,168,154,.86), rgba(215,176,109,.38));
}

.wm-swatch::before,
.wm-swatch::after {
  color: #080706;
}

.watermark-style-card::after {
  opacity: .22;
  background-image: linear-gradient(145deg, rgba(255,255,255,.06), rgba(215,176,109,.08));
}

.watermark-style-card strong,
.watermark-style-card small {
  color: var(--ink);
}

.result-box {
  background:
    linear-gradient(rgba(11,9,8,.72), rgba(11,9,8,.72)),
    url("/assets/empty-state-case.png") center / cover;
}

.result-box.is-loading::before {
  background:
    linear-gradient(110deg, transparent 0%, rgba(255,255,255,.18) 38%, rgba(215,176,109,.24) 48%, transparent 62%),
    radial-gradient(circle at 20% 0%, rgba(215,176,109,.16), transparent 34%),
    radial-gradient(circle at 82% 100%, rgba(132,168,154,.1), transparent 32%);
}

.result-box.is-loading::after,
.state-progress,
.progress,
.profile-progress-bar,
.compare-track {
  background: rgba(255,255,255,.1);
}

.state-progress span,
.progress span,
.profile-progress span,
.compare-track span {
  background: linear-gradient(90deg, #8b6148, #d7b06d, #8ca89d);
}

.comparison-slider,
.dual-preview-grid figure,
.history-table th,
.history-table td,
.history-result-link,
.history-copy-link {
  border-color: rgba(227,188,131,.12);
}

.comparison-slider {
  background: #11100f;
}

.comparison-image,
.comparison-generated {
  background: #11100f;
}

.compare-handle {
  background: #f6e4c3;
}

.compare-handle::after {
  background: #d7b06d;
  border-color: rgba(255,255,255,.48);
}

.compare-badge {
  background: rgba(10,8,7,.72);
}

.queue-card.is-running::before {
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.26) 42%, rgba(215,176,109,.18) 50%, transparent 64%);
}

.queue-meta {
  color: #d7b06d;
}

.queue-card.is-error .queue-status {
  color: #ffd1c8;
  background: rgba(120,58,46,.28);
}

.queue-card.is-done .queue-status {
  color: #f5d7a2;
  background: rgba(215,176,109,.12);
}

.video-preview,
.queue-video {
  background: #090707;
  box-shadow: 0 22px 56px rgba(0,0,0,.34);
}

.video-upload-box .upload-icon,
.upload-icon {
  color: #140f0c;
  background: linear-gradient(145deg, #f3ddb6, #d7b06d);
}

.upload-box.has-file {
  background: linear-gradient(145deg, rgba(27,21,18,.95), rgba(12,10,9,.96));
}

.selected-summary {
  border-color: rgba(227,188,131,.18);
  background: rgba(215,176,109,.08);
}

.option-group {
  padding: 16px;
  border-color: rgba(227,188,131,.2);
  background:
    linear-gradient(155deg, rgba(24,18,15,.95), rgba(10,8,7,.96)),
    radial-gradient(circle at 12% 0, rgba(215,176,109,.12), transparent 34%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 34px rgba(0,0,0,.24);
}

.option-group h4 {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  margin: 0 0 12px;
  padding: 5px 12px;
  border: 1px solid rgba(227,188,131,.28);
  border-radius: 999px;
  color: #fff1d5;
  background:
    linear-gradient(135deg, rgba(98,66,39,.92), rgba(31,24,19,.96)),
    radial-gradient(circle at 18% 0, rgba(255,255,255,.14), transparent 38%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 20px rgba(0,0,0,.22);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
  text-shadow: 0 1px 8px rgba(0,0,0,.28);
}

/* Readability pass for dense tool controls */
.reshape-builder .step-label,
.consult-builder .step-label,
.watermark-editor .mini-step-label,
.mini-step-label {
  min-height: 30px;
  width: fit-content;
  padding: 6px 12px;
  border: 1px solid rgba(227,188,131,.24);
  border-radius: 999px;
  color: #ffe8bd;
  background:
    linear-gradient(135deg, rgba(91,62,40,.82), rgba(18,14,12,.92)),
    radial-gradient(circle at 15% 0, rgba(255,255,255,.13), transparent 40%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.2);
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: 0;
  text-shadow: 0 1px 8px rgba(0,0,0,.32);
}

.reshape-builder .choice-list,
.reshape-builder .chip-grid,
.consult-builder .consult-scenarios {
  gap: 14px;
}

.reshape-builder .choice-list.mode-list {
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

.reshape-builder .choice-list.compact-list {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.reshape-builder .chip-grid {
  grid-template-columns: repeat(5, minmax(128px, 1fr));
}

@media (max-width: 1180px) {
  .reshape-builder .chip-grid {
    grid-template-columns: repeat(3, minmax(128px, 1fr));
  }
}

@media (max-width: 720px) {
  .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.reshape-builder .choice-item,
.consult-builder .consult-scenario,
.reshape-builder .select-chip {
  border-color: rgba(227,188,131,.18);
  font-size: 14px;
  line-height: 1.45;
}

.reshape-builder .choice-item,
.consult-builder .consult-scenario {
  min-height: 86px;
  padding: 18px 16px;
}

.reshape-builder .mode-list .choice-item {
  min-height: 128px;
}

.reshape-builder .choice-item span,
.consult-builder .consult-scenario span {
  font-size: 16px;
  line-height: 1.35;
}

.reshape-builder .choice-item small,
.consult-builder .consult-scenario small {
  margin-top: 7px;
  color: #d8c2a8;
  font-size: 13px;
  line-height: 1.6;
}

.reshape-builder .select-chip {
  min-height: 44px;
  padding: 11px 14px;
  color: #f6e5c9;
  font-size: 14px;
  font-weight: 900;
}

.reshape-builder .option-stack {
  gap: 14px;
}

.reshape-builder .option-group {
  padding: 18px;
}

.reshape-builder .option-group h4 {
  min-height: 32px;
  margin-bottom: 14px;
  padding: 7px 13px;
  font-size: 13px;
  line-height: 1.35;
}

.assist-note {
  color: #eadbbf;
  background: rgba(132,168,154,.12);
}

.toast {
  background: rgba(7,6,6,.94);
}

.auth-screen {
  background:
    radial-gradient(circle at 18% 0%, rgba(215,176,109,.18), transparent 32rem),
    linear-gradient(135deg, #090807, #171210 62%, #0d0b0a);
}

.auth-copy {
  border-color: rgba(227,188,131,.22);
  background:
    linear-gradient(90deg, rgba(8,7,6,.78), rgba(8,7,6,.18)),
    url("/assets/hero-clinic-suite.png") center / cover;
}

.auth-video {
  opacity: .62;
  mix-blend-mode: screen;
}

.auth-video-shade {
  background:
    radial-gradient(circle at 20% 18%, rgba(227,188,131,.26), transparent 28rem),
    linear-gradient(90deg, rgba(8,7,6,.88), rgba(8,7,6,.46) 56%, rgba(8,7,6,.18));
}

.auth-panel {
  background:
    linear-gradient(165deg, rgba(24,19,17,.92), rgba(9,8,7,.96)),
    radial-gradient(circle at 100% 0, rgba(215,176,109,.16), transparent 34%);
}

.auth-panel h2,
.auth-panel label {
  color: var(--white);
}

input,
textarea,
select {
  color: var(--white);
  border-color: rgba(227,188,131,.18);
  background: rgba(255,255,255,.07);
}

select option {
  color: #15100d;
  background: #fff8ee;
}

input::placeholder,
textarea::placeholder {
  color: rgba(222,203,184,.54);
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(227,188,131,.58);
  background: rgba(255,255,255,.1);
  box-shadow: 0 0 0 4px rgba(215,176,109,.11);
}

.field label,
.video-options label {
  color: #ead7be;
}

.page-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.page-title::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #d7b06d;
  box-shadow: 0 0 18px rgba(215,176,109,.7);
}

.top-actions .btn {
  min-width: 96px;
}

.tool-card,
.metric-card,
.price-card,
.queue-card {
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.tool-card:hover,
.metric-card:hover,
.price-card:hover,
.queue-card:hover {
  transform: translateY(-4px);
  border-color: rgba(227,188,131,.36);
  box-shadow: 0 28px 70px rgba(0,0,0,.38);
}

.tool-card img {
  filter: saturate(.92) contrast(1.05);
}

.tool-card::after,
.panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,255,255,.07), transparent 38%, rgba(215,176,109,.08));
  opacity: .72;
}

.panel > *,
.tool-card > * {
  position: relative;
  z-index: 1;
}

.section-head {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(227,188,131,.1);
}

.section-head.compact {
  border-bottom: 0;
  padding-bottom: 0;
}

.history-table th,
.history-table td,
th,
td {
  border-color: rgba(227,188,131,.11);
}

tbody tr:hover td {
  background: rgba(215,176,109,.06);
}

.sidebar-showcase.interactive-surface > img,
.sidebar-showcase.interactive-surface > .sidebar-showcase-shade {
  position: absolute;
  z-index: 0;
}

.sidebar-showcase.interactive-surface > .sidebar-showcase-shade {
  z-index: 1;
}

.sidebar-showcase.interactive-surface > .sidebar-showcase-content {
  position: absolute;
  z-index: 3;
}

/* Impeccable ivory rose-gold redesign */
:root {
  --ivory: #fbf7f1;
  --ivory-2: #f4eee6;
  --rose-50: #f7e9e7;
  --rose-100: #edd1cc;
  --rose-300: #b87972;
  --rose-500: #9f665d;
  --ink: #171412;
  --ink-soft: #3d332e;
  --muted: #7d7068;
  --line: rgba(120, 82, 70, .14);
  --gold: #b58a58;
  --teal: #2f6f64;
  --teal-soft: rgba(228, 241, 237, .82);
  --white: #fffdf9;
  --surface: rgba(255, 253, 249, .9);
  --surface-strong: #fffdf9;
  --shadow: 0 24px 70px rgba(80, 56, 45, .13);
  --shadow-soft: 0 14px 36px rgba(80, 56, 45, .09);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 0%, rgba(184,121,114,.18), transparent 34rem),
    radial-gradient(circle at 92% 10%, rgba(181,138,88,.16), transparent 29rem),
    linear-gradient(135deg, #fffaf4 0%, #fbf7f1 45%, #f4eee6 100%);
}

body::before {
  opacity: .42;
  background-image:
    linear-gradient(rgba(120,82,70,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(181,138,88,.035) 1px, transparent 1px);
}

.sidebar,
.topbar {
  background: rgba(255, 253, 249, .82);
  border-color: rgba(120,82,70,.14);
}

.sidebar {
  box-shadow: inset -1px 0 0 rgba(255,255,255,.7), 12px 0 40px rgba(80,56,45,.04);
  scrollbar-color: rgba(181,138,88,.34) transparent;
}

.brand-title,
.page-title,
.section-head h2,
.command-copy h2,
.auth-copy h1,
.tool-card h3,
.atelier-panel h3,
.queue-card h4,
.profile-panel-head h3,
.copy-result-head h3,
.watermark-preview-panel h3 {
  color: var(--ink);
}

.brand-subtitle,
.page-desc,
.hint,
.panel p,
.tool-card p,
.metric-card small,
.choice-item small,
.workflow-step small,
.watermark-tip,
.template-item p,
.recent-item p,
.history-preview-text,
.record-text {
  color: var(--muted);
}

.brand-mark {
  color: #fffaf4;
  background: linear-gradient(145deg, #9f665d, #c9968b 52%, #d9b98c);
  box-shadow: 0 14px 32px rgba(159,102,93,.18);
}

.nav button {
  color: var(--ink-soft);
}

.nav button:hover,
.nav button.active {
  color: var(--white);
  background:
    linear-gradient(135deg, #8f5b55, #bd877c 58%, #d9b98c),
    radial-gradient(circle at 12% 0, rgba(255,255,255,.24), transparent 40%);
  box-shadow: 0 14px 32px rgba(159,102,93,.18);
}

.nav-icon {
  color: #7c5149;
  background: linear-gradient(145deg, #fff8f1, #f1d8d2);
  box-shadow: inset 0 0 0 1px rgba(181,138,88,.16);
}

.nav button:hover .nav-icon,
.nav button.active .nav-icon {
  color: #7c5149;
  background: rgba(255,253,249,.94);
}

.quota-card,
.panel,
.metric-card,
.tool-card,
.auth-panel,
.auth-copy,
.workflow-step,
.consult-scenario,
.choice-item,
.select-chip,
.mini-btn,
.admin-menu button,
.template-item,
.recent-item,
.copy-output,
.consult-output,
.stat,
.price-card,
.queue-card,
.watermark-common-panel,
.watermark-style-card,
.watermark-mode-switch,
.template-source-switch,
.knowledge-scroll-shell,
.custom-knowledge-form,
.upload-box,
.feature-brief,
.option-group,
.selected-summary,
.result-box,
.pending-state-card {
  border-color: rgba(120,82,70,.14);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(250,242,236,.82)),
    radial-gradient(circle at 100% 0, rgba(244,223,196,.22), transparent 32%);
  box-shadow: var(--shadow-soft);
}

.topbar {
  backdrop-filter: blur(18px);
}

.btn {
  color: var(--white);
  border-color: rgba(181,138,88,.48);
  background:
    linear-gradient(135deg, #8f5b55, #bd877c 54%, #d9b98c),
    radial-gradient(circle at 18% 0, rgba(255,255,255,.22), transparent 34%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 14px 28px rgba(159,102,93,.16);
}

.btn.secondary {
  color: var(--ink);
  border-color: rgba(181,138,88,.32);
  background: linear-gradient(145deg, rgba(255,253,249,.98), rgba(244,238,230,.9));
}

.btn.pink {
  border-color: rgba(181,138,88,.58);
  background:
    linear-gradient(135deg, #9f665d, #bd877c 54%, #d9b98c),
    radial-gradient(circle at 18% 0, rgba(255,255,255,.24), transparent 34%);
}

.btn:hover {
  box-shadow: 0 20px 40px rgba(159,102,93,.18);
}

.pill,
.tag,
.recommend-badge,
.queue-status,
.watermark-preview-tag,
.template-source-badge {
  border-color: rgba(181,138,88,.26);
  color: #7a5143;
  background: rgba(255,247,235,.82);
}

.command-hero {
  border-color: rgba(120,82,70,.12);
  background:
    linear-gradient(135deg, rgba(255,253,249,.96), rgba(247,233,231,.9)),
    radial-gradient(circle at 88% 8%, rgba(181,138,88,.16), transparent 42%);
  box-shadow: var(--shadow);
}

.command-copy p {
  color: var(--ink-soft);
}

.command-visual {
  background: linear-gradient(180deg, rgba(255,253,249,.2), rgba(244,238,230,.58));
}

.command-visual img,
.auth-copy,
.tool-card img,
.atelier-panel img,
.preview-panel > img,
.sidebar-showcase > img {
  filter: saturate(.95) contrast(1.02) brightness(1.04);
}

.visual-glass {
  color: var(--ink);
  border-color: rgba(255,255,255,.72);
  background: rgba(255,253,249,.66);
  box-shadow: 0 18px 44px rgba(80,56,45,.12);
}

.metric-card {
  background:
    linear-gradient(155deg, rgba(255,253,249,.96), rgba(250,242,236,.86)),
    radial-gradient(circle at 0 0, rgba(244,223,196,.42), transparent 42%);
}

.metric-card span,
.workflow-step span,
.tool-index,
.template-kicker,
.selected-summary span,
.step-label,
.eyebrow {
  color: #a36e48;
}

.atelier-list span,
.reply-checklist div {
  background: rgba(228,241,237,.78);
  color: #2f6f64;
}

.template-source-switch button,
.watermark-mode-switch button,
.consult-tabs button,
.template-filter,
.mini-btn,
.workflow-step,
.choice-item,
.consult-scenario,
.select-chip,
.admin-menu button {
  color: var(--ink-soft);
}

.consult-tabs {
  border-color: rgba(120,82,70,.14);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(250,242,236,.76));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 14px 34px rgba(80,56,45,.08);
}

.consult-tabs button {
  border: 1px solid rgba(120,82,70,.14);
  background: rgba(255,255,255,.42);
}

.template-source-switch button.active,
.watermark-mode-switch button.active,
.consult-tabs button.active,
.template-filter.active,
.mini-btn:hover,
.workflow-step:hover,
.choice-item:hover,
.choice-item.active,
.consult-scenario:hover,
.consult-scenario.active,
.select-chip:hover,
.select-chip.active,
.admin-menu button:hover,
.admin-menu button.active {
  color: var(--ink);
  border-color: rgba(181,138,88,.36);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(247,229,225,.9)),
    radial-gradient(circle at 8% 0, rgba(244,223,196,.38), transparent 40%);
  box-shadow: 0 14px 32px rgba(159,102,93,.12);
}

.template-item::before {
  background: linear-gradient(180deg, var(--gold), rgba(184,121,114,.36));
}

.custom-template::before {
  background: linear-gradient(180deg, rgba(47,111,100,.72), rgba(184,121,114,.32));
}

.watermark-style-card::after,
.tool-card::after,
.panel::after {
  background: linear-gradient(135deg, rgba(255,255,255,.32), transparent 42%, rgba(244,223,196,.16));
  opacity: .75;
}

.watermark-style-card strong,
.watermark-style-card small {
  color: var(--ink);
}

.result-box {
  background:
    linear-gradient(rgba(255,253,249,.78), rgba(255,253,249,.82)),
    url("/assets/empty-state-case.png") center / cover;
}

.result-box.is-loading::before {
  background:
    linear-gradient(110deg, transparent 0%, rgba(255,255,255,.58) 38%, rgba(244,223,196,.44) 48%, transparent 62%),
    radial-gradient(circle at 20% 0%, rgba(181,138,88,.16), transparent 34%),
    radial-gradient(circle at 82% 100%, rgba(47,111,100,.12), transparent 32%);
}

.result-box.is-loading::after,
.state-progress,
.progress,
.profile-progress-bar,
.compare-track {
  background: rgba(120,82,70,.1);
}

.state-progress span,
.progress span,
.profile-progress span,
.compare-track span {
  background: linear-gradient(90deg, #b87972, #d9b98c, #8fb3a7);
}

.comparison-slider,
.dual-preview-grid figure,
.history-table th,
.history-table td,
.history-result-link,
.history-copy-link {
  border-color: rgba(120,82,70,.13);
}

.comparison-slider,
.comparison-image,
.comparison-generated {
  background: #f6eee8;
}

.comparison-generated {
  color: var(--ink);
  background: linear-gradient(145deg, #f7e9e7, #fffaf4);
}

.compare-handle {
  background: #fffdf9;
}

.compare-handle::after {
  background: #b87972;
  border-color: rgba(255,253,249,.92);
}

.compare-badge {
  color: var(--ink);
  background: rgba(255,253,249,.82);
}

.queue-card.is-running::before {
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.58) 42%, rgba(244,223,196,.34) 50%, transparent 64%);
}

.queue-meta {
  color: #a36e48;
}

.queue-card.is-error .queue-status {
  color: #9f3d35;
  background: rgba(247,233,231,.78);
}

.queue-card.is-done .queue-status {
  color: #7a5143;
  background: rgba(255,247,235,.9);
}

.video-preview,
.queue-video {
  background: #f6eee8;
  box-shadow: 0 18px 48px rgba(80,56,45,.12);
}

.video-upload-box .upload-icon,
.upload-icon {
  color: #fffdf9;
  background: linear-gradient(145deg, #9f665d, #d9b98c);
}

.upload-box.has-file {
  background: linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.58));
}

.selected-summary {
  border-color: rgba(181,138,88,.22);
  background: rgba(255,247,235,.76);
}

.option-group {
  border-color: rgba(120,82,70,.14);
  background:
    linear-gradient(155deg, rgba(255,253,249,.96), rgba(250,242,236,.86)),
    radial-gradient(circle at 12% 0, rgba(244,223,196,.34), transparent 34%);
  box-shadow: var(--shadow-soft);
}

.option-group h4,
.reshape-builder .step-label,
.consult-builder .step-label,
.watermark-editor .mini-step-label,
.mini-step-label {
  color: #7a5143;
  border-color: rgba(181,138,88,.28);
  background:
    linear-gradient(135deg, rgba(255,247,235,.96), rgba(247,229,225,.88)),
    radial-gradient(circle at 15% 0, rgba(255,255,255,.65), transparent 40%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 10px 22px rgba(159,102,93,.1);
  text-shadow: none;
}

.reshape-builder .choice-item small,
.consult-builder .consult-scenario small {
  color: var(--muted);
}

.reshape-builder .select-chip {
  color: var(--ink-soft);
}

.assist-note {
  color: var(--teal);
  background: rgba(228,241,237,.82);
}

.toast {
  color: var(--white);
  background: rgba(61,51,46,.94);
}

.auth-screen {
  background:
    radial-gradient(circle at 14% 0%, rgba(184,121,114,.18), transparent 34rem),
    radial-gradient(circle at 86% 10%, rgba(181,138,88,.16), transparent 32rem),
    linear-gradient(135deg, #fffaf4, #fbf7f1 58%, #f4eee6);
}

.auth-copy {
  border-color: rgba(120,82,70,.14);
  background:
    linear-gradient(90deg, rgba(255,253,249,.86), rgba(255,253,249,.3)),
    url("/assets/hero-clinic-suite.png") center / cover;
}

.auth-video {
  display: none;
  opacity: 0;
  mix-blend-mode: soft-light;
}

.auth-video-shade {
  background:
    radial-gradient(circle at 20% 18%, rgba(255,247,235,.42), transparent 28rem),
    linear-gradient(90deg, rgba(255,253,249,.88), rgba(255,253,249,.54) 56%, rgba(255,253,249,.18));
}

.auth-copy .brand-title,
.auth-copy .brand-subtitle,
.auth-copy h1,
.auth-copy p,
.auth-copy .eyebrow {
  color: var(--ink);
  text-shadow: 0 2px 22px rgba(255,253,249,.72);
}

.auth-panel {
  background:
    linear-gradient(165deg, rgba(255,253,249,.96), rgba(250,242,236,.88)),
    radial-gradient(circle at 100% 0, rgba(244,223,196,.34), transparent 34%);
}

.auth-panel h2,
.auth-panel label {
  color: var(--ink);
}

input,
textarea,
select {
  color: var(--ink);
  border-color: rgba(120,82,70,.16);
  background: rgba(255,253,249,.86);
}

select option {
  color: var(--ink);
  background: #fffaf4;
}

input::placeholder,
textarea::placeholder {
  color: rgba(125,112,104,.72);
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(184,121,114,.56);
  background: #fffdf9;
  box-shadow: 0 0 0 4px rgba(184,121,114,.15);
}

.field label,
.video-options label {
  color: var(--ink-soft);
}

.page-title::before {
  background: #b87972;
  box-shadow: 0 0 18px rgba(184,121,114,.45);
}

.tool-card:hover,
.metric-card:hover,
.price-card:hover,
.queue-card:hover {
  border-color: rgba(181,138,88,.36);
  box-shadow: 0 24px 62px rgba(80,56,45,.14);
}

.tool-card img {
  filter: saturate(.95) contrast(1.02) brightness(1.05);
}

.section-head {
  border-bottom: 1px solid rgba(120,82,70,.1);
}

.history-table th,
.history-table td,
th,
td {
  border-color: rgba(120,82,70,.12);
}

tbody tr:hover td {
  background: rgba(255,247,235,.62);
}

.sidebar-showcase {
  border-color: rgba(181,138,88,.28);
  background: #f4eee6;
  box-shadow: 0 22px 58px rgba(80,56,45,.14);
}

.sidebar-showcase > img {
  filter: saturate(.92) contrast(1.02) brightness(1.08);
}

.sidebar-showcase > .sidebar-showcase-shade {
  background:
    linear-gradient(180deg, rgba(255,253,249,.02) 0%, rgba(255,253,249,.22) 42%, rgba(61,51,46,.7) 100%),
    radial-gradient(circle at 18% 0%, rgba(244,223,196,.38), transparent 42%);
}

.sidebar-showcase-content span,
.sidebar-showcase-content em {
  color: #7a5143;
  background: rgba(255,253,249,.72);
  border-color: rgba(181,138,88,.34);
}

.sidebar-showcase-content strong {
  color: #fffaf4;
}

.sidebar-showcase-content p {
  color: rgba(255,250,244,.86);
}

.sidebar-showcase:hover {
  border-color: rgba(181,138,88,.48);
  box-shadow: 0 28px 70px rgba(80,56,45,.18);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Final impeccable pass: ivory rose-gold product polish. */
body {
  font-size: 15px;
  line-height: 1.65;
}

.content {
  padding-top: 28px;
}

.topbar {
  background:
    linear-gradient(90deg, rgba(255,253,249,.92), rgba(250,242,236,.82)),
    radial-gradient(circle at 78% 0, rgba(244,223,196,.28), transparent 32%);
  box-shadow: 0 10px 34px rgba(80,56,45,.08);
}

.page-title {
  font-size: 27px;
  letter-spacing: .01em;
}

.page-desc,
.brand-subtitle,
.quota-label,
.panel p,
.tool-card p,
.metric-card small,
.choice-item small,
.workflow-step small,
.watermark-tip,
.template-item p,
.recent-item p {
  color: #655850;
}

.section-head {
  margin-bottom: 20px;
  padding: 18px 20px;
  align-items: center;
}

.section-head h2 {
  font-size: 34px;
  letter-spacing: .01em;
}

.section-head p {
  max-width: 76ch;
  font-size: 15px;
}

.panel,
.metric-card,
.tool-card,
.auth-panel,
.price-card,
.queue-card,
.template-item,
.recent-item,
.stat {
  border: 1px solid rgba(138,91,72,.16);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(250,242,236,.82)),
    radial-gradient(circle at 100% 0, rgba(244,223,196,.22), transparent 36%);
  box-shadow: 0 18px 52px rgba(80,56,45,.1);
}

.btn,
.mini-btn,
.template-filter,
.select-chip,
.choice-item,
.consult-scenario,
.workflow-step,
.watermark-mode-switch button,
.consult-tabs button {
  min-height: 44px;
  letter-spacing: .01em;
}

.btn,
.mini-btn {
  font-weight: 850;
}

.btn.secondary,
.mini-btn {
  color: #3d332e;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.78));
}

.btn.secondary:hover,
.mini-btn:hover {
  color: #171412;
}

.nav button {
  font-size: 15px;
}

.sidebar {
  background:
    linear-gradient(180deg, rgba(255,253,249,.9), rgba(250,242,236,.82)),
    radial-gradient(circle at 0 0, rgba(244,223,196,.26), transparent 34%);
}

.sidebar-showcase-content strong {
  color: #fffaf4;
  text-shadow: 0 2px 18px rgba(23,20,18,.36);
}

.sidebar-showcase-content p {
  color: rgba(255,250,244,.9);
}

.consult-tabs {
  width: 100%;
  max-width: none;
  margin: 0 0 18px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.consult-tabs button {
  min-height: 58px;
  padding: 14px 16px;
  font-size: 16px;
}

.consult-layout {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
  align-items: stretch;
}

.consult-builder,
.consult-result-panel {
  height: 100%;
}

.consult-scenarios {
  padding: 18px;
}

.consult-scenario {
  min-height: 108px;
}

.consult-output {
  min-height: 360px;
  font-size: 15px;
}

.reply-checklist div {
  min-height: 48px;
  display: flex;
  align-items: center;
  font-size: 15px;
}

.reshape-workspace {
  grid-template-columns: minmax(0, 1.04fr) minmax(440px, .96fr);
  align-items: start;
}

.reshape-workspace > .panel:first-child {
  min-height: min(860px, calc(100vh - 130px));
}

.reshape-side {
  top: 96px;
  min-height: min(860px, calc(100vh - 126px));
  max-height: none;
  overflow: visible;
}

.reshape-queue-body {
  max-height: 780px;
}

.queue-card {
  padding: 14px;
}

.queue-card h4 {
  font-size: 16px;
}

.queue-card p,
.queue-meta,
.queue-status {
  font-size: 13px;
}

.queue-media .comparison-slider {
  min-height: 480px;
  max-height: 760px;
  margin-inline: auto;
}

.comparison-slider {
  margin-inline: auto;
  box-shadow: 0 22px 58px rgba(80,56,45,.12);
}

.compare-handle::after {
  background: linear-gradient(145deg, #b87972, #d9b98c);
}

.tool-layout {
  grid-template-columns: minmax(0, 1fr) minmax(460px, 1fr);
  align-items: start;
}

.watermark-editor {
  align-content: start;
}

.watermark-common-panel {
  padding: 18px;
}

.watermark-common-head strong {
  font-size: 17px;
}

.watermark-common-head span {
  font-size: 13px;
}

.watermark-common-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.watermark-mode-switch {
  border-radius: var(--radius);
}

.watermark-mode-switch button {
  border-radius: calc(var(--radius) - 2px);
  font-size: 15px;
}

.watermark-style-card {
  min-height: 118px;
  padding: 16px;
}

.watermark-style-card strong {
  font-size: 15px;
}

.watermark-style-card small {
  font-size: 13px;
}

.wm-swatch {
  width: 92px;
  height: 34px;
  margin-bottom: 10px;
}

.wm-swatch::before {
  color: #171412 !important;
}

.wm-swatch.heart::before { content: "\2665"; left: 25px; top: -5px; font-size: 30px; }
.wm-swatch.crown::before { content: "\265B"; left: 24px; top: -7px; font-size: 32px; }
.wm-swatch.sparkle::before { content: "\2726"; left: 22px; top: -1px; font-size: 25px; }
.wm-swatch.pearl::before { content: "\2022  \2022  \2022  \2022"; left: 12px; top: 5px; letter-spacing: 7px; font-size: 14px; }
.wm-swatch.bow::before { content: "\25C0  \25A0  \25B6"; left: 8px; top: 1px; font-size: 17px; letter-spacing: 1px; }
.wm-swatch.rose::before { content: "\273F"; left: 25px; top: -6px; font-size: 31px; }

.watermark-preview-panel .result-box {
  min-height: 620px;
  padding: 18px;
}

.watermark-preview-shell {
  width: min(100%, 820px);
}

.watermark-preview-image,
.watermark-preview-shell .preview-image {
  width: 100%;
  max-width: 820px;
  max-height: 74vh;
  object-fit: contain;
}

input[type="range"] {
  width: 100%;
  height: 22px;
  min-height: 22px;
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  accent-color: #b87972;
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(184,121,114,.62), rgba(217,185,140,.45), rgba(120,82,70,.14));
}

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -6px;
  border: 3px solid #fffdf9;
  border-radius: 999px;
  background: linear-gradient(145deg, #b87972, #d9b98c);
  box-shadow: 0 6px 18px rgba(159,102,93,.28);
}

input[type="range"]::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(184,121,114,.62), rgba(217,185,140,.45), rgba(120,82,70,.14));
}

input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 3px solid #fffdf9;
  border-radius: 999px;
  background: #b87972;
  box-shadow: 0 6px 18px rgba(159,102,93,.28);
}

.field label,
.video-options label {
  font-size: 13px;
  font-weight: 900;
}

.field {
  position: relative;
}

input,
textarea,
select {
  min-height: 44px;
  font-size: 15px;
}

textarea {
  line-height: 1.7;
}

textarea {
  overflow: hidden;
  transition:
    height .16s var(--ease-out),
    border-color .2s var(--ease-out),
    box-shadow .2s var(--ease-out),
    background .2s var(--ease-out);
}

.field-meter {
  position: absolute;
  right: 12px;
  bottom: 8px;
  z-index: 2;
  padding: 3px 7px;
  border-radius: 999px;
  color: #7d7068;
  background: rgba(255,253,249,.76);
  font-size: 11px;
  font-weight: 850;
  pointer-events: none;
}

.field-meter.compact {
  bottom: -22px;
}

.field-meter.is-empty {
  color: rgba(125,112,104,.58);
}

.field.draft-saved-flash {
  position: relative;
}

.field.draft-saved-flash::after {
  content: "\5DF2\81EA\52A8\4FDD\5B58";
  position: absolute;
  right: 12px;
  top: 28px;
  z-index: 3;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(47,111,100,.2);
  border-radius: 999px;
  color: #2f6f64;
  background: rgba(228,241,237,.92);
  box-shadow: 0 10px 24px rgba(47,111,100,.11), inset 0 1px 0 rgba(255,255,255,.74);
  font-size: 12px;
  font-weight: 950;
  pointer-events: none;
  animation: draftSavedBadge 2s var(--ease-out) both;
}

.field.draft-saved-flash textarea,
.field.draft-saved-flash input {
  border-color: rgba(47,111,100,.34);
  box-shadow: 0 0 0 4px rgba(47,111,100,.08);
}

@keyframes draftSavedBadge {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  18%, 72% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-3px);
  }
}

.copying {
  cursor: progress !important;
}

.copying::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid rgba(184,121,114,.22);
  border-top-color: rgba(184,121,114,.82);
  border-radius: 999px;
  animation: spin .72s linear infinite;
}

.copy-success {
  border-color: rgba(47,111,100,.42) !important;
  color: #245a51 !important;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.86)) !important;
}

.copy-error {
  border-color: rgba(159,61,53,.36) !important;
  color: #8f3f36 !important;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(252,236,233,.86)) !important;
}

.copy-target-success-pulse,
.copy-target-error-pulse {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.copy-target-success-pulse {
  animation: copyTargetSuccessBreath .98s var(--ease-out) both;
}

.copy-target-error-pulse {
  animation: copyTargetErrorBreath .98s var(--ease-out) both;
}

.copy-target-success-pulse::after,
.copy-target-error-pulse::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .58;
  transform: translateX(-122%) skewX(-12deg);
}

.copy-target-success-pulse::after {
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.82) 47%, rgba(125,157,145,.25) 55%, transparent 68%, transparent 100%),
    radial-gradient(circle at 24% 0, rgba(125,157,145,.16), transparent 34%);
  animation: copyTargetSuccessSweep .98s var(--ease-out) both;
}

.copy-target-error-pulse::after {
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.78) 47%, rgba(184,121,114,.24) 55%, transparent 68%, transparent 100%),
    radial-gradient(circle at 24% 0, rgba(184,121,114,.14), transparent 34%);
  animation: copyTargetSuccessSweep .98s var(--ease-out) both;
}

.copy-target-success-pulse > *,
.copy-target-error-pulse > * {
  position: relative;
  z-index: 1;
}

.download-target-pulse {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  animation: downloadTargetBreath 1.08s var(--ease-out) both;
}

.download-target-pulse::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .62;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.84) 46%, rgba(217,185,140,.28) 54%, rgba(125,157,145,.18) 62%, transparent 72%, transparent 100%),
    radial-gradient(circle at 22% 0, rgba(217,185,140,.18), transparent 36%);
  transform: translateX(-124%) skewX(-12deg);
  animation: downloadTargetSweep 1.08s var(--ease-out) both;
}

.download-target-pulse > * {
  position: relative;
  z-index: 1;
}

@keyframes copyTargetSuccessBreath {
  0% {
    box-shadow: 0 0 0 0 rgba(47,111,100,.16), var(--shadow-soft);
    border-color: rgba(125,157,145,.2);
  }
  48% {
    box-shadow: 0 0 0 7px rgba(125,157,145,.08), 0 18px 40px rgba(47,111,100,.1);
    border-color: rgba(125,157,145,.36);
  }
  100% {
    box-shadow: var(--shadow-soft);
    border-color: var(--line);
  }
}

@keyframes copyTargetErrorBreath {
  0% {
    box-shadow: 0 0 0 0 rgba(184,121,114,.14), var(--shadow-soft);
    border-color: rgba(184,121,114,.2);
  }
  48% {
    box-shadow: 0 0 0 7px rgba(184,121,114,.075), 0 18px 40px rgba(143,63,54,.09);
    border-color: rgba(184,121,114,.34);
  }
  100% {
    box-shadow: var(--shadow-soft);
    border-color: var(--line);
  }
}

@keyframes copyTargetSuccessSweep {
  from {
    transform: translateX(-122%) skewX(-12deg);
  }
  to {
    transform: translateX(122%) skewX(-12deg);
  }
}

@keyframes downloadTargetBreath {
  0% {
    border-color: rgba(181,138,88,.2);
    box-shadow: var(--shadow-soft);
  }
  42% {
    border-color: rgba(47,111,100,.34);
    box-shadow:
      0 18px 42px rgba(47,111,100,.1),
      0 0 0 4px rgba(217,185,140,.08),
      inset 0 1px 0 rgba(255,255,255,.78);
  }
  100% {
    border-color: rgba(181,138,88,.22);
    box-shadow: var(--shadow-soft);
  }
}

@keyframes downloadTargetSweep {
  from {
    transform: translateX(-124%) skewX(-12deg);
  }
  to {
    transform: translateX(124%) skewX(-12deg);
  }
}

@keyframes spin {
  to { transform: rotate(1turn); }
}

.field-focus-pulse {
  animation: fieldFocusPulse .9s var(--ease-out) both;
}

@keyframes fieldFocusPulse {
  0% { box-shadow: 0 0 0 0 rgba(184,121,114,.28); }
  55% { box-shadow: 0 0 0 7px rgba(184,121,114,.14); }
  100% { box-shadow: 0 0 0 4px rgba(184,121,114,.15); }
}

.history-table th,
.history-table td {
  padding: 14px 12px;
  font-size: 14px;
}

.history-table td:nth-child(4) {
  max-width: 320px;
}

.history-table td:nth-child(4) .record-text {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.history-result-link,
.history-copy-link {
  max-width: 128px;
  font-weight: 850;
}

/* History result action cue pass */
.history-result-actions .mini-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.76)),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.16), transparent 34%);
}

.history-result-actions .mini-btn::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .3;
  background: linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.82) 49%, rgba(217,185,140,.26) 58%, transparent 70%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
  animation: historyResultActionGlint 7.2s ease-in-out infinite;
}

.history-result-actions .mini-btn:nth-child(2)::after {
  animation-delay: 1.6s;
}

.history-result-actions .mini-btn:hover::after,
.history-result-actions .mini-btn:focus-visible::after {
  opacity: 0;
  animation-play-state: paused;
}

.history-status-pill {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 62px;
  justify-content: center;
  border-color: rgba(181,138,88,.2);
  background: rgba(255,253,249,.74);
}

.history-status-pill::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.74) 48%, rgba(244,223,196,.28) 56%, transparent 68%, transparent 100%);
  transform: translateX(-118%) skewX(-12deg);
}

.history-status-pill.is-done {
  border-color: rgba(47,111,100,.2);
  color: #2f6f64;
  background: rgba(228,241,237,.82);
}

.history-status-pill.is-credit {
  border-color: rgba(181,138,88,.24);
  color: #9f5b2c;
  background: linear-gradient(145deg, rgba(255,247,235,.9), rgba(255,253,249,.78));
}

.history-status-pill.is-running {
  border-color: rgba(181,138,88,.28);
  color: #9f5b2c;
  background: rgba(255,247,235,.86);
}

.history-status-pill.is-running::before {
  opacity: .42;
  animation: historyStatusSweep 2.8s ease-in-out infinite;
}

.history-status-pill.is-error {
  border-color: rgba(159,61,53,.2);
  color: #8f3f36;
  background: rgba(252,236,233,.82);
}

.history-status-pill > * {
  position: relative;
  z-index: 1;
}

.profile-history .profile-panel-head .pill {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: min(100%, 460px);
  justify-content: center;
  white-space: normal;
  line-height: 1.35;
  text-align: center;
}

.profile-history .profile-panel-head .pill::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.72) 48%, rgba(244,223,196,.34) 56%, transparent 68%, transparent 100%);
  transform: translateX(-118%) skewX(-12deg);
}

.profile-history.has-running .profile-panel-head .pill {
  border-color: rgba(181,138,88,.34);
  color: #9f5b2c;
  background: linear-gradient(145deg, rgba(255,247,235,.94), rgba(255,253,249,.82));
}

.profile-history.has-running .profile-panel-head .pill::before,
.profile-history.has-failed .profile-panel-head .pill::before {
  opacity: .48;
  animation: historySummarySweep 5.4s ease-in-out infinite;
}

.profile-history.has-credit:not(.has-running):not(.has-failed) .profile-panel-head .pill {
  border-color: rgba(47,111,100,.24);
  color: #2f6f64;
  background: linear-gradient(145deg, rgba(228,241,237,.9), rgba(255,253,249,.82));
}

.profile-history.has-failed .profile-panel-head .pill {
  border-color: rgba(159,61,53,.28);
  color: #8f3f36;
  background: linear-gradient(145deg, rgba(252,236,233,.92), rgba(255,253,249,.84));
}

.profile-history.is-empty .profile-panel-head .pill {
  color: var(--muted);
  background: rgba(255,253,249,.74);
}

.profile-history:hover .profile-panel-head .pill::before,
.profile-history:focus-within .profile-panel-head .pill::before {
  animation-play-state: paused;
  opacity: .2;
}

.history-reuse-brief {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, .86fr) minmax(220px, 1.14fr);
  align-items: center;
  gap: 10px 14px;
  margin: 10px 0 14px;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: 16px;
  color: #5f5048;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.64)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.16), transparent 36%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 12px 26px rgba(92,70,59,.055);
}

.history-reuse-brief::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: .18;
  background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.78) 48%, rgba(217,185,140,.24) 58%, transparent 72%);
  transform: translateX(-128%) skewX(-12deg);
}

.history-reuse-brief span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #2f6f64;
  font-weight: 900;
}

.history-reuse-brief i,
.history-reuse-brief svg {
  width: 17px;
  height: 17px;
  color: #7d9d91;
  filter: drop-shadow(0 0 10px rgba(125,157,145,.28));
}

.history-reuse-brief small {
  font-size: 11px;
  font-weight: 900;
}

.history-reuse-brief strong {
  min-width: 0;
  color: #3f2d27;
  font-size: 14px;
  line-height: 1.25;
}

.history-reuse-brief em {
  min-width: 0;
  color: #6f5f55;
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

/* Asset dependency route pass */
.history-reuse-route-map {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.history-reuse-route-map b {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 4px;
  padding: 9px 10px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.13);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(228,241,237,.58)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.14), transparent 42%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
}

.history-reuse-route-map b::after {
  content: "";
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  opacity: .46;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.44), rgba(217,185,140,.34), transparent);
}

.history-reuse-route-map b:nth-child(2) {
  border-color: rgba(181,138,88,.17);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.6)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.18), transparent 42%);
}

.history-reuse-route-map b:nth-child(3) {
  border-color: rgba(191,130,119,.15);
}

.history-reuse-route-map small {
  color: #8f7054;
  font-size: 10px;
  font-weight: 950;
}

.history-reuse-route-map strong {
  min-width: 0;
  overflow: hidden;
  color: #2f6f64;
  font-size: 12.5px;
  font-weight: 950;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* History reuse playbook dependency pass */
.history-reuse-playbook {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.history-reuse-playbook span {
  position: relative;
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 48px;
  gap: 4px;
  padding: 9px 10px 9px 28px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 13px;
  color: #5f5048;
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.58)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.15), transparent 42%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 8px 18px rgba(92,70,59,.045);
}

.history-reuse-playbook span::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #d9b98c;
  box-shadow:
    0 0 0 4px rgba(217,185,140,.13),
    0 0 16px rgba(217,185,140,.26);
  transform: translateY(-50%);
}

.history-reuse-playbook span:nth-child(2)::before {
  background: #7d9d91;
  box-shadow:
    0 0 0 4px rgba(125,157,145,.13),
    0 0 16px rgba(125,157,145,.24);
}

.history-reuse-playbook span:nth-child(3)::before {
  background: #c98f88;
  box-shadow:
    0 0 0 4px rgba(201,143,136,.13),
    0 0 16px rgba(201,143,136,.2);
}

.history-reuse-playbook span::after {
  content: "";
  position: absolute;
  left: 28px;
  right: 10px;
  bottom: 6px;
  height: 1px;
  opacity: .44;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.34), transparent);
}

.history-reuse-playbook small,
.history-reuse-playbook strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.history-reuse-playbook small {
  color: rgba(80,56,45,.58);
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
}

.history-reuse-playbook strong {
  color: #7d6354;
  font-size: 12.5px;
  font-weight: 950;
  line-height: 1.2;
}

.history-reuse-brief.is-ready .history-reuse-playbook span:nth-child(2) strong {
  color: #2f6f64;
}

.history-reuse-next {
  position: relative;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px 12px;
  padding: 10px 10px 10px 12px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.14);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(228,241,237,.72), rgba(255,253,249,.72)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.18), transparent 38%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 10px 22px rgba(47,111,100,.055);
}

.history-reuse-next span {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
}

.history-reuse-next small {
  color: #7d9d91;
  font-size: 10.5px;
  letter-spacing: 0;
}

.history-reuse-next strong {
  min-width: 0;
  overflow: hidden;
  color: #2f6f64;
  font-size: 14.5px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.history-reuse-next em {
  color: rgba(63,45,39,.72);
  font-size: 11.5px;
  font-weight: 900;
  white-space: nowrap;
}

#historyReuseAction {
  min-width: 112px;
  justify-self: end;
  white-space: nowrap;
}

#historyReuseAction:not(:disabled) {
  border-color: rgba(47,111,100,.26);
  color: #2f6f64;
  background: linear-gradient(145deg, rgba(228,241,237,.9), rgba(255,253,249,.74));
  box-shadow:
    0 10px 22px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.history-reuse-brief.is-ready {
  border-color: rgba(47,111,100,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.66)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.2), transparent 36%);
}

.history-reuse-brief.is-running {
  border-color: rgba(181,138,88,.22);
}

@media (prefers-reduced-motion: no-preference) {
  .history-reuse-brief::before {
    animation: historyReuseBriefSweep 8.4s ease-in-out infinite;
  }

  .history-reuse-brief.is-ready .history-reuse-playbook span::before {
    animation: historyReusePlaybookDot 4.8s ease-in-out infinite;
  }

  .history-reuse-brief.is-ready .history-reuse-playbook span:nth-child(2)::before {
    animation-delay: .32s;
  }

  .history-reuse-brief.is-ready .history-reuse-playbook span:nth-child(3)::before {
    animation-delay: .64s;
  }
}

@keyframes historyReuseBriefSweep {
  0%, 44% {
    opacity: .08;
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .34;
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes historyReusePlaybookDot {
  0%, 100% {
    opacity: .72;
    transform: translateY(-50%) scale(.9);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.12);
  }
}

@media (max-width: 720px) {
  .history-reuse-brief {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .history-reuse-route-map {
    grid-template-columns: 1fr;
  }

  .history-reuse-playbook {
    grid-template-columns: 1fr;
  }

  .history-reuse-route-map strong {
    white-space: normal;
  }

  .history-reuse-next {
    grid-template-columns: 1fr;
  }

  .history-reuse-next span {
    grid-template-columns: 1fr;
  }

  #historyReuseAction {
    justify-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .history-reuse-brief::before,
  .history-reuse-playbook span::before {
    animation: none !important;
  }
}

@keyframes historyStatusSweep {
  0%, 36% {
    transform: translateX(-118%) skewX(-12deg);
  }
  72%, 100% {
    transform: translateX(118%) skewX(-12deg);
  }
}

@keyframes historyResultActionGlint {
  0%, 46% {
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes historySummarySweep {
  0%, 42% {
    transform: translateX(-118%) skewX(-12deg);
  }
  78%, 100% {
    transform: translateX(118%) skewX(-12deg);
  }
}

/* Scroll affordance pass */
.scroll-affordance {
  position: relative;
  background-attachment: local, local, scroll, scroll;
  background-image:
    linear-gradient(to bottom, rgba(255,253,249,.96), rgba(255,253,249,0)),
    linear-gradient(to top, rgba(255,253,249,.96), rgba(255,253,249,0)),
    radial-gradient(farthest-side at 50% 0, rgba(181,138,88,.2), rgba(181,138,88,0)),
    radial-gradient(farthest-side at 50% 100%, rgba(181,138,88,.22), rgba(181,138,88,0));
  background-position: top, bottom, top, bottom;
  background-repeat: no-repeat;
  background-size: 100% 18px, 100% 18px, 100% 12px, 100% 12px;
}

.scroll-affordance::before,
.scroll-affordance::after {
  content: "";
  position: sticky;
  left: 10px;
  right: 10px;
  z-index: 2;
  display: block;
  height: 2px;
  pointer-events: none;
  border-radius: 999px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.52), rgba(228,241,237,.44), transparent);
  transition: opacity .18s var(--ease-out);
}

.scroll-affordance::before {
  top: 0;
  margin-bottom: -2px;
}

.scroll-affordance::after {
  bottom: 0;
  margin-top: -2px;
}

.scroll-affordance.has-scroll-top::before,
.scroll-affordance.has-scroll-bottom::after {
  opacity: .72;
}

.copy-output.scroll-affordance,
.consult-output.scroll-affordance {
  background:
    linear-gradient(to bottom, rgba(255,253,249,.98) 0, rgba(255,253,249,0) 24px) top / 100% 24px no-repeat local,
    linear-gradient(to top, rgba(255,253,249,.98) 0, rgba(255,253,249,0) 24px) bottom / 100% 24px no-repeat local,
    radial-gradient(farthest-side at 50% 0, rgba(181,138,88,.2), rgba(181,138,88,0)) top / 100% 14px no-repeat scroll,
    radial-gradient(farthest-side at 50% 100%, rgba(181,138,88,.24), rgba(181,138,88,0)) bottom / 100% 14px no-repeat scroll,
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.64));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -20px 24px -24px rgba(181,138,88,.34);
}

.copy-output.scroll-affordance.has-scroll-top,
.consult-output.scroll-affordance.has-scroll-top {
  box-shadow:
    inset 0 20px 24px -24px rgba(181,138,88,.3),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.copy-output.scroll-affordance.has-scroll-top.has-scroll-bottom,
.consult-output.scroll-affordance.has-scroll-top.has-scroll-bottom {
  box-shadow:
    inset 0 20px 24px -24px rgba(181,138,88,.3),
    inset 0 -20px 24px -24px rgba(181,138,88,.34),
    inset 0 1px 0 rgba(255,255,255,.78);
}

@media (prefers-reduced-motion: no-preference) {
  .scroll-affordance.has-scroll-top::before,
  .scroll-affordance.has-scroll-bottom::after {
    animation: scrollEdgeCrystalBreath 4.8s ease-in-out infinite;
  }

  .scroll-affordance:hover::before,
  .scroll-affordance:hover::after,
  .scroll-affordance:focus-within::before,
  .scroll-affordance:focus-within::after {
    animation-play-state: paused;
  }
}

@keyframes scrollEdgeCrystalBreath {
  0%, 100% {
    opacity: .42;
    filter: saturate(.94) brightness(1);
  }
  52% {
    opacity: .82;
    filter: saturate(1.12) brightness(1.08);
  }
}

.knowledge-scroll-shell.scroll-affordance.has-scroll-bottom {
  box-shadow:
    inset 0 -22px 24px -24px rgba(181,138,88,.42),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.knowledge-scroll-shell.scroll-affordance.has-scroll-top {
  box-shadow:
    inset 0 22px 24px -24px rgba(181,138,88,.34),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.knowledge-scroll-shell.scroll-affordance.has-scroll-top.has-scroll-bottom {
  box-shadow:
    inset 0 22px 24px -24px rgba(181,138,88,.34),
    inset 0 -22px 24px -24px rgba(181,138,88,.42),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.knowledge-scroll-shell {
  background:
    linear-gradient(to bottom, rgba(255,253,249,.96) 0, rgba(255,253,249,0) 22px) top / 100% 22px no-repeat local,
    linear-gradient(to top, rgba(255,253,249,.96) 0, rgba(255,253,249,0) 22px) bottom / 100% 22px no-repeat local,
    radial-gradient(farthest-side at 50% 100%, rgba(181,138,88,.24), rgba(181,138,88,0)) bottom / 100% 14px no-repeat scroll,
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(250,242,236,.58));
  box-shadow:
    inset 0 -22px 24px -25px rgba(181,138,88,.44),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.knowledge-scroll-shell:hover,
.knowledge-scroll-shell:focus-within {
  box-shadow:
    inset 0 -22px 24px -25px rgba(181,138,88,.28),
    inset 0 1px 0 rgba(255,255,255,.8);
}

@media (prefers-reduced-motion: reduce) {
  .scroll-affordance::before,
  .scroll-affordance::after {
    transition: none !important;
  }
}

.knowledge-scroll-shell {
  max-height: 520px;
}

@media (max-width: 1180px) {
  .consult-layout,
  .copy-layout,
  .tool-layout,
  .reshape-workspace,
  .profile-shell {
    grid-template-columns: 1fr;
  }

  .reshape-side {
    position: static;
    min-height: auto;
  }
}

@media (max-width: 720px) {
  body {
    font-size: 14px;
  }

  .content {
    padding: 18px;
  }

  .section-head {
    padding: 16px;
  }

  .section-head h2 {
    font-size: 29px;
  }

  .consult-tabs button {
    min-height: 52px;
    padding: 12px 10px;
    font-size: 14px;
  }

  .watermark-common-grid,
  .watermark-style-grid {
    grid-template-columns: 1fr;
  }

  .watermark-preview-panel .result-box {
    min-height: 420px;
  }

  .queue-media .comparison-slider {
    min-height: 360px;
  }
}

/* Interaction polish: crisp, calm product feedback. */
:root {
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-standard: cubic-bezier(.2, 0, .2, 1);
  --focus-ring: 0 0 0 4px rgba(184, 121, 114, .18), 0 0 0 1px rgba(159, 102, 93, .42);
}

button,
.btn,
.mini-btn,
.nav button,
.template-filter,
.select-chip,
.choice-item,
.consult-scenario,
.workflow-step,
.watermark-style-card,
.price-card,
.tool-card,
.metric-card,
.queue-card,
.upload-box {
  -webkit-tap-highlight-color: transparent;
}

.btn,
.mini-btn,
.nav button,
.template-filter,
.select-chip,
.choice-item,
.consult-scenario,
.workflow-step,
.watermark-mode-switch button,
.watermark-style-card,
.price-card,
.tool-card,
.metric-card,
.queue-card,
.upload-box,
.template-item,
.recent-item {
  transition:
    transform .2s var(--ease-out),
    box-shadow .2s var(--ease-out),
    border-color .2s var(--ease-out),
    background .2s var(--ease-out),
    color .2s var(--ease-out),
    opacity .2s var(--ease-out);
}

.is-pressing,
.btn:active,
.mini-btn:active,
.nav button:active,
.template-filter:active,
.select-chip:active,
.choice-item:active,
.consult-scenario:active,
.workflow-step:active,
.watermark-style-card:active {
  transform: translateY(1px) scale(.985) !important;
}

button:focus-visible,
.btn:focus-visible,
.mini-btn:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.template-filter:focus-visible,
.select-chip:focus-visible,
.choice-item:focus-visible,
.consult-scenario:focus-visible,
.workflow-step:focus-visible,
.watermark-style-card:focus-visible,
.upload-box:focus-within {
  outline: none;
  box-shadow: var(--focus-ring), 0 18px 42px rgba(80,56,45,.12);
}

.panel,
.tool-card,
.metric-card,
.price-card,
.queue-card,
.upload-box,
.template-item,
.recent-item,
.watermark-style-card {
  position: relative;
  overflow: hidden;
}

.panel::before,
.tool-card::before,
.metric-card::before,
.price-card::before,
.queue-card::before,
.upload-box::before,
.template-item::before,
.recent-item::before,
.watermark-style-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(244, 223, 196, .34), transparent 44%),
    radial-gradient(180px circle at var(--mx, 50%) var(--my, 50%), rgba(184, 121, 114, .12), transparent 54%);
  transition: opacity .22s var(--ease-out);
  z-index: 0;
}

.panel.has-pointer-light::before,
.tool-card.has-pointer-light::before,
.metric-card.has-pointer-light::before,
.price-card.has-pointer-light::before,
.queue-card.has-pointer-light::before,
.upload-box.has-pointer-light::before,
.template-item.has-pointer-light::before,
.recent-item.has-pointer-light::before,
.watermark-style-card.has-pointer-light::before,
.panel:hover::before,
.tool-card:hover::before,
.metric-card:hover::before,
.price-card:hover::before,
.queue-card:hover::before,
.upload-box:hover::before,
.template-item:hover::before,
.recent-item:hover::before,
.watermark-style-card:hover::before {
  opacity: 1;
}

.panel > *,
.tool-card > *,
.metric-card > *,
.price-card > *,
.queue-card > *,
.upload-box > *,
.template-item > *,
.recent-item > *,
.watermark-style-card > * {
  position: relative;
  z-index: 1;
}

.nav button.nav-jump::after,
.btn.nav-jump::after {
  left: 128%;
}

.nav button.nav-jump {
  box-shadow: 0 16px 34px rgba(159,102,93,.18);
}

.upload-box.is-reading::after {
  content: "\6B63\5728\8BFB\53D6\56FE\7247";
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(181,138,88,.28);
  border-radius: 999px;
  color: #7a5143;
  background: rgba(255,253,249,.86);
  box-shadow: 0 10px 24px rgba(80,56,45,.1);
  font-size: 12px;
  font-weight: 900;
}

.upload-box.is-reading .upload-icon {
  animation: softPulse 1.1s var(--ease-standard) infinite;
}

.upload-box.upload-confirmed {
  border-color: rgba(47,111,100,.42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.78)),
    radial-gradient(circle at 16% 0, rgba(47,111,100,.16), transparent 34%);
}

.upload-box.upload-confirmed::after {
  content: "\5DF2\51C6\5907";
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  color: #245a51;
  background: rgba(228,241,237,.92);
  font-size: 12px;
  font-weight: 950;
}

@keyframes softPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 10px 24px rgba(159,102,93,.12); }
  50% { transform: scale(1.045); box-shadow: 0 14px 32px rgba(181,138,88,.22); }
}

.toast {
  overflow: hidden;
  padding-right: 20px;
  border: 1px solid rgba(244,223,196,.22);
  background:
    linear-gradient(145deg, rgba(61,51,46,.96), rgba(31,25,22,.96)),
    radial-gradient(circle at 0 0, rgba(244,223,196,.18), transparent 36%);
}

.toast::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, #b87972, #d9b98c, #8fb3a7);
  transform-origin: left center;
  transform: scaleX(0);
}

.toast.show::after {
  animation: toastMeter var(--toast-duration, 1800ms) linear forwards;
}

@keyframes toastMeter {
  from { transform: scaleX(1); }
  to { transform: scaleX(0); }
}

.comparison-slider:hover .compare-handle::after,
.comparison-slider:focus-within .compare-handle::after {
  transform: translateX(-50%) scale(1.12);
  box-shadow: 0 0 0 7px rgba(184,121,114,.14), 0 10px 24px rgba(80,56,45,.2);
}

.compare-range:focus-visible + *,
.compare-range:focus-visible {
  outline: none;
}

.queue-actions {
  transform: translateY(4px);
}

.queue-card:hover .queue-actions,
.queue-card:focus-within .queue-actions {
  opacity: 1;
  transform: translateY(0);
}

.watermark-mode-switch button.active,
.consult-tabs button.active,
.template-source-switch button.active {
  position: relative;
}

.watermark-mode-switch button.active::after,
.consult-tabs button.active::after,
.template-source-switch button.active::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(184,121,114,.72), transparent);
}

.watermark-mode-switch [aria-selected="true"],
.consult-tabs [aria-selected="true"],
.template-source-switch [aria-selected="true"] {
  cursor: default;
}

.watermark-mode-switch button:focus-visible,
.consult-tabs button:focus-visible,
.template-source-switch button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring), inset 0 1px 0 rgba(255,255,255,.74);
}

.copy-output:empty,
.consult-output:empty {
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(250,242,236,.72)),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(120,82,70,.025) 18px 19px);
}

@media (hover: none) {
  .panel::before,
  .tool-card::before,
  .metric-card::before,
  .price-card::before,
  .queue-card::before,
  .upload-box::before,
  .template-item::before,
  .recent-item::before,
  .watermark-style-card::before {
    display: none;
  }

  .queue-actions {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toast.show::after,
  .upload-box.is-reading .upload-icon {
    animation: none !important;
  }
}

/* Impeccable redesign layer: ivory rose-gold, product-grade clarity. */
:root {
  --ivory: oklch(98.4% 0.014 70);
  --ivory-2: oklch(95.2% 0.021 63);
  --rose-50: oklch(94.6% 0.032 24);
  --rose-100: oklch(88.5% 0.046 25);
  --rose-300: oklch(70.6% 0.073 24);
  --rose-500: oklch(55.2% 0.076 27);
  --ink: oklch(20.4% 0.018 48);
  --ink-soft: oklch(31.6% 0.024 48);
  --muted: oklch(48.8% 0.027 55);
  --line: oklch(67% 0.038 44 / .24);
  --gold: oklch(64.8% 0.083 73);
  --gold-soft: oklch(91.2% 0.048 74);
  --teal: oklch(45.8% 0.062 174);
  --teal-soft: oklch(93.6% 0.031 171);
  --white: oklch(99.1% 0.009 75);
  --surface: oklch(99.1% 0.009 75 / .92);
  --surface-strong: oklch(99.1% 0.009 75);
  --shadow: 0 26px 70px oklch(31% 0.035 48 / .13);
  --shadow-soft: 0 14px 38px oklch(31% 0.035 48 / .09);
  --shadow-lift: 0 22px 54px oklch(42% 0.052 35 / .16);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 7% -8%, oklch(81% 0.075 26 / .22), transparent 34rem),
    radial-gradient(circle at 92% 6%, oklch(88% 0.062 76 / .24), transparent 32rem),
    radial-gradient(circle at 56% 104%, oklch(86% 0.042 173 / .16), transparent 34rem),
    linear-gradient(135deg, oklch(99% 0.012 75), oklch(96% 0.022 58) 52%, oklch(94% 0.024 35));
  font-size: 15px;
}

body::before {
  opacity: .28;
  background-image:
    linear-gradient(oklch(27% 0.026 48 / .035) 1px, transparent 1px),
    linear-gradient(90deg, oklch(27% 0.026 48 / .026) 1px, transparent 1px);
  background-size: 48px 48px;
}

.brand-mark {
  color: #fff9ef;
  background:
    radial-gradient(circle at 30% 18%, rgba(255, 249, 239, .5), transparent 32%),
    linear-gradient(145deg, #b87972 0%, #8d5b54 54%, #b58a58 100%);
  box-shadow: 0 16px 34px rgba(128, 83, 73, .2);
}

.brand-title,
.quota-number,
.page-title,
.section-head h2,
.command-copy h2,
.auth-copy h1,
.tool-card h3,
.profile-panel-head h3,
.queue-card h4 {
  color: var(--ink);
}

.brand-subtitle,
.page-desc,
.hint,
.panel p,
.tool-card p,
.metric-card small,
.choice-item small,
.workflow-step small,
.watermark-tip,
.template-item p,
.recent-item p,
.queue-card p {
  color: var(--muted);
}

.sidebar {
  border-right-color: oklch(67% 0.038 44 / .2);
  background:
    linear-gradient(180deg, oklch(99% 0.01 75 / .94), oklch(96% 0.022 58 / .88)),
    radial-gradient(circle at 0 0, oklch(88% 0.058 74 / .28), transparent 30%);
}

.nav {
  gap: 9px;
}

.nav button {
  min-height: 46px;
  border: 1px solid transparent;
  color: var(--ink-soft);
  font-weight: 850;
  letter-spacing: .01em;
}

.nav button:hover {
  color: var(--ink);
  border-color: oklch(66% 0.062 32 / .24);
  background: linear-gradient(145deg, oklch(99% 0.008 76 / .92), oklch(94% 0.033 28 / .78));
  box-shadow: 0 12px 28px rgba(128, 83, 73, .1);
}

.nav button.active {
  color: #fffaf4;
  border-color: oklch(75% 0.07 72 / .45);
  background:
    radial-gradient(circle at 14% 8%, rgba(255,255,255,.28), transparent 32%),
    linear-gradient(135deg, #8f5f58, #b87972 54%, #bf9460);
  box-shadow: 0 16px 34px rgba(159, 102, 93, .18);
}

.nav-icon {
  color: var(--rose-500);
  background: linear-gradient(145deg, #fffaf4, #f3dfd8);
}

.quota-card,
.panel,
.metric-card,
.tool-card,
.auth-panel,
.price-card,
.queue-card,
.template-item,
.recent-item,
.stat,
.watermark-common-panel,
.knowledge-scroll-shell,
.custom-knowledge-form,
.feature-brief,
.template-source-switch,
.watermark-mode-switch {
  border-color: oklch(64% 0.046 42 / .22);
  background:
    linear-gradient(145deg, oklch(99% 0.008 76 / .96), oklch(96% 0.023 58 / .78)),
    radial-gradient(circle at 100% 0, oklch(89% 0.057 74 / .22), transparent 34%);
  box-shadow: var(--shadow-soft);
}

.topbar {
  border-bottom-color: oklch(64% 0.046 42 / .2);
  background:
    linear-gradient(90deg, oklch(99% 0.008 76 / .94), oklch(96% 0.021 58 / .9)),
    radial-gradient(circle at 82% 0, oklch(88% 0.058 74 / .28), transparent 36%);
}

.section-head {
  border: 1px solid oklch(64% 0.046 42 / .16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, oklch(99% 0.008 76 / .8), oklch(96% 0.022 58 / .54));
  box-shadow: 0 12px 30px rgba(80, 56, 45, .06);
}

.section-head.compact {
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.section-head p {
  color: #62544c;
  line-height: 1.72;
}

.btn {
  min-height: 44px;
  border-color: oklch(64% 0.067 68 / .42);
  border-radius: 8px;
  color: #fffaf4;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.24), transparent 34%),
    linear-gradient(135deg, #80645b, #3d332e);
  font-weight: 900;
  letter-spacing: .01em;
}

.btn.pink {
  border-color: oklch(75% 0.07 72 / .58);
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.32), transparent 36%),
    linear-gradient(135deg, #9f665d 0%, #bf8277 56%, #c69c67 100%);
  box-shadow: 0 16px 32px rgba(159, 102, 93, .16);
}

.btn.secondary,
.mini-btn {
  border-color: oklch(64% 0.046 42 / .24);
  color: var(--ink);
  background: linear-gradient(145deg, oklch(99% 0.008 76 / .96), oklch(96% 0.022 58 / .76));
}

.btn:hover,
.mini-btn:hover,
.choice-item:hover,
.choice-item.active,
.consult-scenario:hover,
.consult-scenario.active,
.select-chip:hover,
.select-chip.active,
.workflow-step:hover,
.template-filter:hover,
.template-filter.active,
.watermark-style-card:hover,
.watermark-style-card.active {
  border-color: oklch(61% 0.078 28 / .44);
  box-shadow: var(--shadow-lift);
}

.btn:disabled,
.mini-btn:disabled,
button[aria-disabled="true"] {
  opacity: .52;
  cursor: not-allowed;
  transform: none !important;
}

.pill,
.tag,
.queue-status,
.watermark-preview-tag,
.template-source-badge {
  min-height: 28px;
  border-color: oklch(68% 0.06 70 / .28);
  color: #76523c;
  background: linear-gradient(145deg, #fffaf4, #f5e6d4);
  font-weight: 900;
}

.auth-copy {
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(255,253,249,.92), rgba(255,253,249,.54) 54%, rgba(255,253,249,.2)),
    url("/assets/hero-clinic-suite.png") center / cover;
}

.auth-copy::after,
.command-hero::after,
.tool-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.28) 42%, transparent 62%);
  transform: translateX(-120%);
}

.auth-copy:hover::after,
.command-hero:hover::after,
.tool-card:hover::after {
  animation: surfaceSheen 1.4s var(--ease-out);
}

@keyframes surfaceSheen {
  to { transform: translateX(140%); }
}

.auth-copy::after {
  inset: 0;
}

.auth-copy .brand-title,
.auth-copy .brand-subtitle,
.auth-copy h1,
.auth-copy p,
.auth-copy .eyebrow {
  color: var(--ink);
  text-shadow: 0 2px 22px rgba(255,253,249,.78);
}

.auth-copy h1 {
  max-width: 720px;
}

.auth-enterprise-card {
  color: var(--ink);
  border-color: rgba(181,138,88,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.46)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.16), transparent 42%);
  box-shadow:
    0 18px 42px rgba(54,35,29,.12),
    inset 0 1px 0 rgba(255,253,249,.58);
}

.auth-enterprise-card span {
  border-color: rgba(181,138,88,.18);
  background: rgba(255,253,249,.54);
}

.auth-enterprise-card small {
  color: var(--muted);
}

.auth-enterprise-card strong,
.auth-enterprise-card a {
  color: var(--ink);
}

.auth-enterprise-card a:hover {
  color: #2f6f64;
}

.auth-panel {
  border-color: oklch(64% 0.046 42 / .24);
  background:
    linear-gradient(165deg, oklch(99% 0.008 76 / .97), oklch(96% 0.022 58 / .9)),
    radial-gradient(circle at 100% 0, oklch(88% 0.058 74 / .32), transparent 34%);
}

.command-hero {
  position: relative;
  border-color: oklch(64% 0.046 42 / .22);
  background:
    linear-gradient(135deg, oklch(99% 0.008 76 / .97), oklch(95% 0.025 32 / .78)),
    radial-gradient(circle at 0 100%, oklch(89% 0.04 170 / .16), transparent 34%);
}

.command-copy h2 {
  font-size: clamp(42px, 4.7vw, 66px);
}

.command-copy p {
  color: var(--ink-soft);
}

.visual-glass {
  color: #fffaf4;
  border-color: rgba(255,250,244,.42);
  background: linear-gradient(145deg, rgba(61, 51, 46, .7), rgba(128, 90, 76, .48));
}

.metric-ribbon {
  gap: 16px;
}

.metric-card strong {
  color: var(--rose-500);
  font-variant-numeric: tabular-nums;
}

.workflow-step,
.choice-item,
.consult-scenario,
.select-chip,
.mini-btn,
.template-filter,
.watermark-style-card {
  border-color: oklch(64% 0.046 42 / .22);
  color: var(--ink);
  background: linear-gradient(145deg, oklch(99% 0.008 76 / .9), oklch(96% 0.02 58 / .7));
}

.choice-item.active,
.consult-scenario.active,
.select-chip.active,
.template-filter.active,
.watermark-style-card.active {
  color: var(--ink);
  background:
    radial-gradient(circle at 12% 0, rgba(255,255,255,.72), transparent 35%),
    linear-gradient(145deg, #fffaf4, #f1d9d3);
}

.consult-tabs {
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 8px;
  border-color: oklch(64% 0.046 42 / .22);
}

.consult-tabs button {
  min-height: 60px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--ink-soft);
  font-size: 16px;
  font-weight: 950;
}

.consult-tabs button:hover,
.consult-tabs button.active,
.consult-tabs [aria-selected="true"] {
  color: #fffaf4;
  border-color: oklch(75% 0.07 72 / .44);
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.3), transparent 32%),
    linear-gradient(135deg, #9f665d, #c18a7d 58%, #b58a58);
  box-shadow: 0 16px 34px rgba(159,102,93,.16);
}

.consult-layout {
  grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
  align-items: stretch;
}

.consult-builder,
.consult-result-panel {
  min-height: 720px;
}

.consult-builder {
  display: flex;
  flex-direction: column;
}

.consult-builder > .consult-tab-panel.active {
  flex: 1 1 auto;
}

.consult-result-panel {
  display: flex;
  flex-direction: column;
}

.consult-result-panel .consult-output {
  flex: 1 1 auto;
  min-height: 390px;
}

.consult-scenarios {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 18px;
  border: 1px solid oklch(64% 0.046 42 / .14);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(255,253,249,.68), rgba(250,242,236,.5));
}

.consult-scenario {
  min-height: 112px;
  padding: 16px;
}

.consult-scenario span,
.choice-item span {
  font-size: 15px;
  letter-spacing: .01em;
}

.consult-scenario small,
.choice-item small {
  margin-top: 8px;
  color: #62544c;
  font-size: 13px;
  line-height: 1.58;
}

.copy-output,
.consult-output {
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: .01em;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(250,242,236,.7)),
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(120,82,70,.035) 31px 32px);
}

.reply-checklist {
  margin-top: 18px;
}

.reply-checklist div {
  color: var(--ink-soft);
  background: linear-gradient(145deg, rgba(228,241,237,.78), rgba(255,253,249,.82));
}

.knowledge-scroll-shell {
  max-height: 472px;
  min-height: 472px;
  overflow-y: auto;
}

.compact-template-list {
  grid-template-columns: 1fr;
}

.compact-template-list .template-item {
  grid-template-columns: minmax(0, 1fr) 130px;
  min-height: 104px;
}

.template-item {
  padding: 16px 16px 16px 18px;
}

.template-item::before {
  width: 0;
}

.template-kicker,
.template-source-badge,
.field label,
.video-options label {
  letter-spacing: .02em;
}

.template-item h4 {
  font-size: 16px;
  line-height: 1.42;
}

.template-item p {
  display: -webkit-box;
  min-height: auto;
  max-height: 5.1em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.reshape-workspace {
  grid-template-columns: minmax(0, 1.02fr) minmax(460px, .98fr);
  align-items: start;
}

.reshape-workspace > .panel:first-child,
.reshape-side {
  min-height: min(900px, calc(100vh - 132px));
}

.reshape-side {
  top: 96px;
  overflow: visible;
}

.choice-list.mode-list {
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
}

.choice-list.compact-list {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.option-group {
  border-color: oklch(64% 0.046 42 / .17);
  background: linear-gradient(145deg, rgba(255,253,249,.78), rgba(250,242,236,.52));
}

.upload-box {
  border-color: oklch(58% 0.074 28 / .42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(247,233,231,.58)),
    radial-gradient(circle at 50% 0, rgba(255,255,255,.8), transparent 38%);
}

.upload-icon {
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.32), transparent 32%),
    linear-gradient(145deg, #b87972, #80645b);
}

.upload-box.has-file,
.upload-box.upload-confirmed,
.upload-box.is-submitted {
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.78)),
    radial-gradient(circle at 18% 0, rgba(47,111,100,.14), transparent 34%);
}

.selected-summary {
  background: linear-gradient(145deg, rgba(255,250,244,.92), rgba(244,223,196,.44));
}

.action-cost-note {
  margin: 10px 0 12px;
  padding: 9px 11px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: var(--radius);
  color: var(--ink-soft);
  background: linear-gradient(145deg, rgba(255,253,249,.86), rgba(244,223,196,.32));
  font-size: 13px;
  font-weight: 900;
  line-height: 1.45;
}

.action-cost-note.has-after-quota,
.watermark-tip.has-after-quota {
  padding-right: 128px;
}

.action-cost-note.has-after-quota[data-after-quota]::before,
.watermark-tip.has-after-quota[data-after-quota]::before {
  box-shadow: 0 0 0 4px rgba(217,185,140,.14), 0 0 18px rgba(217,185,140,.32);
}

.action-cost-note.has-after-quota[data-after-quota]::after,
.watermark-tip.has-after-quota[data-after-quota]::after {
  content: attr(data-after-quota);
  position: absolute;
  top: 50%;
  right: 10px;
  left: auto;
  bottom: auto;
  z-index: 2;
  min-height: 24px;
  max-width: 112px;
  padding: 5px 9px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 999px;
  color: #7a5143;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.76));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px rgba(181,138,88,.08);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  transform: translateY(-50%);
  animation: afterQuotaBadgeBreath 5.8s ease-in-out infinite;
}

.action-cost-note.has-after-quota.is-low[data-after-quota]::after,
.watermark-tip.has-after-quota.is-blocked[data-after-quota]::after,
.action-cost-note.has-after-quota.will-spend-all[data-after-quota]::after,
.watermark-tip.has-after-quota.will-spend-all[data-after-quota]::after {
  border-color: rgba(159,61,53,.2);
  color: #8f3f36;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(252,236,233,.82));
}

@keyframes afterQuotaBadgeBreath {
  0%, 100% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px rgba(181,138,88,.08);
  }
  50% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 12px 26px rgba(181,138,88,.14);
  }
}

@media (max-width: 720px) {
  .action-cost-note.has-after-quota,
  .watermark-tip.has-after-quota {
    padding-right: 11px;
    padding-bottom: 38px;
  }

  .action-cost-note.has-after-quota[data-after-quota]::after,
  .watermark-tip.has-after-quota[data-after-quota]::after {
    top: auto;
    right: auto;
    left: 32px;
    bottom: 9px;
    max-width: calc(100% - 42px);
    transform: none;
  }
}

.consult-action-note {
  margin-top: -2px;
  margin-bottom: 14px;
}

.action-cost-note.is-low {
  color: #8f3f36;
  border-color: rgba(159,61,53,.28);
  background: linear-gradient(145deg, rgba(255,253,249,.92), rgba(252,236,233,.78));
}

.action-cost-note.is-ready,
.next-step-tip.is-ready,
.watermark-tip.is-ready {
  color: var(--teal);
  border-color: rgba(47,111,100,.22);
  background: linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.72));
}

.action-cost-note.is-empty {
  color: #73553a;
  border-color: rgba(181,138,88,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(244,223,196,.42)),
    radial-gradient(circle at 0 0, rgba(255,255,255,.62), transparent 34%);
}

.next-step-tip {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: var(--radius);
  color: var(--ink-soft);
  background: linear-gradient(145deg, rgba(255,253,249,.88), rgba(247,233,231,.48));
  font-size: 13px;
  font-weight: 900;
  line-height: 1.5;
}

.next-step-tip.is-blocked,
.watermark-tip.is-blocked {
  color: #8f5a2e;
  border-color: rgba(181,138,88,.26);
  background: linear-gradient(145deg, rgba(255,253,249,.9), rgba(244,223,196,.46));
}

.result-box {
  min-height: clamp(360px, 44vh, 500px);
  background:
    linear-gradient(rgba(255,253,249,.78), rgba(255,253,249,.78)),
    url("/assets/empty-state-case.png") center / cover;
}

.result-box strong,
.state-card strong {
  color: var(--ink);
}

.comparison-result {
  display: grid;
  justify-items: center;
  gap: 10px;
}

.comparison-slider {
  width: min(100%, 680px);
  aspect-ratio: 4 / 5;
  background: #f5eee8;
}

.comparison-image,
.comparison-generated {
  object-fit: contain;
  background: #f8f1eb;
}

.compare-track span,
.compare-handle::after {
  background: linear-gradient(145deg, #b87972, #d9b98c);
}

.compare-badge {
  color: #fffaf4;
  background: linear-gradient(145deg, rgba(61,51,46,.82), rgba(128,90,76,.68));
  backdrop-filter: blur(10px);
}

.queue-media .comparison-slider {
  width: min(100%, 560px);
  min-height: 460px;
  max-height: 760px;
}

.reshape-queue-body {
  max-height: 780px;
  padding-right: 6px;
}

.queue-actions {
  opacity: .92;
}

.queue-actions .mini-btn {
  min-height: 38px;
}

.mini-btn.danger,
.delete-template {
  color: #8f3f36;
  border-color: rgba(159,61,53,.24);
  background: linear-gradient(145deg, rgba(255,253,249,.94), rgba(234,208,204,.68));
}

.mini-btn.confirming-danger {
  color: #fffaf4;
  background: linear-gradient(135deg, #9f3d35, #c06b62);
}

.watermark-editor {
  gap: 18px;
}

.watermark-common-panel {
  order: 2;
}

.watermark-mode-switch {
  order: 3;
  border-radius: 10px;
}

.watermark-simple-field,
.watermark-style-field {
  order: 4;
}

.watermark-actions {
  order: 5;
}

.watermark-common-head strong {
  color: var(--ink);
}

.watermark-common-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}

.watermark-font-field {
  grid-column: 1 / -1;
}

.watermark-mode-switch button.active,
.watermark-mode-switch [aria-selected="true"] {
  color: #fffaf4;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.3), transparent 32%),
    linear-gradient(135deg, #9f665d, #c18a7d 58%, #b58a58);
}

.watermark-style-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.watermark-style-card {
  min-height: 120px;
}

.wm-swatch {
  width: 100px;
  height: 36px;
  margin-bottom: 8px;
}

.wm-swatch::before {
  color: var(--ink) !important;
}

.wm-swatch::after {
  opacity: .58;
}

.wm-swatch.heart::before { left: 28px; top: -7px; font-size: 31px; }
.wm-swatch.crown::before { left: 27px; top: -8px; font-size: 32px; }
.wm-swatch.sparkle::before { left: 22px; top: -2px; font-size: 25px; }
.wm-swatch.pearl::before { left: 12px; top: 5px; letter-spacing: 8px; font-size: 14px; }
.wm-swatch.bow::before { content: "\25C0  \25A0  \25B6"; left: 13px; top: -1px; font-size: 20px; letter-spacing: 4px; }
.wm-swatch.rose::before { left: 28px; top: -7px; font-size: 31px; }

.watermark-preview-panel .result-box {
  min-height: clamp(560px, 75vh, 850px);
}

.watermark-preview-shell {
  width: min(100%, 820px);
  min-height: min(72vh, 760px);
  align-content: center;
  pointer-events: none;
}

.watermark-preview-image,
.watermark-preview-shell .preview-image {
  max-width: 820px;
  max-height: min(72vh, 760px);
  border: 1px solid rgba(181,138,88,.18);
  box-shadow: 0 20px 54px rgba(92,70,59,.14);
}

img[data-protected-preview="true"],
.watermark-preview-shell {
  -webkit-user-select: none;
  user-select: none;
}

.watermark-preview-shell strong,
.watermark-preview-shell p,
.watermark-preview-tag {
  pointer-events: none;
}

.copy-layout {
  grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
  align-items: stretch;
}

.copy-panel {
  min-height: 520px;
}

.quick-prompts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.profile-shell {
  grid-template-columns: minmax(0, 1.05fr) minmax(440px, .95fr);
}

.pricing {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.price-card {
  min-height: 224px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.price-card.is-purchasing,
.price-card.is-purchased,
.price-card.is-purchase-error {
  border-color: rgba(181,138,88,.42);
  box-shadow: 0 22px 52px rgba(92,70,59,.12);
}

.price-card.is-purchasing {
  background:
    linear-gradient(145deg, rgba(255,253,249,.95), rgba(244,223,196,.42)),
    radial-gradient(circle at var(--mx, 50%) var(--my, 0), rgba(181,138,88,.18), transparent 38%);
}

.price-card.is-purchased {
  border-color: rgba(47,111,100,.36);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.78)),
    radial-gradient(circle at 100% 0, rgba(47,111,100,.15), transparent 34%);
}

.price-card.is-purchase-error {
  border-color: rgba(159,61,53,.32);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(252,236,233,.76)),
    radial-gradient(circle at 100% 0, rgba(159,61,53,.12), transparent 34%);
}

.purchase-status {
  margin-top: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  color: var(--ink-soft);
  background: rgba(255,253,249,.72);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.5;
}

.price-card.is-purchased .purchase-status {
  color: var(--teal);
  border-color: rgba(47,111,100,.18);
  background: rgba(228,241,237,.82);
}

.price-card.is-purchase-error .purchase-status {
  color: #8f3f36;
  border-color: rgba(159,61,53,.18);
  background: rgba(255,253,249,.78);
}

.price-card.recommended {
  border-color: oklch(64% 0.046 42 / .22);
}

.price-card.best-value {
  border-color: rgba(47,111,100,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.58)),
    radial-gradient(circle at 100% 0, rgba(47,111,100,.12), transparent 34%);
}

.price-card small {
  min-height: 44px;
}

.price-card .price {
  letter-spacing: .01em;
}

.price-card p {
  margin: 8px 0 6px;
}

.price-card p span {
  white-space: nowrap;
}

.purchase-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  padding: 22px;
}

.purchase-modal.hidden {
  display: none !important;
}

.purchase-modal-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(181,138,88,.18), transparent 32%),
    rgba(48,38,34,.42);
  backdrop-filter: blur(12px);
}

.purchase-dialog {
  position: relative;
  z-index: 1;
  width: min(540px, 100%);
  padding: 26px;
  border: 1px solid rgba(181,138,88,.26);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(249,238,232,.94)),
    radial-gradient(circle at 100% 0, rgba(181,138,88,.16), transparent 38%);
  box-shadow: 0 30px 80px rgba(47,34,28,.22);
  animation: purchaseDialogIn .22s var(--ease-out) both;
}

.purchase-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 18px;
}

.purchase-dialog h3 {
  margin: 8px 42px 8px 0;
  font-size: clamp(24px, 3vw, 32px);
}

.purchase-dialog > p {
  color: var(--ink-soft);
  line-height: 1.7;
}

.purchase-summary,
.purchase-balance {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.purchase-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.purchase-balance {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.purchase-summary div,
.purchase-balance div {
  padding: 13px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 16px;
  background: rgba(255,253,249,.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
}

.purchase-summary span,
.purchase-balance span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.purchase-summary strong,
.purchase-balance strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.18;
}

.purchase-balance strong {
  color: var(--rose-500);
  font-size: 22px;
}

.purchase-balance div:last-child {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(47,111,100,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.72)),
    radial-gradient(circle at 18% 0, rgba(125,157,145,.16), transparent 34%);
}

.purchase-balance div:last-child::after {
  content: "预计到账";
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  min-height: 22px;
  padding: 4px 8px;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: 999px;
  color: #2f6f64;
  background: rgba(255,253,249,.78);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.purchase-balance div:last-child::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: 15px;
  opacity: .26;
  background: linear-gradient(116deg, transparent 0%, transparent 36%, rgba(255,255,255,.82) 48%, rgba(125,157,145,.22) 57%, transparent 70%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
}

.purchase-balance div:last-child > * {
  position: relative;
  z-index: 1;
}

.purchase-balance div:last-child strong {
  color: #2f6f64;
}

.purchase-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}

.purchase-safe-note {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: 14px;
  color: var(--teal);
  background: rgba(228,241,237,.58);
  font-size: 12px;
  font-weight: 800;
}

body.modal-open {
  overflow: hidden;
}

.account-settings-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  padding: 22px;
}

.account-settings-modal.hidden {
  display: none !important;
}

.account-settings-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(184,121,114,.16), transparent 32%),
    rgba(48,38,34,.42);
  backdrop-filter: blur(12px);
}

.account-settings-dialog {
  position: relative;
  z-index: 1;
  width: min(720px, calc(100vw - 32px));
  max-height: min(760px, calc(100dvh - 44px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.26);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(249,238,232,.94)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.14), transparent 38%);
  box-shadow: 0 30px 80px rgba(47,34,28,.22);
  animation: purchaseDialogIn .22s var(--ease-out) both;
}

.account-settings-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 24px 16px;
  border-bottom: 1px solid rgba(181,138,88,.16);
}

.account-settings-head h3 {
  margin: 6px 0 6px;
  color: var(--ink);
  font-size: 26px;
  line-height: 1.1;
}

.account-settings-head p {
  margin: 0;
  color: var(--ink-soft);
  line-height: 1.55;
}

.account-settings-close {
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 18px;
  flex: 0 0 auto;
}

.account-settings-form {
  min-height: 0;
  overflow: hidden auto;
  padding: 18px 24px 22px;
  overscroll-behavior: contain;
}

.account-settings-section {
  padding: 16px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 12px;
  background: rgba(255,253,249,.7);
}

.account-settings-section + .account-settings-section {
  margin-top: 12px;
}

.account-settings-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.account-settings-section-head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-weight: 950;
}

.account-settings-section-head svg {
  width: 17px;
  height: 17px;
  color: var(--rose-500);
}

.account-settings-section-head small,
.field-hint,
.account-settings-note {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.account-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.account-settings-form .field {
  margin: 0;
}

.account-settings-form .field + .field,
.account-settings-form .field + .account-settings-grid,
.account-settings-form .account-settings-grid + .field,
.account-settings-form .field + .field-hint {
  margin-top: 12px;
}

.account-settings-form input {
  min-height: 48px;
}

.account-settings-note {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: 10px;
  color: var(--teal);
  background: rgba(228,241,237,.54);
}

.account-settings-actions {
  position: sticky;
  bottom: -22px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 16px -24px -22px;
  padding: 14px 24px 22px;
  border-top: 1px solid rgba(181,138,88,.16);
  background:
    linear-gradient(180deg, rgba(255,253,249,.76), rgba(255,253,249,.98) 34%),
    rgba(255,253,249,.96);
}

@keyframes purchaseDialogIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .purchase-balance div:last-child::before {
    animation: purchaseBalanceSweep 6.8s ease-in-out infinite;
  }
}

@keyframes purchaseBalanceSweep {
  0%, 46% {
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .purchase-balance div:last-child::before {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* Purchase modal tier prism pass */
#purchaseModal[data-plan-tier] .purchase-dialog {
  --purchase-tier-dot: #d9b98c;
  --purchase-tier-soft: rgba(217,185,140,.2);
  border-color: color-mix(in srgb, var(--purchase-tier-dot, #d9b98c) 34%, rgba(181,138,88,.24));
  background:
    radial-gradient(circle at 10% 0, var(--purchase-tier-soft, rgba(217,185,140,.2)), transparent 36%),
    radial-gradient(circle at 100% 10%, color-mix(in srgb, var(--purchase-tier-dot, #d9b98c) 18%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(249,238,232,.94));
}

#purchaseModal[data-plan-tier="institution"] .purchase-dialog {
  --purchase-tier-dot: #c98f88;
  --purchase-tier-soft: rgba(201,143,136,.2);
}

#purchaseModal[data-plan-tier="frequency"] .purchase-dialog {
  --purchase-tier-dot: #b58a58;
  --purchase-tier-soft: rgba(181,138,88,.24);
}

#purchaseModal[data-plan-tier="team"] .purchase-dialog {
  --purchase-tier-dot: #7d9d91;
  --purchase-tier-soft: rgba(125,157,145,.22);
}

#purchaseModal[data-plan-tier="annual"] .purchase-dialog {
  --purchase-tier-dot: #ffe8a6;
  --purchase-tier-soft: rgba(255,232,166,.28);
  border-color: rgba(255,232,166,.38);
  box-shadow:
    0 34px 92px rgba(47,34,28,.24),
    0 0 0 1px rgba(255,232,166,.26) inset,
    0 0 42px rgba(255,232,166,.14);
}

#purchaseModal[data-plan-tier="annual"] .purchase-dialog::after {
  box-shadow:
    0 0 0 1px rgba(255,232,166,.38) inset,
    0 0 32px rgba(255,232,166,.14);
}

#purchaseModal[data-plan-tier="annual"] #purchaseConfirm {
  border-color: rgba(255,232,166,.58);
  background:
    radial-gradient(circle at 20% 0, rgba(255,253,249,.3), transparent 34%),
    linear-gradient(135deg, #6f4a41, #b58a58 46%, #ffe8a6 74%, #7d9d91);
  box-shadow:
    0 18px 40px rgba(181,138,88,.2),
    inset 0 1px 0 rgba(255,253,249,.32);
}

#purchaseModal[data-plan-tier] .purchase-summary div:first-child {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-left: 30px;
  border-color: color-mix(in srgb, var(--purchase-tier-dot, #d9b98c) 24%, rgba(181,138,88,.18));
}

#purchaseModal[data-plan-tier] .purchase-summary div:first-child::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 18px;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--purchase-tier-dot, #d9b98c);
  box-shadow:
    0 0 0 5px color-mix(in srgb, var(--purchase-tier-dot, #d9b98c) 14%, transparent),
    0 0 18px color-mix(in srgb, var(--purchase-tier-dot, #d9b98c) 42%, transparent);
}

#purchaseModal[data-plan-tier] .purchase-balance div:last-child strong {
  color: #2f6f64;
  text-shadow: 0 0 18px color-mix(in srgb, var(--purchase-tier-dot, #d9b98c) 34%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  #purchaseModal[data-plan-tier] .purchase-summary div:first-child::before {
    animation: purchaseTierDotPulse 3.8s ease-in-out infinite;
  }
}

@keyframes purchaseTierDotPulse {
  0%, 100% {
    opacity: .64;
    transform: scale(.86);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  #purchaseModal[data-plan-tier] .purchase-summary div:first-child::before {
    animation: none !important;
  }
}

.history-table th,
.history-table td {
  color: var(--ink-soft);
}

.history-table th {
  color: var(--muted);
}

.history-pager .mini-btn:disabled {
  opacity: .52;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none;
}

.quota-recharge.is-recharge-needed,
.profile-packages.is-recharge-needed {
  position: relative;
  isolation: isolate;
}

.quota-recharge.is-recharge-needed {
  border-color: rgba(159,61,53,.3);
  color: #8f3f36;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(252,236,233,.78)),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.18), transparent 34%);
  box-shadow:
    0 12px 28px rgba(159,61,53,.12),
    0 0 0 3px rgba(217,185,140,.08);
}

.profile-packages.is-recharge-needed {
  border-color: rgba(181,138,88,.34);
  box-shadow:
    0 18px 46px rgba(92,70,59,.11),
    0 0 0 4px rgba(217,185,140,.075),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.profile-packages .price-card.is-recharge-suggested {
  border-color: rgba(47,111,100,.34);
  box-shadow:
    0 18px 42px rgba(47,111,100,.1),
    0 0 0 4px rgba(125,157,145,.07),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.profile-packages.is-recharge-needed::after,
.quota-recharge.is-recharge-needed::after,
.profile-packages .price-card.is-recharge-suggested::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .42;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.84) 46%, rgba(217,185,140,.32) 54%, rgba(125,157,145,.2) 62%, transparent 72%, transparent 100%),
    radial-gradient(circle at 18% 0, rgba(255,255,255,.22), transparent 34%);
  transform: translateX(-124%) skewX(-12deg);
}

.profile-packages.is-recharge-needed > *,
.quota-recharge.is-recharge-needed > *,
.profile-packages .price-card.is-recharge-suggested > * {
  position: relative;
  z-index: 1;
}

.recharge-needed-pulse {
  animation: rechargeNeededBreath 1.18s var(--ease-out) both;
}

@media (prefers-reduced-motion: no-preference) {
  .profile-packages.is-recharge-needed::after,
  .quota-recharge.is-recharge-needed::after,
  .profile-packages .price-card.is-recharge-suggested::after {
    animation: rechargeNeededSweep 5.2s ease-in-out infinite;
  }

  .profile-packages.is-recharge-needed:hover::after,
  .profile-packages.is-recharge-needed:focus-within::after,
  .quota-recharge.is-recharge-needed:hover::after,
  .quota-recharge.is-recharge-needed:focus-visible::after,
  .profile-packages .price-card.is-recharge-suggested:hover::after,
  .profile-packages .price-card.is-recharge-suggested:focus-within::after {
    opacity: 0;
    animation-play-state: paused;
  }
}

@keyframes rechargeNeededBreath {
  0% {
    transform: translateY(0);
  }
  44% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes rechargeNeededSweep {
  0%, 42% {
    transform: translateX(-124%) skewX(-12deg);
  }
  72%, 100% {
    transform: translateX(124%) skewX(-12deg);
  }
}

.section-updated-pulse {
  animation: sectionUpdatedPulse .86s var(--ease-out);
}

@keyframes sectionUpdatedPulse {
  0% { box-shadow: 0 0 0 0 rgba(181,138,88,.16), var(--shadow-soft); }
  44% { box-shadow: 0 0 0 8px rgba(181,138,88,.08), 0 20px 46px rgba(92,70,59,.11); }
  100% { box-shadow: var(--shadow-soft); }
}

.history-result-link,
.history-copy-link {
  max-width: 126px;
}

input,
textarea,
select {
  border-color: oklch(64% 0.046 42 / .18);
  color: var(--ink);
  background: oklch(99% 0.008 76 / .9);
}

input:focus,
textarea:focus,
select:focus {
  border-color: oklch(58% 0.074 28 / .56);
  box-shadow: var(--focus-ring);
  background: var(--white);
}

.field-meter {
  color: var(--muted);
  border: 1px solid oklch(64% 0.046 42 / .12);
}

.toast {
  color: #fffaf4;
  border-color: oklch(75% 0.07 72 / .26);
  background:
    radial-gradient(circle at 0 0, rgba(244,223,196,.16), transparent 36%),
    linear-gradient(145deg, #4b3931, #2f2723);
}

.toast[data-type="success"] {
  border-color: rgba(47,111,100,.32);
  background:
    radial-gradient(circle at 0 0, rgba(228,241,237,.18), transparent 36%),
    linear-gradient(145deg, #315c53, #263f3a);
}

.toast[data-type="warning"] {
  border-color: rgba(181,138,88,.34);
  background:
    radial-gradient(circle at 0 0, rgba(244,223,196,.24), transparent 36%),
    linear-gradient(145deg, #6d5236, #3d332e);
}

.toast[data-type="error"] {
  border-color: rgba(159,61,53,.34);
  background:
    radial-gradient(circle at 0 0, rgba(234,208,204,.22), transparent 36%),
    linear-gradient(145deg, #7a3933, #3d2523);
}

.toast[data-type="success"]::after {
  background: linear-gradient(90deg, #8fb3a7, #d9b98c);
}

.toast[data-type="warning"]::after {
  background: linear-gradient(90deg, #d9b98c, #b87972);
}

.toast[data-type="error"]::after {
  background: linear-gradient(90deg, #c06b62, #f0c7bf);
}

button[aria-busy="true"]::before,
.btn[aria-busy="true"]::before,
.mini-btn[aria-busy="true"]::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  border: 2px solid rgba(255,250,244,.38);
  border-top-color: currentColor;
  border-radius: 999px;
  animation: spin .7s linear infinite;
}

.btn.secondary[aria-busy="true"]::before,
.mini-btn[aria-busy="true"]::before {
  border-color: rgba(184,121,114,.24);
  border-top-color: currentColor;
}

[role="tablist"] [aria-selected="true"] {
  cursor: default;
}

.nav button[aria-current="page"] {
  cursor: default;
}

.state-ripple {
  position: relative;
}

.state-ripple::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.46), transparent 34%);
  animation: stateRipple .52s var(--ease-out) both;
}

@keyframes stateRipple {
  from { opacity: .78; transform: scale(.96); }
  to { opacity: 0; transform: scale(1.08); }
}

.result-finished-pulse {
  animation: resultFinishedPulse 1.1s var(--ease-out);
}

.result-error-pulse {
  animation: resultErrorPulse 1.1s var(--ease-out);
}

@keyframes resultFinishedPulse {
  0% { box-shadow: 0 0 0 0 rgba(47,111,100,.22), var(--shadow-soft); }
  48% { box-shadow: 0 0 0 8px rgba(47,111,100,.12), 0 24px 58px rgba(47,111,100,.14); }
  100% { box-shadow: var(--shadow-soft); }
}

@keyframes resultErrorPulse {
  0% { box-shadow: 0 0 0 0 rgba(159,61,53,.22), var(--shadow-soft); }
  48% { box-shadow: 0 0 0 8px rgba(159,61,53,.1), 0 24px 58px rgba(159,61,53,.12); }
  100% { box-shadow: var(--shadow-soft); }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  .result-box.is-loading::before,
  .result-box.is-loading::after,
  .queue-card.is-running::before,
  .pending-after-copy span,
  .output-skeleton span::after,
  .toast.show::after,
  .state-ripple::after {
    animation: none !important;
  }

  .btn:hover,
  .mini-btn:hover,
  .nav button:hover,
  .tool-card:hover,
  .metric-card:hover,
  .price-card:hover,
  .queue-card:hover,
  .upload-box:hover,
  .watermark-style-card:hover {
    transform: none !important;
  }
}

.choice-list[role="tablist"] .choice-item:focus-visible,
.consult-scenarios[role="tablist"] .consult-scenario:focus-visible {
  box-shadow: var(--focus-ring), var(--shadow-soft);
}

@media (max-width: 1180px) {
  .consult-builder,
  .consult-result-panel,
  .copy-panel,
  .reshape-workspace > .panel:first-child,
  .reshape-side {
    min-height: auto;
  }

  .reshape-side {
    position: static;
  }
}

@media (max-width: 920px) {
  .app {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: relative;
    height: auto;
    min-height: 0;
  }

  .metric-ribbon,
  .tool-matrix,
  .workflow-steps,
  .quick-prompts,
  .pricing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-hero,
  .studio-layout,
  .consult-layout,
  .copy-layout,
  .tool-layout,
  .reshape-workspace,
  .profile-shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .content {
    padding: 16px;
  }

  .topbar {
    padding: 16px;
  }

  .auth-screen {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .auth-copy {
    min-height: 440px;
    padding: 24px;
  }

  .auth-copy h1,
  .command-copy h2 {
    font-size: 36px;
  }

  .metric-ribbon,
  .tool-matrix,
  .workflow-steps,
  .quick-prompts,
  .pricing,
  .form-grid,
  .fusion-grid,
  .consult-scenarios,
  .watermark-common-grid,
  .watermark-style-grid,
  .compact-template-list .template-item {
    grid-template-columns: 1fr;
  }

  .consult-tabs button {
    min-height: 54px;
    font-size: 14px;
  }

  .knowledge-scroll-shell {
    min-height: 390px;
    max-height: 430px;
  }

  .comparison-slider,
  .queue-media .comparison-slider {
    min-height: 360px;
  }

  .watermark-preview-panel .result-box {
    min-height: 420px;
  }
}

/* Final impeccable pass: ivory rose-gold product finish. */
:root {
  --display-font: "Noto Serif SC", "Songti SC", "SimSun", serif;
  --body-font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, sans-serif;
  --ivory: oklch(98.6% 0.014 75);
  --ivory-2: oklch(95.7% 0.022 66);
  --rose-50: oklch(95.6% 0.029 23);
  --rose-100: oklch(88.8% 0.045 24);
  --rose-300: oklch(70.2% 0.074 25);
  --rose-500: oklch(54.7% 0.078 27);
  --ink: oklch(20% 0.018 47);
  --ink-soft: oklch(31.8% 0.023 48);
  --muted: oklch(45.6% 0.026 55);
  --line: oklch(66% 0.039 46 / .26);
  --gold: oklch(65% 0.08 74);
  --gold-soft: oklch(92% 0.045 76);
  --white: oklch(99.2% 0.009 78);
  --surface: oklch(99.2% 0.009 78 / .94);
  --surface-strong: oklch(99.2% 0.009 78);
  --shadow: 0 28px 72px oklch(35% 0.035 47 / .14);
  --shadow-soft: 0 14px 38px oklch(35% 0.035 47 / .085);
  --shadow-lift: 0 24px 56px oklch(42% 0.052 36 / .15);
}

html {
  color-scheme: light;
}

body {
  min-width: 320px;
  color: var(--ink);
  font-family: var(--body-font);
  font-size: 15px;
  line-height: 1.62;
  background:
    radial-gradient(circle at 5% -9%, oklch(83% 0.068 23 / .2), transparent 35rem),
    radial-gradient(circle at 96% 5%, oklch(88% 0.058 74 / .28), transparent 34rem),
    linear-gradient(135deg, oklch(99% 0.011 78), oklch(96.5% 0.019 57) 52%, oklch(94.5% 0.02 32));
}

body::before {
  opacity: .22;
  background-image:
    linear-gradient(oklch(26% 0.023 48 / .032) 1px, transparent 1px),
    linear-gradient(90deg, oklch(26% 0.023 48 / .024) 1px, transparent 1px);
  background-size: 52px 52px;
}

button,
input,
textarea,
select {
  font-family: var(--body-font);
}

.page-title,
.section-head h2,
.command-copy h2,
.auth-copy h1,
.tool-card h3,
.atelier-panel h3 {
  font-family: var(--display-font);
  letter-spacing: .01em;
}

.sidebar {
  background:
    linear-gradient(180deg, oklch(99% 0.01 78 / .96), oklch(96.3% 0.022 58 / .91)),
    radial-gradient(circle at 0 0, oklch(88% 0.055 74 / .22), transparent 30%);
}

.brand-mark {
  color: #fffaf3;
  background:
    radial-gradient(circle at 28% 16%, rgba(255,255,255,.34), transparent 34%),
    linear-gradient(145deg, #b87972 0%, #9f665d 54%, #b58a58 100%);
}

.nav button {
  min-height: 48px;
  color: var(--ink-soft);
  font-size: 15px;
  font-weight: 900;
}

.nav button:hover {
  color: var(--ink);
  background: linear-gradient(145deg, oklch(99% 0.008 78 / .94), oklch(95.4% 0.029 27 / .8));
}

.nav button.active {
  color: #fffaf4;
  background:
    radial-gradient(circle at 16% 4%, rgba(255,255,255,.28), transparent 32%),
    linear-gradient(135deg, #9f665d, #c18a7d 55%, #b58a58);
}

.quota-card,
.panel,
.metric-card,
.tool-card,
.auth-panel,
.price-card,
.queue-card,
.template-item,
.recent-item,
.stat,
.watermark-common-panel,
.knowledge-scroll-shell,
.custom-knowledge-form,
.feature-brief,
.template-source-switch,
.watermark-mode-switch {
  border-color: oklch(65% 0.043 45 / .24);
  background:
    linear-gradient(145deg, oklch(99% 0.008 78 / .97), oklch(96.2% 0.02 58 / .78)),
    radial-gradient(circle at 100% 0, oklch(89% 0.055 74 / .18), transparent 34%);
  box-shadow: var(--shadow-soft);
}

.topbar {
  min-height: 82px;
  background:
    linear-gradient(90deg, oklch(99% 0.008 78 / .95), oklch(96.4% 0.021 58 / .91)),
    radial-gradient(circle at 86% 0, oklch(88% 0.058 74 / .25), transparent 36%);
}

.page-title {
  font-size: 25px;
  line-height: 1.16;
}

.page-desc,
.hint,
.panel p,
.tool-card p,
.metric-card small,
.choice-item small,
.workflow-step small,
.watermark-tip,
.template-item p,
.recent-item p,
.queue-card p,
.assist-note {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.section-head {
  padding: 20px 22px;
  margin-bottom: 18px;
  border: 1px solid oklch(65% 0.043 45 / .2);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, oklch(99% 0.008 78 / .86), oklch(96.3% 0.019 58 / .58));
}

.section-head h2 {
  margin: 0 0 7px;
  font-size: 29px;
  line-height: 1.18;
}

.btn,
.mini-btn,
.template-filter,
.choice-item,
.select-chip,
.consult-scenario,
.workflow-step,
.watermark-style-card {
  transition:
    transform .18s var(--ease-out),
    box-shadow .18s var(--ease-out),
    border-color .18s var(--ease-out),
    background .18s var(--ease-out),
    color .18s var(--ease-out);
}

.btn,
.mini-btn {
  min-height: 44px;
  border-radius: 8px;
}

.btn.pink {
  color: #fffaf4;
  background:
    radial-gradient(circle at 16% 0, rgba(255,255,255,.34), transparent 35%),
    linear-gradient(135deg, #9f665d, #c4877d 58%, #b58a58);
}

.btn.secondary,
.mini-btn {
  color: var(--ink);
  background: linear-gradient(145deg, oklch(99% 0.008 78), oklch(96% 0.02 58));
}

.btn:hover,
.mini-btn:hover,
.tool-card:hover,
.metric-card:hover,
.price-card:hover,
.queue-card:hover,
.upload-box:hover,
.watermark-style-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lift);
}

.auth-screen {
  background:
    radial-gradient(circle at 8% 0, oklch(86% 0.052 24 / .24), transparent 28rem),
    linear-gradient(135deg, oklch(99% 0.011 78), oklch(95.8% 0.022 59));
}

.auth-copy {
  background:
    linear-gradient(90deg, rgba(255,253,249,.94), rgba(255,253,249,.68) 48%, rgba(255,253,249,.18)),
    url("/assets/hero-clinic-suite.png") center / cover;
}

.auth-video {
  filter: saturate(.86) contrast(1.02) brightness(1.12);
}

.auth-video-shade {
  background:
    radial-gradient(circle at 20% 18%, rgba(244,223,196,.28), transparent 30rem),
    linear-gradient(90deg, rgba(255,253,249,.86), rgba(255,253,249,.46) 58%, rgba(255,253,249,.14));
}

.auth-copy .brand-title,
.auth-copy .brand-subtitle,
.auth-copy h1,
.auth-copy p,
.auth-copy .eyebrow {
  color: var(--ink);
  text-shadow: 0 2px 24px rgba(255,253,249,.88);
}

.auth-copy h1 {
  max-width: 720px;
  font-size: clamp(42px, 5.6vw, 74px);
}

.auth-copy p {
  color: var(--ink-soft);
  font-size: 18px;
  line-height: 1.78;
}

.command-hero {
  background:
    linear-gradient(135deg, oklch(99% 0.008 78 / .98), oklch(95.8% 0.024 31 / .82)),
    radial-gradient(circle at 5% 100%, oklch(89% 0.04 171 / .14), transparent 34%);
}

.command-copy h2 {
  font-size: clamp(42px, 4.4vw, 64px);
}

.command-copy p {
  max-width: 67ch;
  color: var(--ink-soft);
  font-size: 16px;
  line-height: 1.78;
}

.command-visual img,
.tool-card img,
.atelier-panel img,
.preview-panel > img {
  filter: saturate(.92) contrast(1.02) brightness(1.04);
}

.visual-glass {
  color: #fffaf4;
  background: linear-gradient(145deg, rgba(63,51,45,.72), rgba(159,102,93,.56));
}

.metric-card strong {
  color: var(--rose-500);
}

.sidebar-showcase {
  background: linear-gradient(160deg, #fbf7f1, #f4e9df);
  border-color: oklch(66% 0.06 74 / .28);
  box-shadow: 0 18px 42px rgba(92,70,59,.13);
}

.sidebar-showcase > img {
  filter: saturate(.9) contrast(1.02) brightness(1.13);
}

.sidebar-showcase > .sidebar-showcase-shade {
  background:
    linear-gradient(180deg, rgba(255,253,249,.04) 0%, rgba(255,253,249,.2) 34%, rgba(56,42,34,.78) 100%),
    radial-gradient(circle at 20% 0%, rgba(244,223,196,.32), transparent 42%);
}

.sidebar-showcase-content strong,
.sidebar-showcase-content p {
  color: #fffaf4;
  text-shadow: 0 2px 18px rgba(24,18,14,.28);
}

.consult-tabs {
  align-items: stretch;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 8px;
  border-radius: 12px;
}

.consult-tabs button {
  min-height: 66px;
  font-size: 17px;
  letter-spacing: .02em;
}

.consult-layout {
  grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
  align-items: stretch;
}

.consult-builder,
.consult-result-panel {
  min-height: 742px;
}

.consult-builder {
  padding: 22px;
}

.consult-scenarios {
  gap: 12px;
  padding: 16px;
}

.consult-scenario {
  min-height: 118px;
  padding: 16px;
}

.consult-scenario span,
.choice-item span,
.select-chip {
  color: var(--ink);
  font-size: 15px;
  font-weight: 950;
}

.consult-scenario small,
.choice-item small {
  color: #5f524a;
  font-size: 13.5px;
  line-height: 1.6;
}

.consult-result-panel {
  padding: 22px;
}

.consult-result-panel .consult-output,
.copy-output {
  font-size: 16px;
  line-height: 1.9;
  color: var(--ink-soft);
}

.reply-checklist div {
  font-size: 14px;
  line-height: 1.6;
}

.template-insight {
  gap: 12px;
}

.template-insight div {
  padding: 14px;
}

.template-source-switch button {
  min-height: 44px;
  font-size: 14px;
}

.template-search input {
  min-height: 46px;
}

.knowledge-scroll-shell {
  height: 492px;
  min-height: 492px;
  max-height: 492px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
}

.template-list.compact-template-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.template-list {
  position: relative;
}

.template-list.is-searching {
  opacity: .72;
}

.template-list.is-searching::after {
  content: "\6B63\5728\7B5B\9009\8BDD\672F";
  position: sticky;
  bottom: 10px;
  justify-self: center;
  width: max-content;
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 999px;
  color: var(--ink-soft);
  background: rgba(255,253,249,.92);
  box-shadow: 0 12px 28px rgba(92,70,59,.1);
  font-size: 12px;
  font-weight: 900;
}

.template-list-updated {
  animation: templateListUpdated .52s var(--ease-out);
}

@keyframes templateListUpdated {
  0% { filter: saturate(.92); }
  45% { filter: saturate(1.06); }
  100% { filter: saturate(1); }
}

.compact-template-list .template-item {
  min-height: 96px;
  grid-template-columns: minmax(0, 1fr) 128px;
  align-items: center;
}

.template-item h4 {
  color: var(--ink);
  font-size: 16px;
  line-height: 1.45;
}

.template-item p {
  color: #5f524a;
  font-size: 14px;
  line-height: 1.6;
  -webkit-line-clamp: 2;
}

.template-filter {
  min-height: 36px;
}

.reshape-workspace {
  grid-template-columns: minmax(0, 1.04fr) minmax(460px, .96fr);
  gap: 22px;
}

.reshape-workspace > .panel:first-child,
.reshape-side {
  min-height: min(920px, calc(100vh - 128px));
}

.reshape-builder,
.reshape-side {
  padding: 22px;
}

.choice-list.mode-list {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.choice-list.compact-list {
  grid-template-columns: repeat(auto-fit, minmax(226px, 1fr));
}

.choice-item {
  min-height: 96px;
  padding: 15px;
}

.select-chip {
  min-height: 42px;
}

.result-actions {
  gap: 10px;
}

.result-actions .btn {
  flex: 1 1 180px;
}

.result-box {
  display: grid;
  place-items: center;
  text-align: center;
}

.comparison-result {
  width: 100%;
  place-items: center;
}

.comparison-slider {
  width: min(100%, 700px);
  margin-inline: auto;
}

.queue-media .comparison-slider {
  width: min(100%, 620px);
  min-height: 520px;
}

.reshape-queue-body {
  max-height: 820px;
}

.watermark-editor {
  gap: 18px;
}

.watermark-common-panel {
  padding: 18px;
}

.watermark-common-grid {
  gap: 14px;
}

.watermark-mode-switch button {
  min-height: 54px;
  font-size: 15px;
  font-weight: 950;
}

.watermark-style-card {
  min-height: 126px;
}

.watermark-style-card strong {
  font-size: 15px;
}

.wm-swatch {
  margin-bottom: 6px;
}

.watermark-preview-panel {
  display: flex;
  flex-direction: column;
}

.watermark-preview-panel .result-box {
  flex: 1 1 auto;
  min-height: clamp(600px, 76vh, 860px);
}

.watermark-preview-shell {
  width: 100%;
  min-height: min(74vh, 780px);
}

.watermark-preview-image,
.watermark-preview-shell .preview-image {
  width: auto;
  max-width: min(100%, 860px);
  max-height: min(74vh, 780px);
}

.copy-layout,
.profile-shell {
  gap: 22px;
}

.quick-prompts .mini-btn {
  min-height: 46px;
}

.copy-panel textarea {
  min-height: 220px;
}

.profile-shell {
  grid-template-columns: minmax(0, 1.08fr) minmax(440px, .92fr);
}

.history-table {
  font-size: 14px;
}

.history-table th,
.history-table td {
  padding: 13px 10px;
}

.history-result-link,
.history-copy-link {
  max-width: 120px;
}

.price-card {
  min-height: 244px;
}

.recommend-badge {
  color: #8f5a2e;
  background: linear-gradient(145deg, #fff8ed, #f5e2c8);
}

@media (max-width: 1180px) {
  .consult-builder,
  .consult-result-panel,
  .reshape-workspace > .panel:first-child,
  .reshape-side {
    min-height: auto;
  }

  .consult-result-panel .consult-output {
    min-height: 340px;
  }
}

@media (max-width: 920px) {
  .sidebar-showcase {
    flex: 0 0 auto;
    min-height: 132px;
    max-height: 180px;
  }

  .consult-layout,
  .copy-layout,
  .tool-layout,
  .reshape-workspace,
  .profile-shell {
    gap: 18px;
  }

  .knowledge-scroll-shell {
    height: 430px;
    min-height: 430px;
    max-height: 430px;
  }
}

@media (max-width: 720px) {
  body {
    font-size: 14px;
  }

  .section-head {
    padding: 16px;
  }

  .section-head h2 {
    font-size: 25px;
  }

  .topbar {
    align-items: flex-start;
    gap: 12px;
  }

  .consult-tabs {
    grid-template-columns: 1fr;
  }

  .consult-tabs button {
    min-height: 50px;
  }

  .consult-builder,
  .consult-result-panel,
  .reshape-builder,
  .reshape-side {
    padding: 16px;
  }

  .knowledge-scroll-shell {
    height: 390px;
    min-height: 390px;
    max-height: 390px;
  }

  .compact-template-list .template-item {
    grid-template-columns: 1fr;
  }

  .comparison-slider,
  .queue-media .comparison-slider {
    width: 100%;
    min-height: 380px;
  }

  .watermark-preview-panel .result-box {
    min-height: 440px;
  }
}

/* Interaction completion pass: calm rose-gold product states. */
.draft-restored-pulse {
  animation: draftRestoredPulse 1.25s var(--ease-out) both;
}

@keyframes draftRestoredPulse {
  0% {
    border-color: rgba(47,111,100,.38);
    box-shadow: 0 0 0 0 rgba(47,111,100,.18);
  }
  48% {
    border-color: rgba(47,111,100,.48);
    box-shadow: 0 0 0 8px rgba(47,111,100,.1);
  }
  100% {
    box-shadow: none;
  }
}

.field textarea,
.field input,
.field select {
  caret-color: var(--rose-500);
}

.field:focus-within label {
  color: var(--rose-500);
}

.consult-tabs,
.watermark-mode-switch,
.template-source-switch {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 14px 34px rgba(92,70,59,.075);
}

.consult-tabs button,
.template-source-switch button,
.watermark-mode-switch button {
  letter-spacing: .03em;
}

.consult-scenario span,
.choice-item span,
.watermark-style-card strong,
.template-item h4 {
  letter-spacing: .015em;
}

.consult-output,
.copy-output {
  border-color: rgba(181,138,88,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.knowledge-scroll-shell {
  height: 472px;
  min-height: 472px;
  max-height: 472px;
}

.template-filter-bar {
  flex: 0 0 auto;
}

.template-list.compact-template-list {
  flex: 1 1 auto;
  overflow: visible;
}

.template-item {
  transition:
    transform .18s var(--ease-out),
    box-shadow .18s var(--ease-out),
    border-color .18s var(--ease-out),
    background .18s var(--ease-out);
}

.template-item:hover {
  transform: translateY(-1px);
  border-color: rgba(159,102,93,.28);
  box-shadow: 0 18px 38px rgba(92,70,59,.09);
}

.reshape-side {
  scrollbar-width: thin;
  scrollbar-color: rgba(181,138,88,.34) transparent;
}

.reshape-side::-webkit-scrollbar,
.reshape-queue-body::-webkit-scrollbar {
  width: 9px;
}

.reshape-side::-webkit-scrollbar-thumb,
.reshape-queue-body::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(181,138,88,.5), rgba(159,102,93,.44));
  background-clip: padding-box;
}

.result-box,
.queue-card,
.watermark-preview-shell {
  border-color: rgba(181,138,88,.2);
}

.queue-card.is-running {
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(248,230,225,.7)),
    radial-gradient(circle at 0 0, rgba(181,138,88,.16), transparent 34%);
}

.queue-card.is-done {
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.7)),
    radial-gradient(circle at 100% 0, rgba(47,111,100,.12), transparent 32%);
}

.watermark-common-panel {
  position: relative;
}

.watermark-common-panel::before {
  content: "";
  position: absolute;
  inset: 1px 1px auto;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.34), transparent);
}

/* Watermark crystal range controls pass */
.watermark-common-panel input[type="range"] {
  height: 28px;
  min-height: 28px;
  cursor: pointer;
  filter: drop-shadow(0 8px 14px rgba(159,102,93,.08));
}

.watermark-common-panel input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  border: 1px solid rgba(181,138,88,.24);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(159,102,93,.82), rgba(217,185,140,.74) 52%, rgba(255,250,244,.9)),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,0));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 18px rgba(181,138,88,.12);
}

.watermark-common-panel input[type="range"]::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
  margin-top: -8px;
  border: 3px solid rgba(255,253,249,.98);
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.98), rgba(255,255,255,.38) 28%, transparent 30%),
    linear-gradient(145deg, #8f574f, #c78f83 48%, #d9b98c);
  box-shadow:
    0 0 0 1px rgba(181,138,88,.28),
    0 10px 24px rgba(159,102,93,.24);
}

.watermark-common-panel input[type="range"]::-moz-range-track {
  height: 8px;
  border: 1px solid rgba(181,138,88,.24);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(159,102,93,.82), rgba(217,185,140,.74) 52%, rgba(255,250,244,.9));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 18px rgba(181,138,88,.12);
}

.watermark-common-panel input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 3px solid rgba(255,253,249,.98);
  background: linear-gradient(145deg, #8f574f, #c78f83 48%, #d9b98c);
  box-shadow:
    0 0 0 1px rgba(181,138,88,.28),
    0 10px 24px rgba(159,102,93,.24);
}

.watermark-common-panel input[type="range"]:hover::-webkit-slider-thumb,
.watermark-common-panel input[type="range"]:focus-visible::-webkit-slider-thumb {
  box-shadow:
    0 0 0 1px rgba(181,138,88,.36),
    0 0 0 7px rgba(217,185,140,.16),
    0 14px 30px rgba(159,102,93,.28);
}

.watermark-common-panel input[type="range"]:hover::-moz-range-thumb,
.watermark-common-panel input[type="range"]:focus-visible::-moz-range-thumb {
  box-shadow:
    0 0 0 1px rgba(181,138,88,.36),
    0 0 0 7px rgba(217,185,140,.16),
    0 14px 30px rgba(159,102,93,.28);
}

/* Watermark precision range readout pass */
#watermarkFontSizeValue,
#watermarkLineHeightValue,
#watermarkOpacityValue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  min-height: 24px;
  margin-left: 8px;
  padding: 3px 9px;
  border: 1px solid rgba(181,138,88,.24);
  border-radius: 999px;
  color: #9f5b2c;
  text-align: center;
  background: linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,221,.82));
  box-shadow:
    0 8px 18px rgba(181,138,88,.08),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.watermark-common-panel .field:focus-within label span {
  color: #2f6f64;
  border-color: rgba(47,111,100,.22);
  background: linear-gradient(145deg, rgba(228,241,237,.92), rgba(255,253,249,.86));
  box-shadow:
    0 0 0 4px rgba(125,157,145,.07),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.watermark-common-panel .field:has(input[type="range"]) {
  position: relative;
  isolation: isolate;
  padding-bottom: 4px;
}

.watermark-common-panel .field:has(input[type="range"])::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.78), rgba(125,157,145,.46), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.22);
  transform: scaleX(.42);
  transform-origin: center;
}

.watermark-common-panel .field:has(input[type="range"]) > * {
  position: relative;
  z-index: 1;
}

.watermark-common-panel input[type="range"]:focus-visible {
  outline: none;
}

@media (prefers-reduced-motion: no-preference) {
  .watermark-common-panel .field:focus-within::after {
    animation: watermarkRangeFocusRail .72s var(--ease-out) both;
  }
}

@keyframes watermarkRangeFocusRail {
  0% {
    opacity: 0;
    transform: scaleX(.32);
  }
  42% {
    opacity: .82;
    transform: scaleX(1);
  }
  100% {
    opacity: .42;
    transform: scaleX(.88);
  }
}

@media (prefers-reduced-motion: reduce) {
  .watermark-common-panel .field:focus-within::after {
    animation: none !important;
    opacity: .36;
    transform: scaleX(1);
  }
}

.watermark-style-card {
  justify-items: center;
  text-align: center;
}

.wm-swatch {
  filter: contrast(1.08);
}

.watermark-preview-shell strong {
  margin-top: 14px;
}

.watermark-preview-shell p {
  max-width: 70ch;
  margin-inline: auto;
}

.profile-ledger,
.profile-packages,
.copy-panel,
.consult-builder,
.consult-result-panel,
.reshape-builder,
.reshape-side,
.watermark-editor,
.watermark-preview-panel {
  outline: 1px solid rgba(255,255,255,.42);
  outline-offset: -2px;
}

.btn:focus-visible,
.mini-btn:focus-visible,
.choice-item:focus-visible,
.select-chip:focus-visible,
.consult-scenario:focus-visible,
.watermark-style-card:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid rgba(159,102,93,.42);
  outline-offset: 2px;
}

@media (max-width: 920px) {
  .knowledge-scroll-shell {
    height: 430px;
    min-height: 430px;
    max-height: 430px;
  }
}

@media (max-width: 720px) {
  .knowledge-scroll-shell {
    height: 390px;
    min-height: 390px;
    max-height: 390px;
  }
}

@media (max-width: 720px) {
  .purchase-dialog {
    padding: 20px;
    border-radius: 20px;
  }

  .purchase-summary,
  .purchase-balance {
    grid-template-columns: 1fr;
  }

  .purchase-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* Dashboard compact pass: keep the first screen useful, not poster-sized. */
#dashboard .command-hero {
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .76fr);
  min-height: clamp(430px, 44vh, 500px);
}

#dashboard .command-copy {
  position: relative;
  padding: clamp(18px, 2.55vw, 28px);
  min-height: 0;
}

#dashboard .command-copy .eyebrow {
  margin-bottom: 6px;
}

#dashboard .command-copy h2 {
  width: fit-content;
  margin-top: 6px;
  max-width: 100%;
  font-size: clamp(25px, 2.28vw, 32px);
  line-height: 1.06;
}

#dashboard .command-copy p {
  max-width: 46ch;
  margin-top: 10px;
  font-size: 13.5px;
  line-height: 1.52;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#dashboard .hero-actions {
  margin-top: 12px;
  gap: 10px;
}

#dashboard .hero-actions .btn {
  min-height: 39px;
  padding: 10px 15px;
}

#dashboard .command-visual {
  min-height: clamp(500px, 50vh, 580px);
  min-width: 0;
}

#dashboard .command-visual img {
  position: absolute;
  inset: 0;
  object-position: center 42%;
}

#dashboard .visual-glass {
  border-radius: 18px;
  padding: 9px 11px;
}

#dashboard .visual-glass span {
  font-size: 10px;
}

#dashboard .visual-glass strong {
  margin: 3px 0;
  font-size: 23px;
}

#dashboard .visual-glass small {
  font-size: 11px;
}

#dashboard .visual-glass-main {
  left: 14px;
  bottom: 14px;
}

#dashboard .visual-glass-sub {
  right: 14px;
  top: 14px;
  display: none;
}

#dashboard .metric-ribbon {
  gap: 10px;
  margin: 8px 0 10px;
}

#dashboard .metric-card {
  padding: 10px 11px;
}

#dashboard .metric-card strong {
  margin: 3px 0;
  font-size: 21px;
}

#dashboard .metric-card span {
  font-size: 12px;
}

#dashboard .metric-card small {
  font-size: 11.5px;
  line-height: 1.35;
  -webkit-line-clamp: 1;
}

body:has(#dashboard.view.active) .content {
  padding-top: 18px;
}

#dashboard .workflow-panel {
  padding: 14px;
}

#dashboard .workflow-panel .section-head.compact {
  padding: 0 0 8px;
  margin-bottom: 8px;
}

#dashboard .workflow-panel .section-head h2 {
  font-size: clamp(21px, 1.8vw, 25px);
}

#dashboard .workflow-panel .section-head p {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.42;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#dashboard .workflow-steps {
  gap: 8px;
}

#dashboard .workflow-step {
  min-height: 118px;
  padding: 12px;
}

#dashboard .workflow-step small {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.36;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

#dashboard .workflow-step strong {
  margin: 6px 0 4px;
  font-size: 16px;
}

#dashboard .metric-card small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 920px) {
  #dashboard .command-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  #dashboard .command-copy {
    padding: 22px;
  }

  #dashboard .command-copy h2 {
    max-width: 100%;
    font-size: clamp(28px, 7vw, 38px);
  }

  #dashboard .command-copy p {
    max-width: 100%;
  }

  #dashboard .command-visual {
    min-height: clamp(390px, 48vw, 440px);
  }
}

@media (max-width: 720px) {
  #dashboard .content {
    padding-top: 14px;
  }

  #dashboard .command-copy {
    padding: 18px;
  }

  #dashboard .command-copy p {
    font-size: 14px;
  }

  #dashboard .command-visual {
    min-height: 265px;
  }

  #dashboard .visual-glass {
    transform: scale(.88);
    transform-origin: right top;
  }

  #dashboard .visual-glass-main {
    transform-origin: left bottom;
  }

  #dashboard .metric-ribbon {
    gap: 10px;
    margin-top: 10px;
  }
}

/* Recharge card badge fix: keep labels petite and away from plan names. */
.profile-packages .price-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 22px;
  overflow: hidden;
}

.profile-packages .price-card.recommended,
.profile-packages .price-card.best-value {
  padding-top: 44px;
}

.profile-packages .recommend-badge {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 12px;
  left: auto;
  width: auto;
  max-width: max-content;
  min-width: 0;
  min-height: 0;
  gap: 3px;
  padding: 3px 7px;
  border-radius: 999px;
  color: #8f5a2e;
  background: linear-gradient(145deg, rgba(255,250,243,.96), rgba(246,225,196,.88));
  box-shadow: 0 6px 14px rgba(181,138,88,.12);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  transform: none;
}

.profile-packages .recommend-badge svg {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  stroke-width: 2.2;
}

.profile-packages .price-card > strong {
  display: block;
  max-width: 100%;
  min-height: 20px;
  margin: 0 0 10px;
  line-height: 1.35;
}

.profile-packages .price-card:not(.recommended):not(.best-value) > strong {
  max-width: 100%;
}

.profile-packages .price-card .price {
  margin: 4px 0 12px;
}

.profile-packages .price-card .btn {
  margin-top: auto;
}

/* Recharge decision cue pass */
.profile-packages .price-card.recommended,
.profile-packages .price-card.best-value {
  isolation: isolate;
  box-shadow:
    0 18px 44px rgba(92,70,59,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.profile-packages .price-card.recommended::after,
.profile-packages .price-card.best-value::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: calc(var(--radius) - 1px);
  opacity: .34;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.78) 45%, rgba(244,223,196,.34) 53%, transparent 66%, transparent 100%),
    radial-gradient(circle at 18% 12%, rgba(217,185,140,.16), transparent 30%);
  transform: translateX(-118%) skewX(-12deg);
}

.profile-packages .price-card.best-value::after {
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.76) 45%, rgba(125,157,145,.22) 53%, transparent 66%, transparent 100%),
    radial-gradient(circle at 18% 12%, rgba(125,157,145,.18), transparent 30%);
}

.profile-packages .price-card.recommended > *,
.profile-packages .price-card.best-value > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .profile-packages .price-card.recommended,
  .profile-packages .price-card.best-value {
    animation: rechargeDecisionBreath 6.8s ease-in-out infinite;
  }

  .profile-packages .price-card.recommended::after,
  .profile-packages .price-card.best-value::after {
    animation: rechargeDecisionSweep 7.8s ease-in-out infinite;
  }

  .profile-packages .price-card.best-value,
  .profile-packages .price-card.best-value::after {
    animation-delay: 1.2s;
  }

  .profile-packages .price-card.recommended:hover,
  .profile-packages .price-card.best-value:hover,
  .profile-packages .price-card.recommended:focus-within,
  .profile-packages .price-card.best-value:focus-within,
  .profile-packages .price-card.recommended:hover::after,
  .profile-packages .price-card.best-value:hover::after,
  .profile-packages .price-card.recommended:focus-within::after,
  .profile-packages .price-card.best-value:focus-within::after {
    animation-play-state: paused;
  }
}

@keyframes rechargeDecisionSweep {
  0%, 46% {
    transform: translateX(-118%) skewX(-12deg);
  }
  74%, 100% {
    transform: translateX(118%) skewX(-12deg);
  }
}

@keyframes rechargeDecisionBreath {
  0%, 100% {
    box-shadow:
      0 18px 44px rgba(92,70,59,.08),
      0 0 0 1px rgba(217,185,140,.08),
      inset 0 1px 0 rgba(255,255,255,.72);
  }
  50% {
    box-shadow:
      0 24px 54px rgba(92,70,59,.12),
      0 0 0 4px rgba(217,185,140,.075),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-packages .price-card.recommended,
  .profile-packages .price-card.best-value,
  .profile-packages .price-card.recommended::after,
  .profile-packages .price-card.best-value::after {
    animation: none !important;
  }
}

@media (max-width: 720px) {
  .profile-packages .price-card.recommended,
  .profile-packages .price-card.best-value {
    padding-top: 44px;
  }

  .profile-packages .recommend-badge {
    top: 12px;
    right: 14px;
  }
}

/* Symmetry interaction pass: balanced feature workspaces */
.consult-layout,
.copy-layout,
.watermark-workspace,
.profile-shell {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
  align-items: stretch;
  gap: 22px;
}

.consult-builder,
.consult-result-panel,
.copy-panel,
.watermark-editor,
.watermark-preview-panel,
.profile-ledger,
.profile-packages {
  min-height: min(760px, calc(100vh - 132px));
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.copy-panel,
.consult-result-panel,
.reshape-side,
.watermark-preview-panel,
.profile-ledger,
.profile-packages {
  overflow: hidden;
}

.copy-result-panel {
  max-height: calc(100vh - 132px);
}

.copy-result-panel .copy-result-head {
  flex: 0 0 auto;
}

#copyOutput {
  flex: 1 1 auto;
  min-height: 260px;
  max-height: min(520px, calc(100vh - 260px));
  overflow-y: auto;
}

.consult-result-panel .consult-output {
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.watermark-preview-panel .result-box,
.profile-ledger .history-shell,
.profile-packages .price-grid {
  flex: 1 1 auto;
  min-height: 0;
}

@media (max-width: 920px) {
  .consult-layout,
  .copy-layout,
  .watermark-workspace,
  .profile-shell {
    grid-template-columns: 1fr;
  }

  .consult-builder,
  .consult-result-panel,
  .copy-panel,
  .watermark-editor,
  .watermark-preview-panel,
  .profile-ledger,
  .profile-packages,
  .copy-result-panel {
    min-height: 0;
    max-height: none;
  }

  #copyOutput {
    max-height: min(520px, calc(100vh - 220px));
  }
}

/* Frontend operation output viewport cap */
.copy-result-panel {
  height: min(520px, calc(100vh - 300px));
  min-height: 0;
  max-height: calc(100vh - 300px);
}

#copyOutput {
  min-height: 180px;
  max-height: min(520px, max(180px, calc(100vh - 390px)));
}

@media (max-width: 920px) {
  .copy-result-panel {
    height: auto;
    max-height: none;
  }

  #copyOutput {
    max-height: min(520px, calc(100vh - 220px));
  }
}

/* Feature symmetry refinement: reshape and dashboard balance */
.reshape-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
  align-items: start;
}

.reshape-builder,
.reshape-side {
  height: min(920px, calc(100vh - 128px));
  min-height: 560px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(181,138,88,.34) transparent;
}

.reshape-side {
  top: 0;
}

.reshape-builder::-webkit-scrollbar,
.reshape-side::-webkit-scrollbar {
  width: 9px;
}

.reshape-builder::-webkit-scrollbar-thumb,
.reshape-side::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(181,138,88,.5), rgba(159,102,93,.44));
  background-clip: padding-box;
}

.reshape-builder .option-stack {
  max-height: none;
}

@media (max-width: 920px) {
  .reshape-workspace {
    grid-template-columns: 1fr;
  }

  .reshape-builder,
  .reshape-side {
    height: auto;
    min-height: 0;
    overflow-y: visible;
  }
}

/* Frontend operation bilateral symmetry cap */
#copywriting .copy-layout > .copy-panel:first-child,
#copywriting .copy-result-panel {
  height: min(520px, calc(100vh - 300px));
  min-height: 0;
  max-height: calc(100vh - 300px);
}

#copywriting .copy-layout > .copy-panel:first-child {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(181,138,88,.34) transparent;
}

#copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar {
  width: 9px;
}

#copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(181,138,88,.5), rgba(159,102,93,.44));
  background-clip: padding-box;
}

@media (max-width: 920px) {
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: auto;
    max-height: none;
    overflow-y: visible;
  }
}

/* Mobile compact symmetry pass */
@media (max-width: 720px) {
  .consult-builder,
  .consult-result-panel,
  .reshape-builder,
  .reshape-side,
  .watermark-editor,
  .watermark-preview-panel,
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel,
  .profile-ledger,
  .profile-packages {
    max-height: min(720px, calc(100vh - 92px));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(181,138,88,.34) transparent;
  }

  .consult-builder::-webkit-scrollbar,
  .consult-result-panel::-webkit-scrollbar,
  .reshape-builder::-webkit-scrollbar,
  .reshape-side::-webkit-scrollbar,
  .watermark-editor::-webkit-scrollbar,
  .watermark-preview-panel::-webkit-scrollbar,
  #copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar,
  #copywriting .copy-result-panel::-webkit-scrollbar,
  .profile-ledger::-webkit-scrollbar,
  .profile-packages::-webkit-scrollbar,
  .profile-packages .price-grid::-webkit-scrollbar {
    width: 8px;
  }

  .consult-builder::-webkit-scrollbar-thumb,
  .consult-result-panel::-webkit-scrollbar-thumb,
  .reshape-builder::-webkit-scrollbar-thumb,
  .reshape-side::-webkit-scrollbar-thumb,
  .watermark-editor::-webkit-scrollbar-thumb,
  .watermark-preview-panel::-webkit-scrollbar-thumb,
  #copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar-thumb,
  #copywriting .copy-result-panel::-webkit-scrollbar-thumb,
  .profile-ledger::-webkit-scrollbar-thumb,
  .profile-packages::-webkit-scrollbar-thumb,
  .profile-packages .price-grid::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(181,138,88,.5), rgba(159,102,93,.44));
    background-clip: padding-box;
  }

  .profile-packages .price-grid {
    max-height: min(620px, calc(100vh - 160px));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 2px;
  }
}

/* Sidebar shell balance pass */
.quota-card {
  overflow: visible;
}

.quota-card .page-desc {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.45;
}

.quota-card .progress {
  margin-top: 12px;
}

.quota-recharge {
  min-height: 34px;
  margin-top: 10px;
}

/* Sidebar proportion and workspace readability pass */
@media (min-width: 1181px) {
  .app {
    grid-template-columns: 312px minmax(0, 1fr);
  }

  .sidebar {
    padding: 28px 22px;
  }

  .brand {
    gap: 14px;
    margin-bottom: 30px;
    padding-inline: 8px;
  }

  .brand-mark {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }

  .brand-title {
    font-size: 21px;
    line-height: 1.12;
  }

  .brand-subtitle {
    font-size: 13px;
    line-height: 1.45;
  }

  .nav {
    gap: 10px;
  }

  .nav button {
    min-height: 54px;
    padding: 13px 15px;
    gap: 12px;
    font-size: 16px;
    font-weight: 900;
  }

  .nav-icon {
    width: 31px;
    height: 31px;
    border-radius: 8px;
  }

  .nav-icon svg {
    width: 19px;
    height: 19px;
  }

  .quota-card {
    margin-top: 26px;
    padding: 18px;
  }

  .quota-card .page-desc {
    font-size: 13px;
    line-height: 1.55;
  }

  .sidebar-showcase {
    min-height: 270px;
  }

  .sidebar-showcase-content strong {
    font-size: 21px;
  }

  .sidebar-showcase-content p {
    font-size: 13px;
    line-height: 1.6;
  }
}

.section-head p,
.page-desc,
.hint,
.assist-note,
.next-step-tip,
.action-cost-note,
.feature-brief p,
.panel p,
.tool-card p,
.metric-card small,
.workflow-step small,
.watermark-tip,
.template-item p,
.recent-item p,
.queue-card p {
  font-size: 14.5px;
  line-height: 1.72;
}

.consult-scenario span,
.choice-item span,
.select-chip {
  font-size: 16px;
  line-height: 1.35;
}

.consult-scenario small,
.choice-item small,
.field label {
  font-size: 14.5px;
  line-height: 1.62;
}

.field input,
.field textarea,
.field select,
input,
textarea,
select {
  font-size: 15.5px;
}

.btn,
.mini-btn,
.template-filter,
.template-source-switch button,
.watermark-mode-switch button {
  font-size: 15px;
}

.consult-output,
.copy-output,
#copyOutput,
.result-box,
.template-item,
.recent-item,
.queue-card {
  font-size: 15.5px;
}

.template-item h4,
.price-card h3,
.metric-card strong,
.tool-card h3,
.feature-brief strong {
  font-size: 18px;
  line-height: 1.35;
}

@media (max-width: 920px) {
  .app {
    grid-template-columns: 1fr;
  }

  .sidebar {
    padding: 22px 18px;
  }

  .nav button {
    min-height: 50px;
    font-size: 15.5px;
  }
}

@media (max-width: 720px) {
  .consult-scenario span,
  .choice-item span,
  .select-chip {
    font-size: 15.5px;
  }

  .consult-scenario small,
  .choice-item small,
  .field label,
  .section-head p,
  .page-desc,
  .hint {
    font-size: 14px;
  }
}

/* Readability specificity lift for compact feature surfaces */
@media (min-width: 1181px) {
  .sidebar .nav button {
    min-height: 54px;
    padding: 13px 15px;
    font-size: 16px;
  }
}

#dashboard .workflow-panel .section-head p,
#dashboard .workflow-step small,
.reshape-builder .choice-item small,
.reshape-builder .mode-list .choice-item small,
.consult-builder .consult-scenario small,
.copy-panel .choice-item small,
.watermark-editor .choice-item small,
.profile-shell .choice-item small,
.field label,
.video-options label {
  font-size: 14.5px;
  line-height: 1.62;
}

#dashboard .workflow-step span,
.reshape-builder .choice-item span,
.reshape-builder .select-chip,
.consult-builder .consult-scenario span,
.copy-panel .choice-item span,
.watermark-editor .choice-item span,
.profile-shell .choice-item span {
  font-size: 16px;
  line-height: 1.36;
}

#dashboard .workflow-panel .section-head p {
  line-height: 1.55;
}

/* Reshape tall workspace pass */
@media (min-width: 921px) {
  #reshape .reshape-workspace {
    align-items: stretch;
  }

  #reshape .reshape-builder,
  #reshape .reshape-side {
    height: min(1040px, max(720px, calc(100vh - 118px)));
    min-height: 720px;
  }

  #reshape .reshape-side {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }

  #reshape #reshapeResult {
    min-height: clamp(520px, 58vh, 720px);
  }

  #reshape .reshape-task-queue {
    flex: 1 1 auto;
    min-height: 260px;
  }

  #reshape .reshape-queue-body {
    max-height: clamp(320px, 42vh, 620px);
  }
}

/* Reshape red-frame height pass */
@media (min-width: 921px) {
  #reshape .reshape-workspace {
    min-height: min(940px, max(820px, calc(100vh - 184px)));
  }

  #reshape .reshape-builder,
  #reshape .reshape-side {
    height: min(940px, max(820px, calc(100vh - 184px)));
    min-height: min(940px, max(820px, calc(100vh - 184px)));
    max-height: min(940px, max(820px, calc(100vh - 184px)));
  }

  #reshape #reshapeResult {
    min-height: clamp(600px, 60vh, 760px);
  }
}

/* Reshape builder no internal scrollbar pass */
@media (min-width: 921px) {
  #reshape .reshape-builder {
    height: auto;
    max-height: none;
    overflow: visible;
  }
}

/* Reshape output no internal scrollbar pass */
@media (min-width: 921px) {
  #reshape .reshape-side {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  #reshape #reshapeResult {
    overflow: hidden;
  }

  #reshape .reshape-task-queue {
    overflow: hidden;
  }

  #reshape .reshape-queue-body {
    overflow-y: auto;
    overscroll-behavior: contain;
    max-height: clamp(320px, 42vh, 620px);
  }
}

/* Dashboard tool-card bottom-order pass */
#dashboard .workflow-step {
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 118px;
  text-align: center;
  padding: 18px 16px;
}

#dashboard .workflow-step::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .78;
  background:
    linear-gradient(112deg, transparent 0%, transparent 32%, rgba(255,255,255,.88) 41%, rgba(232,248,255,.46) 45%, rgba(199,146,139,.2) 50%, rgba(255,248,230,.66) 56%, transparent 66%, transparent 100%),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.42), transparent 28%);
  filter: blur(.2px) saturate(1.05);
  mix-blend-mode: screen;
  transform: translateX(-135%) skewX(-12deg);
  animation: workflowCrystalSweep 4.8s ease-in-out infinite;
}

#dashboard .workflow-step::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .48;
  background:
    linear-gradient(145deg, rgba(255,255,255,.42), transparent 28%, transparent 70%, rgba(214,177,137,.18)),
    radial-gradient(circle at 74% 18%, rgba(255,255,255,.42), transparent 26%);
  animation: workflowCrystalBreath 4.8s ease-in-out infinite;
}

#dashboard .workflow-step:nth-child(2)::before {
  animation-delay: .55s;
}

#dashboard .workflow-step:nth-child(2)::after {
  animation-delay: .55s;
}

#dashboard .workflow-step:nth-child(3)::before {
  animation-delay: 1.1s;
}

#dashboard .workflow-step:nth-child(3)::after {
  animation-delay: 1.1s;
}

#dashboard .workflow-step:nth-child(4)::before {
  animation-delay: 1.65s;
}

#dashboard .workflow-step:nth-child(4)::after {
  animation-delay: 1.65s;
}

#dashboard .workflow-step:hover::before,
#dashboard .workflow-step:hover::after,
#dashboard .workflow-step:focus-visible::before,
#dashboard .workflow-step:focus-visible::after {
  opacity: 0;
  animation-play-state: paused;
}

#dashboard .workflow-step > * {
  position: relative;
  z-index: 1;
}

#dashboard .workflow-step span {
  display: none;
}

#dashboard .workflow-step strong {
  margin: 0 0 7px;
  font-size: 19px;
  letter-spacing: .04em;
}

#dashboard .workflow-step small {
  max-width: 15em;
  margin: 0 auto;
  line-height: 1.62;
  text-align: center;
}

@keyframes workflowCrystalSweep {
  0%, 35% {
    transform: translateX(-135%) skewX(-12deg);
  }
  62%, 100% {
    transform: translateX(135%) skewX(-12deg);
  }
}

@keyframes workflowCrystalBreath {
  0%, 100% {
    opacity: .28;
  }
  48% {
    opacity: .56;
  }
}

#dashboard .tool-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  isolation: isolate;
}

#dashboard .tool-card .btn {
  order: 1;
  width: 100%;
  margin-bottom: 10px;
}

#dashboard .tool-index {
  order: 2;
  display: none;
}

#dashboard .tool-card h3 {
  order: 3;
  margin-top: 0;
  text-align: center;
}

#dashboard .tool-card p {
  order: 4;
  min-height: 0;
  text-align: center;
}

#dashboard .tool-card img {
  order: 5;
  margin-top: 10px;
  margin-bottom: 0;
}

/* Dashboard idle tool-card crystal cue pass */
#dashboard .tool-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .36;
  background:
    linear-gradient(116deg, transparent 0%, transparent 34%, rgba(255,255,255,.72) 45%, rgba(244,223,196,.32) 53%, rgba(125,157,145,.16) 58%, transparent 70%, transparent 100%),
    radial-gradient(circle at 18% 16%, rgba(255,253,249,.26), transparent 32%);
  filter: blur(.15px) saturate(1.04);
  mix-blend-mode: screen;
  transform: translateX(-135%) skewX(-12deg);
}

#dashboard .tool-card::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .18;
  background:
    radial-gradient(circle at 50% 0, rgba(217,185,140,.22), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.28), transparent 32%, transparent 72%, rgba(143,179,167,.12));
}

#dashboard .tool-card:nth-child(2)::before {
  animation-delay: .8s;
}

#dashboard .tool-card:nth-child(3)::before {
  animation-delay: 1.6s;
}

#dashboard .tool-card:nth-child(4)::before {
  animation-delay: 2.4s;
}

#dashboard .tool-card:hover::before,
#dashboard .tool-card:hover::after,
#dashboard .tool-card:focus-within::before,
#dashboard .tool-card:focus-within::after {
  opacity: 0;
  animation-play-state: paused;
}

#dashboard .tool-card > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .tool-card::before {
    animation: dashboardToolCrystalSweep 7.6s ease-in-out infinite;
  }

  #dashboard .tool-card::after {
    animation: dashboardToolCrystalBreath 7.6s ease-in-out infinite;
  }

  .queue-card.is-running .queue-status::before {
    animation: queueStatusPulse 2.4s ease-in-out infinite;
  }

  .copy-output.is-copyable::before,
  .consult-output.is-copyable::before {
    animation: copyableOutputSweep 8.4s ease-in-out infinite;
  }
}

@keyframes dashboardToolCrystalSweep {
  0%, 48% {
    transform: translateX(-135%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(135%) skewX(-12deg);
  }
}

@keyframes dashboardToolCrystalBreath {
  0%, 100% {
    opacity: .12;
  }
  48% {
    opacity: .28;
  }
}

@keyframes queueStatusPulse {
  0%, 100% {
    transform: scale(.82);
    opacity: .72;
  }
  50% {
    transform: scale(1.22);
    opacity: 1;
  }
}

@keyframes copyableOutputSweep {
  0%, 52% {
    transform: translateX(-128%) skewX(-12deg);
  }
  78%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

/* Dashboard tool-card signature atelier pass */
#dashboard .tool-card {
  --tool-signature: #d9b98c;
  --tool-signature-soft: rgba(217,185,140,.2);
  --tool-shadow: rgba(181,138,88,.1);
  position: relative;
  isolation: isolate;
  border-color: color-mix(in srgb, var(--tool-signature, #d9b98c) 24%, rgba(181,138,88,.18));
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.6)),
    radial-gradient(circle at 16% 0, var(--tool-signature-soft, rgba(217,185,140,.2)), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.08), transparent 36%);
  box-shadow:
    0 18px 42px rgba(92,70,59,.075),
    0 0 0 1px rgba(255,253,249,.58) inset,
    0 0 34px var(--tool-shadow, rgba(181,138,88,.1));
}

#dashboard .tool-card::before {
  background:
    radial-gradient(circle at 16% 0, var(--tool-signature-soft, rgba(217,185,140,.2)), transparent 34%),
    linear-gradient(116deg, transparent 0%, transparent 36%, rgba(255,253,249,.72) 46%, color-mix(in srgb, var(--tool-signature, #d9b98c) 26%, transparent) 56%, transparent 70%, transparent 100%);
}

#dashboard .tool-card::after {
  left: 16px;
  right: 16px;
  top: auto;
  bottom: 12px;
  inset: auto 16px 12px;
  height: 2px;
  border-radius: 999px;
  opacity: .52;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--tool-signature, #d9b98c) 66%, transparent), rgba(125,157,145,.34), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--tool-signature, #d9b98c) 22%, transparent);
  transform-origin: center;
}

#dashboard .tool-card.consult {
  --tool-signature: #7d9d91;
  --tool-signature-soft: rgba(125,157,145,.2);
  --tool-shadow: rgba(47,111,100,.1);
}

#dashboard .tool-card.reshape {
  --tool-signature: #c98f88;
  --tool-signature-soft: rgba(201,143,136,.2);
  --tool-shadow: rgba(201,143,136,.1);
}

#dashboard .tool-card.watermark {
  --tool-signature: #b58a58;
  --tool-signature-soft: rgba(181,138,88,.2);
  --tool-shadow: rgba(181,138,88,.11);
}

#dashboard .tool-card.copy {
  --tool-signature: #2f6f64;
  --tool-signature-soft: rgba(47,111,100,.18);
  --tool-shadow: rgba(47,111,100,.1);
}

#dashboard .tool-card h3 {
  position: relative;
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#dashboard .tool-card h3::after {
  content: "";
  width: 26px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--tool-signature, #d9b98c), rgba(255,253,249,.78));
  box-shadow: 0 0 12px color-mix(in srgb, var(--tool-signature, #d9b98c) 28%, transparent);
}

#dashboard .tool-card .btn {
  overflow: hidden;
  border-color: color-mix(in srgb, var(--tool-signature, #d9b98c) 28%, rgba(181,138,88,.18));
}

#dashboard .tool-card .btn::after {
  inset: auto 14px 6px;
  width: auto;
  height: 2px;
  border-radius: 999px;
  opacity: .46;
  transform: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--tool-signature, #d9b98c) 72%, transparent), transparent);
  transition: opacity .22s ease, transform .22s ease;
}

#dashboard .tool-card .btn:hover::after,
#dashboard .tool-card .btn:focus-visible::after {
  left: 14px;
  opacity: .74;
  transform: scaleX(1.06);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .tool-card::after {
    animation: dashboardToolSignatureRail 6.4s ease-in-out infinite;
  }

  #dashboard .tool-card:nth-child(2)::after { animation-delay: .42s; }
  #dashboard .tool-card:nth-child(3)::after { animation-delay: .84s; }
  #dashboard .tool-card:nth-child(4)::after { animation-delay: 1.26s; }

  #dashboard .tool-card .btn::after {
    animation: dashboardToolButtonUnderlight 5.6s ease-in-out infinite;
  }
}

@keyframes dashboardToolSignatureRail {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.46);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@keyframes dashboardToolButtonUnderlight {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.68);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .tool-card::after,
  #dashboard .tool-card .btn::after {
    animation: none !important;
  }
}

/* Work cue crystal motion pass */
.btn.pink,
#reshapeGenerate,
#consultGenerate,
#copyGenerate,
#watermarkDownload,
.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error),
.choice-item.active,
.select-chip.active,
.consult-scenario.active,
.watermark-style-card.active,
.result-box:not(.is-loading):has(.state-card) {
  isolation: isolate;
}

.btn.pink::before,
#reshapeGenerate::before,
#consultGenerate::before,
#copyGenerate::before,
#watermarkDownload::before,
.choice-item.active::before,
.select-chip.active::before,
.consult-scenario.active::before,
.watermark-style-card.active::before,
.result-box:not(.is-loading):has(.state-card)::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .58;
  background:
    linear-gradient(116deg, transparent 0%, transparent 33%, rgba(255,255,255,.82) 42%, rgba(229,248,255,.44) 47%, rgba(205,145,136,.2) 52%, rgba(255,246,226,.62) 58%, transparent 68%, transparent 100%),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.32), transparent 28%);
  filter: blur(.16px) saturate(1.04);
  mix-blend-mode: screen;
  transform: translateX(-140%) skewX(-13deg);
  animation: workCueCrystalSweep 5.8s ease-in-out infinite;
}

.btn.pink::before,
#reshapeGenerate::before,
#consultGenerate::before,
#copyGenerate::before,
#watermarkDownload::before {
  opacity: .42;
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) {
  animation: workCueUploadBreath 5.4s ease-in-out infinite;
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error):hover,
.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error):focus-within {
  animation-play-state: paused;
}

.result-box:not(.is-loading):has(.state-card)::before {
  opacity: .36;
  animation-duration: 6.8s;
}

.copy-output.is-placeholder,
#reshapeResult.is-placeholder:not(.is-loading) {
  isolation: isolate;
}

.copy-output.is-placeholder {
  position: relative;
  overflow: hidden;
}

.copy-output.is-placeholder::before,
#reshapeResult.is-placeholder:not(.is-loading)::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .28;
  background:
    linear-gradient(118deg, transparent 0%, transparent 34%, rgba(255,255,255,.74) 43%, rgba(244,223,196,.32) 50%, rgba(143,179,167,.14) 56%, transparent 68%, transparent 100%),
    radial-gradient(circle at 16% 12%, rgba(255,255,255,.24), transparent 30%);
  mix-blend-mode: screen;
  transform: translateX(-140%) skewX(-13deg);
  animation: workCueCrystalSweep 7.4s ease-in-out infinite;
}

.copy-output.is-placeholder::before {
  opacity: .22;
}

.choice-item.active::before,
.select-chip.active::before,
.consult-scenario.active::before,
.watermark-style-card.active::before {
  opacity: .34;
  animation-duration: 7.2s;
}

.btn.pink:hover::before,
#reshapeGenerate:hover::before,
#consultGenerate:hover::before,
#copyGenerate:hover::before,
#watermarkDownload:hover::before,
.choice-item.active:hover::before,
.choice-item.active:focus-visible::before,
.select-chip.active:hover::before,
.select-chip.active:focus-visible::before,
.consult-scenario.active:hover::before,
.consult-scenario.active:focus-visible::before,
.watermark-style-card.active:hover::before,
.watermark-style-card.active:focus-visible::before,
.result-box:not(.is-loading):has(.state-card):hover::before,
.copy-output.is-placeholder:hover::before,
#reshapeResult.is-placeholder:not(.is-loading):hover::before {
  opacity: 0;
  animation-play-state: paused;
}

.btn.pink > *,
#reshapeGenerate > *,
#consultGenerate > *,
#copyGenerate > *,
#watermarkDownload > *,
.choice-item.active > *,
.select-chip.active > *,
.consult-scenario.active > *,
.watermark-style-card.active > *,
.upload-box > *,
.result-box > * {
  position: relative;
  z-index: 1;
}

@keyframes workCueCrystalSweep {
  0%, 42% {
    transform: translateX(-140%) skewX(-13deg);
  }
  68%, 100% {
    transform: translateX(140%) skewX(-13deg);
  }
}

@keyframes workCueUploadBreath {
  0%, 100% {
    border-color: rgba(159,102,93,.4);
    box-shadow: 0 0 0 rgba(217,185,140,0);
  }
  48% {
    border-color: rgba(217,185,140,.68);
    box-shadow: 0 18px 46px rgba(181,138,88,.1), 0 0 0 1px rgba(255,255,255,.34) inset;
  }
}

/* Idle output readiness chamber pass */
.consult-output.is-placeholder,
#reshapeResult.is-placeholder:not(.is-loading),
#copyOutput.is-placeholder {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  outline: 1px solid rgba(255,253,249,.54);
  box-shadow:
    inset 0 0 0 1px rgba(217,185,140,.1),
    0 16px 38px rgba(92,70,59,.045);
}

.consult-output.is-placeholder::after,
#reshapeResult.is-placeholder:not(.is-loading)::after,
#copyOutput.is-placeholder::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 14px;
  z-index: 0;
  height: 2px;
  pointer-events: none;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.6), rgba(125,157,145,.28), rgba(255,253,249,.72), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.18);
  transform: scaleX(.54);
  animation: idleOutputReadyRail 8.6s ease-in-out infinite;
}

.consult-output.is-placeholder:hover::after,
#reshapeResult.is-placeholder:not(.is-loading):hover::after,
#copyOutput.is-placeholder:hover::after {
  animation-play-state: paused;
  opacity: .62;
}

@keyframes idleOutputReadyRail {
  0%, 100% {
    opacity: .26;
    transform: scaleX(.44);
  }
  48% {
    opacity: .64;
    transform: scaleX(1);
  }
}

/* Idle standby output jewel pass */
.consult-output.is-placeholder,
#reshapeResult.is-placeholder:not(.is-loading),
#copyOutput.is-placeholder {
  border-color: rgba(181,138,88,.2);
  color: rgba(80,56,45,.7);
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.72), transparent 30%),
    radial-gradient(circle at 88% 92%, rgba(125,157,145,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.68) 56%, rgba(244,223,196,.34));
  box-shadow:
    0 24px 58px rgba(92,70,59,.07),
    0 0 0 3px rgba(217,185,140,.045),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#reshapeResult.is-placeholder:not(.is-loading) .state-card,
.consult-output.is-placeholder,
#copyOutput.is-placeholder {
  box-shadow:
    inset 0 0 0 1px rgba(255,253,249,.72),
    inset 0 -18px 34px rgba(217,185,140,.055),
    0 10px 26px rgba(92,70,59,.035);
}

#reshapeResult.is-placeholder:not(.is-loading) .state-card {
  position: relative;
  isolation: isolate;
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.56)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.12), transparent 46%);
}

#reshapeResult.is-placeholder:not(.is-loading) .state-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(217,185,140,.18);
  border-radius: calc(var(--radius) - 2px);
  box-shadow:
    inset 0 0 18px rgba(255,253,249,.54),
    0 0 16px rgba(217,185,140,.08);
}

#reshapeResult.is-placeholder:not(.is-loading) .state-card > * {
  position: relative;
  z-index: 1;
}

#reshapeResult.is-placeholder:not(.is-loading) .state-card strong,
.consult-output.is-placeholder,
#copyOutput.is-placeholder {
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

#reshapeResult.is-placeholder:not(.is-loading) .state-card p {
  color: rgba(80,56,45,.62);
}

@media (prefers-reduced-motion: no-preference) {
  .consult-output.is-placeholder,
  #reshapeResult.is-placeholder:not(.is-loading),
  #copyOutput.is-placeholder {
    animation: idleStandbyChamberBreath 9.6s ease-in-out infinite;
  }

  .consult-output.is-placeholder:hover,
  #reshapeResult.is-placeholder:not(.is-loading):hover,
  #copyOutput.is-placeholder:hover {
    animation-play-state: paused;
  }
}

@keyframes idleStandbyChamberBreath {
  0%, 100% {
    box-shadow:
      0 20px 48px rgba(92,70,59,.055),
      0 0 0 3px rgba(217,185,140,.035),
      inset 0 1px 0 rgba(255,255,255,.7);
  }
  50% {
    box-shadow:
      0 28px 64px rgba(181,138,88,.09),
      0 0 0 3px rgba(125,157,145,.065),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn.pink::before,
  #reshapeGenerate::before,
  #consultGenerate::before,
  #copyGenerate::before,
  #watermarkDownload::before,
  .choice-item.active::before,
  .select-chip.active::before,
  .consult-scenario.active::before,
  .watermark-style-card.active::before,
  .result-box:not(.is-loading):has(.state-card)::before,
  .copy-output.is-placeholder::before,
  .consult-output.is-placeholder::after,
  #reshapeResult.is-placeholder:not(.is-loading)::after,
  #copyOutput.is-placeholder::after,
  #reshapeResult.is-placeholder:not(.is-loading)::before,
  #dashboard .workflow-step::before,
  #dashboard .workflow-step::after {
    animation: none !important;
    opacity: 0 !important;
  }

  .upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) {
    animation: none !important;
  }

  .consult-output.is-placeholder,
  #reshapeResult.is-placeholder:not(.is-loading),
  #copyOutput.is-placeholder {
    animation: none !important;
  }
}

/* Reshape readable two-row option pass */
@media (min-width: 1181px) and (max-width: 1360px) {
  #reshape .reshape-workspace {
    grid-template-columns: 1fr;
  }

  #reshape .reshape-builder,
  #reshape .reshape-side {
    width: 100%;
  }

  #reshape .reshape-side {
    position: relative;
    top: auto;
  }

  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  #reshape .reshape-builder .select-chip {
    min-width: 0;
    white-space: normal;
  }
}

/* Status hint light pass */
.action-cost-note,
.next-step-tip,
.watermark-tip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-left: 32px;
}

.action-cost-note::before,
.next-step-tip::before,
.watermark-tip::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  z-index: 1;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #d9b98c;
  box-shadow: 0 0 0 4px rgba(217,185,140,.14), 0 0 18px rgba(217,185,140,.32);
  transform: translateY(-50%);
}

.action-cost-note::after,
.next-step-tip::after,
.watermark-tip::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.64) 47%, rgba(244,223,196,.28) 54%, transparent 66%, transparent 100%);
  transform: translateX(-115%) skewX(-12deg);
}

.action-cost-note.is-ready::before,
.next-step-tip.is-ready::before,
.watermark-tip.is-ready::before {
  background: #7d9d91;
  box-shadow: 0 0 0 4px rgba(125,157,145,.14), 0 0 20px rgba(125,157,145,.36);
  animation: statusHintPulse 2.8s ease-in-out infinite;
}

.action-cost-note.is-low::before,
.next-step-tip.is-blocked::before,
.watermark-tip.is-blocked::before {
  background: #b87972;
  box-shadow: 0 0 0 4px rgba(184,121,114,.14), 0 0 20px rgba(184,121,114,.34);
}

.action-cost-note.is-ready::after,
.next-step-tip.is-ready::after,
.watermark-tip.is-ready::after,
.action-cost-note.is-empty::after,
.next-step-tip.is-blocked::after,
.watermark-tip.is-blocked::after {
  opacity: .36;
  animation: statusHintSweep 6.8s ease-in-out infinite;
}

.action-cost-note:hover::after,
.next-step-tip:hover::after,
.watermark-tip:hover::after {
  opacity: 0;
  animation-play-state: paused;
}

@keyframes statusHintSweep {
  0%, 44% {
    transform: translateX(-115%) skewX(-12deg);
  }
  72%, 100% {
    transform: translateX(115%) skewX(-12deg);
  }
}

@keyframes statusHintPulse {
  0%, 100% {
    transform: translateY(-50%) scale(1);
  }
  48% {
    transform: translateY(-50%) scale(1.32);
  }
}

/* Action surface idle sparkle pass */
.quick-prompts .mini-btn,
.template-filter,
.consult-tabs button:not(.active),
.template-source-switch button:not(.active),
.watermark-mode-switch button:not(.active) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.quick-prompts .mini-btn::after,
.template-filter:not(.active)::after,
.consult-tabs button:not(.active)::after,
.template-source-switch button:not(.active)::after,
.watermark-mode-switch button:not(.active)::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .18;
  background:
    linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.72) 48%, rgba(244,223,196,.24) 55%, transparent 66%, transparent 100%),
    radial-gradient(circle at 16% 16%, rgba(255,255,255,.2), transparent 28%);
  transform: translateX(-128%) skewX(-12deg);
  animation: actionIdleGlint 8.6s ease-in-out infinite;
}

.quick-prompts .mini-btn:nth-child(2)::after,
.template-filter:not(.active):nth-child(2n)::after,
.consult-tabs button:nth-child(2)::after,
.template-source-switch button:nth-child(2)::after,
.watermark-mode-switch button:nth-child(2)::after {
  animation-delay: 1.4s;
}

.quick-prompts .mini-btn:nth-child(3)::after,
.template-filter:not(.active):nth-child(3n)::after,
.consult-tabs button:nth-child(3)::after,
.template-source-switch button:nth-child(3)::after {
  animation-delay: 2.6s;
}

.quick-prompts .mini-btn:nth-child(4)::after,
.template-filter:not(.active):nth-child(4n)::after,
.consult-tabs button:nth-child(4)::after,
.template-source-switch button:nth-child(4)::after {
  animation-delay: 3.8s;
}

.quick-prompts .mini-btn:hover::after,
.quick-prompts .mini-btn:focus-visible::after,
.template-filter:not(.active):hover::after,
.template-filter:not(.active):focus-visible::after,
.consult-tabs button:hover::after,
.consult-tabs button:focus-visible::after,
.template-source-switch button:hover::after,
.template-source-switch button:focus-visible::after,
.watermark-mode-switch button:hover::after,
.watermark-mode-switch button:focus-visible::after {
  opacity: 0;
  animation-play-state: paused;
}

.quick-prompts .mini-btn > *,
.template-filter > *,
.consult-tabs button > *,
.template-source-switch button > *,
.watermark-mode-switch button > * {
  position: relative;
  z-index: 1;
}

.quick-prompts .mini-btn.preset-filled-flash {
  border-color: rgba(47,111,100,.32);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(228,241,237,.84)),
    radial-gradient(circle at 18% 0, rgba(125,157,145,.18), transparent 34%);
  box-shadow: 0 14px 30px rgba(47,111,100,.1), inset 0 1px 0 rgba(255,255,255,.78);
  animation: presetFilledBreath 1.05s var(--ease-out) both;
}

.quick-prompts .mini-btn.preset-filled-flash::after {
  opacity: .5;
  background: linear-gradient(116deg, transparent 0%, transparent 34%, rgba(255,255,255,.84) 48%, rgba(125,157,145,.28) 56%, transparent 68%, transparent 100%);
  animation: presetFilledSweep 1.05s var(--ease-out) both;
}

@keyframes presetFilledBreath {
  0% {
    transform: translateY(0);
    box-shadow: 0 10px 24px rgba(47,111,100,.06);
  }
  44% {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(47,111,100,.13), 0 0 0 4px rgba(125,157,145,.075);
  }
  100% {
    transform: translateY(0);
    box-shadow: 0 12px 26px rgba(47,111,100,.08);
  }
}

@keyframes presetFilledSweep {
  from {
    transform: translateX(-128%) skewX(-12deg);
  }
  to {
    transform: translateX(128%) skewX(-12deg);
  }
}

.selection-confirm-pulse {
  position: relative;
  border-color: rgba(47,111,100,.36) !important;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(229,242,238,.86)),
    radial-gradient(circle at 18% 0, rgba(125,157,145,.2), transparent 36%) !important;
  box-shadow:
    0 16px 34px rgba(47,111,100,.12),
    0 0 0 4px rgba(125,157,145,.08),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  animation: selectionConfirmLift .72s var(--ease-out) both;
}

.selection-confirm-pulse::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .56 !important;
  background:
    linear-gradient(116deg, transparent 0%, transparent 32%, rgba(255,255,255,.86) 46%, rgba(125,157,145,.3) 56%, transparent 70%, transparent 100%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.22), transparent 42%);
  transform: translateX(-128%) skewX(-12deg);
  animation: selectionConfirmSweep .72s var(--ease-out) both !important;
}

.selection-confirm-pulse > * {
  position: relative;
  z-index: 1;
}

/* Selection arrival atelier pass */
.choice-item.selection-arrival-pulse,
.select-chip.selection-arrival-pulse,
.consult-scenario.selection-arrival-pulse,
.watermark-style-card.selection-arrival-pulse {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  animation: selectionArrivalHalo .72s var(--ease-out) both;
}

.choice-item.selection-arrival-pulse::after,
.select-chip.selection-arrival-pulse::after,
.consult-scenario.selection-arrival-pulse::after,
.watermark-style-card.selection-arrival-pulse::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .72 !important;
  background:
    linear-gradient(118deg, transparent 0%, transparent 30%, rgba(255,255,255,.94) 43%, rgba(217,185,140,.44) 51%, rgba(125,157,145,.24) 58%, transparent 72%, transparent 100%),
    radial-gradient(circle at 48% 38%, rgba(255,246,226,.34), transparent 42%);
  mix-blend-mode: screen;
  transform: translateX(-132%) skewX(-12deg);
  animation: selectionArrivalSweep .72s var(--ease-out) both !important;
}

.choice-item.selection-arrival-pulse > *,
.select-chip.selection-arrival-pulse > *,
.consult-scenario.selection-arrival-pulse > *,
.watermark-style-card.selection-arrival-pulse > * {
  position: relative;
  z-index: 1;
}

.work-focus-pulse {
  position: relative;
  isolation: isolate;
  border-color: rgba(181,138,88,.36) !important;
  box-shadow:
    0 24px 58px rgba(159,102,93,.14),
    0 0 0 4px rgba(217,185,140,.08),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  animation: workFocusBreath 1.12s var(--ease-out) both;
}

.work-focus-pulse::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .48;
  background:
    linear-gradient(118deg, transparent 0%, transparent 34%, rgba(255,255,255,.82) 45%, rgba(244,223,196,.36) 54%, rgba(125,157,145,.18) 60%, transparent 72%, transparent 100%),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.24), transparent 30%);
  mix-blend-mode: screen;
  transform: translateX(-128%) skewX(-12deg);
  animation: workFocusSweep 1.12s var(--ease-out) both;
}

.work-focus-pulse > * {
  position: relative;
  z-index: 1;
}

@keyframes selectionConfirmLift {
  0% {
    transform: translateY(0) scale(1);
  }
  42% {
    transform: translateY(-1px) scale(1.012);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes selectionConfirmSweep {
  from {
    transform: translateX(-128%) skewX(-12deg);
  }
  to {
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes selectionArrivalHalo {
  0% {
    box-shadow:
      0 0 0 rgba(217,185,140,0),
      inset 0 1px 0 rgba(255,255,255,.72);
  }
  38% {
    box-shadow:
      0 18px 42px rgba(181,138,88,.14),
      0 0 0 5px rgba(217,185,140,.12),
      inset 0 1px 0 rgba(255,255,255,.86);
  }
  100% {
    box-shadow:
      0 10px 24px rgba(54,41,32,.06),
      0 0 0 rgba(217,185,140,0),
      inset 0 1px 0 rgba(255,255,255,.72);
  }
}

@keyframes selectionArrivalSweep {
  from {
    transform: translateX(-132%) skewX(-12deg);
  }
  to {
    transform: translateX(132%) skewX(-12deg);
  }
}

@keyframes workFocusBreath {
  0% {
    transform: translateY(0);
  }
  42% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes workFocusSweep {
  from {
    transform: translateX(-128%) skewX(-12deg);
  }
  to {
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes actionIdleGlint {
  0%, 46% {
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .quick-prompts .mini-btn::after,
  .template-filter:not(.active)::after,
  .consult-tabs button:not(.active)::after,
  .template-source-switch button:not(.active)::after,
  .watermark-mode-switch button:not(.active)::after,
  .quick-prompts .mini-btn.preset-filled-flash,
  .quick-prompts .mini-btn.preset-filled-flash::after,
  .selection-confirm-pulse,
  .selection-confirm-pulse::after,
  .selection-arrival-pulse,
  .selection-arrival-pulse::after,
  .work-focus-pulse,
  .work-focus-pulse::after {
    animation: none !important;
  }

  .selection-confirm-pulse::after,
  .selection-arrival-pulse::after,
  .work-focus-pulse::after {
    opacity: 0 !important;
  }
}

/* Generated output copy affordance pass */
.copy-result-head .btn.is-copy-ready {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(125,157,145,.42);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(228,241,237,.78)),
    radial-gradient(circle at 18% 0, rgba(125,157,145,.18), transparent 34%);
  box-shadow: 0 14px 30px rgba(47,111,100,.1), inset 0 1px 0 rgba(255,255,255,.78);
}

.copy-result-head .btn.is-copy-ready::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .44;
  background: linear-gradient(116deg, transparent 0%, transparent 36%, rgba(255,255,255,.78) 48%, rgba(143,179,167,.28) 56%, transparent 68%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
  animation: copyReadyGlint 4.8s ease-in-out infinite;
}

.copy-result-head .btn.is-copy-ready:hover::after,
.copy-result-head .btn.is-copy-ready:focus-visible::after {
  opacity: 0;
  animation-play-state: paused;
}

.copy-result-head .btn.is-copy-ready > * {
  position: relative;
  z-index: 1;
}

@keyframes copyReadyGlint {
  0%, 36% {
    transform: translateX(-128%) skewX(-12deg);
  }
  68%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-result-head .btn.is-copy-ready::after {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* Copy button success atelier pass */
.copy-result-head .btn.copy-button-success-pulse {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(125,157,145,.56);
  color: #fffaf4;
  background:
    radial-gradient(circle at 18% 0, rgba(255,253,249,.34), transparent 34%),
    linear-gradient(135deg, #55776d, #7d9d91 58%, #c69c67);
  box-shadow:
    0 16px 32px rgba(47,111,100,.16),
    0 0 0 1px rgba(255,253,249,.42) inset,
    0 0 26px rgba(125,157,145,.18);
  animation: copyButtonSuccessShell .98s var(--ease-out) both;
}

.copy-result-head .btn.copy-button-success-pulse::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 7px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .7;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.9), rgba(125,157,145,.48), transparent);
  animation: readyResultActionUnderlight .98s var(--ease-out) both;
}

.copy-result-head .btn.copy-button-success-pulse::after {
  content: "已复制";
  position: absolute;
  right: 8px;
  top: -8px;
  z-index: 2;
  padding: 3px 7px;
  border: 1px solid rgba(255,253,249,.5);
  border-radius: 999px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,221,.86));
  box-shadow:
    0 8px 18px rgba(47,111,100,.12),
    0 0 14px rgba(217,185,140,.16);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  transform-origin: right center;
  animation: copyButtonSuccessBadge .98s var(--ease-out) both;
}

@keyframes copyButtonSuccessShell {
  0% {
    transform: translateY(0) scale(.98);
    box-shadow:
      0 8px 18px rgba(47,111,100,.08),
      0 0 0 1px rgba(255,253,249,.34) inset;
  }
  42% {
    transform: translateY(-1px) scale(1.02);
    box-shadow:
      0 18px 38px rgba(47,111,100,.18),
      0 0 0 1px rgba(255,253,249,.54) inset,
      0 0 32px rgba(217,185,140,.24);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes copyButtonSuccessBadge {
  0% {
    opacity: 0;
    transform: translateY(4px) scale(.82);
  }
  36% {
    opacity: 1;
    transform: translateY(0) scale(1.04);
  }
  100% {
    opacity: 0;
    transform: translateY(-2px) scale(.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-result-head .btn.copy-button-success-pulse,
  .copy-result-head .btn.copy-button-success-pulse::before,
  .copy-result-head .btn.copy-button-success-pulse::after {
    animation: none !important;
  }
}

/* Reshape two-line readable controls pass */
#reshape .reshape-builder .choice-list.mode-list {
  grid-template-columns: repeat(5, minmax(144px, 1fr));
}

#reshape .reshape-builder .choice-list.compact-list {
  grid-template-columns: repeat(5, minmax(144px, 1fr));
}

#reshape .reshape-builder .chip-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#reshape .reshape-builder .choice-item,
#reshape .reshape-builder .select-chip {
  min-width: 0;
}

#reshape .reshape-builder .select-chip {
  white-space: normal;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

@media (min-width: 1181px) and (max-width: 1500px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
}

@media (max-width: 1180px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(3, minmax(128px, 1fr));
  }
}

@media (max-width: 720px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Workbench quiet guidance pass */
.empty-template-state,
.recent-empty-state,
.history-empty-row td,
.profile-progress,
.template-insight div {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.empty-template-state::after,
.recent-empty-state::after,
.history-empty-row td::after,
.profile-progress::after,
.template-insight div::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .26;
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.74) 48%, rgba(244,223,196,.28) 55%, transparent 68%, transparent 100%),
    radial-gradient(circle at 18% 18%, rgba(255,253,249,.28), transparent 32%);
  transform: translateX(-128%) skewX(-12deg);
  animation: quietGuidanceSweep 9.2s ease-in-out infinite;
}

.template-insight div:nth-child(2)::after {
  animation-delay: 1.4s;
}

.template-insight div:nth-child(3)::after {
  animation-delay: 2.8s;
}

.empty-template-state:hover::after,
.recent-empty-state:hover::after,
.history-empty-row:hover td::after,
.profile-progress:hover::after,
.template-insight div:hover::after {
  opacity: 0;
  animation-play-state: paused;
}

.empty-template-state > *,
.recent-empty-state > *,
.profile-progress > *,
.template-insight div > * {
  position: relative;
  z-index: 1;
}

.history-empty-row td {
  height: 86px;
  color: var(--ink-soft);
  text-align: center;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.58)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.12), transparent 36%);
}

.history-empty-row td::after {
  border-radius: var(--radius);
}

.profile-progress {
  padding: 13px 14px;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: var(--radius);
  background: rgba(255,253,249,.58);
}

.template-list .template-item:first-child,
.recent-list .recent-item:first-child:not(.recent-empty-state),
.history-table tbody tr:first-child:not(.history-empty-row) {
  --latest-ring: rgba(181,138,88,.22);
}

.template-list .template-item:first-child::after,
.recent-list .recent-item:first-child:not(.recent-empty-state)::after,
.history-table tbody tr:first-child:not(.history-empty-row) td:first-child::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .18;
  background:
    linear-gradient(112deg, transparent 0%, transparent 40%, rgba(255,255,255,.76) 50%, rgba(217,185,140,.24) 58%, transparent 70%, transparent 100%);
  transform: translateX(-130%) skewX(-12deg);
  animation: latestItemGlint 8.8s ease-in-out infinite;
}

.template-list .template-item:first-child:hover::after,
.recent-list .recent-item:first-child:not(.recent-empty-state):hover::after,
.history-table tbody tr:first-child:not(.history-empty-row):hover td:first-child::after {
  opacity: 0;
  animation-play-state: paused;
}

.history-table tbody tr:first-child:not(.history-empty-row) td:first-child {
  position: relative;
  overflow: hidden;
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

@keyframes latestItemGlint {
  0%, 52% {
    transform: translateX(-130%) skewX(-12deg);
  }
  78%, 100% {
    transform: translateX(130%) skewX(-12deg);
  }
}

@keyframes quietGuidanceSweep {
  0%, 48% {
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .empty-template-state::after,
  .recent-empty-state::after,
  .history-empty-row td::after,
  .profile-progress::after,
  .template-insight div::after,
  .template-list .template-item:first-child::after,
  .recent-list .recent-item:first-child:not(.recent-empty-state)::after,
  .history-table tbody tr:first-child:not(.history-empty-row) td:first-child::after {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* Ready action crystal cue pass */
.btn.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  border-color: rgba(217,185,140,.76);
  box-shadow:
    0 18px 38px rgba(159,102,93,.16),
    0 0 0 1px rgba(255,253,249,.36) inset,
    0 0 0 4px rgba(217,185,140,.08);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"])::before {
  opacity: .62;
  animation-duration: 4.9s;
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"])::after {
  left: 128%;
  transition-duration: .9s;
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"]):hover,
.btn.is-action-ready:not(:disabled):not([aria-busy="true"]):focus-visible {
  box-shadow:
    0 22px 46px rgba(159,102,93,.18),
    0 0 0 1px rgba(255,253,249,.42) inset;
}

@keyframes readyActionBreath {
  0%, 100% {
    box-shadow:
      0 18px 38px rgba(159,102,93,.14),
      0 0 0 1px rgba(255,253,249,.32) inset,
      0 0 0 3px rgba(217,185,140,.06);
  }
  50% {
    box-shadow:
      0 22px 46px rgba(159,102,93,.18),
      0 0 0 1px rgba(255,253,249,.42) inset,
      0 0 0 5px rgba(217,185,140,.12);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]) {
    animation: readyActionBreath 5.6s ease-in-out infinite;
  }

  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]):hover,
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]):focus-visible {
    animation-play-state: paused;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]) {
    animation: none !important;
  }
}

/* Reshape signature feature chip pass */
#reshape .reshape-signature-chip {
  --signature-chip-dot: #d9b98c;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-right: 72px;
  border-color: color-mix(in srgb, var(--signature-chip-dot, #d9b98c) 34%, rgba(181,138,88,.16));
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.62)),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--signature-chip-dot, #d9b98c) 18%, transparent), transparent 38%);
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--signature-chip-dot, #d9b98c) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#reshape .reshape-signature-chip::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .36;
  background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.78) 48%, color-mix(in srgb, var(--signature-chip-dot, #d9b98c) 26%, transparent) 58%, transparent 72%);
  transform: translateX(-132%) skewX(-12deg);
}

#reshape .reshape-signature-chip::after {
  content: attr(data-feature-badge);
  position: absolute;
  right: 7px;
  top: 50%;
  z-index: 1;
  min-width: 48px;
  padding: 3px 6px;
  border-radius: 999px;
  color: #5f4638;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,221,.76)),
    radial-gradient(circle at 16% 0, color-mix(in srgb, var(--signature-chip-dot, #d9b98c) 26%, transparent), transparent 38%);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--signature-chip-dot, #d9b98c) 22%, transparent),
    0 0 16px color-mix(in srgb, var(--signature-chip-dot, #d9b98c) 18%, transparent);
  transform: translateY(-50%);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

#reshape .reshape-signature-ear {
  --signature-chip-dot: #c98f88;
}

#reshape .reshape-signature-crown {
  --signature-chip-dot: #d9b98c;
}

#reshape .reshape-signature-cheek {
  --signature-chip-dot: #7d9d91;
}

#reshape .reshape-signature-chip > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  #reshape .reshape-signature-chip::before {
    animation: reshapeSignatureChipGlint 6.4s ease-in-out infinite;
  }

  #reshape .reshape-signature-chip:hover::before,
  #reshape .reshape-signature-chip:focus-visible::before {
    animation-play-state: paused;
    opacity: .56;
    transform: translateX(0) skewX(-12deg);
  }
}

@keyframes reshapeSignatureChipGlint {
  0%, 48% {
    opacity: .18;
    transform: translateX(-132%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .52;
    transform: translateX(132%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  #reshape .reshape-signature-chip::before {
    animation: none !important;
    transform: none !important;
  }
}

/* Reshape signature summary cue pass */
#reshape .selected-summary.is-signature-feature {
  --summary-signature-dot: #d9b98c;
  border-color: color-mix(in srgb, var(--summary-signature-dot, #d9b98c) 34%, rgba(181,138,88,.18));
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.72)),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--summary-signature-dot, #d9b98c) 18%, transparent), transparent 38%);
  box-shadow:
    0 16px 34px color-mix(in srgb, var(--summary-signature-dot, #d9b98c) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#reshape .selected-summary.is-signature-feature::before {
  opacity: .64;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.82) 48%, color-mix(in srgb, var(--summary-signature-dot, #d9b98c) 32%, transparent) 58%, transparent 72%);
}

#reshape .selected-summary.is-signature-feature::after {
  content: attr(data-signature-label);
  color: #5f4638;
  border-color: color-mix(in srgb, var(--summary-signature-dot, #d9b98c) 24%, transparent);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,221,.78)),
    radial-gradient(circle at 12% 0, color-mix(in srgb, var(--summary-signature-dot, #d9b98c) 24%, transparent), transparent 34%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 18px color-mix(in srgb, var(--summary-signature-dot, #d9b98c) 22%, transparent);
}

#reshape .selected-summary[data-signature-tone="ear"] {
  --summary-signature-dot: #c98f88;
}

#reshape .selected-summary[data-signature-tone="crown"] {
  --summary-signature-dot: #d9b98c;
}

#reshape .selected-summary[data-signature-tone="cheek"] {
  --summary-signature-dot: #7d9d91;
}

#reshape .selected-summary.is-signature-feature strong {
  color: #3f2d27;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

@media (prefers-reduced-motion: no-preference) {
  #reshape .selected-summary.is-signature-feature::before {
    animation: reshapeSignatureSummaryRail 6.8s ease-in-out infinite;
  }
}

@keyframes reshapeSignatureSummaryRail {
  0%, 44% {
    opacity: .2;
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .68;
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  #reshape .selected-summary.is-signature-feature::before {
    animation: none !important;
    transform: none !important;
  }
}

/* Input work cue crystal pass */
.field.is-work-cue {
  position: relative;
  isolation: isolate;
}

.field.is-work-cue textarea,
.field.is-work-cue input {
  position: relative;
  z-index: 1;
}

.field.is-work-cue label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.field.is-work-cue label::after {
  min-height: 22px;
  padding: 4px 8px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 999px;
  color: #9f5b2c;
  background: rgba(255,247,235,.72);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.field.is-work-cue.is-input-empty label::after {
  content: "待补充";
}

.field.is-work-cue.is-input-ready label::after {
  content: "已就绪";
  border-color: rgba(47,111,100,.18);
  color: #2f6f64;
  background: rgba(228,241,237,.78);
}

.field.is-work-cue::before {
  content: "";
  position: absolute;
  inset: 24px -2px -2px;
  z-index: 0;
  pointer-events: none;
  border-radius: calc(var(--radius) + 4px);
  opacity: 0;
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.78) 47%, rgba(244,223,196,.38) 54%, transparent 66%, transparent 100%),
    radial-gradient(circle at 18% 18%, rgba(217,185,140,.16), transparent 28%);
  transform: translateX(-120%) skewX(-12deg);
}

.field.is-work-cue.is-input-empty textarea,
.field.is-work-cue.is-input-empty input {
  border-color: rgba(217,185,140,.34);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,235,.72));
  box-shadow:
    0 0 0 3px rgba(217,185,140,.055),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.field.is-work-cue.is-input-ready textarea,
.field.is-work-cue.is-input-ready input {
  border-color: rgba(125,157,145,.42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(236,246,242,.76));
  box-shadow:
    0 0 0 3px rgba(125,157,145,.075),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.field.is-work-cue.is-input-ready label {
  color: #55776d;
}

.result-box.is-preview-ready,
.copy-output.is-preview-ready,
.consult-output.is-preview-ready,
.watermark-result.is-preview-ready {
  position: relative;
  isolation: isolate;
  border-color: rgba(125,157,145,.32);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(229,242,238,.72)),
    radial-gradient(circle at 12% 0, rgba(125,157,145,.14), transparent 34%);
  box-shadow:
    0 16px 36px rgba(47,111,100,.08),
    0 0 0 3px rgba(125,157,145,.055),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.result-box.is-preview-ready::after,
.copy-output.is-preview-ready::after,
.consult-output.is-preview-ready::after,
.watermark-result.is-preview-ready::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .3;
  background:
    linear-gradient(118deg, transparent 0%, transparent 36%, rgba(255,255,255,.76) 47%, rgba(125,157,145,.22) 55%, transparent 68%, transparent 100%),
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.18), transparent 30%);
  transform: translateX(-125%) skewX(-12deg);
}

.result-box.is-preview-ready > *,
.copy-output.is-preview-ready > *,
.consult-output.is-preview-ready > *,
.watermark-result.is-preview-ready > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .field.is-work-cue.is-input-empty::before {
    opacity: .32;
    animation: inputCueSweep 7.8s ease-in-out infinite;
  }

  .field.is-work-cue.is-input-ready::before {
    opacity: .22;
    animation: inputCueSweep 9.4s ease-in-out infinite;
  }

  .field.is-work-cue:hover::before,
  .field.is-work-cue:focus-within::before {
    opacity: 0;
    animation-play-state: paused;
  }

  .result-box.is-preview-ready::after,
  .copy-output.is-preview-ready::after,
  .consult-output.is-preview-ready::after,
  .watermark-result.is-preview-ready::after {
    animation: previewReadySweep 8.2s ease-in-out infinite;
  }

  .result-box.is-preview-ready:hover::after,
  .copy-output.is-preview-ready:hover::after,
  .consult-output.is-preview-ready:hover::after,
  .watermark-result.is-preview-ready:hover::after {
    opacity: 0;
    animation-play-state: paused;
  }
}

@keyframes inputCueSweep {
  0%, 45% {
    transform: translateX(-120%) skewX(-12deg);
  }
  72%, 100% {
    transform: translateX(120%) skewX(-12deg);
  }
}

@keyframes previewReadySweep {
  0%, 48% {
    transform: translateX(-125%) skewX(-12deg);
  }
  74%, 100% {
    transform: translateX(125%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .field.is-work-cue::before {
    animation: none !important;
    opacity: 0 !important;
  }

  .result-box.is-preview-ready::after,
  .copy-output.is-preview-ready::after,
  .consult-output.is-preview-ready::after,
  .watermark-result.is-preview-ready::after {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* Reshape max-five readable rows pass */
@media (min-width: 1181px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(5, minmax(144px, 1fr));
  }

  #reshape .reshape-builder .choice-item,
  #reshape .reshape-builder .select-chip {
    min-width: 0;
    min-height: 50px;
    padding: 12px 13px;
  }

  #reshape .reshape-builder .choice-item span,
  #reshape .reshape-builder .select-chip {
    font-size: 16px;
    line-height: 1.36;
  }

  #reshape .reshape-builder .choice-item small {
    font-size: 13px;
    line-height: 1.45;
  }
}

/* Reshape summary readiness beacon pass */
#reshape .selected-summary {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 14px 74px 14px 14px;
  border-color: rgba(181,138,88,.22);
  background:
    linear-gradient(145deg, rgba(255,247,235,.78), rgba(255,253,249,.64)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.12), transparent 36%);
  transition: border-color .22s var(--ease-out), box-shadow .22s var(--ease-out), background .22s var(--ease-out);
}

#reshape .selected-summary::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .24;
  background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,255,255,.72) 48%, rgba(217,185,140,.28) 56%, transparent 68%, transparent 100%);
  transform: translateX(-120%) skewX(-12deg);
  animation: reshapeSummaryCueSweep 7.8s ease-in-out infinite;
}

#reshape .selected-summary::after {
  content: attr(data-status);
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  min-height: 25px;
  padding: 5px 9px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 999px;
  color: #9f5b2c;
  background: rgba(255,253,249,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

#reshape .selected-summary span,
#reshape .selected-summary strong {
  position: relative;
  z-index: 1;
}

#reshape .selected-summary.is-ready {
  border-color: rgba(47,111,100,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(228,241,237,.72)),
    radial-gradient(circle at 0 0, rgba(47,111,100,.13), transparent 34%);
  box-shadow: 0 12px 28px rgba(47,111,100,.08);
}

#reshape .selected-summary.is-ready::before {
  opacity: .26;
  background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,255,255,.76) 48%, rgba(125,157,145,.24) 56%, transparent 68%, transparent 100%);
}

#reshape .selected-summary.is-ready::after {
  border-color: rgba(47,111,100,.22);
  color: #2f6f64;
  background: rgba(228,241,237,.88);
}

#reshape .selected-summary.is-low {
  border-color: rgba(159,61,53,.3);
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(252,236,233,.72)),
    radial-gradient(circle at 0 0, rgba(184,121,114,.12), transparent 34%);
}

#reshape .selected-summary.is-low::after {
  border-color: rgba(159,61,53,.22);
  color: #8f3f36;
  background: rgba(252,236,233,.88);
}

#reshape .selected-summary:hover::before,
#reshape .selected-summary:focus-within::before {
  opacity: 0;
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  #reshape .selected-summary::before {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* Final scroll affordance override pass */
.knowledge-scroll-shell,
.knowledge-scroll-shell.scroll-affordance {
  background:
    linear-gradient(to bottom, rgba(255,253,249,.96) 0, rgba(255,253,249,0) 22px) top / 100% 22px no-repeat local,
    linear-gradient(to top, rgba(255,253,249,.96) 0, rgba(255,253,249,0) 22px) bottom / 100% 22px no-repeat local,
    radial-gradient(farthest-side at 50% 100%, rgba(181,138,88,.24), rgba(181,138,88,0)) bottom / 100% 14px no-repeat scroll,
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(250,242,236,.58)) !important;
  box-shadow:
    inset 0 -22px 24px -25px rgba(181,138,88,.44),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
}

.knowledge-scroll-shell.has-scroll-top,
.knowledge-scroll-shell.scroll-affordance.has-scroll-top {
  box-shadow:
    inset 0 22px 24px -25px rgba(181,138,88,.34),
    inset 0 -22px 24px -25px rgba(181,138,88,.44),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
}

/* Final reshape two-row max-five override pass */
#reshape .reshape-builder .choice-list.mode-list,
#reshape .reshape-builder .choice-list.compact-list,
#reshape .reshape-builder .chip-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch;
}

#reshape .reshape-builder .choice-item,
#reshape .reshape-builder .select-chip {
  min-width: 0;
  min-height: 52px;
  padding: 12px 13px;
  font-size: 16px;
}

#reshape .reshape-builder .choice-item span,
#reshape .reshape-builder .select-chip {
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: .02em;
}

#reshape .reshape-builder .choice-item small {
  font-size: 13px;
  line-height: 1.46;
}

#reshape .reshape-builder .select-chip {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-align: center;
}

@media (max-width: 1180px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Reshape final five-per-row readability lock */
@media (min-width: 921px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  #reshape .reshape-builder .choice-item,
  #reshape .reshape-builder .select-chip {
    min-height: 56px;
    padding: 13px 12px;
  }

  #reshape .reshape-builder .choice-item span,
  #reshape .reshape-builder .select-chip {
    font-size: 16.5px;
    line-height: 1.38;
  }

  #reshape .reshape-builder .choice-item small {
    font-size: 13.5px;
    line-height: 1.46;
  }
}

@media (max-width: 920px) and (min-width: 561px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Reshape readable two-row option lock */
#reshape .reshape-builder .choice-list.mode-list,
#reshape .reshape-builder .choice-list.compact-list,
#reshape .reshape-builder .chip-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#reshape .reshape-builder .choice-item,
#reshape .reshape-builder .select-chip {
  min-width: 0 !important;
  min-height: 58px;
  padding: 13px 12px;
}

#reshape .reshape-builder .choice-item span,
#reshape .reshape-builder .select-chip {
  font-size: 16.5px !important;
  line-height: 1.38;
  letter-spacing: .01em;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-align: center;
}

#reshape .reshape-builder .choice-item small {
  font-size: 13.5px !important;
  line-height: 1.48;
}

@media (max-width: 920px) and (min-width: 561px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  #reshape .reshape-builder .choice-list.mode-list,
  #reshape .reshape-builder .choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Reshape humane two-row controls pass */
@media (min-width: 921px) {
  #reshape #reshapeModeSwitch.choice-list.mode-list {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }

  #reshape #singleTypeSwitch.choice-list.compact-list,
  #reshape #lightAreaSwitch.choice-list.compact-list,
  #reshape #videoEffectSwitch.choice-list.compact-list,
  #reshape #videoDurationSwitch.choice-list.compact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  #reshape #reshapeModeSwitch .choice-item {
    min-height: 112px;
    padding: 16px 18px;
  }

  #reshape #singleTypeSwitch .choice-item,
  #reshape #lightAreaSwitch .choice-item,
  #reshape #videoEffectSwitch .choice-item,
  #reshape #videoDurationSwitch .choice-item {
    min-height: 88px;
    padding: 15px 18px;
  }
}

@media (max-width: 920px) and (min-width: 561px) {
  #reshape #reshapeModeSwitch.choice-list.mode-list,
  #reshape #singleTypeSwitch.choice-list.compact-list,
  #reshape #lightAreaSwitch.choice-list.compact-list,
  #reshape #videoEffectSwitch.choice-list.compact-list,
  #reshape #videoDurationSwitch.choice-list.compact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Reshape mode two-row readability lock */
@media (min-width: 921px) {
  #reshape #reshapeModeSwitch.choice-list.mode-list {
    grid-template-columns: repeat(3, minmax(240px, 1fr)) !important;
    gap: 12px !important;
  }

  #reshape #reshapeModeSwitch .choice-item {
    min-height: 124px;
    padding: 18px 20px;
  }

  #reshape #reshapeModeSwitch .choice-item.active {
    transform: none;
  }

  #reshape #reshapeModeSwitch .choice-item:hover,
  #reshape #reshapeModeSwitch .choice-item:focus-visible {
    transform: translateY(-2px);
  }

  #reshape #reshapeModeSwitch .choice-item span {
    font-size: 18px !important;
    line-height: 1.32;
    text-align: left;
  }

  #reshape #reshapeModeSwitch .choice-item small {
    font-size: 14px !important;
    line-height: 1.58;
    text-align: left;
  }

  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) and (min-width: 561px) {
  #reshape #reshapeModeSwitch.choice-list.mode-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Reshape mode final two-line readability pass */
@media (min-width: 921px) {
  #reshape #reshapeModeSwitch.choice-list.mode-list {
    grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
    gap: 14px !important;
  }

  #reshape #reshapeModeSwitch .choice-item {
    min-height: 128px;
    padding: 19px 22px;
  }

  #reshape #reshapeModeSwitch .choice-item span {
    font-size: 18.5px !important;
    line-height: 1.32;
    text-align: left;
  }

  #reshape #reshapeModeSwitch .choice-item small {
    font-size: 14.5px !important;
    line-height: 1.58;
    text-align: left;
  }

  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) and (min-width: 561px) {
  #reshape #reshapeModeSwitch.choice-list.mode-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Sidebar crystal navigation polish pass */
.nav button {
  position: relative;
  overflow: hidden;
  letter-spacing: .01em;
}

.nav button:not([aria-current="page"]):hover,
.nav button:not(.active):hover {
  color: #593f35;
  background:
    linear-gradient(135deg, rgba(255,253,249,.92), rgba(246,226,218,.72)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.18), transparent 34%);
  box-shadow:
    0 12px 28px rgba(159,102,93,.09),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.nav button[aria-current="page"],
.nav button.active {
  color: #fffaf4;
  background:
    linear-gradient(135deg, #2b211d, #8f5b55 62%, #b58a58),
    radial-gradient(circle at 0 0, rgba(255,255,255,.2), transparent 36%);
  box-shadow:
    0 16px 34px rgba(92,70,59,.2),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.nav button[aria-current="page"]::before {
  left: 7px;
  width: 4px;
  background: linear-gradient(180deg, #fff7dd, #e8c98f 44%, #c98e7e);
  box-shadow:
    0 0 18px rgba(232,201,143,.58),
    0 0 34px rgba(201,142,126,.28);
}

.nav button[aria-current="page"]::after {
  opacity: .42;
  background:
    linear-gradient(112deg, transparent 0%, transparent 32%, rgba(255,255,255,.62) 45%, rgba(244,223,196,.24) 54%, transparent 70%, transparent 100%),
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.2), transparent 30%);
}

.nav button[aria-current="page"] .nav-icon,
.nav button.active .nav-icon {
  color: #87534d;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.98), transparent 34%),
    linear-gradient(145deg, #fffdf9, #f3d7cc 58%, #e8c98f);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.62) inset,
    0 10px 20px rgba(217,185,140,.24);
}

.nav button:hover .nav-icon {
  transform: translateY(-1px);
}

.nav button[aria-current="page"]:hover,
.nav button.active:hover {
  color: #fffaf4;
}

@media (prefers-reduced-motion: no-preference) {
  .nav button:not([aria-current="page"]):hover .nav-icon {
    transition: transform .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease;
  }
}

/* Sidebar nav arrival signal pass */
.nav button.nav-arrival-pulse {
  animation: navArrivalShell .72s var(--ease-out) both;
}

.nav button.nav-arrival-pulse::after {
  opacity: .82;
  animation: navArrivalSweep .72s var(--ease-out) both;
}

.nav button.nav-arrival-pulse .nav-icon {
  animation: navArrivalIcon .72s var(--ease-out) both;
}

@keyframes navArrivalShell {
  0% {
    box-shadow:
      0 8px 18px rgba(92,70,59,.06),
      inset 0 1px 0 rgba(255,255,255,.12);
    transform: translateY(0) scale(.992);
  }
  42% {
    box-shadow:
      0 18px 38px rgba(159,102,93,.22),
      0 0 34px rgba(217,185,140,.22),
      inset 0 1px 0 rgba(255,255,255,.24);
    transform: translateY(-1px) scale(1.01);
  }
  100% {
    box-shadow:
      0 16px 34px rgba(92,70,59,.2),
      inset 0 1px 0 rgba(255,255,255,.18);
    transform: translateY(0) scale(1);
  }
}

@keyframes navArrivalSweep {
  0% {
    opacity: 0;
    transform: translateX(-124%) skewX(-12deg);
  }
  46% {
    opacity: .9;
  }
  100% {
    opacity: .42;
    transform: translateX(124%) skewX(-12deg);
  }
}

@keyframes navArrivalIcon {
  0% {
    transform: translateY(0) scale(.92);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.42) inset,
      0 6px 12px rgba(217,185,140,.12);
  }
  48% {
    transform: translateY(-1px) scale(1.08);
    box-shadow:
      0 0 0 1px rgba(255,255,255,.76) inset,
      0 0 26px rgba(255,232,166,.34),
      0 12px 24px rgba(217,185,140,.28);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav button.nav-arrival-pulse,
  .nav button.nav-arrival-pulse::after,
  .nav button.nav-arrival-pulse .nav-icon {
    animation: none !important;
  }
}

/* Topbar online atelier glow pass */
.topbar {
  position: sticky;
  isolation: isolate;
  overflow: visible;
  border-bottom-color: rgba(181,138,88,.22);
  background:
    linear-gradient(90deg, rgba(255,253,249,.94), rgba(248,238,230,.9)),
    radial-gradient(circle at 82% 0, rgba(217,185,140,.24), transparent 34%);
  box-shadow:
    0 12px 34px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.topbar::before,
.topbar::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.topbar::before {
  left: 34px;
  right: 34px;
  bottom: 0;
  z-index: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.48), rgba(217,185,140,.66), transparent);
}

.topbar::after {
  top: -42px;
  right: 22%;
  z-index: 0;
  width: 180px;
  height: 92px;
  border-radius: 999px;
  opacity: .26;
  background: radial-gradient(closest-side, rgba(217,185,140,.38), rgba(217,185,140,0));
  filter: blur(8px);
}

.topbar > * {
  position: relative;
  z-index: 1;
}

.topbar .page-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #2d221e;
  letter-spacing: .01em;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.topbar .page-title::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #7d9d91;
  box-shadow:
    0 0 0 4px rgba(125,157,145,.12),
    0 0 18px rgba(125,157,145,.45);
}

.topbar .page-desc {
  color: #76665e;
  font-weight: 700;
}

@media (prefers-reduced-motion: no-preference) {
  .topbar::before {
    animation: topbarAtelierLine 8.4s ease-in-out infinite;
  }

  .topbar::after {
    animation: topbarAtelierGlow 7.6s ease-in-out infinite;
  }

  .topbar .page-title::after {
    animation: topbarOnlinePulse 3.6s ease-in-out infinite;
  }
}

@keyframes topbarAtelierLine {
  0%, 100% {
    opacity: .44;
    transform: scaleX(.78);
  }
  50% {
    opacity: .86;
    transform: scaleX(1);
  }
}

@keyframes topbarAtelierGlow {
  0%, 100% {
    opacity: .18;
    transform: translateX(-18px) scale(.94);
  }
  50% {
    opacity: .34;
    transform: translateX(18px) scale(1.08);
  }
}

@keyframes topbarOnlinePulse {
  0%, 100% {
    transform: scale(.86);
    box-shadow:
      0 0 0 4px rgba(125,157,145,.12),
      0 0 18px rgba(125,157,145,.42);
  }
  50% {
    transform: scale(1.12);
    box-shadow:
      0 0 0 7px rgba(125,157,145,.08),
      0 0 24px rgba(125,157,145,.58);
  }
}

/* Topbar command center atelier pass */
.topbar-command-center {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: min(400px, 36vw);
  min-width: 280px;
  padding: 6px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(248,238,230,.56)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.14), transparent 36%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow: hidden;
}

.topbar-command-center::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  opacity: .34;
  background:
    linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,255,255,.72) 50%, rgba(217,185,140,.2) 58%, transparent 72%);
  transform: translateX(-128%) skewX(-12deg);
}

.topbar-signal {
  position: relative;
  min-width: 0;
  min-height: 48px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 7px;
  background: rgba(255,253,249,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
  overflow: hidden;
}

.topbar-signal small,
.topbar-signal strong {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topbar-signal small {
  color: #8b7b70;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
}

.topbar-signal strong {
  color: #9f5b2c;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
}

.topbar-signal::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.26), transparent);
}

.topbar-signal.is-ready {
  border-color: rgba(47,111,100,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(241,248,245,.58));
}

.topbar-signal.is-ready strong {
  color: #2f6f64;
}

.topbar-command-center.is-low,
.topbar-signal.is-low {
  border-color: rgba(191,130,119,.34);
}

.topbar-signal.is-low strong {
  color: #8f5b55;
}

@media (prefers-reduced-motion: no-preference) {
  .topbar-command-center::before {
    animation: topbarSignalScan 7.8s ease-in-out infinite;
  }
}

@keyframes topbarSignalScan {
  0%, 18% {
    opacity: 0;
    transform: translateX(-128%) skewX(-12deg);
  }
  46% {
    opacity: .42;
  }
  72%, 100% {
    opacity: 0;
    transform: translateX(128%) skewX(-12deg);
  }
}

/* Topbar signal jewel status pass */
.topbar-signal {
  --signal-dot: #d9b98c;
  --signal-rail: rgba(217,185,140,.72);
  --signal-glow: rgba(217,185,140,.28);
  padding-right: 22px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.7), rgba(255,247,235,.46)),
    radial-gradient(circle at 100% 0, var(--signal-glow), transparent 42%);
}

.topbar-signal::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  pointer-events: none;
  background: var(--signal-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--signal-dot, #d9b98c) 16%, transparent),
    0 0 16px color-mix(in srgb, var(--signal-dot, #d9b98c) 54%, transparent);
}

.topbar-signal::after {
  height: 2px;
  opacity: .58;
  background: linear-gradient(90deg, transparent, var(--signal-rail, rgba(217,185,140,.72)), rgba(255,253,249,.74), transparent);
  box-shadow: 0 0 16px var(--signal-glow);
}

.topbar-signal.is-ready {
  --signal-dot: #7d9d91;
  --signal-rail: rgba(125,157,145,.74);
  --signal-glow: rgba(125,157,145,.22);
}

.topbar-signal.is-low {
  --signal-dot: #c98f88;
  --signal-rail: rgba(201,143,136,.72);
  --signal-glow: rgba(201,143,136,.2);
}

.topbar-command-center.is-ready {
  border-color: rgba(125,157,145,.26);
}

.topbar-command-center.is-low {
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    0 0 28px rgba(201,143,136,.1),
    inset 0 1px 0 rgba(255,255,255,.72);
}

@media (prefers-reduced-motion: no-preference) {
  .topbar-signal::before {
    animation: topbarSignalJewelPulse 4.6s ease-in-out infinite;
  }

  .topbar-signal::after {
    animation: topbarSignalRailBreath 5.8s ease-in-out infinite;
  }

  .topbar-signal:nth-child(2)::before,
  .topbar-signal:nth-child(2)::after {
    animation-delay: .42s;
  }

  .topbar-signal:nth-child(3)::before,
  .topbar-signal:nth-child(3)::after {
    animation-delay: .84s;
  }
}

@keyframes topbarSignalJewelPulse {
  0%, 100% {
    opacity: .74;
    transform: scale(.86);
  }
  48% {
    opacity: 1;
    transform: scale(1.16);
  }
}

@keyframes topbarSignalRailBreath {
  0%, 100% {
    opacity: .26;
    transform: scaleX(.58);
  }
  48% {
    opacity: .72;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .topbar-signal::before,
  .topbar-signal::after {
    animation: none !important;
  }
}

/* Topbar command jewel cockpit pass */
.topbar-command-center {
  border-color: rgba(181,138,88,.24);
  background:
    radial-gradient(circle at 14% 0, rgba(255,255,255,.72), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(125,157,145,.12), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62));
  box-shadow:
    0 20px 48px rgba(92,70,59,.075),
    0 0 0 3px rgba(217,185,140,.04),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.topbar-command-center::after {
  border: 1px solid rgba(255,253,249,.62);
  box-shadow:
    inset 0 0 18px rgba(255,253,249,.42),
    0 0 18px rgba(217,185,140,.12);
}

.topbar-signal {
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.54)),
    radial-gradient(circle at 100% 0, var(--signal-glow), transparent 42%);
  box-shadow:
    inset 0 0 0 1px rgba(255,253,249,.58),
    inset 0 -10px 18px rgba(217,185,140,.045);
}

.topbar-signal + .topbar-signal {
  box-shadow:
    -5px 0 0 -4px rgba(217,185,140,.34),
    inset 0 0 0 1px rgba(255,253,249,.58),
    inset 0 -10px 18px rgba(217,185,140,.045);
}

.topbar-signal strong {
  color: #9f5b2c;
  text-shadow: 0 1px 0 rgba(255,255,255,.68);
}

.topbar-signal.is-ready strong {
  color: #2f6f64;
}

.topbar-signal.is-low strong {
  color: #8f5b55;
}

@media (prefers-reduced-motion: no-preference) {
  .topbar-command-center {
    animation: topbarCockpitShellBreath 9.2s ease-in-out infinite;
  }

  .topbar-command-center:hover,
  .topbar-command-center:focus-within {
    animation-play-state: paused;
  }
}

@keyframes topbarCockpitShellBreath {
  0%, 100% {
    box-shadow:
      0 16px 40px rgba(92,70,59,.06),
      0 0 0 3px rgba(217,185,140,.035),
      inset 0 1px 0 rgba(255,255,255,.76);
  }
  50% {
    box-shadow:
      0 22px 54px rgba(181,138,88,.09),
      0 0 0 3px rgba(125,157,145,.055),
      inset 0 1px 0 rgba(255,255,255,.86);
  }
}

@media (prefers-reduced-motion: reduce) {
  .topbar-command-center {
    animation: none !important;
  }
}

/* Topbar module prism cockpit pass */
.topbar-command-center {
  --topbar-module-dot: #d9b98c;
  --topbar-module-glow: rgba(217,185,140,.2);
  --topbar-module-x: 12%;
  border-color: color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 28%, rgba(181,138,88,.16));
}

.topbar-command-center[data-view="consult"] {
  --topbar-module-dot: #7d9d91;
  --topbar-module-glow: rgba(125,157,145,.22);
  --topbar-module-x: 28%;
}

.topbar-command-center[data-view="reshape"] {
  --topbar-module-dot: #c98f88;
  --topbar-module-glow: rgba(201,143,136,.22);
  --topbar-module-x: 44%;
}

.topbar-command-center[data-view="watermark"] {
  --topbar-module-dot: #8f7054;
  --topbar-module-glow: rgba(181,138,88,.2);
  --topbar-module-x: 58%;
}

.topbar-command-center[data-view="copywriting"] {
  --topbar-module-dot: #2f6f64;
  --topbar-module-glow: rgba(47,111,100,.2);
  --topbar-module-x: 72%;
}

.topbar-command-center[data-view="profile"] {
  --topbar-module-dot: #b87972;
  --topbar-module-glow: rgba(184,121,114,.2);
  --topbar-module-x: 88%;
}

.topbar-command-center::before {
  background:
    radial-gradient(circle at var(--topbar-module-x, 12%) 0, var(--topbar-module-glow, rgba(217,185,140,.2)), transparent 42%),
    linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,255,255,.7) 48%, color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 26%, transparent) 58%, transparent 74%);
}

.topbar-signal[data-signal="module"] {
  border-color: color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 26%, rgba(181,138,88,.16));
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.54)),
    radial-gradient(circle at 100% 0, var(--topbar-module-glow, rgba(217,185,140,.2)), transparent 42%);
}

.topbar-signal[data-signal="module"]::before {
  background: var(--topbar-module-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 16%, transparent),
    0 0 18px color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 48%, transparent);
}

.topbar-signal[data-signal="module"]::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 72%, transparent), rgba(255,253,249,.78), transparent);
}

.topbar-signal[data-signal="module"] strong {
  color: color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 52%, #3f2d27);
}

@media (prefers-reduced-motion: no-preference) {
  .topbar-command-center::before {
    animation: topbarModulePrismBloom 8.8s ease-in-out infinite;
  }
}

@keyframes topbarModulePrismBloom {
  0%, 100% {
    opacity: .22;
    transform: translateX(-122%) skewX(-12deg);
  }
  48% {
    opacity: .56;
  }
  76% {
    opacity: .32;
    transform: translateX(122%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .topbar-command-center::before {
    animation: none !important;
  }
}

/* Topbar signature action cue pass */
.topbar-command-center.has-signature-feature {
  --topbar-signature-dot: #d9b98c;
  --topbar-signature-glow: rgba(217,185,140,.2);
  --topbar-signature-rail: rgba(217,185,140,.72);
  border-color: color-mix(in srgb, var(--topbar-signature-dot, #d9b98c) 38%, rgba(181,138,88,.18));
  box-shadow:
    0 20px 48px rgba(92,70,59,.07),
    0 0 34px color-mix(in srgb, var(--topbar-signature-dot, #d9b98c) 14%, transparent),
    inset 0 1px 0 rgba(255,255,255,.84);
}

.topbar-command-center[data-signature-tone="ear"] {
  --topbar-signature-dot: #c98f88;
  --topbar-signature-glow: rgba(201,143,136,.2);
  --topbar-signature-rail: rgba(201,143,136,.7);
}

.topbar-command-center[data-signature-tone="crown"] {
  --topbar-signature-dot: #d9b98c;
  --topbar-signature-glow: rgba(217,185,140,.24);
  --topbar-signature-rail: rgba(217,185,140,.78);
}

.topbar-command-center[data-signature-tone="cheek"] {
  --topbar-signature-dot: #7d9d91;
  --topbar-signature-glow: rgba(125,157,145,.22);
  --topbar-signature-rail: rgba(125,157,145,.74);
}

.topbar-signal[data-signal="action"].is-signature-feature {
  --signal-dot: var(--topbar-signature-dot, #d9b98c);
  --signal-rail: var(--topbar-signature-rail, rgba(217,185,140,.72));
  --signal-glow: var(--topbar-signature-glow, rgba(217,185,140,.2));
  padding-right: 70px;
  border-color: color-mix(in srgb, var(--topbar-signature-dot, #d9b98c) 32%, rgba(181,138,88,.16));
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.56)),
    radial-gradient(circle at 100% 0, var(--topbar-signature-glow, rgba(217,185,140,.2)), transparent 42%);
}

.topbar-signal[data-signal="action"].is-signature-feature::after {
  background: linear-gradient(90deg, transparent, var(--topbar-signature-rail, rgba(217,185,140,.72)), rgba(255,253,249,.8), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--topbar-signature-dot, #d9b98c) 24%, transparent);
}

.topbar-signal[data-signal="action"].is-signature-feature strong {
  color: color-mix(in srgb, var(--topbar-signature-dot, #d9b98c) 56%, #3f2d27);
}

.topbar-signal[data-signal="action"].is-signature-feature small::after {
  content: attr(data-signature-label);
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  max-width: 58px;
  padding: 2px 6px;
  border: 1px solid color-mix(in srgb, var(--topbar-signature-dot, #d9b98c) 24%, transparent);
  border-radius: 999px;
  color: color-mix(in srgb, var(--topbar-signature-dot, #d9b98c) 74%, #4d3931);
  font-size: 9px;
  font-weight: 950;
  line-height: 1.15;
  text-align: center;
  white-space: nowrap;
  background:
    linear-gradient(135deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 12% 0, var(--topbar-signature-glow, rgba(217,185,140,.2)), transparent 34%);
  box-shadow: 0 0 14px color-mix(in srgb, var(--topbar-signature-dot, #d9b98c) 18%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .topbar-command-center.has-signature-feature::before {
    animation: topbarSignatureBloom 6.6s ease-in-out infinite;
  }

  .topbar-signal[data-signal="action"].is-signature-feature::after {
    animation: topbarSignatureActionRail 4.8s ease-in-out infinite;
  }
}

@keyframes topbarSignatureBloom {
  0%, 100% {
    opacity: .24;
    transform: translateX(-122%) skewX(-12deg);
  }
  46% {
    opacity: .66;
  }
  78% {
    opacity: .32;
    transform: translateX(122%) skewX(-12deg);
  }
}

@keyframes topbarSignatureActionRail {
  0%, 100% {
    opacity: .34;
    transform: scaleX(.58);
  }
  48% {
    opacity: .82;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .topbar-command-center.has-signature-feature::before,
  .topbar-signal[data-signal="action"].is-signature-feature::after {
    animation: none !important;
  }
}

/* Main wheel response jewel pass */
.main.is-wheel-responding {
  scrollbar-color: rgba(217,185,140,.74) rgba(255,253,249,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.64),
    inset 0 0 0 1px rgba(217,185,140,.16),
    inset 0 18px 32px -30px rgba(217,185,140,.48),
    inset 0 -22px 34px -32px rgba(125,157,145,.32);
}

.main.is-wheel-responding::after {
  opacity: .88;
  background: linear-gradient(90deg, transparent, rgba(255,232,166,.72), rgba(125,157,145,.32), transparent);
  box-shadow:
    0 0 18px rgba(217,185,140,.28),
    0 0 34px rgba(125,157,145,.12);
  animation: mainWheelResponseRail .42s ease-out both;
}

.main.is-wheel-responding .content::before {
  opacity: .86;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.26), rgba(255,232,166,.58), rgba(125,157,145,.24), transparent);
  animation: mainWheelResponseFootlight .42s ease-out both;
}

.topbar-command-center.is-scroll-responding {
  border-color: color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 44%, rgba(181,138,88,.18));
  box-shadow:
    0 22px 54px color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 16%, transparent),
    0 0 0 3px color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 8%, transparent),
    inset 0 1px 0 rgba(255,255,255,.88);
}

.topbar-command-center.is-scroll-responding::before {
  opacity: .72;
  animation: topbarScrollResponseScan .42s ease-out both;
}

@keyframes mainWheelResponseRail {
  0% {
    opacity: .24;
    transform: scaleX(.42);
  }

  46% {
    opacity: 1;
    transform: scaleX(1);
  }

  100% {
    opacity: .5;
    transform: scaleX(.86);
  }
}

@keyframes mainWheelResponseFootlight {
  0% {
    opacity: .18;
    transform: scaleX(.48);
  }

  48% {
    opacity: .92;
    transform: scaleX(1);
  }

  100% {
    opacity: .42;
    transform: scaleX(.82);
  }
}

@keyframes topbarScrollResponseScan {
  0% {
    opacity: .18;
    transform: translateX(-122%) skewX(-12deg);
  }

  58% {
    opacity: .78;
  }

  100% {
    opacity: .24;
    transform: translateX(122%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .main.is-wheel-responding,
  .main.is-wheel-responding::after,
  .main.is-wheel-responding .content::before,
  .topbar-command-center.is-scroll-responding,
  .topbar-command-center.is-scroll-responding::before {
    animation: none !important;
  }
}

/* Consult tabs jewel switchboard pass */
#consult .consult-tabs {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(217,185,140,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.84), rgba(255,247,235,.58)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.16), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 34%);
  box-shadow:
    0 18px 42px rgba(92,70,59,.09),
    0 0 0 1px rgba(255,255,255,.52) inset,
    inset 0 1px 0 rgba(255,255,255,.72);
}

#consult .consult-tabs::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.64) 48%, rgba(217,185,140,.22) 58%, transparent 72%);
  transform: translateX(-132%) skewX(-12deg);
}

#consult .consult-tabs::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 6px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.36), transparent);
}

#consult .consult-tabs button {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

#consult .consult-tabs button.active,
#consult .consult-tabs [aria-selected="true"] {
  padding-left: 26px;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.32), transparent 32%),
    linear-gradient(135deg, #9f665d, #c18a7d 58%, #b58a58);
  box-shadow:
    0 18px 38px rgba(159,102,93,.18),
    0 0 0 1px rgba(255,255,255,.34) inset,
    inset 0 1px 0 rgba(255,255,255,.24);
}

#consult .consult-tabs button.active::before,
#consult .consult-tabs [aria-selected="true"]::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  z-index: 1;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.14),
    0 0 16px rgba(217,185,140,.38);
  transform: translateY(-50%);
}

#consult .consult-tabs button.active::after,
#consult .consult-tabs [aria-selected="true"]::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 7px;
  z-index: 1;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .68;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.88), rgba(125,157,145,.42), transparent);
  box-shadow: 0 0 16px rgba(217,185,140,.22);
}

@media (prefers-reduced-motion: no-preference) {
  #consult .consult-tabs::before {
    animation: consultTabsCoutureSweep 9.2s ease-in-out infinite;
  }

  #consult .consult-tabs::after {
    animation: consultTabsBaseRail 7.6s ease-in-out infinite;
  }

  #consult .consult-tabs button.active::before,
  #consult .consult-tabs [aria-selected="true"]::before {
    animation: consultTabActiveDot 4.2s ease-in-out infinite;
  }

  #consult .consult-tabs button.active::after,
  #consult .consult-tabs [aria-selected="true"]::after {
    animation: consultTabsBaseRail 4.8s ease-in-out infinite;
  }

  #consult .consult-tabs:hover::before,
  #consult .consult-tabs:hover::after,
  #consult .consult-tabs:focus-within::before,
  #consult .consult-tabs:focus-within::after,
  #consult .consult-tabs button.active:hover::before,
  #consult .consult-tabs button.active:hover::after,
  #consult .consult-tabs [aria-selected="true"]:focus-visible::before,
  #consult .consult-tabs [aria-selected="true"]:focus-visible::after {
    animation-play-state: paused;
  }
}

@keyframes consultTabsCoutureSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-132%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .26;
    transform: translateX(132%) skewX(-12deg);
  }
}

@keyframes consultTabsBaseRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.62);
  }
  50% {
    opacity: .58;
    transform: scaleX(1);
  }
}

@keyframes consultTabActiveDot {
  0%, 100% {
    opacity: .72;
    transform: translateY(-50%) scale(.9);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.16);
  }
}

@media (prefers-reduced-motion: reduce) {
  #consult .consult-tabs::before,
  #consult .consult-tabs::after,
  #consult .consult-tabs button.active::before,
  #consult .consult-tabs [aria-selected="true"]::before,
  #consult .consult-tabs button.active::after,
  #consult .consult-tabs [aria-selected="true"]::after {
    animation: none !important;
  }
}

/* Consult tabs performance trim */
#consult .consult-tabs {
  box-shadow:
    0 10px 24px rgba(92,70,59,.06),
    0 0 0 1px rgba(255,255,255,.45) inset;
}

#consult .consult-tabs button,
#consult .consult-tabs button.active,
#consult .consult-tabs [aria-selected="true"] {
  padding-left: 16px;
  padding-right: 16px;
}

#consult .consult-tabs button:not(.active)::after,
#consult .consult-tabs::before,
#consult .consult-tabs::after,
#consult .consult-tabs button.active::before,
#consult .consult-tabs [aria-selected="true"]::before,
#consult .consult-tabs button.active::after,
#consult .consult-tabs [aria-selected="true"]::after {
  animation: none !important;
}

#consult .consult-tabs button.active,
#consult .consult-tabs [aria-selected="true"] {
  box-shadow:
    0 8px 18px rgba(159,102,93,.12),
    0 0 0 1px rgba(255,255,255,.3) inset;
}

/* Global busy atelier pulse pass */
.global-work-pulse {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(420px circle at 78% 12%, rgba(217,185,140,.2), transparent 58%),
    radial-gradient(320px circle at 22% 82%, rgba(125,157,145,.12), transparent 62%),
    linear-gradient(180deg, rgba(255,253,249,0), rgba(255,232,166,.055) 46%, rgba(255,253,249,0));
  mix-blend-mode: screen;
  transform: translate3d(0, 10px, 0);
  transition:
    opacity .22s var(--ease-out),
    transform .22s var(--ease-out);
}

body.is-busy .global-work-pulse {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.topbar-command-center::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 3px;
  height: 2px;
  pointer-events: none;
  border-radius: 999px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.9), rgba(125,157,145,.46), rgba(255,253,249,.76), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.26);
  transform: scaleX(.42);
}

body.is-busy .topbar-command-center {
  border-color: rgba(217,185,140,.34);
  box-shadow:
    0 14px 30px rgba(92,70,59,.07),
    0 0 38px rgba(217,185,140,.18),
    inset 0 1px 0 rgba(255,255,255,.82);
}

body.is-busy .topbar-command-center::after {
  opacity: .92;
  animation: globalBusyRail 1.35s ease-in-out infinite;
}

@media (prefers-reduced-motion: no-preference) {
  body.is-busy .global-work-pulse {
    animation: globalBusyAura 2.4s ease-in-out infinite;
  }
}

@keyframes globalBusyAura {
  0%, 100% {
    opacity: .62;
    filter: saturate(1);
  }
  50% {
    opacity: 1;
    filter: saturate(1.08);
  }
}

@keyframes globalBusyRail {
  0%, 100% {
    opacity: .42;
    transform: translateX(-18%) scaleX(.38);
  }
  48% {
    opacity: .96;
    transform: translateX(0) scaleX(1);
  }
  74% {
    opacity: .72;
    transform: translateX(18%) scaleX(.62);
  }
}

@media (prefers-reduced-motion: reduce) {
  .global-work-pulse,
  body.is-busy .topbar-command-center::after {
    animation: none !important;
  }
}

@media (max-width: 1180px) {
  .topbar-command-center {
    order: 3;
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .topbar-command-center {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar-signal {
    min-height: 42px;
  }
}

/* Recharge plan crystal guidance pass */
.profile-packages .price-card.recommended,
.profile-packages .price-card.best-value {
  border-color: rgba(181,138,88,.38);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,246,235,.78)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.16), transparent 36%);
}

.profile-packages .price-card.best-value {
  border-color: rgba(125,157,145,.38);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(230,242,238,.78)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.16), transparent 36%);
}

.profile-packages .price-card.recommended::before,
.profile-packages .price-card.best-value::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(217,185,140,.46), transparent 24%, transparent 76%, rgba(217,185,140,.26)),
    linear-gradient(180deg, rgba(217,185,140,.36), transparent 28%);
  opacity: .34;
}

.profile-packages .price-card.best-value::before {
  background:
    linear-gradient(90deg, rgba(125,157,145,.42), transparent 24%, transparent 76%, rgba(217,185,140,.22)),
    linear-gradient(180deg, rgba(125,157,145,.3), transparent 28%);
}

.profile-packages .price-card.recommended .btn,
.profile-packages .price-card.best-value .btn {
  border-color: rgba(217,185,140,.5);
  color: #fffaf4;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.28), transparent 34%),
    linear-gradient(135deg, #8f5b55, #bf8277 58%, #c69c67);
}

.profile-packages .price-card.best-value .btn {
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.26), transparent 34%),
    linear-gradient(135deg, #55776d, #7d9d91 58%, #c69c67);
}

.profile-packages .price-card.recommended .recommend-badge,
.profile-packages .price-card.best-value .recommend-badge {
  border: 1px solid rgba(181,138,88,.22);
  box-shadow:
    0 8px 18px rgba(181,138,88,.14),
    inset 0 1px 0 rgba(255,255,255,.8);
}

@media (prefers-reduced-motion: no-preference) {
  .profile-packages .price-card.recommended::before,
  .profile-packages .price-card.best-value::before {
    animation: rechargeBorderGlow 7.4s ease-in-out infinite;
  }
}

@keyframes rechargeBorderGlow {
  0%, 100% {
    opacity: .22;
  }
  50% {
    opacity: .46;
  }
}

/* Reshape queue workflow guidance pass */
.reshape-task-queue.is-empty {
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.64)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.12), transparent 34%);
}

.reshape-task-queue.is-empty .queue-head .pill {
  color: #8f5a2e;
  border-color: rgba(181,138,88,.28);
}

.queue-empty {
  padding: 22px 20px 22px 58px;
  color: #725f55;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.16), transparent 34%);
}

.queue-empty::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 1;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(181,138,88,.32);
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(217,185,140,.82) 0 30%, transparent 32%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(246,225,196,.8));
  box-shadow:
    0 0 0 6px rgba(217,185,140,.08),
    0 10px 22px rgba(181,138,88,.14);
  transform: translateY(-50%);
}

.queue-card {
  outline: 1px solid rgba(255,255,255,.45);
  outline-offset: -2px;
}

.queue-card.is-running {
  border-color: rgba(217,185,140,.34);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.74)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.18), transparent 34%);
}

.queue-card.is-running::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  top: 8px;
  z-index: 3;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.72), rgba(125,157,145,.42), transparent);
  transform: translateX(-68%);
}

.queue-card.is-done {
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.7)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.12), transparent 34%);
}

.queue-card.is-done .queue-actions {
  opacity: 1;
}

.queue-card.is-done .queue-download:not(:disabled) {
  color: #fffaf4;
  border-color: rgba(125,157,145,.42);
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.26), transparent 34%),
    linear-gradient(135deg, #55776d, #7d9d91);
}

@media (prefers-reduced-motion: no-preference) {
  .queue-empty::after {
    animation: queueEmptyDotBreath 4.8s ease-in-out infinite;
  }

  .queue-card.is-running::after {
    animation: queueRunningRail 2.6s ease-in-out infinite;
  }
}

@keyframes queueEmptyDotBreath {
  0%, 100% {
    opacity: .7;
    transform: translateY(-50%) scale(.92);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.08);
  }
}

@keyframes queueRunningRail {
  0% {
    transform: translateX(-72%);
    opacity: .28;
  }
  50% {
    opacity: .88;
  }
  100% {
    transform: translateX(72%);
    opacity: .28;
  }
}

/* Quick prompt crystal starter pass */
.quick-prompts .mini-btn {
  min-height: 44px;
  padding: 10px 13px;
  justify-content: center;
  color: #5d443a;
  border-color: rgba(181,138,88,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.66)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.12), transparent 34%);
  box-shadow:
    0 10px 24px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 14px;
  font-weight: 900;
}

.quick-prompts .mini-btn::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 7px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.52), transparent);
}

.quick-prompts .mini-btn:hover,
.quick-prompts .mini-btn:focus-visible {
  color: #4a342d;
  border-color: rgba(181,138,88,.42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(246,225,196,.78)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.18), transparent 34%);
}

.quick-prompts .mini-btn.preset-filled-flash {
  border-color: rgba(125,157,145,.38);
  color: #2f6f64;
}

@media (prefers-reduced-motion: no-preference) {
  .quick-prompts .mini-btn::before {
    animation: quickPromptUnderlight 6.8s ease-in-out infinite;
  }

  .quick-prompts .mini-btn:nth-child(2)::before {
    animation-delay: 1.1s;
  }

  .quick-prompts .mini-btn:nth-child(3)::before {
    animation-delay: 2.2s;
  }

  .quick-prompts .mini-btn:nth-child(4)::before {
    animation-delay: 3.3s;
  }

  .quick-prompts .mini-btn:hover::before,
  .quick-prompts .mini-btn:focus-visible::before {
    animation-play-state: paused;
  }
}

@keyframes quickPromptUnderlight {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.68);
  }
  50% {
    opacity: .5;
    transform: scaleX(1);
  }
}

/* Real case starter dependency pass */
.real-case-starters {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 12px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 36%);
  box-shadow:
    0 12px 26px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.real-case-starters::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  top: 7px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .42;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.38), transparent);
}

.copy-real-starters::before {
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.62), rgba(201,143,136,.34), transparent);
}

.real-case-chip {
  position: relative;
  z-index: 1;
  display: inline-grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 42px;
  padding: 9px 10px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 12px;
  color: #5c3a31;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.64)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.14), transparent 58%);
  box-shadow:
    0 8px 18px rgba(92,70,59,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12.5px;
  font-weight: 920;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
}

.real-case-chip::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: .22;
  pointer-events: none;
  background:
    linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.74) 48%, rgba(244,223,196,.26) 55%, transparent 66%, transparent 100%),
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.26), transparent 30%);
  transform: translateX(-128%) skewX(-12deg);
}

.real-case-chip i,
.real-case-chip svg {
  width: 17px;
  height: 17px;
  color: #7d9d91;
  filter: drop-shadow(0 0 8px rgba(125,157,145,.2));
}

.copy-real-starters .real-case-chip i,
.copy-real-starters .real-case-chip svg {
  color: #b58a58;
  filter: drop-shadow(0 0 8px rgba(181,138,88,.22));
}

.real-case-chip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.real-case-chip:hover,
.real-case-chip:focus-visible {
  border-color: rgba(125,157,145,.34);
  color: #2f6f64;
  transform: translateY(-1px);
  box-shadow:
    0 14px 28px rgba(47,111,100,.09),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.copy-real-starters .real-case-chip:hover,
.copy-real-starters .real-case-chip:focus-visible {
  border-color: rgba(181,138,88,.34);
  color: #6c4b3d;
  box-shadow:
    0 14px 28px rgba(181,138,88,.1),
    inset 0 1px 0 rgba(255,255,255,.82);
}

@media (prefers-reduced-motion: no-preference) {
  .real-case-starters::before {
    animation: realCaseStarterRail 6.4s ease-in-out infinite;
  }

  .real-case-chip::after {
    animation: realCaseStarterSweep 8.2s ease-in-out infinite;
  }

  .real-case-chip:nth-child(2)::after {
    animation-delay: 1.2s;
  }

  .real-case-chip:nth-child(3)::after {
    animation-delay: 2.4s;
  }
}

@keyframes realCaseStarterRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.68);
  }
  50% {
    opacity: .58;
    transform: scaleX(1);
  }
}

@keyframes realCaseStarterSweep {
  0%, 48% {
    transform: translateX(-128%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (max-width: 720px) {
  .real-case-starters {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 7px;
    scrollbar-width: thin;
  }

  .real-case-chip {
    flex: 0 0 auto;
    min-width: 172px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .real-case-starters::before,
  .real-case-chip::after {
    animation: none !important;
  }
}

/* Quick prompt identity jewel pass */
#consult #momentsPromptPresets.quick-prompts,
#copywriting #copyPromptPresets.quick-prompts {
  position: relative;
  isolation: isolate;
}

#consult #momentsPromptPresets.quick-prompts::before,
#copywriting #copyPromptPresets.quick-prompts::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 6px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .28;
}

#consult #momentsPromptPresets.quick-prompts::before {
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.54), rgba(217,185,140,.38), transparent);
  box-shadow: 0 0 18px rgba(125,157,145,.12);
}

#copywriting #copyPromptPresets.quick-prompts::before {
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.58), rgba(201,143,136,.34), transparent);
  box-shadow: 0 0 18px rgba(181,138,88,.12);
}

#consult #momentsPromptPresets .mini-btn,
#copywriting #copyPromptPresets .mini-btn {
  padding-left: 24px;
}

#consult #momentsPromptPresets .mini-btn::before,
#copywriting #copyPromptPresets .mini-btn::before {
  left: 10px;
  right: auto;
  top: 50%;
  bottom: auto;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  opacity: .78;
  transform: translateY(-50%);
}

#consult #momentsPromptPresets .mini-btn::before {
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.08),
    0 0 16px rgba(125,157,145,.24);
}

#copywriting #copyPromptPresets .mini-btn::before {
  background: linear-gradient(135deg, #d9b98c, #c98f88);
  box-shadow:
    0 0 0 4px rgba(217,185,140,.08),
    0 0 16px rgba(181,138,88,.24);
}

.quick-prompts .mini-btn.preset-filled-flash::before {
  opacity: 1;
  box-shadow:
    0 0 0 5px rgba(125,157,145,.12),
    0 0 18px rgba(125,157,145,.42);
}

@media (prefers-reduced-motion: no-preference) {
  #consult #momentsPromptPresets.quick-prompts::before,
  #copywriting #copyPromptPresets.quick-prompts::before {
    animation: quickPromptIdentityRail 6.8s ease-in-out infinite;
  }

  #consult #momentsPromptPresets .mini-btn::before,
  #copywriting #copyPromptPresets .mini-btn::before {
    animation: quickPromptIdentityDot 4.6s ease-in-out infinite;
  }

  #consult #momentsPromptPresets .mini-btn:nth-child(2)::before,
  #copywriting #copyPromptPresets .mini-btn:nth-child(2)::before {
    animation-delay: .6s;
  }

  #consult #momentsPromptPresets .mini-btn:nth-child(3)::before,
  #copywriting #copyPromptPresets .mini-btn:nth-child(3)::before {
    animation-delay: 1.2s;
  }

  #consult #momentsPromptPresets .mini-btn:nth-child(4)::before,
  #copywriting #copyPromptPresets .mini-btn:nth-child(4)::before {
    animation-delay: 1.8s;
  }
}

@keyframes quickPromptIdentityRail {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.62);
  }
  50% {
    opacity: .46;
    transform: scaleX(1);
  }
}

@keyframes quickPromptIdentityDot {
  0%, 100% {
    opacity: .68;
    transform: translateY(-50%) scale(.88);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.14);
  }
}

@media (prefers-reduced-motion: reduce) {
  #consult #momentsPromptPresets.quick-prompts::before,
  #copywriting #copyPromptPresets.quick-prompts::before,
  #consult #momentsPromptPresets .mini-btn::before,
  #copywriting #copyPromptPresets .mini-btn::before {
    animation: none !important;
  }
}

/* Ready result action cue pass */
#reshapeDownloadResult:not(.hidden),
#watermarkDownload[data-ready="1"],
.queue-card.is-done .queue-download:not(:disabled),
.copy-result-head .btn.is-copy-ready {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

#reshapeDownloadResult:not(.hidden)::before,
#watermarkDownload[data-ready="1"]::before,
.queue-card.is-done .queue-download:not(:disabled)::before,
.copy-result-head .btn.is-copy-ready::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 7px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.42), transparent);
}

#reshapeDownloadResult:not(.hidden),
#watermarkDownload[data-ready="1"] {
  border-color: rgba(125,157,145,.44);
  color: #fffaf4;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.28), transparent 34%),
    linear-gradient(135deg, #55776d, #7d9d91 58%, #c69c67);
  box-shadow:
    0 16px 32px rgba(47,111,100,.14),
    inset 0 1px 0 rgba(255,255,255,.24);
}

.copy-result-head .btn.is-copy-ready::before {
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.52), rgba(217,185,140,.32), transparent);
}

@media (prefers-reduced-motion: no-preference) {
  #reshapeDownloadResult:not(.hidden)::before,
  #watermarkDownload[data-ready="1"]::before,
  .queue-card.is-done .queue-download:not(:disabled)::before,
  .copy-result-head .btn.is-copy-ready::before {
    animation: readyResultActionUnderlight 5.8s ease-in-out infinite;
  }

  #reshapeDownloadResult:not(.hidden):hover::before,
  #watermarkDownload[data-ready="1"]:hover::before,
  .queue-card.is-done .queue-download:not(:disabled):hover::before,
  .copy-result-head .btn.is-copy-ready:hover::before,
  #reshapeDownloadResult:not(.hidden):focus-visible::before,
  #watermarkDownload[data-ready="1"]:focus-visible::before,
  .queue-card.is-done .queue-download:not(:disabled):focus-visible::before,
  .copy-result-head .btn.is-copy-ready:focus-visible::before {
    animation-play-state: paused;
  }
}

@keyframes readyResultActionUnderlight {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.62);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

/* Two-row max-five readability final pass */
@media (min-width: 921px) {
  #dashboard .workflow-steps {
    grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  }

  #dashboard .workflow-step {
    min-height: 112px;
    padding: 18px 18px 17px;
  }

  #dashboard .workflow-step strong {
    font-size: 18px;
    line-height: 1.34;
    letter-spacing: .02em;
  }

  #dashboard .workflow-step small {
    font-size: 14.5px;
    line-height: 1.58;
    max-width: 18em;
    margin-inline: auto;
  }

  #reshape #reshapeModeSwitch.choice-list.mode-list {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
    gap: 12px !important;
  }

  #reshape #reshapeModeSwitch .choice-item {
    min-height: 108px !important;
    padding: 16px 15px !important;
  }

  #reshape #reshapeModeSwitch .choice-item span {
    font-size: 17.5px !important;
    line-height: 1.32;
    text-align: center;
  }

  #reshape #reshapeModeSwitch .choice-item small {
    font-size: 13.8px !important;
    line-height: 1.52;
    text-align: center;
  }

  #reshape #singleTypeSwitch.choice-list.compact-list,
  #reshape #lightAreaSwitch.choice-list.compact-list,
  #reshape #videoEffectSwitch.choice-list.compact-list,
  #reshape #videoDurationSwitch.choice-list.compact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1181px) {
  #reshape #videoEffectSwitch.choice-list.compact-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) and (min-width: 721px) {
  #dashboard .workflow-steps,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #reshape #reshapeModeSwitch.choice-list.mode-list {
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
  }

  #reshape #singleTypeSwitch.choice-list.compact-list,
  #reshape #lightAreaSwitch.choice-list.compact-list,
  #reshape #videoEffectSwitch.choice-list.compact-list,
  #reshape #videoDurationSwitch.choice-list.compact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .workflow-steps,
  #reshape #reshapeModeSwitch.choice-list.mode-list,
  #reshape #singleTypeSwitch.choice-list.compact-list,
  #reshape #lightAreaSwitch.choice-list.compact-list,
  #reshape #videoEffectSwitch.choice-list.compact-list,
  #reshape #videoDurationSwitch.choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #reshape #reshapeModeSwitch .choice-item {
    min-height: 96px !important;
  }
}

@media (max-width: 430px) {
  #dashboard .workflow-steps,
  #reshape #reshapeModeSwitch.choice-list.mode-list,
  #reshape #singleTypeSwitch.choice-list.compact-list,
  #reshape #lightAreaSwitch.choice-list.compact-list,
  #reshape #videoEffectSwitch.choice-list.compact-list,
  #reshape #videoDurationSwitch.choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Upload crystal intake guidance pass */
.upload-box {
  isolation: isolate;
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) {
  border-color: rgba(181,138,88,.38);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.66)),
    radial-gradient(circle at 14% 0, rgba(217,185,140,.18), transparent 34%),
    radial-gradient(circle at 86% 100%, rgba(143,179,167,.12), transparent 32%);
  box-shadow:
    0 14px 32px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) .upload-icon {
  position: relative;
  box-shadow:
    0 12px 24px rgba(159,102,93,.16),
    0 0 0 7px rgba(217,185,140,.07);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) .upload-icon::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 1px solid rgba(217,185,140,.32);
  border-radius: inherit;
  opacity: .62;
  pointer-events: none;
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) strong {
  color: #4f3931;
  letter-spacing: .02em;
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) p {
  color: rgba(80,56,45,.72);
}

.upload-box.has-file:not(.is-reading) {
  border-color: rgba(47,111,100,.38);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.72)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.16), transparent 34%);
  box-shadow:
    0 18px 40px rgba(47,111,100,.12),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.upload-box.has-file:not(.is-reading) .upload-icon {
  color: #fffaf4;
  background:
    radial-gradient(circle at 26% 0, rgba(255,255,255,.26), transparent 32%),
    linear-gradient(145deg, #55776d, #7d9d91 58%, #c69c67);
  box-shadow:
    0 14px 28px rgba(47,111,100,.16),
    0 0 0 7px rgba(125,157,145,.08);
}

.upload-box.upload-confirmed .upload-icon {
  animation: uploadConfirmedPop .96s var(--ease-out) both;
}

.upload-box.drag-over {
  border-color: rgba(217,185,140,.72);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,235,.84)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.24), transparent 36%);
  box-shadow:
    0 24px 58px rgba(181,138,88,.18),
    0 0 0 5px rgba(217,185,140,.1),
    inset 0 0 0 1px rgba(255,255,255,.76);
}

/* Upload drag-over atelier target pass */
.upload-box.drag-over::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 14px;
  z-index: 0;
  height: 2px;
  pointer-events: none;
  border-radius: 999px;
  opacity: .78;
  background: linear-gradient(90deg, transparent, rgba(255,232,166,.92), rgba(125,157,145,.46), transparent);
  box-shadow: 0 0 22px rgba(217,185,140,.32);
  transform: scaleX(.46);
  animation: uploadDropTargetRail 1.1s var(--ease-out) infinite;
}

.upload-box.drag-over .upload-icon {
  color: #9f5b2c;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,221,.86)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.18), transparent 42%);
  box-shadow:
    0 0 0 8px rgba(217,185,140,.14),
    0 18px 34px rgba(181,138,88,.18);
}

.upload-box.is-reading {
  border-color: rgba(181,138,88,.52);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.78)),
    radial-gradient(circle at 16% 0, rgba(217,185,140,.18), transparent 34%);
}

@media (prefers-reduced-motion: no-preference) {
  .upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) .upload-icon::after {
    animation: uploadIntakeHalo 4.8s ease-in-out infinite;
  }

  .upload-box.is-reading .upload-icon {
    animation: uploadReadingPulse 1.2s var(--ease-standard) infinite;
  }

  .upload-box:hover .upload-icon::after,
  .upload-box:focus-within .upload-icon::after {
    animation-play-state: paused;
  }
}

@keyframes uploadIntakeHalo {
  0%, 100% {
    opacity: .36;
    transform: scale(.92);
  }
  50% {
    opacity: .82;
    transform: scale(1.08);
  }
}

@keyframes uploadConfirmedPop {
  0% {
    transform: scale(.96);
  }
  44% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes uploadReadingPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 12px 24px rgba(159,102,93,.14), 0 0 0 7px rgba(217,185,140,.07);
  }
  50% {
    transform: scale(1.045);
    box-shadow: 0 16px 34px rgba(181,138,88,.24), 0 0 0 10px rgba(217,185,140,.1);
  }
}

@keyframes uploadDropTargetRail {
  0%, 100% {
    opacity: .42;
    transform: scaleX(.46);
  }
  50% {
    opacity: .9;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .upload-box.upload-confirmed .upload-icon,
  .upload-box.is-reading .upload-icon,
  .upload-box.drag-over::after,
  .upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) .upload-icon::after {
    animation: none !important;
  }
}

/* Output delivery cue refinement pass */
.copy-result-panel,
.consult-result-panel,
.reshape-side,
.watermark-preview-panel {
  isolation: isolate;
}

.copy-result-head {
  position: relative;
  isolation: isolate;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.14), transparent 34%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.copy-result-head h3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4d3931;
  letter-spacing: .03em;
}

.copy-result-head h3::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow:
    0 0 0 5px rgba(125,157,145,.09),
    0 0 18px rgba(217,185,140,.28);
}

.copy-output,
.consult-output,
#reshapeResult,
.watermark-result {
  position: relative;
  isolation: isolate;
}

.copy-output.is-placeholder,
.consult-output.is-placeholder {
  border-color: rgba(181,138,88,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.62)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.13), transparent 34%),
    radial-gradient(circle at 88% 100%, rgba(143,179,167,.09), transparent 32%);
  color: rgba(80,56,45,.66);
}

.copy-output.is-copyable,
.consult-output.is-copyable {
  padding-top: 42px;
  outline: 1px solid rgba(255,255,255,.62);
  outline-offset: -3px;
}

.copy-output.is-copyable::after,
.consult-output.is-copyable::after {
  top: 11px;
  right: 12px;
}

.copy-output.is-copyable::before,
.consult-output.is-copyable::before {
  opacity: .3;
}

.copy-output.is-copyable::selection,
.consult-output.is-copyable::selection {
  color: #fffaf4;
  background: rgba(85,119,109,.82);
}

.copy-output.is-copyable::marker,
.consult-output.is-copyable::marker {
  color: #55776d;
}

.copy-output.is-copyable,
.consult-output.is-copyable,
.watermark-result.is-export-ready,
#reshapeResult.is-success,
#reshapeResult:has(.comparison-result) {
  box-shadow:
    0 18px 42px rgba(47,111,100,.09),
    0 0 0 3px rgba(125,157,145,.055),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.reply-checklist {
  position: relative;
}

.reply-checklist h4 {
  color: #4d3931;
  letter-spacing: .03em;
}

.reply-checklist div {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(125,157,145,.16);
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(228,241,237,.62));
  box-shadow:
    0 10px 24px rgba(47,111,100,.055),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.reply-checklist div::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  opacity: .28;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.42), rgba(217,185,140,.32), transparent);
}

.result-actions {
  position: relative;
  padding: 10px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.5));
}

.result-actions::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.52), rgba(125,157,145,.36), transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .copy-output.is-copyable,
  .consult-output.is-copyable {
    animation: outputDeliveryBorderBreath 6.8s ease-in-out infinite;
  }

  .reply-checklist div::after,
  .result-actions::before {
    animation: outputDeliveryUnderlight 7.4s ease-in-out infinite;
  }

  .copy-output.is-copyable:hover,
  .copy-output.is-copyable:focus-within,
  .consult-output.is-copyable:hover,
  .consult-output.is-copyable:focus-within {
    animation-play-state: paused;
  }

  .reply-checklist div:hover::after,
  .result-actions:hover::before,
  .result-actions:focus-within::before {
    animation-play-state: paused;
  }
}

@keyframes outputDeliveryBorderBreath {
  0%, 100% {
    border-color: rgba(47,111,100,.28);
    box-shadow:
      0 18px 42px rgba(47,111,100,.08),
      0 0 0 3px rgba(125,157,145,.045),
      inset 0 1px 0 rgba(255,255,255,.76);
  }
  50% {
    border-color: rgba(181,138,88,.34);
    box-shadow:
      0 20px 46px rgba(181,138,88,.08),
      0 0 0 3px rgba(217,185,140,.06),
      inset 0 1px 0 rgba(255,255,255,.8);
  }
}

@keyframes outputDeliveryUnderlight {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.58);
  }
  50% {
    opacity: .46;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-output.is-copyable,
  .consult-output.is-copyable,
  .reply-checklist div::after,
  .result-actions::before {
    animation: none !important;
  }
}

/* Guidance beacon refinement pass */
.action-cost-note,
.next-step-tip,
.assist-note,
.watermark-tip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 42px;
  padding: 12px 14px 12px 38px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  color: #5d443a;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 10% 0, rgba(217,185,140,.13), transparent 34%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
  line-height: 1.62;
}

.action-cost-note::before,
.next-step-tip::before,
.assist-note::before,
.watermark-tip::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 2;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d9b98c, #b87972);
  box-shadow:
    0 0 0 5px rgba(217,185,140,.13),
    0 0 20px rgba(217,185,140,.34);
  transform: translateY(-50%);
}

.assist-note::after,
.action-cost-note::after,
.next-step-tip::after,
.watermark-tip::after {
  content: "";
  position: absolute;
  left: 38px;
  right: 14px;
  bottom: 7px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .26;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.48), rgba(125,157,145,.3), transparent);
}

.action-cost-note.has-after-quota,
.watermark-tip.has-after-quota {
  padding-right: 136px;
}

.action-cost-note.is-ready,
.next-step-tip.is-ready,
.watermark-tip.is-ready {
  border-color: rgba(125,157,145,.24);
  color: #46695f;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.7)),
    radial-gradient(circle at 10% 0, rgba(125,157,145,.14), transparent 34%);
}

.action-cost-note.is-ready::before,
.next-step-tip.is-ready::before,
.watermark-tip.is-ready::before {
  background: linear-gradient(135deg, #55776d, #7d9d91);
  box-shadow:
    0 0 0 5px rgba(125,157,145,.12),
    0 0 22px rgba(125,157,145,.35);
}

.action-cost-note.is-low,
.next-step-tip.is-blocked,
.watermark-tip.is-blocked {
  border-color: rgba(184,121,114,.26);
  color: #8f3f36;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(252,236,233,.7)),
    radial-gradient(circle at 10% 0, rgba(184,121,114,.13), transparent 34%);
}

.action-cost-note.is-low::before,
.next-step-tip.is-blocked::before,
.watermark-tip.is-blocked::before {
  background: linear-gradient(135deg, #b87972, #9f3d35);
  box-shadow:
    0 0 0 5px rgba(184,121,114,.12),
    0 0 22px rgba(184,121,114,.34);
}

@media (prefers-reduced-motion: no-preference) {
  .assist-note::after,
  .action-cost-note::after,
  .next-step-tip::after,
  .watermark-tip::after {
    animation: guidanceBeaconUnderlight 7.6s ease-in-out infinite;
  }

  .action-cost-note::before,
  .next-step-tip::before,
  .assist-note::before,
  .watermark-tip::before {
    animation: guidanceBeaconPulse 3.6s ease-in-out infinite;
  }

  .assist-note:hover::after,
  .action-cost-note:hover::after,
  .next-step-tip:hover::after,
  .watermark-tip:hover::after {
    animation-play-state: paused;
  }
}

@keyframes guidanceBeaconUnderlight {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.62);
  }
  50% {
    opacity: .42;
    transform: scaleX(1);
  }
}

@keyframes guidanceBeaconPulse {
  0%, 100% {
    transform: translateY(-50%) scale(.94);
  }
  50% {
    transform: translateY(-50%) scale(1.12);
  }
}

@media (max-width: 720px) {
  .action-cost-note.has-after-quota,
  .watermark-tip.has-after-quota {
    padding-right: 14px;
    padding-bottom: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .assist-note::after,
  .action-cost-note::after,
  .next-step-tip::after,
  .watermark-tip::after,
  .action-cost-note::before,
  .next-step-tip::before,
  .assist-note::before,
  .watermark-tip::before {
    animation: none !important;
  }
}

/* History ledger cue refinement pass */
.profile-history {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  padding: 14px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.84), rgba(255,247,235,.52)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.12), transparent 34%);
}

.history-table {
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: var(--radius);
  background: rgba(255,253,249,.62);
  box-shadow:
    0 14px 32px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.history-table thead th {
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.72));
  color: #6d5143;
  letter-spacing: .04em;
}

.history-table tbody tr {
  position: relative;
  transition:
    background .18s var(--ease-out),
    box-shadow .18s var(--ease-out),
    transform .18s var(--ease-out);
}

.history-table tbody tr:not(.history-empty-row):hover td {
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.7)),
    radial-gradient(circle at 0 50%, rgba(217,185,140,.12), transparent 32%);
}

.history-table tbody tr:not(.history-empty-row):hover {
  box-shadow: inset 3px 0 0 rgba(217,185,140,.48);
}

.history-table tbody tr:first-child:not(.history-empty-row) td:first-child {
  position: relative;
}

.history-table tbody tr:first-child:not(.history-empty-row) td:first-child::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow:
    0 0 0 5px rgba(125,157,145,.09),
    0 0 18px rgba(217,185,140,.26);
  transform: translateY(-50%);
}

.history-table tbody tr:first-child:not(.history-empty-row) td:first-child {
  padding-left: 22px;
}

.history-empty-row td {
  position: relative;
  min-height: 92px;
  padding: 26px 18px !important;
  text-align: center;
  color: rgba(80,56,45,.62);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.58)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.15), transparent 34%);
  font-weight: 900;
  letter-spacing: .03em;
}

.history-pager {
  padding: 10px 0 0;
}

.history-pager .mini-btn {
  min-width: 86px;
  border-color: rgba(181,138,88,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.68));
  box-shadow:
    0 10px 22px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.history-pager .mini-btn:not(:disabled):hover,
.history-pager .mini-btn:not(:disabled):focus-visible {
  border-color: rgba(181,138,88,.38);
  color: #5d443a;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(246,225,196,.76));
}

.history-pager #historyPageInfo {
  min-width: 62px;
  padding: 6px 10px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: 999px;
  text-align: center;
  color: #6d5143;
  background: rgba(255,253,249,.72);
}

@media (prefers-reduced-motion: no-preference) {
  .history-table tbody tr:first-child:not(.history-empty-row) td:first-child::before {
    animation: historyLatestBeacon 3.8s ease-in-out infinite;
  }

  .history-empty-row td::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 18px;
    height: 1px;
    border-radius: 999px;
    opacity: .32;
    background: linear-gradient(90deg, transparent, rgba(217,185,140,.52), rgba(125,157,145,.34), transparent);
    animation: historyEmptyUnderlight 7.2s ease-in-out infinite;
  }
}

@keyframes historyLatestBeacon {
  0%, 100% {
    transform: translateY(-50%) scale(.92);
    opacity: .72;
  }
  50% {
    transform: translateY(-50%) scale(1.16);
    opacity: 1;
  }
}

@keyframes historyEmptyUnderlight {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.62);
  }
  50% {
    opacity: .44;
    transform: scaleX(1);
  }
}

@media (max-width: 720px) {
  .profile-history {
    padding: 10px;
  }

  .history-pager {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .history-table tbody tr:first-child:not(.history-empty-row) td:first-child::before,
  .history-empty-row td::after {
    animation: none !important;
  }
}

/* Library search cue refinement pass */
.template-search {
  position: relative;
  isolation: isolate;
  padding: 10px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.58)),
    radial-gradient(circle at 8% 0, rgba(217,185,140,.13), transparent 34%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.template-search input {
  border-color: rgba(181,138,88,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,255,255,.76));
}

.template-search input:focus {
  border-color: rgba(125,157,145,.42);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.08),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.template-search .btn {
  min-width: 92px;
  border-color: rgba(181,138,88,.26);
  color: #5d443a;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.78));
}

.template-search .btn:hover,
.template-search .btn:focus-visible {
  border-color: rgba(181,138,88,.44);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(246,225,196,.76));
}

.template-search-status {
  border-color: rgba(181,138,88,.18);
  color: #5d443a;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.6)),
    radial-gradient(circle at 10% 0, rgba(217,185,140,.12), transparent 34%);
}

.knowledge-scroll-shell {
  position: relative;
  isolation: isolate;
}

.template-filter-bar {
  position: sticky;
  top: 0;
  z-index: 3;
  border-radius: var(--radius);
  background:
    linear-gradient(to bottom, rgba(255,253,249,.96), rgba(255,253,249,.84));
  backdrop-filter: blur(8px);
}

.template-filter {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.template-filter.active {
  color: #fffaf4;
  border-color: rgba(181,138,88,.42);
  background:
    radial-gradient(circle at 20% 0, rgba(255,255,255,.24), transparent 32%),
    linear-gradient(135deg, #8f5b55, #bf8277 58%, #c69c67);
}

.template-filter.active::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .38;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.78), transparent);
}

.template-filter > * {
  position: relative;
  z-index: 1;
}

.compact-template-list .template-item,
.template-item {
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.66)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.1), transparent 34%);
}

.template-item:hover {
  transform: translateY(-2px);
  border-color: rgba(181,138,88,.34);
  box-shadow:
    0 18px 42px rgba(92,70,59,.09),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.template-item .copy-template {
  position: relative;
  overflow: hidden;
}

.template-item .copy-template::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.76) 49%, rgba(217,185,140,.26) 58%, transparent 70%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
}

.empty-template-state {
  position: relative;
  overflow: hidden;
  border-color: rgba(181,138,88,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.58)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.15), transparent 34%);
}

.empty-template-state::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 16px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .3;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.52), rgba(125,157,145,.34), transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .template-filter.active::before {
    animation: libraryFilterUnderlight 6.4s ease-in-out infinite;
  }

  .template-item .copy-template::after {
    animation: libraryCopyButtonGlint 7.6s ease-in-out infinite;
  }

  .empty-template-state::after {
    animation: libraryEmptyUnderlight 7.4s ease-in-out infinite;
  }

  .template-item .copy-template:hover::after,
  .template-item .copy-template:focus-visible::after,
  .template-filter.active:hover::before,
  .template-filter.active:focus-visible::before,
  .empty-template-state:hover::after {
    animation-play-state: paused;
  }
}

@keyframes libraryFilterUnderlight {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.62);
  }
  50% {
    opacity: .56;
    transform: scaleX(1);
  }
}

@keyframes libraryCopyButtonGlint {
  0%, 44% {
    transform: translateX(-128%) skewX(-12deg);
  }
  72%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes libraryEmptyUnderlight {
  0%, 100% {
    opacity: .14;
    transform: scaleX(.6);
  }
  50% {
    opacity: .42;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-filter.active::before,
  .template-item .copy-template::after,
  .empty-template-state::after {
    animation: none !important;
  }
}

/* Knowledge card couture asset pass */
.template-item.knowledge-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.22);
  background:
    radial-gradient(circle at 0 0, rgba(255,255,255,.76), transparent 32%),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.62));
  box-shadow:
    0 16px 38px rgba(92,70,59,.065),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.template-item.knowledge-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .22;
  background:
    linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,255,255,.74) 49%, rgba(217,185,140,.2) 58%, transparent 72%),
    radial-gradient(circle at 94% 8%, rgba(125,157,145,.12), transparent 32%);
  transform: translateX(-128%) skewX(-12deg);
}

.template-item.knowledge-card::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 10px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .42;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.34), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.14);
}

.template-item.knowledge-card > * {
  position: relative;
  z-index: 1;
}

.template-item .template-meta-line {
  align-items: center;
  gap: 8px;
}

.template-item .template-kicker {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(80,56,45,.72);
  font-weight: 950;
}

.template-item .template-kicker::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: linear-gradient(135deg, #d9b98c, #7d9d91);
  box-shadow:
    0 0 0 4px rgba(217,185,140,.08),
    0 0 14px rgba(125,157,145,.16);
}

.template-item .template-source-badge {
  min-height: 22px;
  padding: 4px 9px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.58));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.template-item.official-template .template-source-badge {
  color: #9f5b2c;
  border-color: rgba(217,185,140,.22);
}

.template-item.custom-template .template-source-badge {
  color: #2f6f64;
  border-color: rgba(125,157,145,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.58));
}

.template-item.knowledge-card h4 {
  color: #3f302b;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.template-item .copy-template {
  border-color: rgba(125,157,145,.26);
  color: #fffaf4;
  background: linear-gradient(135deg, #55776d, #7d9d91 58%, #c69c67);
  box-shadow:
    0 12px 26px rgba(47,111,100,.12),
    inset 0 1px 0 rgba(255,255,255,.28);
}

@media (prefers-reduced-motion: no-preference) {
  .template-item.knowledge-card::before {
    animation: knowledgeCardCoutureSweep 8.6s ease-in-out infinite;
  }

  .template-item.knowledge-card::after {
    animation: knowledgeCardUnderRail 6.8s ease-in-out infinite;
  }

  .template-item.knowledge-card:hover::before,
  .template-item.knowledge-card:hover::after,
  .template-item.knowledge-card:focus-within::before,
  .template-item.knowledge-card:focus-within::after {
    animation-play-state: paused;
  }
}

@keyframes knowledgeCardCoutureSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .28;
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes knowledgeCardUnderRail {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.62);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-item.knowledge-card::before,
  .template-item.knowledge-card::after {
    animation: none !important;
  }
}

/* Knowledge library archive prism pass */
.knowledge-scroll-shell .template-list.compact-template-list {
  position: relative;
  isolation: isolate;
}

.template-item.knowledge-card {
  --knowledge-archive-dot: #d9b98c;
  --knowledge-archive-glow: rgba(217,185,140,.2);
  border-color: color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 24%, rgba(181,138,88,.2));
  background:
    radial-gradient(circle at 4% 0, rgba(255,255,255,.82), transparent 32%),
    radial-gradient(circle at 94% 10%, var(--knowledge-archive-glow), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.64));
  box-shadow:
    0 16px 38px rgba(92,70,59,.06),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 0 28px color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 12%, transparent);
}

.template-item.official-template {
  --knowledge-archive-dot: #d9b98c;
  --knowledge-archive-glow: rgba(217,185,140,.28);
}

.template-item.custom-template {
  --knowledge-archive-dot: #7d9d91;
  --knowledge-archive-glow: rgba(125,157,145,.28);
}

.template-item.knowledge-card .template-source-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-left: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 8px 18px color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 10%, transparent);
}

.template-item.knowledge-card .template-source-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: var(--knowledge-archive-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 14%, transparent),
    0 0 14px color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 42%, transparent);
}

.template-item.knowledge-card .pill-row .pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-color: color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 18%, rgba(181,138,88,.14));
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), rgba(255,247,235,.52));
}

.template-item.knowledge-card .pill-row .pill::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: var(--knowledge-archive-dot, #d9b98c);
  opacity: .78;
  box-shadow: 0 0 8px color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 36%, transparent);
}

.template-list.compact-template-list .template-item:first-child.knowledge-card {
  border-color: color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 46%, rgba(181,138,88,.26));
  box-shadow:
    0 18px 46px rgba(92,70,59,.08),
    0 0 0 1px rgba(255,255,255,.68) inset,
    0 0 36px color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 18%, transparent);
}

.template-list.compact-template-list .template-item:first-child.knowledge-card .template-card-main {
  position: relative;
}

.template-list.compact-template-list .template-item:first-child.knowledge-card .template-card-main::after {
  content: "";
  position: absolute;
  left: 0;
  right: 18%;
  top: -8px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .46;
  background: linear-gradient(90deg, var(--knowledge-archive-dot, #d9b98c), rgba(255,253,249,.82), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--knowledge-archive-dot, #d9b98c) 42%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .template-item.knowledge-card .template-source-badge::before,
  .template-item.knowledge-card .pill-row .pill::before {
    animation: knowledgeArchiveDotPulse 4.8s ease-in-out infinite;
  }

  .template-list.compact-template-list .template-item:first-child.knowledge-card .template-card-main::after {
    animation: knowledgeArchiveFirstRail 5.8s ease-in-out infinite;
  }

  .template-item.knowledge-card:hover .template-source-badge::before,
  .template-item.knowledge-card:hover .pill-row .pill::before,
  .template-list.compact-template-list .template-item:first-child.knowledge-card:hover .template-card-main::after,
  .template-item.knowledge-card:focus-within .template-source-badge::before,
  .template-item.knowledge-card:focus-within .pill-row .pill::before,
  .template-list.compact-template-list .template-item:first-child.knowledge-card:focus-within .template-card-main::after {
    animation-play-state: paused;
  }
}

@keyframes knowledgeArchiveDotPulse {
  0%, 100% {
    opacity: .62;
    transform: scale(.86);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

@keyframes knowledgeArchiveFirstRail {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.54);
  }
  50% {
    opacity: .72;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-item.knowledge-card .template-source-badge::before,
  .template-item.knowledge-card .pill-row .pill::before,
  .template-list.compact-template-list .template-item:first-child.knowledge-card .template-card-main::after {
    animation: none !important;
  }
}

/* Template insight asset ledger pass */
.template-insight {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 34%),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.12), transparent 34%);
  box-shadow:
    0 14px 34px rgba(92,70,59,.065),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.template-insight::before,
.template-insight::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.template-insight::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .16;
  background:
    linear-gradient(114deg, transparent 0%, transparent 40%, rgba(255,255,255,.7) 50%, rgba(217,185,140,.2) 60%, transparent 74%);
  transform: translateX(-128%) skewX(-12deg);
}

.template-insight::after {
  left: 18px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .38;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.38), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.14);
}

.template-insight div {
  --template-insight-dot: #d9b98c;
  position: relative;
  z-index: 1;
  min-height: 72px;
  padding-left: 18px;
  border-color: color-mix(in srgb, var(--template-insight-dot, #d9b98c) 20%, rgba(181,138,88,.12));
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), rgba(255,247,235,.42));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 10px 22px color-mix(in srgb, var(--template-insight-dot, #d9b98c) 8%, transparent);
}

.template-insight div:nth-child(2) {
  --template-insight-dot: #7d9d91;
}

.template-insight div:nth-child(3) {
  --template-insight-dot: #bf8277;
}

.template-insight div::before,
.template-insight div::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.template-insight div::before {
  left: 10px;
  top: 16px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--template-insight-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--template-insight-dot, #d9b98c) 14%, transparent),
    0 0 16px color-mix(in srgb, var(--template-insight-dot, #d9b98c) 38%, transparent);
}

.template-insight div::after {
  left: 18px;
  right: 16px;
  bottom: 10px;
  height: 1px;
  border-radius: 999px;
  opacity: .34;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--template-insight-dot, #d9b98c) 58%, transparent), transparent);
  transform-origin: center;
}

.template-insight strong {
  color: var(--template-insight-dot, #d9b98c);
  text-shadow:
    0 1px 0 rgba(255,255,255,.74),
    0 0 18px color-mix(in srgb, var(--template-insight-dot, #d9b98c) 22%, transparent);
}

.template-insight span {
  color: rgba(61,51,46,.64);
}

@media (prefers-reduced-motion: no-preference) {
  .template-insight::before {
    animation: templateCommandSweep 9.8s ease-in-out infinite;
  }

  .template-insight::after,
  .template-insight div::after {
    animation: templateInsightLedgerRail 6.8s ease-in-out infinite;
  }

  .template-insight div::before {
    animation: templateInsightDotPulse 4.6s ease-in-out infinite;
  }

  .template-insight:hover::before,
  .template-insight:hover::after,
  .template-insight:hover div::before,
  .template-insight:hover div::after,
  .template-insight:focus-within::before,
  .template-insight:focus-within::after,
  .template-insight:focus-within div::before,
  .template-insight:focus-within div::after {
    animation-play-state: paused;
  }
}

@keyframes templateInsightLedgerRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.56);
  }
  50% {
    opacity: .56;
    transform: scaleX(1);
  }
}

@keyframes templateInsightDotPulse {
  0%, 100% {
    opacity: .64;
    transform: scale(.86);
  }
  50% {
    opacity: 1;
    transform: scale(1.16);
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-insight::before,
  .template-insight::after,
  .template-insight div::before,
  .template-insight div::after {
    animation: none !important;
  }
}

/* Template command atelier pass */
.template-source-switch {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.2);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 8% 0, rgba(217,185,140,.14), transparent 34%),
    radial-gradient(circle at 96% 50%, rgba(125,157,145,.11), transparent 36%);
  box-shadow:
    0 14px 34px rgba(92,70,59,.07),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.template-source-switch::before,
.template-source-switch::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.template-source-switch::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .18;
  background: linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.68) 49%, rgba(217,185,140,.2) 58%, transparent 72%);
  transform: translateX(-128%) skewX(-12deg);
}

.template-source-switch::after {
  left: 18px;
  right: 18px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.36), transparent);
}

.template-source-switch button {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  color: rgba(61,51,46,.76);
}

.template-source-switch button::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 999px;
  flex: 0 0 auto;
  opacity: .62;
  background: linear-gradient(135deg, #d9b98c, #7d9d91);
  box-shadow:
    0 0 0 4px rgba(217,185,140,.08),
    0 0 14px rgba(125,157,145,.16);
}

.template-source-switch button.active::before,
.template-source-switch [aria-selected="true"]::before {
  opacity: 1;
  box-shadow:
    0 0 0 4px rgba(255,247,221,.16),
    0 0 18px rgba(217,185,140,.38);
}

.template-search:focus-within {
  border-color: rgba(125,157,145,.34);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(246,251,247,.66)),
    radial-gradient(circle at 8% 0, rgba(125,157,145,.15), transparent 34%);
  box-shadow:
    0 16px 38px rgba(69,103,90,.08),
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 1px rgba(255,255,255,.5);
}

.template-search::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 6px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.5), rgba(125,157,145,.28), transparent);
}

.template-search > * {
  position: relative;
  z-index: 1;
}

.custom-knowledge-form {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.custom-knowledge-form::before,
.custom-knowledge-form::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

.custom-knowledge-form::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .18;
  background:
    linear-gradient(112deg, transparent 0%, transparent 40%, rgba(255,255,255,.62) 50%, rgba(217,185,140,.18) 60%, transparent 74%),
    radial-gradient(circle at 94% 12%, rgba(125,157,145,.12), transparent 30%);
  transform: translateX(-126%) skewX(-12deg);
}

.custom-knowledge-form::after {
  left: 18px;
  right: 18px;
  bottom: 10px;
  height: 1px;
  border-radius: 999px;
  opacity: .36;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.34), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.12);
}

.custom-knowledge-form > * {
  position: relative;
  z-index: 1;
}

#customTemplateSave {
  position: relative;
  overflow: hidden;
  box-shadow:
    0 14px 30px rgba(159,102,93,.14),
    inset 0 1px 0 rgba(255,255,255,.28);
}

#customTemplateSave::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .36;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
  transform: translateX(-136%) skewX(-14deg);
}

@media (prefers-reduced-motion: no-preference) {
  .template-source-switch::before {
    animation: templateCommandSweep 8.4s ease-in-out infinite;
  }

  .template-source-switch::after,
  .custom-knowledge-form::after,
  .template-search::after {
    animation: templateCommandRail 6.6s ease-in-out infinite;
  }

  .custom-knowledge-form::before {
    animation: templateCommandSweep 9.2s ease-in-out infinite;
  }

  #customTemplateSave::before {
    animation: templateSaveButtonSweep 4.8s ease-in-out infinite;
  }

  .template-source-switch:hover::before,
  .template-source-switch:hover::after,
  .template-source-switch:focus-within::before,
  .template-source-switch:focus-within::after,
  .custom-knowledge-form:hover::before,
  .custom-knowledge-form:hover::after,
  .custom-knowledge-form:focus-within::before,
  .custom-knowledge-form:focus-within::after,
  #customTemplateSave:hover::before,
  #customTemplateSave:focus-visible::before {
    animation-play-state: paused;
  }
}

@keyframes templateCommandSweep {
  0%, 48% {
    transform: translateX(-128%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes templateCommandRail {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.62);
  }
  50% {
    opacity: .48;
    transform: scaleX(1);
  }
}

@keyframes templateSaveButtonSweep {
  0%, 46% {
    transform: translateX(-136%) skewX(-14deg);
  }
  74%, 100% {
    transform: translateX(136%) skewX(-14deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .template-source-switch::before,
  .template-source-switch::after,
  .custom-knowledge-form::before,
  .custom-knowledge-form::after,
  #customTemplateSave::before {
    animation: none !important;
  }
}

/* Watermark reshape handoff card pass */
.watermark-handoff-card {
  --handoff-dot: #b58a58;
  --handoff-glow: rgba(181,138,88,.14);
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 9px;
  margin: 10px 0;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 16px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 0 0, var(--handoff-glow), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 36%);
  box-shadow:
    0 14px 30px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.watermark-handoff-card.hidden {
  display: none;
}

.watermark-handoff-card[data-state="ready"] {
  --handoff-dot: #2f6f64;
  --handoff-glow: rgba(47,111,100,.18);
  border-color: rgba(47,111,100,.28);
}

.watermark-handoff-card[data-state="manual"] {
  --handoff-dot: #b58a58;
  --handoff-glow: rgba(217,185,140,.2);
  border-color: rgba(217,185,140,.28);
}

.watermark-handoff-card::before,
.watermark-handoff-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.watermark-handoff-card::before {
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: .24;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, color-mix(in srgb, var(--handoff-dot) 24%, transparent) 61%, transparent 76%);
  transform: translateX(-126%) skewX(-12deg);
}

.watermark-handoff-card::after {
  left: 16px;
  right: 16px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, var(--handoff-dot), rgba(255,253,249,.78), transparent);
}

.watermark-handoff-head,
.watermark-handoff-card p {
  position: relative;
  z-index: 1;
}

.watermark-handoff-head {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.watermark-handoff-head i,
.watermark-handoff-head svg {
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--handoff-dot) 32%, rgba(255,253,249,.68));
  border-radius: 12px;
  color: color-mix(in srgb, var(--handoff-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--handoff-dot) 12%, rgba(255,247,235,.72)));
  box-shadow:
    0 8px 18px var(--handoff-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  stroke-width: 2.35;
}

.watermark-handoff-head span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.watermark-handoff-head small {
  color: color-mix(in srgb, var(--handoff-dot) 62%, rgba(80,56,45,.58));
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

.watermark-handoff-head strong {
  overflow: hidden;
  color: #3f2d27;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.watermark-handoff-card p {
  margin: 0;
  color: rgba(80,56,45,.66);
  font-size: 12px;
  font-weight: 820;
  line-height: 1.5;
}

.upload-box.is-handoff-source {
  border-color: rgba(47,111,100,.32);
  box-shadow:
    0 0 0 4px rgba(47,111,100,.08),
    0 16px 32px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.watermark-handoff-card.watermark-handoff-pulse {
  animation: watermarkHandoffPulse .98s var(--ease-out) both;
}

@media (prefers-reduced-motion: no-preference) {
  .watermark-handoff-card::before {
    animation: watermarkHandoffSweep 7.6s ease-in-out infinite;
  }

  .watermark-handoff-card::after {
    animation: watermarkHandoffRail 4.7s ease-in-out infinite;
  }
}

@keyframes watermarkHandoffSweep {
  0%, 48% {
    opacity: .1;
    transform: translateX(-126%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .36;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes watermarkHandoffRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.58);
  }
  50% {
    opacity: .58;
    transform: scaleX(1);
  }
}

@keyframes watermarkHandoffPulse {
  0% {
    box-shadow: 0 0 0 rgba(47,111,100,0), inset 0 1px 0 rgba(255,255,255,.76);
  }
  42% {
    box-shadow: 0 0 0 5px rgba(47,111,100,.08), 0 18px 36px rgba(47,111,100,.1), inset 0 1px 0 rgba(255,255,255,.86);
  }
  100% {
    box-shadow: 0 14px 30px rgba(92,70,59,.06), inset 0 1px 0 rgba(255,255,255,.76);
  }
}

@media (max-width: 720px) {
  .watermark-handoff-head strong {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .watermark-handoff-card,
  .watermark-handoff-card::before,
  .watermark-handoff-card::after {
    animation: none !important;
  }
}

/* Watermark editor cue refinement pass */
.watermark-common-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.2);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 6% 0, rgba(217,185,140,.14), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 32%);
  box-shadow:
    0 14px 32px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.watermark-common-panel::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 10px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .3;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.52), rgba(125,157,145,.32), transparent);
}

.watermark-common-head strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.watermark-common-head strong::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d9b98c, #b87972);
  box-shadow:
    0 0 0 5px rgba(217,185,140,.1),
    0 0 18px rgba(217,185,140,.28);
}

.watermark-common-grid .field {
  position: relative;
  border: 1px solid rgba(181,138,88,.13);
  border-radius: var(--radius);
  padding: 10px;
  background: rgba(255,253,249,.58);
}

.watermark-mode-switch {
  position: relative;
  isolation: isolate;
  padding: 7px;
  border-color: rgba(181,138,88,.2);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.58)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.12), transparent 34%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.watermark-mode-switch button.active,
.watermark-mode-switch [aria-selected="true"] {
  color: #fffaf4;
  border-color: rgba(181,138,88,.36);
  background:
    radial-gradient(circle at 20% 0, rgba(255,255,255,.24), transparent 32%),
    linear-gradient(135deg, #8f5b55, #bf8277 58%, #c69c67);
  box-shadow:
    0 14px 30px rgba(159,102,93,.16),
    inset 0 1px 0 rgba(255,255,255,.24);
}

.watermark-mode-switch button.active::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .38;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.82), transparent);
}

.watermark-style-card {
  isolation: isolate;
}

.watermark-style-card.active {
  border-color: rgba(181,138,88,.44);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,235,.82)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.15), transparent 34%);
  box-shadow:
    0 18px 42px rgba(92,70,59,.1),
    0 0 0 3px rgba(217,185,140,.055),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.watermark-style-card.active::before {
  opacity: .28;
}

.watermark-style-card.active .wm-swatch {
  filter: drop-shadow(0 10px 16px rgba(181,138,88,.14));
}

.watermark-style-card .wm-swatch::after {
  background: linear-gradient(90deg, transparent, rgba(17,17,17,.38), rgba(181,138,88,.42), transparent);
}

.watermark-style-card.active .wm-swatch::after {
  height: 2px;
  opacity: .74;
}

.watermark-actions {
  position: relative;
  padding: 10px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), rgba(255,247,235,.5));
}

@media (prefers-reduced-motion: no-preference) {
  .watermark-common-panel::after,
  .watermark-mode-switch button.active::before {
    animation: watermarkEditorUnderlight 7.2s ease-in-out infinite;
  }

  .watermark-common-head strong::before {
    animation: watermarkEditorBeacon 3.8s ease-in-out infinite;
  }

  .watermark-style-card.active .wm-swatch::after {
    animation: watermarkTemplateSwatchLine 5.8s ease-in-out infinite;
  }

  .watermark-common-panel:hover::after,
  .watermark-mode-switch button.active:hover::before,
  .watermark-style-card.active:hover .wm-swatch::after {
    animation-play-state: paused;
  }
}

@keyframes watermarkEditorUnderlight {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.62);
  }
  50% {
    opacity: .46;
    transform: scaleX(1);
  }
}

@keyframes watermarkEditorBeacon {
  0%, 100% {
    transform: scale(.92);
    opacity: .72;
  }
  50% {
    transform: scale(1.14);
    opacity: 1;
  }
}

@keyframes watermarkTemplateSwatchLine {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.6);
  }
  50% {
    opacity: .8;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .watermark-common-panel::after,
  .watermark-mode-switch button.active::before,
  .watermark-common-head strong::before,
  .watermark-style-card.active .wm-swatch::after {
    animation: none !important;
  }
}

/* Watermark seal selection couture pass */
.watermark-style-card.active::before {
  inset: 7px;
  border: 1px solid rgba(217,185,140,.28);
  border-radius: calc(var(--radius) - 2px);
  opacity: .5;
  background:
    linear-gradient(90deg, rgba(217,185,140,.58), transparent 18%, transparent 82%, rgba(125,157,145,.28)),
    linear-gradient(180deg, rgba(217,185,140,.42), transparent 22%, transparent 78%, rgba(255,232,166,.24));
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.watermark-style-card.active::after {
  content: "已选";
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  min-height: 22px;
  padding: 5px 9px;
  border: 1px solid rgba(47,111,100,.18);
  border-radius: 999px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.74)),
    radial-gradient(circle at 0 0, rgba(255,255,255,.82), transparent 36%);
  box-shadow:
    0 10px 22px rgba(47,111,100,.08),
    0 0 18px rgba(125,157,145,.16),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.watermark-style-card.active strong {
  color: color-mix(in srgb, #2f6f64 38%, #3f2d27);
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.watermark-mode-switch button.active,
.watermark-mode-switch [aria-selected="true"] {
  position: relative;
  isolation: isolate;
}

.watermark-mode-switch button.active::after,
.watermark-mode-switch [aria-selected="true"]::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 11px;
  z-index: 1;
  width: 13px;
  height: 13px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .74;
  background: radial-gradient(circle, rgba(255,253,249,.96) 0 36%, rgba(217,185,140,.76) 38% 58%, transparent 60%);
  box-shadow:
    0 0 0 4px rgba(217,185,140,.1),
    0 0 18px rgba(255,232,166,.26);
}

@media (prefers-reduced-motion: no-preference) {
  .watermark-style-card.active::before {
    animation: watermarkSealInnerTrace 6.8s ease-in-out infinite;
  }

  .watermark-style-card.active::after {
    animation: watermarkSealBadgePulse 4.2s ease-in-out infinite;
  }

  .watermark-mode-switch button.active::after,
  .watermark-mode-switch [aria-selected="true"]::after {
    animation: watermarkSealBadgePulse 4.2s ease-in-out infinite;
  }
}

@keyframes watermarkSealInnerTrace {
  0%, 100% {
    opacity: .34;
    transform: scale(.996);
  }
  50% {
    opacity: .72;
    transform: scale(1);
  }
}

@keyframes watermarkSealBadgePulse {
  0%, 100% {
    opacity: .66;
    transform: scale(.92);
  }
  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@media (max-width: 720px) {
  .watermark-style-card.active::after {
    top: 8px;
    right: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .watermark-style-card.active::before,
  .watermark-style-card.active::after,
  .watermark-mode-switch button.active::after,
  .watermark-mode-switch [aria-selected="true"]::after {
    animation: none !important;
  }
}

/* Watermark template title legibility final pass */
.watermark-style-card.active strong {
  position: relative;
  display: inline-flex;
  width: fit-content;
  max-width: calc(100% - 48px);
  color: color-mix(in srgb, #2f6f64 46%, #3f2d27) !important;
  background: none !important;
  -webkit-background-clip: initial;
  background-clip: initial;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 0 14px rgba(125,157,145,.16);
}

.watermark-style-card.active strong::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .78;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.72), rgba(125,157,145,.42), transparent);
  box-shadow:
    0 0 12px rgba(217,185,140,.2),
    0 0 18px rgba(125,157,145,.12);
  transform-origin: 50% 50%;
}

@media (prefers-reduced-motion: no-preference) {
  .watermark-style-card.active strong::after {
    animation: watermarkTemplateTitleRail 5.6s ease-in-out infinite;
  }
}

@keyframes watermarkTemplateTitleRail {
  0%, 100% {
    opacity: .46;
    transform: scaleX(.72);
  }
  50% {
    opacity: .96;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .watermark-style-card.active strong::after {
    animation: none !important;
  }
}

/* Watermark mode switch signature pass */
.watermark-mode-switch {
  --watermark-mode-rail: rgba(217,185,140,.64);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.16), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 36%);
}

.watermark-mode-switch::before,
.watermark-mode-switch::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

.watermark-mode-switch::before {
  inset: 1px;
  z-index: 0;
  opacity: .34;
  background: linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,253,249,.72) 48%, rgba(217,185,140,.22) 58%, transparent 72%);
  transform: translateX(-128%) skewX(-12deg);
}

.watermark-mode-switch::after {
  left: 16px;
  right: 16px;
  bottom: 8px;
  z-index: 1;
  height: 2px;
  opacity: .5;
  background: linear-gradient(90deg, transparent, var(--watermark-mode-rail, rgba(217,185,140,.64)), rgba(125,157,145,.38), transparent);
  box-shadow: 0 0 16px rgba(217,185,140,.16);
  transform-origin: center;
}

.watermark-mode-switch button {
  --watermark-mode-dot: #d9b98c;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.watermark-mode-switch button[data-watermark-mode="simple"] {
  --watermark-mode-dot: #d9b98c;
}

.watermark-mode-switch button[data-watermark-mode="template"] {
  --watermark-mode-dot: #7d9d91;
}

.watermark-mode-switch button.active::before,
.watermark-mode-switch [aria-selected="true"]::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  z-index: 2;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  pointer-events: none;
  background: var(--watermark-mode-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--watermark-mode-dot, #d9b98c) 14%, transparent),
    0 0 14px color-mix(in srgb, var(--watermark-mode-dot, #d9b98c) 44%, transparent);
  transform: translateY(-50%);
}

.watermark-mode-switch button.active::after,
.watermark-mode-switch [aria-selected="true"]::after {
  top: auto;
  left: 26px;
  right: 14px;
  bottom: 8px;
  width: auto;
  height: 2px;
  opacity: .66;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--watermark-mode-dot, #d9b98c) 72%, transparent), rgba(255,253,249,.78), transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--watermark-mode-dot, #d9b98c) 24%, transparent);
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  .watermark-mode-switch::before {
    animation: watermarkModeShellSweep 8.4s ease-in-out infinite;
  }

  .watermark-mode-switch::after {
    animation: watermarkModeBaseRail 6.8s ease-in-out infinite;
  }

  .watermark-mode-switch button.active::before {
    animation: watermarkModeDotPulse 3.8s ease-in-out infinite;
  }

  .watermark-mode-switch button.active::after,
  .watermark-mode-switch [aria-selected="true"]::after {
    animation: watermarkModeActiveRail 4.8s ease-in-out infinite;
  }
}

@keyframes watermarkModeShellSweep {
  0%, 46% {
    opacity: .16;
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .42;
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes watermarkModeBaseRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.58);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@keyframes watermarkModeDotPulse {
  0%, 100% {
    opacity: .72;
    transform: translateY(-50%) scale(.9);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.14);
  }
}

@keyframes watermarkModeActiveRail {
  0%, 100% {
    opacity: .3;
    transform: scaleX(.62);
  }
  50% {
    opacity: .78;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .watermark-mode-switch::before,
  .watermark-mode-switch::after,
  .watermark-mode-switch button.active::before,
  .watermark-mode-switch [aria-selected="true"]::before,
  .watermark-mode-switch button.active::after,
  .watermark-mode-switch [aria-selected="true"]::after {
    animation: none !important;
  }
}

/* Reshape option atelier segmentation pass */
#reshape .reshape-builder .option-group {
  --reshape-option-dot: #d9b98c;
  --reshape-option-rail: rgba(217,185,140,.58);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), rgba(255,247,235,.5)),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 14%, transparent), transparent 34%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.045),
    inset 0 1px 0 rgba(255,255,255,.68);
}

#reshape .reshape-builder .option-group::before,
#reshape .reshape-builder .option-group::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

#reshape .reshape-builder .option-group::before {
  inset: 1px;
  z-index: 0;
  opacity: .26;
  background: linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,253,249,.68) 48%, rgba(217,185,140,.2) 58%, transparent 72%);
  transform: translateX(-128%) skewX(-12deg);
}

#reshape .reshape-builder .option-group::after {
  left: 16px;
  right: 16px;
  bottom: 9px;
  z-index: 0;
  height: 2px;
  opacity: .44;
  background: linear-gradient(90deg, transparent, var(--reshape-option-rail, rgba(217,185,140,.58)), rgba(125,157,145,.32), transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 16%, transparent);
  transform-origin: center;
}

#reshape .reshape-builder .option-group > * {
  position: relative;
  z-index: 1;
}

#reshape .reshape-builder .option-group:nth-of-type(2) {
  --reshape-option-dot: #7d9d91;
  --reshape-option-rail: rgba(125,157,145,.56);
}

#reshape .reshape-builder .option-group:nth-of-type(3) {
  --reshape-option-dot: #c98f88;
  --reshape-option-rail: rgba(201,143,136,.48);
}

#reshape .reshape-builder .option-group:nth-of-type(4) {
  --reshape-option-dot: #b58a58;
  --reshape-option-rail: rgba(181,138,88,.54);
}

#reshape .reshape-builder .option-group:nth-of-type(5) {
  --reshape-option-dot: #8f6f8a;
  --reshape-option-rail: rgba(143,111,138,.46);
}

#reshape .reshape-builder .option-group h4 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #4d3931;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

#reshape .reshape-builder .option-group h4::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--reshape-option-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 12%, transparent),
    0 0 14px color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 34%, transparent);
}

#reshape .reshape-builder .select-chip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

#reshape .reshape-builder .select-chip.active::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  z-index: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(135deg, var(--reshape-option-dot, #d9b98c), rgba(255,253,249,.88));
  box-shadow: 0 0 14px color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 36%, transparent);
  transform: translateY(-50%);
}

#reshape .reshape-builder .select-chip.active::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 12px;
  bottom: 7px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  opacity: .62;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 72%, transparent), rgba(255,253,249,.72), transparent);
  transform-origin: center;
}

#reshape .reshape-builder .select-chip.active {
  padding-left: 24px;
  border-color: color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 34%, rgba(181,138,88,.18));
}

#reshape .reshape-builder .select-chip.active > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  #reshape .reshape-builder .option-group::before {
    animation: reshapeOptionGroupSweep 9.2s ease-in-out infinite;
  }

  #reshape .reshape-builder .option-group::after {
    animation: reshapeOptionGroupRail 6.8s ease-in-out infinite;
  }

  #reshape .reshape-builder .option-group h4::before {
    animation: reshapeOptionDotPulse 4.2s ease-in-out infinite;
  }

  #reshape .reshape-builder .select-chip.active::after {
    animation: reshapeActiveChipRail 5.2s ease-in-out infinite;
  }
}

@keyframes reshapeOptionGroupSweep {
  0%, 46% {
    opacity: .12;
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .38;
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes reshapeOptionGroupRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.58);
  }
  50% {
    opacity: .58;
    transform: scaleX(1);
  }
}

@keyframes reshapeOptionDotPulse {
  0%, 100% {
    opacity: .74;
    transform: scale(.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.12);
  }
}

@keyframes reshapeActiveChipRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.52);
  }
  50% {
    opacity: .74;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #reshape .reshape-builder .option-group::before,
  #reshape .reshape-builder .option-group::after,
  #reshape .reshape-builder .option-group h4::before,
  #reshape .reshape-builder .select-chip.active::after {
    animation: none !important;
  }
}

/* Two-row readable control groups lock */
#consult #consultTabs,
#consult #consultScenarioSwitch,
#consult #momentsPromptPresets,
#copywriting #copyPromptPresets,
#reshape #reshapeModeSwitch.choice-list.mode-list,
#reshape #videoEffectSwitch.choice-list.compact-list,
#reshape .reshape-builder .chip-grid {
  align-items: stretch;
}

#consult #consultScenarioSwitch {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#consult #consultScenarioSwitch .consult-scenario {
  min-height: 104px;
  padding: 16px 18px;
}

#consult #consultScenarioSwitch .consult-scenario span {
  font-size: 16.5px;
  line-height: 1.35;
}

#consult #consultScenarioSwitch .consult-scenario small {
  font-size: 14px;
  line-height: 1.56;
}

#consult #momentsPromptPresets.quick-prompts,
#copywriting #copyPromptPresets.quick-prompts {
  grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  gap: 12px;
}

#consult #momentsPromptPresets .mini-btn,
#copywriting #copyPromptPresets .mini-btn {
  min-height: 50px;
  padding-inline: 16px;
  font-size: 15px;
  line-height: 1.36;
  letter-spacing: .02em;
}

@media (min-width: 1181px) {
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  #reshape #videoEffectSwitch.choice-list.compact-list {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }

  #reshape #videoEffectSwitch .choice-item {
    min-height: 104px;
    padding: 16px 18px;
  }
}

@media (max-width: 1180px) and (min-width: 721px) {
  #consult #consultScenarioSwitch {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }

  #consult #momentsPromptPresets.quick-prompts,
  #copywriting #copyPromptPresets.quick-prompts,
  #reshape #videoEffectSwitch.choice-list.compact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #consult #consultScenarioSwitch,
  #consult #momentsPromptPresets.quick-prompts,
  #copywriting #copyPromptPresets.quick-prompts,
  #reshape #videoEffectSwitch.choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  #consult #consultScenarioSwitch,
  #consult #momentsPromptPresets.quick-prompts,
  #copywriting #copyPromptPresets.quick-prompts,
  #reshape #videoEffectSwitch.choice-list.compact-list,
  #reshape .reshape-builder .chip-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Copywriting operation cue refinement pass */
#copywriting .copy-layout > .copy-panel:first-child,
#copywriting .copy-result-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.6)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 32%);
}

#copywriting .copy-layout > .copy-panel:first-child::before,
#copywriting .copy-result-panel::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .24;
  background:
    linear-gradient(116deg, transparent 0%, transparent 40%, rgba(255,255,255,.78) 49%, rgba(217,185,140,.24) 58%, transparent 70%, transparent 100%);
  transform: translateX(-132%) skewX(-12deg);
}

#copywriting .copy-layout > .copy-panel:first-child::after,
#copywriting .copy-result-panel::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 12px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .28;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.54), rgba(125,157,145,.36), transparent);
}

#copywriting .copy-layout > .copy-panel:first-child > *,
#copywriting .copy-result-panel > * {
  position: relative;
  z-index: 1;
}

#copywriting #copyPromptPresets {
  position: relative;
  padding: 10px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.48));
}

#copywriting #copyPromptPresets::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .26;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.48), rgba(125,157,145,.32), transparent);
}

#copywriting .form-grid .field,
#copywriting .copy-panel > .field {
  border-color: rgba(181,138,88,.16);
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.42));
}

#copywriting .copy-panel > .field textarea {
  min-height: 174px;
  border-color: rgba(181,138,88,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,255,255,.78));
}

#copywriting .copy-panel > .field textarea:focus {
  border-color: rgba(125,157,145,.44);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.08),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#copywriting #copyGenerate {
  width: 100%;
  min-height: 50px;
  justify-content: center;
  font-size: 16px;
}

#copywriting #copyGenerate::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 8px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.82), transparent);
}

#copywriting #copyOutput.is-placeholder {
  display: grid;
  align-content: center;
  min-height: 300px;
  text-align: center;
  font-weight: 900;
  letter-spacing: .03em;
}

#copywriting #copyOutput.is-placeholder::after {
  content: "选择上方快捷方向，补充素材后即可生成";
  display: block;
  margin-top: 10px;
  color: rgba(80,56,45,.52);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
}

@media (prefers-reduced-motion: no-preference) {
  #copywriting .copy-layout > .copy-panel:first-child::before,
  #copywriting .copy-result-panel::before {
    animation: copywritingPanelSweep 8.8s ease-in-out infinite;
  }

  #copywriting .copy-layout > .copy-panel:first-child::after,
  #copywriting .copy-result-panel::after,
  #copywriting #copyPromptPresets::after,
  #copywriting #copyGenerate::after {
    animation: copywritingUnderlight 7.2s ease-in-out infinite;
  }

  #copywriting .copy-layout > .copy-panel:first-child:hover::before,
  #copywriting .copy-layout > .copy-panel:first-child:focus-within::before,
  #copywriting .copy-result-panel:hover::before,
  #copywriting .copy-result-panel:focus-within::before,
  #copywriting #copyPromptPresets:hover::after,
  #copywriting #copyGenerate:hover::after,
  #copywriting #copyGenerate:focus-visible::after {
    animation-play-state: paused;
  }
}

@keyframes copywritingPanelSweep {
  0%, 42% {
    opacity: .08;
    transform: translateX(-132%) skewX(-12deg);
  }
  68%, 100% {
    opacity: .24;
    transform: translateX(132%) skewX(-12deg);
  }
}

@keyframes copywritingUnderlight {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.62);
  }
  50% {
    opacity: .48;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #copywriting .copy-layout > .copy-panel:first-child::before,
  #copywriting .copy-result-panel::before,
  #copywriting .copy-layout > .copy-panel:first-child::after,
  #copywriting .copy-result-panel::after,
  #copywriting #copyPromptPresets::after,
  #copywriting #copyGenerate::after {
    animation: none !important;
  }
}

/* Profile recharge decision polish pass */
.profile-packages .pricing {
  gap: 14px;
}

.profile-packages .price-card {
  position: relative;
  isolation: isolate;
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.56)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.08), transparent 32%);
  box-shadow:
    0 14px 32px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.profile-packages .price-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .24;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.45), rgba(125,157,145,.28), transparent);
}

.profile-packages .price-card > * {
  position: relative;
  z-index: 1;
}

.profile-packages .price-card .price {
  color: #4d3931;
  text-shadow: 0 1px 0 rgba(255,255,255,.56);
}

.profile-packages .price-card small {
  color: rgba(80,56,45,.72);
  line-height: 1.62;
}

.profile-packages .price-card .buy {
  position: relative;
  min-height: 44px;
  overflow: hidden;
  border-color: rgba(181,138,88,.28);
  font-weight: 950;
}

.profile-packages .price-card .buy::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 7px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .3;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.52), transparent);
}

.profile-packages .price-card .buy > * {
  position: relative;
  z-index: 1;
}

.profile-packages .price-card:not(.recommended):not(.best-value):hover,
.profile-packages .price-card:not(.recommended):not(.best-value):focus-within {
  border-color: rgba(181,138,88,.32);
  box-shadow:
    0 18px 42px rgba(92,70,59,.09),
    0 0 0 3px rgba(217,185,140,.055),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.purchase-dialog {
  isolation: isolate;
  overflow: hidden;
}

.purchase-dialog::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .28;
  background:
    linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.82) 49%, rgba(217,185,140,.28) 58%, transparent 70%, transparent 100%),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.14), transparent 34%);
  transform: translateX(-128%) skewX(-12deg);
}

.purchase-dialog::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 16px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.56), rgba(125,157,145,.36), transparent);
}

.purchase-dialog > * {
  position: relative;
  z-index: 1;
}

.purchase-summary div,
.purchase-balance div {
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.52));
}

.purchase-actions .btn {
  min-width: 128px;
}

.purchase-actions #purchaseConfirm {
  box-shadow:
    0 16px 34px rgba(159,102,93,.16),
    inset 0 1px 0 rgba(255,255,255,.24);
}

@media (prefers-reduced-motion: no-preference) {
  .profile-packages .price-card::after,
  .profile-packages .price-card .buy::before,
  .purchase-dialog::after {
    animation: profileRechargeUnderlight 7.2s ease-in-out infinite;
  }

  .profile-packages .price-card:nth-child(2)::after,
  .profile-packages .price-card:nth-child(2) .buy::before {
    animation-delay: .8s;
  }

  .profile-packages .price-card:nth-child(4)::after,
  .profile-packages .price-card:nth-child(4) .buy::before {
    animation-delay: 1.4s;
  }

  .profile-packages .price-card:nth-child(5)::after,
  .profile-packages .price-card:nth-child(5) .buy::before {
    animation-delay: 2s;
  }

  .purchase-dialog::before {
    animation: purchaseDialogCrystalSweep 8.2s ease-in-out infinite;
  }

  .profile-packages .price-card:hover::after,
  .profile-packages .price-card:focus-within::after,
  .profile-packages .price-card .buy:hover::before,
  .profile-packages .price-card .buy:focus-visible::before,
  .purchase-dialog:hover::before,
  .purchase-dialog:hover::after,
  .purchase-dialog:focus-within::before,
  .purchase-dialog:focus-within::after {
    animation-play-state: paused;
  }
}

@keyframes profileRechargeUnderlight {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.58);
  }
  50% {
    opacity: .48;
    transform: scaleX(1);
  }
}

@keyframes purchaseDialogCrystalSweep {
  0%, 44% {
    opacity: .08;
    transform: translateX(-128%) skewX(-12deg);
  }
  72%, 100% {
    opacity: .28;
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-packages .price-card::after,
  .profile-packages .price-card .buy::before,
  .purchase-dialog::before,
  .purchase-dialog::after {
    animation: none !important;
  }
}

/* Purchase modal couture confirmation pass */
.purchase-dialog {
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(217,185,140,.42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.99), rgba(249,238,232,.94)),
    radial-gradient(circle at 8% 0, rgba(255,246,214,.34), transparent 30%),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.14), transparent 38%);
  box-shadow:
    0 34px 92px rgba(47,34,28,.26),
    0 0 0 1px rgba(255,255,255,.58) inset,
    inset 0 1px 0 rgba(255,255,255,.72);
}

.purchase-dialog::after {
  top: 0;
  bottom: auto;
  left: 24px;
  right: 24px;
  height: 3px;
  opacity: .72;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.86), rgba(125,157,145,.42), transparent);
  box-shadow:
    0 0 22px rgba(217,185,140,.34),
    0 8px 30px rgba(125,157,145,.16);
}

.purchase-summary div:nth-child(3),
.purchase-balance div:last-child {
  border-color: rgba(125,157,145,.3);
  box-shadow:
    0 16px 32px rgba(47,111,100,.08),
    0 0 0 1px rgba(255,255,255,.56) inset,
    inset 0 1px 0 rgba(255,255,255,.72);
}

.purchase-summary div:nth-child(3) strong,
.purchase-balance div:last-child strong {
  color: #1f7164;
  text-shadow: 0 0 18px rgba(125,157,145,.24);
}

.purchase-actions #purchaseConfirm {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,253,249,.42);
  background:
    linear-gradient(135deg, #9f665d, #b58a58 52%, #2f6f64);
  box-shadow:
    0 18px 38px rgba(159,102,93,.22),
    0 0 0 1px rgba(255,255,255,.42) inset,
    inset 0 1px 0 rgba(255,255,255,.34);
}

.purchase-actions #purchaseConfirm::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .58;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
  transform: translateX(-140%) skewX(-16deg);
}

.purchase-actions #purchaseConfirm:hover,
.purchase-actions #purchaseConfirm:focus-visible {
  box-shadow:
    0 22px 46px rgba(159,102,93,.28),
    0 0 0 1px rgba(255,255,255,.54) inset,
    0 0 26px rgba(217,185,140,.22);
}

@media (prefers-reduced-motion: no-preference) {
  .purchase-actions #purchaseConfirm::before {
    animation: purchaseConfirmCoutureSweep 4.6s ease-in-out infinite;
  }

  .purchase-actions #purchaseConfirm:hover::before,
  .purchase-actions #purchaseConfirm:focus-visible::before {
    animation-duration: 2.6s;
  }
}

@keyframes purchaseConfirmCoutureSweep {
  0%, 38% {
    opacity: .18;
    transform: translateX(-140%) skewX(-16deg);
  }
  72%, 100% {
    opacity: .62;
    transform: translateX(140%) skewX(-16deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .purchase-actions #purchaseConfirm::before {
    animation: none !important;
    transform: none;
    opacity: .18;
  }
}

/* Purchase balance ledger signal pass */
.purchase-balance {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding-top: 2px;
}

.purchase-balance::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -8px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .48;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.36), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.16);
  transform-origin: center;
}

.purchase-balance div {
  position: relative;
  z-index: 1;
}

.purchase-balance div:first-child {
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.56)),
    radial-gradient(circle at 100% 0, rgba(181,138,88,.1), transparent 34%);
}

.purchase-balance div:first-child strong {
  color: #8f5b55;
  text-shadow: 0 1px 0 rgba(255,255,255,.68);
}

.purchase-balance div:last-child {
  padding-right: 15px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.76)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.18), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(217,185,140,.12), transparent 36%);
}

.purchase-balance div:last-child::after {
  padding-left: 20px;
  box-shadow:
    0 8px 18px rgba(47,111,100,.08),
    0 0 18px rgba(125,157,145,.18),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.purchase-balance div:last-child span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.purchase-balance div:last-child span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.1),
    0 0 16px rgba(217,185,140,.28);
}

.purchase-balance div:last-child strong {
  margin-top: 7px;
  color: #1f7164;
  font-size: clamp(24px, 4vw, 32px);
  letter-spacing: 0;
  text-shadow:
    0 1px 0 rgba(255,255,255,.74),
    0 0 20px rgba(125,157,145,.28);
}

@media (prefers-reduced-motion: no-preference) {
  .purchase-balance::after {
    animation: purchaseBalanceLedgerRail 6.8s ease-in-out infinite;
  }

  .purchase-balance div:last-child span::before {
    animation: purchaseBalanceReadyDot 3.8s ease-in-out infinite;
  }
}

@keyframes purchaseBalanceLedgerRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.62);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@keyframes purchaseBalanceReadyDot {
  0%, 100% {
    opacity: .68;
    transform: scale(.86);
  }
  50% {
    opacity: 1;
    transform: scale(1.14);
  }
}

@media (prefers-reduced-motion: reduce) {
  .purchase-balance::after,
  .purchase-balance div:last-child span::before {
    animation: none !important;
  }
}

/* Purchase settlement jewel rail pass */
.purchase-summary {
  position: relative;
  isolation: isolate;
  overflow: visible;
}

.purchase-summary::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 50%;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .52;
  background: linear-gradient(90deg, rgba(181,138,88,0), rgba(217,185,140,.76), rgba(125,157,145,.46), rgba(181,138,88,0));
  box-shadow:
    0 0 18px rgba(217,185,140,.18),
    0 0 28px rgba(125,157,145,.12);
  transform: translateY(-50%) scaleX(.88);
  transform-origin: center;
}

.purchase-summary div {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.purchase-summary div::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 0;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .58;
  background: radial-gradient(circle, rgba(255,253,249,.95) 0 36%, rgba(217,185,140,.72) 38% 58%, transparent 60%);
  box-shadow:
    0 0 0 4px rgba(217,185,140,.08),
    0 0 18px rgba(217,185,140,.24);
}

.purchase-summary div:nth-child(3) {
  border-color: rgba(125,157,145,.34);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.72)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.18), transparent 34%);
}

.purchase-summary div:nth-child(3)::after {
  opacity: .74;
  background: radial-gradient(circle, rgba(255,253,249,.96) 0 32%, rgba(125,157,145,.82) 34% 60%, transparent 62%);
  box-shadow:
    0 0 0 5px rgba(125,157,145,.09),
    0 0 22px rgba(125,157,145,.3),
    0 0 16px rgba(217,185,140,.18);
}

.purchase-summary div > * {
  position: relative;
  z-index: 1;
}

.purchase-balance::before {
  content: "余额跃迁";
  position: absolute;
  left: 50%;
  top: -9px;
  z-index: 3;
  min-height: 22px;
  padding: 5px 11px;
  border: 1px solid rgba(47,111,100,.18);
  border-radius: 999px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.76)),
    radial-gradient(circle at 0 0, rgba(255,255,255,.82), transparent 36%);
  box-shadow:
    0 10px 24px rgba(47,111,100,.09),
    0 0 20px rgba(125,157,145,.14),
    inset 0 1px 0 rgba(255,255,255,.74);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  transform: translateX(-50%);
  white-space: nowrap;
}

@media (prefers-reduced-motion: no-preference) {
  .purchase-summary::before {
    animation: purchaseSettlementRail 5.8s ease-in-out infinite;
  }

  .purchase-summary div::after {
    animation: purchaseSettlementNode 4.6s ease-in-out infinite;
  }

  .purchase-summary div:nth-child(2)::after {
    animation-delay: .52s;
  }

  .purchase-summary div:nth-child(3)::after {
    animation-delay: 1.04s;
  }
}

@keyframes purchaseSettlementRail {
  0%, 100% {
    opacity: .28;
    transform: translateY(-50%) scaleX(.58);
  }
  50% {
    opacity: .72;
    transform: translateY(-50%) scaleX(1);
  }
}

@keyframes purchaseSettlementNode {
  0%, 100% {
    opacity: .48;
    transform: scale(.82);
  }
  50% {
    opacity: .86;
    transform: scale(1.12);
  }
}

@media (max-width: 720px) {
  .purchase-summary::before,
  .purchase-summary div::after {
    display: none;
  }

  .purchase-balance::before {
    top: -7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .purchase-summary::before,
  .purchase-summary div::after {
    animation: none !important;
  }
}

/* Auth entry crystal polish pass */
.auth-screen {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.auth-screen::before {
  content: "";
  position: absolute;
  inset: 18px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: calc(var(--radius) + 8px);
  opacity: .62;
  background:
    radial-gradient(circle at 18% 12%, rgba(217,185,140,.14), transparent 26%),
    radial-gradient(circle at 92% 88%, rgba(125,157,145,.1), transparent 28%);
}

.auth-screen > * {
  position: relative;
  z-index: 1;
}

.auth-copy {
  isolation: isolate;
  box-shadow:
    0 28px 80px rgba(92,70,59,.16),
    inset 0 1px 0 rgba(255,255,255,.42);
}

.auth-copy::after {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 24px;
  z-index: 1;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.66), rgba(125,157,145,.34), transparent);
}

.auth-copy .brand {
  width: max-content;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: var(--radius);
  background: rgba(255,253,249,.52);
  backdrop-filter: blur(12px);
}

.auth-hero-text {
  max-width: 760px;
}

.auth-hero-text .eyebrow {
  padding: 7px 10px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 999px;
  background: rgba(255,253,249,.58);
}

.hero-tags .tag {
  position: relative;
  overflow: hidden;
  min-height: 32px;
  border-color: rgba(181,138,88,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.68), rgba(255,247,235,.48));
  backdrop-filter: blur(10px);
}

.hero-tags .tag::after {
  content: "";
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 5px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .28;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.5), transparent);
}

.auth-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.24);
  box-shadow:
    0 28px 74px rgba(92,70,59,.14),
    0 0 0 4px rgba(217,185,140,.045),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.auth-panel::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .24;
  background:
    linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.8) 49%, rgba(217,185,140,.26) 58%, transparent 70%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
}

.auth-panel::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 14px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .3;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.52), rgba(125,157,145,.34), transparent);
}

.auth-panel > * {
  position: relative;
  z-index: 1;
}

.auth-onboarding-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0 14px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.15);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.52)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 38%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.auth-onboarding-rail span {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 54px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.12);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.48));
}

.auth-onboarding-rail span::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.5), transparent);
}

.auth-onboarding-rail i {
  grid-row: span 2;
  width: 24px;
  height: 24px;
  padding: 5px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 9px;
  color: #9f665d;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.78), transparent 46%),
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.62));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  stroke-width: 2.35;
}

.auth-onboarding-rail small,
.auth-onboarding-rail strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-onboarding-rail small {
  color: rgba(80,56,45,.56);
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1;
}

.auth-onboarding-rail strong {
  color: #50382d;
  font-size: 11.5px;
  font-weight: 950;
  line-height: 1.15;
}

.auth-onboarding-rail span.is-active {
  border-color: rgba(125,157,145,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.58)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.18), transparent 42%);
}

.auth-onboarding-rail span.is-active i {
  color: #2f6f64;
  border-color: rgba(125,157,145,.28);
  box-shadow:
    0 0 18px rgba(125,157,145,.12),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.auth-onboarding-rail[data-mode="register"] span.is-active {
  border-color: rgba(217,185,140,.3);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,221,.58)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.2), transparent 42%);
}

.auth-onboarding-rail[data-mode="register"] span.is-active i {
  color: #8f7054;
  border-color: rgba(217,185,140,.34);
}

.auth-return-hint {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(125,157,145,.16);
  border-radius: 14px;
  color: rgba(80,56,45,.72);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(228,241,237,.52)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.12), transparent 40%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 10px 24px rgba(92,70,59,.05);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.45;
}

.auth-panel .field {
  padding: 10px;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: var(--radius);
  background: rgba(255,253,249,.48);
}

.auth-panel input {
  min-height: 46px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,255,255,.78));
}

.auth-panel input:focus {
  border-color: rgba(125,157,145,.42);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.08),
    inset 0 1px 0 rgba(255,255,255,.74);
}

.auth-panel .password-field-control:focus-within .password-toggle {
  border-color: rgba(125,157,145,.34);
  color: #2f6f64;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 4px rgba(125,157,145,.08);
}

.auth-panel .field.has-error .password-toggle {
  border-color: rgba(143,63,54,.32);
  color: #8f3f36;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,239,235,.78)),
    radial-gradient(circle at 50% 0, rgba(143,63,54,.12), transparent 58%);
}

.auth-panel .btn {
  min-height: 48px;
  font-size: 15.5px;
}

.auth-panel .btn::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 8px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .32;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.78), transparent);
}

.auth-panel .btn.secondary::before {
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.48), transparent);
}

.auth-panel .link-btn {
  padding: 4px 6px;
  border-radius: 999px;
}

.auth-panel .link-btn:hover,
.auth-panel .link-btn:focus-visible {
  background: rgba(255,247,235,.72);
}

@media (prefers-reduced-motion: no-preference) {
  .auth-copy::after,
  .auth-panel::after,
  .auth-panel .btn::before,
  .auth-onboarding-rail span.is-active i,
  .hero-tags .tag::after {
    animation: authEntryUnderlight 7.4s ease-in-out infinite;
  }

  .auth-panel::before {
    animation: authPanelCrystalSweep 8.4s ease-in-out infinite;
  }

  .hero-tags .tag:nth-child(2)::after {
    animation-delay: .7s;
  }

  .hero-tags .tag:nth-child(3)::after {
    animation-delay: 1.4s;
  }

  .hero-tags .tag:nth-child(4)::after {
    animation-delay: 2.1s;
  }

  .hero-tags .tag:nth-child(5)::after {
    animation-delay: 2.8s;
  }

  .auth-copy:hover::after,
  .auth-panel:hover::before,
  .auth-panel:hover::after,
  .auth-panel:focus-within::before,
  .auth-panel:focus-within::after,
  .auth-panel .btn:hover::before,
  .auth-panel .btn:focus-visible::before,
  .hero-tags .tag:hover::after {
    animation-play-state: paused;
  }
}

@keyframes authEntryUnderlight {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.6);
  }
  50% {
    opacity: .48;
    transform: scaleX(1);
  }
}

@keyframes authPanelCrystalSweep {
  0%, 44% {
    opacity: .08;
    transform: translateX(-128%) skewX(-12deg);
  }
  72%, 100% {
    opacity: .24;
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (max-width: 720px) {
  .auth-screen::before {
    inset: 10px;
  }

  .auth-copy::after {
    left: 18px;
    right: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-copy::after,
  .auth-panel::before,
  .auth-panel::after,
  .auth-panel .btn::before,
  .auth-onboarding-rail span.is-active i,
  .hero-tags .tag::after {
    animation: none !important;
  }
}

/* Auth entry launch feedback pass */
.auth-screen.auth-entry-launch-pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at 68% 44%, rgba(255,232,166,.22), transparent 28%),
    radial-gradient(circle at 74% 52%, rgba(125,157,145,.14), transparent 34%),
    linear-gradient(115deg, transparent 0%, rgba(255,253,249,.18) 48%, transparent 72%);
  mix-blend-mode: screen;
  animation: authEntryLaunchBloom .82s var(--ease-out) both;
}

.auth-panel .btn.auth-entry-launch-pulse {
  box-shadow:
    0 0 32px rgba(217,185,140,.28),
    0 14px 30px rgba(125,157,145,.1),
    inset 0 1px 0 rgba(255,255,255,.32);
  animation: authEntryButtonLift .82s var(--ease-out) both;
}

.auth-panel .btn.auth-entry-launch-pulse::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .46;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.88), rgba(125,157,145,.36), transparent);
  transform: translateX(-128%) skewX(-14deg);
  animation: authButtonLaunchSweep .82s var(--ease-out) both;
}

@keyframes authEntryLaunchBloom {
  0% {
    opacity: 0;
    transform: scale(.99);
  }
  38% {
    opacity: .82;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.012);
  }
}

@keyframes authEntryButtonLift {
  0% { transform: translateY(0); }
  38% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}

@keyframes authButtonLaunchSweep {
  0% {
    opacity: .22;
    transform: translateX(-128%) skewX(-14deg);
  }
  64% {
    opacity: .72;
  }
  100% {
    opacity: 0;
    transform: translateX(128%) skewX(-14deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-screen.auth-entry-launch-pulse::after,
  .auth-panel .btn.auth-entry-launch-pulse,
  .auth-panel .btn.auth-entry-launch-pulse::after {
    animation: none !important;
  }
}

/* High-end owner trust polish pass */
.quota-card,
.quota-card .quota-row {
  text-align: center;
}

.quota-card {
  align-items: center;
}

.quota-card .quota-row {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  justify-items: center;
  gap: 9px;
}

.quota-card #quotaStatus {
  margin: 0 auto;
  min-width: 58px;
  justify-content: center;
}

.quota-card .progress {
  width: 100%;
}

.quota-card .page-desc {
  max-width: 21ch;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.dashboard-orbit-detail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 2px 0 14px;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.42)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.14), transparent 32%);
}

.dashboard-orbit-detail::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  opacity: .24;
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.78) 48%, rgba(217,185,140,.22) 58%, transparent 70%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
}

.dashboard-orbit-detail::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .3;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.5), rgba(125,157,145,.3), transparent);
}

.dashboard-orbit-detail span {
  position: relative;
  z-index: 1;
  min-height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(181,138,88,.12);
  border-radius: var(--radius-sm);
  color: rgba(80,56,45,.76);
  background: rgba(255,253,249,.54);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}

.frontline-safety-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 12px;
}

.frontline-safety-strip span {
  position: relative;
  min-width: 0;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px 10px 24px;
  overflow: hidden;
  border: 1px solid rgba(125,157,145,.18);
  border-radius: var(--radius);
  color: #4d3931;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(230,243,239,.58)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.12), transparent 34%);
  box-shadow:
    0 10px 22px rgba(47,111,100,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 950;
  text-align: center;
  white-space: nowrap;
}

.frontline-safety-strip span::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow: 0 0 0 4px rgba(125,157,145,.08);
  transform: translateY(-50%);
}

.frontline-safety-strip span::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .32;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.48), rgba(217,185,140,.34), transparent);
}

#copywriting #copyOutput.is-placeholder {
  gap: 8px;
  border-color: rgba(125,157,145,.2);
}

#copywriting #copyOutput.is-placeholder::before {
  content: "SAFE OUTPUT";
  display: inline-grid;
  place-self: center;
  min-height: 28px;
  padding: 6px 12px;
  border: 1px solid rgba(125,157,145,.18);
  border-radius: 999px;
  color: #55776d;
  background: rgba(228,241,237,.7);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
}

@media (prefers-reduced-motion: no-preference) {
  .dashboard-orbit-detail::before {
    animation: dashboardOrbitTrace 8.6s ease-in-out infinite;
  }

  .dashboard-orbit-detail::after,
  .frontline-safety-strip span::after {
    animation: copywritingUnderlight 7.2s ease-in-out infinite;
  }

  .dashboard-orbit-detail:hover::before,
  .dashboard-orbit-detail:hover::after,
  .frontline-safety-strip span:hover::after {
    animation-play-state: paused;
  }
}

@keyframes dashboardOrbitTrace {
  0%, 44% {
    opacity: .08;
    transform: translateX(-128%) skewX(-12deg);
  }
  72%, 100% {
    opacity: .26;
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (max-width: 720px) {
  .dashboard-orbit-detail,
  .frontline-safety-strip {
    grid-template-columns: 1fr;
  }

  .quota-card .page-desc {
    max-width: 28ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-orbit-detail::before,
  .dashboard-orbit-detail::after,
  .frontline-safety-strip span::after {
    animation: none !important;
  }
}

/* Mid-width reshape operations stability pass */
body,
.app,
.main,
.content,
.view,
.panel {
  min-width: 0;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.work-focus-pulse {
  overflow: hidden;
}

@media (min-width: 1181px) and (max-width: 1500px) {
  #reshape .reshape-workspace {
    grid-template-columns: minmax(0, 1.02fr) minmax(340px, .78fr) !important;
    align-items: start;
    gap: 18px;
  }

  #reshape .reshape-builder,
  #reshape .reshape-side {
    width: auto;
    min-width: 0;
    height: min(860px, calc(100vh - 128px));
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }

  #reshape .reshape-side {
    position: sticky;
    top: 108px;
    max-height: calc(100vh - 128px);
    overflow-y: auto;
  }

  #reshape #reshapeModeSwitch.choice-list.mode-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #reshape .reshape-builder .chip-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #reshape .reshape-builder .choice-item,
  #reshape .reshape-builder .select-chip {
    min-width: 0;
  }
}

@media (min-width: 1501px) {
  #reshape .reshape-builder,
  #reshape .reshape-side {
    overflow-x: hidden;
  }
}

@media (max-width: 920px) {
  #reshape .reshape-workspace {
    grid-template-columns: 1fr !important;
  }

  #reshape .reshape-builder,
  #reshape .reshape-side {
    height: auto;
    max-height: none;
    overflow: visible;
  }
}

/* Consult trust and empty-state polish pass */
.consult-safety-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 12px;
}

.consult-safety-strip span {
  position: relative;
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px 10px 24px;
  overflow: hidden;
  border: 1px solid rgba(125,157,145,.18);
  border-radius: var(--radius);
  color: #4d3931;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(230,243,239,.56)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.12), transparent 34%);
  box-shadow:
    0 10px 22px rgba(47,111,100,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 950;
  text-align: center;
  white-space: nowrap;
}

.consult-safety-strip span::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow: 0 0 0 4px rgba(125,157,145,.08);
  transform: translateY(-50%);
}

.consult-safety-strip span::after,
.recent-empty-state::before,
.history-empty-row td::before {
  content: "";
  position: absolute;
  pointer-events: none;
}

.consult-safety-strip span::after {
  left: 10px;
  right: 10px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .32;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.48), rgba(217,185,140,.34), transparent);
}

.recent-empty-state,
.history-empty-row td {
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.62)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.14), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 34%);
}

.recent-empty-state {
  padding: 18px;
  text-align: center;
}

.recent-empty-state strong,
.history-empty-row strong {
  display: block;
  color: #4d3931;
  font-size: 17px;
  line-height: 1.35;
}

.recent-empty-state p,
.history-empty-row span {
  display: block;
  max-width: 38ch;
  margin: 8px auto 0;
  color: rgba(80,56,45,.68);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.6;
}

.history-empty-row td {
  padding: 24px 18px;
}

@media (prefers-reduced-motion: no-preference) {
  .consult-safety-strip span::after {
    animation: copywritingUnderlight 7.2s ease-in-out infinite;
  }

  .consult-safety-strip span:hover::after {
    animation-play-state: paused;
  }
}

@media (max-width: 720px) {
  .consult-safety-strip {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .consult-safety-strip span::after {
    animation: none !important;
  }
}

/* Dashboard workflow completeness pass */
#dashboard .workflow-panel {
  overflow: visible;
}

#dashboard .workflow-steps {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#dashboard .workflow-step {
  min-height: 126px;
  padding: 16px 18px;
}

#dashboard .workflow-step small {
  max-width: 20em;
  -webkit-line-clamp: 3;
}

@media (min-width: 1501px) {
  #dashboard .workflow-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .workflow-steps {
    grid-template-columns: 1fr !important;
  }
}

/* Dashboard workflow runway signal pass */
#dashboard .workflow-steps {
  position: relative;
  isolation: isolate;
}

#dashboard .workflow-steps::before {
  content: "";
  position: absolute;
  left: 9%;
  right: 9%;
  top: 50%;
  z-index: 0;
  height: 2px;
  pointer-events: none;
  border-radius: 999px;
  opacity: .46;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.72), rgba(125,157,145,.44), rgba(255,253,249,.82), transparent);
  box-shadow:
    0 0 18px rgba(217,185,140,.18),
    0 0 32px rgba(125,157,145,.12);
  transform: translateY(-50%) scaleX(.76);
}

#dashboard .workflow-step {
  --workflow-accent: rgba(181,138,88,.44);
  --workflow-ink: #9f5b2c;
  border-color: rgba(181,138,88,.22);
  background:
    radial-gradient(circle at 50% 0, var(--workflow-accent), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.58));
  box-shadow:
    0 18px 42px rgba(92,70,59,.06),
    inset 0 0 0 1px rgba(255,253,249,.58),
    inset 0 -18px 34px rgba(217,185,140,.045);
}

#dashboard .workflow-step strong {
  color: var(--workflow-ink, #9f5b2c);
  text-shadow: 0 1px 0 rgba(255,255,255,.68);
}

#dashboard .workflow-step small {
  color: rgba(80,56,45,.66);
}

#dashboard .workflow-step:nth-child(2) {
  --workflow-accent: rgba(125,157,145,.5);
  --workflow-ink: #55776d;
}

#dashboard .workflow-step:nth-child(3) {
  --workflow-accent: rgba(201,143,136,.42);
  --workflow-ink: #8f5b55;
}

#dashboard .workflow-step:nth-child(4) {
  --workflow-accent: rgba(255,232,166,.5);
  --workflow-ink: #b58a58;
}

#dashboard .workflow-step:nth-child(2) strong,
#dashboard .workflow-step:nth-child(3) strong,
#dashboard .workflow-step:nth-child(4) strong {
  color: var(--workflow-ink);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .workflow-steps::before {
    animation: workflowRunwayTrace 8.8s ease-in-out infinite;
  }

  #dashboard .workflow-steps:hover::before,
  #dashboard .workflow-steps:focus-within::before {
    animation-play-state: paused;
  }
}

@keyframes workflowRunwayTrace {
  0%, 100% {
    opacity: .22;
    transform: translateY(-50%) scaleX(.52);
  }
  48% {
    opacity: .68;
    transform: translateY(-50%) scaleX(1);
  }
}

@media (max-width: 720px) {
  #dashboard .workflow-steps::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .workflow-steps::before {
    animation: none !important;
  }
}

/* Dashboard workflow launch prism pass */
#dashboard .workflow-step {
  --workflow-launch: #d9b98c;
  --workflow-launch-soft: rgba(217,185,140,.22);
  border-color: color-mix(in srgb, var(--workflow-launch, #d9b98c) 28%, rgba(181,138,88,.2));
  background:
    radial-gradient(circle at 50% 0, var(--workflow-launch-soft, rgba(217,185,140,.22)), transparent 38%),
    radial-gradient(circle at 95% 12%, color-mix(in srgb, var(--workflow-launch, #d9b98c) 18%, transparent), transparent 28%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.58));
  transition:
    transform .22s var(--ease-out),
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

#dashboard .workflow-step:nth-child(2) {
  --workflow-launch: #7d9d91;
  --workflow-launch-soft: rgba(125,157,145,.22);
}

#dashboard .workflow-step:nth-child(3) {
  --workflow-launch: #c98f88;
  --workflow-launch-soft: rgba(201,143,136,.22);
}

#dashboard .workflow-step:nth-child(4) {
  --workflow-launch: #b58a58;
  --workflow-launch-soft: rgba(181,138,88,.24);
}

#dashboard .workflow-step:hover,
#dashboard .workflow-step:focus-visible {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--workflow-launch, #d9b98c) 44%, rgba(181,138,88,.24));
  box-shadow:
    0 20px 44px rgba(92,70,59,.08),
    0 0 0 1px rgba(255,253,249,.72) inset,
    0 0 38px color-mix(in srgb, var(--workflow-launch, #d9b98c) 20%, transparent);
}

#dashboard .workflow-step strong {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#dashboard .workflow-step strong::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: var(--workflow-launch, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--workflow-launch, #d9b98c) 14%, transparent),
    0 0 14px color-mix(in srgb, var(--workflow-launch, #d9b98c) 44%, transparent);
}

#dashboard .workflow-step strong::after {
  content: "";
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--workflow-launch, #d9b98c), rgba(255,253,249,.78), transparent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--workflow-launch, #d9b98c) 32%, transparent);
}

#dashboard .workflow-step small {
  position: relative;
  display: block;
  padding-bottom: 8px;
}

#dashboard .workflow-step small::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .44;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--workflow-launch, #d9b98c) 68%, transparent), transparent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--workflow-launch, #d9b98c) 22%, transparent);
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .workflow-step strong::before {
    animation: workflowLaunchDot 3.8s ease-in-out infinite;
  }

  #dashboard .workflow-step small::after {
    animation: workflowLaunchUnderlight 5.6s ease-in-out infinite;
  }

  #dashboard .workflow-step:nth-child(2) strong::before,
  #dashboard .workflow-step:nth-child(2) small::after { animation-delay: .42s; }
  #dashboard .workflow-step:nth-child(3) strong::before,
  #dashboard .workflow-step:nth-child(3) small::after { animation-delay: .84s; }
  #dashboard .workflow-step:nth-child(4) strong::before,
  #dashboard .workflow-step:nth-child(4) small::after { animation-delay: 1.26s; }
}

@keyframes workflowLaunchDot {
  0%, 100% {
    opacity: .64;
    transform: scale(.86);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

@keyframes workflowLaunchUnderlight {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.52);
  }
  50% {
    opacity: .7;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .workflow-step strong::before,
  #dashboard .workflow-step small::after {
    animation: none !important;
  }
}

/* Dashboard workflow title legibility final pass */
#dashboard .workflow-step strong {
  color: color-mix(in srgb, var(--workflow-launch, #d9b98c) 64%, #3f2d27) !important;
  background: none !important;
  -webkit-background-clip: initial;
  background-clip: initial;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 0 16px color-mix(in srgb, var(--workflow-launch, #d9b98c) 18%, transparent);
}

#dashboard .workflow-step:nth-child(2) strong {
  color: #55776d !important;
}

#dashboard .workflow-step:nth-child(3) strong {
  color: #8f5b55 !important;
}

#dashboard .workflow-step:nth-child(4) strong {
  color: #8f7054 !important;
}

/* Frontline operation scroll-safe pass */
#copywriting .copy-layout > .copy-panel:first-child {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(181,138,88,.28) rgba(255,253,249,.38);
  padding-bottom: 16px;
}

#copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar {
  width: 8px;
}

#copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(181,138,88,.44), rgba(125,157,145,.28));
}

#copywriting #copyActionCost {
  overflow: visible;
  min-height: 44px;
}

#copywriting #copyGenerate {
  position: sticky;
  bottom: 0;
  z-index: 4;
  margin-top: 14px;
  box-shadow:
    0 -14px 28px rgba(255,253,249,.84),
    0 16px 34px rgba(159,102,93,.14);
}

#copywriting .copy-result-panel {
  overflow: hidden;
}

#copywriting .copy-result-panel .frontline-safety-strip {
  flex: 0 0 auto;
}

#copywriting .copy-result-panel #copyOutput {
  min-height: 0;
}

@media (max-width: 720px) {
  #copywriting .copy-layout > .copy-panel:first-child {
    overflow: visible;
  }

  #copywriting #copyGenerate {
    position: relative;
    bottom: auto;
  }
}

/* Frontline selector jewel pass */
#copywriting .form-grid .field:has(#copyType),
#copywriting .form-grid .field:has(#copyTone) {
  --frontline-select-dot: #d9b98c;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 10px 12px 12px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 18%, transparent), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(250,242,236,.64));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.55) inset,
    0 12px 26px rgba(80,56,45,.055);
}

#copywriting .form-grid .field:has(#copyType) {
  --frontline-select-dot: #d9b98c;
}

#copywriting .form-grid .field:has(#copyTone) {
  --frontline-select-dot: #7d9d91;
}

#copywriting .form-grid .field:has(#copyType) label,
#copywriting .form-grid .field:has(#copyTone) label {
  position: relative;
  z-index: 1;
  padding-left: 18px;
  color: color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 58%, var(--ink-soft));
}

#copywriting .form-grid .field:has(#copyType)::before,
#copywriting .form-grid .field:has(#copyTone)::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 17px;
  z-index: 0;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  pointer-events: none;
  background: var(--frontline-select-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 14%, transparent),
    0 0 18px color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 48%, transparent);
}

#copywriting .form-grid .field:has(#copyType)::after,
#copywriting .form-grid .field:has(#copyTone)::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 5px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .72;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 58%, transparent), transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 18%, transparent);
  transform-origin: center;
}

#copywriting .form-grid .field:has(#copyType) select,
#copywriting .form-grid .field:has(#copyTone) select {
  position: relative;
  z-index: 1;
  min-height: 44px;
  padding-left: 18px;
  border-color: color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 22%, rgba(70,54,44,.13));
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,255,255,.76)),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 12%, transparent), transparent 38%);
  box-shadow: 0 1px 0 rgba(255,255,255,.72) inset;
}

#copywriting .form-grid .field:has(#copyType):focus-within,
#copywriting .form-grid .field:has(#copyTone):focus-within {
  border-color: color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 42%, rgba(70,54,44,.13));
  background:
    radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 24%, transparent), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,235,.72));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.72) inset,
    0 14px 30px color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 10%, transparent),
    0 0 22px color-mix(in srgb, var(--frontline-select-dot, #d9b98c) 18%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  #copywriting .form-grid .field:has(#copyType)::before,
  #copywriting .form-grid .field:has(#copyTone)::before {
    animation: frontlineSelectorDotPulse 4.2s ease-in-out infinite;
  }

  #copywriting .form-grid .field:has(#copyType)::after,
  #copywriting .form-grid .field:has(#copyTone)::after {
    animation: frontlineSelectorRail 6.2s ease-in-out infinite;
  }

  #copywriting .form-grid .field:has(#copyTone)::before,
  #copywriting .form-grid .field:has(#copyTone)::after {
    animation-delay: .48s;
  }
}

@keyframes frontlineSelectorRail {
  0%, 100% {
    opacity: .26;
    transform: scaleX(.48);
  }

  50% {
    opacity: .86;
    transform: scaleX(1);
  }
}

@keyframes frontlineSelectorDotPulse {
  0%, 100% {
    opacity: .58;
    transform: scale(.82);
  }

  50% {
    opacity: 1;
    transform: scale(1.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  #copywriting .form-grid .field:has(#copyType)::before,
  #copywriting .form-grid .field:has(#copyTone)::before,
  #copywriting .form-grid .field:has(#copyType)::after,
  #copywriting .form-grid .field:has(#copyTone)::after {
    animation: none !important;
  }
}

/* Low-height operations containment pass */
@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-builder,
  #consult .consult-result-panel,
  #watermark .watermark-editor,
  #watermark .watermark-preview-panel {
    height: min(520px, calc(100vh - 300px));
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  #consultOutput {
    min-height: 220px;
    max-height: none;
  }

  #watermarkResult {
    min-height: 260px;
    max-height: none;
  }

  #watermark .watermark-preview-panel > img {
    height: 112px;
  }
}

/* Low-height consult action visibility pass */
@media (min-width: 921px) and (max-height: 760px) {
  #consult .section-head {
    padding: 14px 18px;
    margin-bottom: 10px;
  }

  #consult .section-head h2 {
    font-size: 26px;
  }

  #consult .section-head p {
    max-width: 58em;
    font-size: 13px;
    line-height: 1.45;
  }

  #consult .consult-tabs {
    display: flex;
    width: 100%;
    overflow-x: auto;
    margin: -8px 0 10px;
    padding: 6px;
    gap: 8px;
    scrollbar-width: thin;
  }

  #consult .consult-tabs button {
    flex: 0 0 auto;
    width: auto;
    min-height: 38px;
    padding: 8px 13px;
    white-space: nowrap;
  }

  #consult .consult-builder,
  #consult .consult-result-panel {
    height: min(380px, calc(100vh - 360px));
    max-height: min(380px, calc(100vh - 360px));
  }

  #consult .consult-builder {
    padding: 16px;
  }

  #consult .consult-builder .step-label {
    margin-bottom: 8px;
  }

  #consult #consultScenarioSwitch {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding: 8px;
    scrollbar-width: thin;
  }

  #consult #consultScenarioSwitch .consult-scenario {
    flex: 0 0 174px;
    min-height: 66px;
    padding: 10px 12px;
  }

  #consult #consultScenarioSwitch .consult-scenario span {
    font-size: 14px;
  }

  #consult #consultScenarioSwitch .consult-scenario small {
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.35;
  }

  #consult .consult-tab-panel.active .form-grid {
    gap: 10px;
    margin: 10px 0;
  }

  #consult #consultContext {
    height: 82px !important;
    min-height: 68px;
  }

  #consult #consultActionCost {
    min-height: 58px;
    margin: 8px 0;
    padding: 10px 96px 10px 34px;
  }

  #consult .consult-actions {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin-top: 8px;
    padding-top: 8px;
    background: linear-gradient(180deg, rgba(255,253,249,0), rgba(255,253,249,.94) 36%, rgba(255,247,235,.94));
  }
}

/* Frontline input action clearance pass */
@media (min-width: 921px) and (max-height: 760px) {
  #copywriting #copyPromptPresets.quick-prompts {
    display: flex;
    overflow-x: auto;
    gap: 8px;
  }

  #copywriting #copyPromptPresets .mini-btn {
    width: auto;
    flex: 0 0 auto;
    min-height: 36px;
    padding: 7px 10px;
    font-size: 13px;
    white-space: nowrap;
  }

  #copywriting .copy-panel > .field textarea {
    height: 92px !important;
    min-height: 72px;
  }

  #copywriting #copyActionCost {
    margin: 8px 0;
  }

  #copywriting #copyGenerate {
    min-height: 42px;
    margin-top: 8px;
    padding: 7px 14px;
  }

  #copywriting #copyActionCost + #copyGenerate {
    position: relative;
    bottom: auto;
  }
}

/* Frontline publish handoff brief pass */
#copywriting .copy-handoff-card {
  --copy-handoff-dot: #b58a58;
  --copy-handoff-glow: rgba(181,138,88,.14);
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 10px;
  margin: 10px 0 12px;
  padding: 13px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 16px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.62)),
    radial-gradient(circle at 0 0, var(--copy-handoff-glow), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(47,111,100,.1), transparent 36%);
  box-shadow:
    0 14px 30px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.78);
}

#copywriting .copy-handoff-card.hidden {
  display: none;
}

#copywriting .copy-handoff-card[data-state="draft"] {
  --copy-handoff-dot: #b58a58;
  --copy-handoff-glow: rgba(217,185,140,.18);
}

#copywriting .copy-handoff-card[data-state="generating"] {
  --copy-handoff-dot: #8f5b55;
  --copy-handoff-glow: rgba(201,143,136,.18);
  border-color: rgba(201,143,136,.28);
}

#copywriting .copy-handoff-card[data-state="ready"],
#copywriting .copy-handoff-card[data-state="copied"] {
  --copy-handoff-dot: #2f6f64;
  --copy-handoff-glow: rgba(47,111,100,.18);
  border-color: rgba(47,111,100,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.93), rgba(228,241,237,.58)),
    radial-gradient(circle at 0 0, var(--copy-handoff-glow), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.14), transparent 36%);
}

#copywriting .copy-handoff-card::before,
#copywriting .copy-handoff-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#copywriting .copy-handoff-card::before {
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: .24;
  background:
    linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.86) 52%, color-mix(in srgb, var(--copy-handoff-dot) 24%, transparent) 61%, transparent 76%);
  transform: translateX(-126%) skewX(-12deg);
}

#copywriting .copy-handoff-card::after {
  left: 16px;
  right: 16px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, var(--copy-handoff-dot), rgba(255,253,249,.78), transparent);
}

#copywriting .copy-handoff-head,
#copywriting .copy-handoff-card p,
#copywriting .copy-handoff-steps {
  position: relative;
  z-index: 1;
}

#copywriting .copy-handoff-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

#copywriting .copy-handoff-head i,
#copywriting .copy-handoff-head svg {
  width: 34px;
  height: 34px;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--copy-handoff-dot) 32%, rgba(255,253,249,.68));
  border-radius: 12px;
  color: color-mix(in srgb, var(--copy-handoff-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--copy-handoff-dot) 12%, rgba(255,247,235,.72)));
  box-shadow:
    0 8px 18px var(--copy-handoff-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  stroke-width: 2.35;
}

#copywriting .copy-handoff-head span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

#copywriting .copy-handoff-head small {
  color: color-mix(in srgb, var(--copy-handoff-dot) 62%, rgba(80,56,45,.58));
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#copywriting .copy-handoff-head strong {
  overflow: hidden;
  color: #3f2d27;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copywriting .copy-handoff-card p {
  margin: 0;
  color: rgba(80,56,45,.66);
  font-size: 12px;
  font-weight: 820;
  line-height: 1.5;
}

#copywriting .copy-handoff-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

#copywriting .copy-handoff-steps span {
  display: grid;
  min-width: 0;
  min-height: 48px;
  align-content: center;
  gap: 3px;
  padding: 8px 9px;
  border: 1px solid color-mix(in srgb, var(--copy-handoff-dot) 18%, rgba(181,138,88,.12));
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.5)),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--copy-handoff-dot) 12%, transparent), transparent 56%);
}

#copywriting .copy-handoff-steps small {
  overflow: hidden;
  color: rgba(80,56,45,.56);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copywriting .copy-handoff-steps strong {
  overflow: hidden;
  color: color-mix(in srgb, var(--copy-handoff-dot) 74%, #3f2d27);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#copywriting .copy-handoff-card.copy-handoff-pulse {
  animation: copyHandoffPulse .98s var(--ease-out) both;
}

@media (prefers-reduced-motion: no-preference) {
  #copywriting .copy-handoff-card::before {
    animation: copyHandoffSweep 7.4s ease-in-out infinite;
  }

  #copywriting .copy-handoff-card::after {
    animation: copyHandoffRail 4.7s ease-in-out infinite;
  }
}

@keyframes copyHandoffSweep {
  0%, 48% {
    opacity: .1;
    transform: translateX(-126%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .36;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes copyHandoffRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.58);
  }
  50% {
    opacity: .58;
    transform: scaleX(1);
  }
}

@keyframes copyHandoffPulse {
  0% {
    box-shadow: 0 0 0 rgba(47,111,100,0), inset 0 1px 0 rgba(255,255,255,.76);
  }
  42% {
    box-shadow: 0 0 0 5px var(--copy-handoff-glow), 0 18px 36px var(--copy-handoff-glow), inset 0 1px 0 rgba(255,255,255,.86);
  }
  100% {
    box-shadow: 0 14px 30px rgba(92,70,59,.06), inset 0 1px 0 rgba(255,255,255,.76);
  }
}

@media (max-width: 720px) {
  #copywriting .copy-handoff-head strong,
  #copywriting .copy-handoff-steps strong {
    white-space: normal;
  }

  #copywriting .copy-handoff-steps {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #copywriting .copy-handoff-card,
  #copywriting .copy-handoff-card::before,
  #copywriting .copy-handoff-card::after {
    animation: none !important;
  }
}

/* Reshape upload intake readability pass */
#reshape .reshape-side .upload-box {
  min-height: 176px;
  padding: 24px 18px;
  align-content: center;
}

#reshape .reshape-side .upload-box p {
  max-width: 24em;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.62;
}

#reshape .reshape-side .upload-icon {
  margin-bottom: 12px;
}

@media (min-width: 1181px) and (max-width: 1500px) {
  #reshape .reshape-side .upload-box {
    min-height: 188px;
  }
}

@media (max-width: 720px) {
  #reshape .reshape-side .upload-box {
    min-height: 154px;
    padding: 20px 16px;
  }
}

/* Mobile focus glow containment pass */
@media (max-width: 720px) {
  #dashboard .workflow-panel {
    overflow-x: hidden;
  }

  #reshape .reshape-builder,
  #reshape .reshape-side {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

/* Reshape first-screen generation action pass */
@media (min-width: 1181px) and (max-width: 1500px) {
  #reshape .reshape-side {
    height: min(720px, calc(100vh - 292px));
    max-height: min(720px, calc(100vh - 292px));
  }
}

#reshape .result-actions {
  position: sticky;
  bottom: 0;
  z-index: 4;
  margin-top: 10px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255,253,249,.92), rgba(255,247,235,.86)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.18), transparent 42%);
  box-shadow:
    0 -14px 24px rgba(255,253,249,.86),
    0 14px 30px rgba(159,102,93,.1);
}

@media (max-width: 720px) {
  #reshape .result-actions {
    position: relative;
    bottom: auto;
  }
}

/* Reshape consult handoff brief pass */
#reshape .reshape-brief-card {
  --reshape-brief-dot: #7d9d91;
  position: relative;
  display: grid;
  gap: 9px;
  margin: 8px 0;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.2);
  border-radius: 16px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.6)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.17), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.12), transparent 38%);
  box-shadow:
    0 14px 30px rgba(47,111,100,.065),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#reshape .reshape-brief-card.hidden {
  display: none;
}

#reshape .reshape-brief-card::before,
#reshape .reshape-brief-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#reshape .reshape-brief-card::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .22;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, rgba(125,157,145,.24) 61%, transparent 76%);
  transform: translateX(-126%) skewX(-12deg);
}

#reshape .reshape-brief-card::after {
  left: 16px;
  right: 16px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, var(--reshape-brief-dot), rgba(255,253,249,.78), transparent);
}

#reshape .reshape-brief-head,
#reshape .reshape-brief-card p {
  position: relative;
  z-index: 1;
}

#reshape .reshape-brief-head {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

#reshape .reshape-brief-head i,
#reshape .reshape-brief-head svg {
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid rgba(47,111,100,.24);
  border-radius: 12px;
  color: #2f6f64;
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.7));
  box-shadow:
    0 8px 18px rgba(47,111,100,.12),
    inset 0 1px 0 rgba(255,255,255,.78);
  stroke-width: 2.35;
}

#reshape .reshape-brief-head span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#reshape .reshape-brief-head small {
  color: rgba(47,111,100,.68);
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#reshape .reshape-brief-head strong {
  overflow: hidden;
  color: #2f4f48;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#reshape .reshape-brief-card p {
  margin: 0;
  color: rgba(80,56,45,.66);
  font-size: 12px;
  font-weight: 820;
  line-height: 1.5;
}

#reshape #reshapeNextStep.has-consult-brief {
  border-color: rgba(47,111,100,.28);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(228,241,237,.78), rgba(255,253,249,.86)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.16), transparent 40%);
}

#reshape .reshape-brief-card.reshape-brief-pulse {
  animation: reshapeBriefPulse .98s var(--ease-out) both;
}

@media (prefers-reduced-motion: no-preference) {
  #reshape .reshape-brief-card::before {
    animation: reshapeBriefSweep 7.8s ease-in-out infinite;
  }

  #reshape .reshape-brief-card::after {
    animation: reshapeBriefRail 4.8s ease-in-out infinite;
  }
}

@keyframes reshapeBriefSweep {
  0%, 48% {
    opacity: .1;
    transform: translateX(-126%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .36;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes reshapeBriefRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.58);
  }
  50% {
    opacity: .58;
    transform: scaleX(1);
  }
}

@keyframes reshapeBriefPulse {
  0% {
    box-shadow: 0 0 0 rgba(47,111,100,0), inset 0 1px 0 rgba(255,255,255,.76);
  }
  42% {
    box-shadow: 0 0 0 5px rgba(47,111,100,.08), 0 18px 36px rgba(47,111,100,.1), inset 0 1px 0 rgba(255,255,255,.86);
  }
  100% {
    box-shadow: 0 14px 30px rgba(47,111,100,.065), inset 0 1px 0 rgba(255,255,255,.76);
  }
}

@media (max-width: 720px) {
  #reshape .reshape-brief-head strong {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  #reshape .reshape-brief-card,
  #reshape .reshape-brief-card::before,
  #reshape .reshape-brief-card::after {
    animation: none !important;
  }
}

/* Reshape compact status readability pass */
@media (min-width: 1181px) and (max-width: 1500px) {
  #reshape .selected-summary {
    min-height: 76px;
    padding: 12px 72px 12px 14px;
    margin: 8px 0;
    overflow: visible;
  }

  #reshape #reshapeActionCost,
  #reshape #reshapeNextStep {
    min-height: 54px;
    margin: 6px 0;
    overflow: visible;
  }
}

/* Reshape compact upload rail pass */
@media (min-width: 1181px) and (max-width: 1500px) {
  #reshape .reshape-side .upload-box {
    min-height: 96px;
    padding: 10px 14px;
    text-align: left;
  }

  #reshape .reshape-side .upload-box > div {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    width: 100%;
  }

  #reshape .reshape-side .upload-icon {
    margin: 0;
    grid-row: 1 / span 2;
    align-self: center;
  }

  #reshape .reshape-side .upload-box strong,
  #reshape .reshape-side .upload-box p {
    grid-column: 2;
    min-width: 0;
  }

  #reshape .reshape-side .upload-box p {
    line-height: 1.42;
  }

  #reshape .result-actions {
    position: relative;
    bottom: auto;
    margin-top: 8px;
  }

  #reshape .reshape-side {
    padding-bottom: 18px;
  }
}

/* Reshape compact action visibility pass */
@media (min-width: 1181px) and (max-width: 1500px) {
  #reshape .result-actions {
    margin-top: 6px;
    padding: 7px;
    gap: 8px;
  }

  #reshape .result-actions .btn {
    min-height: 40px;
    padding: 8px 12px;
  }
}

/* Mobile owner polish audit pass */
@media (max-width: 720px) {
  .dashboard-orbit-detail,
  .frontline-safety-strip,
  .consult-safety-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .dashboard-orbit-detail {
    min-height: auto;
  }

  .dashboard-orbit-detail span,
  .frontline-safety-strip span,
  .consult-safety-strip span {
    min-height: 38px;
    padding: 8px 6px 8px 20px;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0;
  }

  .frontline-safety-strip span::before,
  .consult-safety-strip span::before {
    left: 8px;
    width: 6px;
    height: 6px;
    box-shadow: 0 0 0 3px rgba(125,157,145,.08);
  }

  .frontline-safety-strip span::after,
  .consult-safety-strip span::after {
    left: 8px;
    right: 8px;
    bottom: 5px;
  }

  .profile-history {
    overflow: hidden;
  }

  .profile-history .profile-panel-head.compact {
    align-items: center;
  }

  .history-table {
    min-width: 0;
    width: 100%;
    table-layout: auto;
    border-spacing: 0;
  }

  .history-table thead {
    display: none;
  }

  .history-table tbody,
  .history-table tbody tr,
  .history-table tbody td {
    display: block;
    width: 100%;
  }

  .history-table tbody tr:not(.history-empty-row) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0 0 10px;
    padding: 12px;
    border: 1px solid rgba(181,138,88,.14);
    border-radius: var(--radius);
    background:
      linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.58)),
      radial-gradient(circle at 100% 0, rgba(217,185,140,.11), transparent 36%);
    box-shadow:
      0 10px 24px rgba(92,70,59,.05),
      inset 0 1px 0 rgba(255,255,255,.72);
  }

  .history-table tbody tr:not(.history-empty-row) td {
    display: grid;
    grid-template-columns: 5.6em minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    width: 100% !important;
    padding: 0;
    border: 0;
    background: transparent !important;
    line-height: 1.5;
    word-break: break-word;
  }

  .history-table tbody tr:not(.history-empty-row) td::before {
    content: attr(data-label);
    color: rgba(80,56,45,.58);
    font-size: 12px;
    font-weight: 950;
    line-height: 1.5;
  }

  .history-table tbody tr:first-child:not(.history-empty-row) td:first-child {
    padding-left: 0;
  }

  .history-table tbody tr:first-child:not(.history-empty-row) td:first-child::before {
    content: attr(data-label);
    position: static;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    box-shadow: none;
    transform: none;
    animation: none !important;
  }

  .history-table tbody tr:first-child:not(.history-empty-row) td:first-child::after {
    display: none;
  }

  .history-preview-cell {
    max-width: none;
  }

  .history-result-actions {
    justify-content: flex-start;
  }

  .history-empty-row {
    display: block;
    width: 100%;
  }

  .history-empty-row td {
    display: grid;
    width: 100%;
    grid-column: 1 / -1;
    min-height: 118px;
    place-items: center;
    padding: 24px 16px !important;
  }

  .history-table td:nth-child(1),
  .history-table td:nth-child(4),
  .history-table td:nth-child(5) {
    width: 100% !important;
  }

  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    max-height: none;
    overflow: visible;
  }

  #copywriting .copy-layout > .copy-panel:first-child {
    height: auto;
    padding-bottom: 16px;
  }

  #copywriting #copyGenerate {
    position: relative;
    bottom: auto;
    z-index: 1;
  }

  #watermark .watermark-common-panel input[type="range"] {
    height: 44px;
    min-height: 44px;
    padding: 8px 0;
  }
}

/* Owner detail polish pass: fixed front line canvas and centered quota cues */
@media (min-width: 921px) {
  #copywriting {
    --frontline-panel-height: min(560px, calc(100vh - 252px));
  }

  #copywriting .copy-layout {
    align-items: stretch;
  }

  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: var(--frontline-panel-height);
    min-height: 440px;
    max-height: var(--frontline-panel-height);
    overflow: hidden;
  }

  #copywriting .copy-layout > .copy-panel:first-child {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    overscroll-behavior: auto;
    scrollbar-width: none;
  }

  #copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  #copywriting #copyPromptPresets {
    flex: 0 0 auto;
  }

  #copywriting .form-grid {
    flex: 0 0 auto;
  }

  #copywriting .copy-panel > .field {
    flex: 1 1 auto;
    min-height: 0;
  }

  #copywriting .copy-panel > .field textarea {
    height: clamp(126px, 22vh, 188px);
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    resize: none;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(217,185,140,.52) rgba(255,253,249,.48);
  }

  #copywriting .copy-panel > .field textarea::-webkit-scrollbar {
    width: 8px;
  }

  #copywriting .copy-panel > .field textarea::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(240,95,87,.62), rgba(242,184,75,.54));
    background-clip: padding-box;
  }

  #copywriting #copyActionCost {
    flex: 0 0 auto;
    margin: 10px 0;
  }

  #copywriting #copyGenerate,
  #copywriting #copyActionCost + #copyGenerate {
    position: relative;
    bottom: auto;
    z-index: 2;
    flex: 0 0 auto;
    margin-top: 10px;
    box-shadow:
      0 14px 30px rgba(159,102,93,.12),
      inset 0 1px 0 rgba(255,255,255,.42);
  }

  #copywriting .copy-result-panel {
    display: flex;
    flex-direction: column;
  }

  #copywriting .copy-result-panel #copyOutput {
    flex: 1 1 auto;
    min-height: 0;
  }
}

@media (min-width: 1181px) {
  .view > .section-head {
    align-items: center;
    gap: 24px;
  }

  .view > .section-head > div {
    min-width: 0;
    flex: 1 1 auto;
  }

  .view > .section-head p {
    max-width: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 1.5;
  }

  #copywriting > .section-head p {
    font-size: 15px;
  }
}

.action-cost-note.has-after-quota,
.watermark-tip.has-after-quota {
  padding-right: 14px;
  padding-bottom: 44px;
  text-align: center;
}

.action-cost-note.has-after-quota[data-after-quota]::after,
.watermark-tip.has-after-quota[data-after-quota]::after {
  top: auto;
  right: auto;
  bottom: 10px;
  left: 50%;
  min-width: 136px;
  justify-content: center;
  text-align: center;
  color: #fffdf9;
  border-color: rgba(255,255,255,.48);
  background: linear-gradient(135deg, #f05f57, #d94870 48%, #f2b84b);
  box-shadow:
    0 12px 24px rgba(217,72,112,.2),
    0 0 0 4px rgba(240,95,87,.1),
    inset 0 1px 0 rgba(255,255,255,.46);
  transform: translateX(-50%);
}

.action-cost-note.has-after-quota.is-low[data-after-quota]::after,
.watermark-tip.has-after-quota.is-blocked[data-after-quota]::after,
.action-cost-note.has-after-quota.will-spend-all[data-after-quota]::after,
.watermark-tip.has-after-quota.will-spend-all[data-after-quota]::after {
  color: #fffdf9;
  border-color: rgba(255,255,255,.48);
  background: linear-gradient(135deg, #f05f57, #d94870 48%, #f2b84b);
}

@media (max-width: 920px) {
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  #copywriting .copy-panel > .field textarea {
    max-height: 260px;
    overflow-y: auto;
    resize: none;
  }
}

/* Quota badge split-color polish pass */
.action-cost-note.has-after-quota,
.watermark-tip.has-after-quota {
  display: grid;
  align-content: start;
  justify-items: center;
  min-height: 112px;
  padding: 18px 18px 64px;
  text-align: center;
}

#reshape #reshapeActionCost.has-after-quota,
#consult #consultActionCost.has-after-quota,
#consult #momentsActionCost.has-after-quota,
#copywriting #copyActionCost.has-after-quota,
#watermark #watermarkNextStep.has-after-quota {
  min-height: 112px;
}

.action-cost-note.has-after-quota[data-after-quota]::after,
.watermark-tip.has-after-quota[data-after-quota]::after {
  content: "";
  left: 38px;
  right: 18px;
  top: auto;
  bottom: 12px;
  width: auto;
  min-width: 0;
  max-width: none;
  height: 1px;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,224,138,.44), rgba(125,157,145,.26), transparent);
  box-shadow: none;
  opacity: .32;
  transform: none;
  animation: guidanceBeaconUnderlight 7.6s ease-in-out infinite;
}

.after-quota-badge {
  position: absolute;
  left: 50%;
  bottom: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  min-width: min(230px, calc(100% - 38px));
  max-width: calc(100% - 36px);
  min-height: 36px;
  padding: 8px 16px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 999px;
  color: #fff7e8;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(135deg, #8f5b55, #bf8277 50%, #b58a58);
  box-shadow:
    0 14px 28px rgba(159,102,93,.18),
    0 0 0 5px rgba(217,185,140,.09),
    inset 0 1px 0 rgba(255,255,255,.5);
  white-space: nowrap;
  transform: translateX(-50%);
  animation: afterQuotaBadgeBreath 5.8s ease-in-out infinite;
}

.after-quota-label {
  color: rgba(255,247,232,.78);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.after-quota-value {
  color: #ffe08a;
  font-size: 17px;
  font-weight: 1000;
  line-height: 1;
  text-shadow:
    0 1px 10px rgba(255,224,138,.42),
    0 0 18px rgba(255,236,176,.2);
}

.action-cost-note.has-after-quota.is-low .after-quota-badge,
.watermark-tip.has-after-quota.is-blocked .after-quota-badge,
.action-cost-note.has-after-quota.will-spend-all .after-quota-badge,
.watermark-tip.has-after-quota.will-spend-all .after-quota-badge {
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(135deg, #9f665d, #c4776d 52%, #d9b98c);
}

@media (max-width: 720px) {
  .action-cost-note.has-after-quota,
  .watermark-tip.has-after-quota {
    min-height: 108px;
    padding: 16px 14px 64px;
  }

  .after-quota-badge {
    min-width: min(218px, calc(100% - 28px));
    max-width: calc(100% - 28px);
    padding: 8px 14px;
    gap: 7px;
  }

  .after-quota-value {
    font-size: 16px;
  }
}

/* Consult writing space rebalance pass */
#consult #consultScenarioSwitch {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px;
  padding: 10px;
}

#consult #consultScenarioSwitch .consult-scenario {
  min-height: 64px;
  padding: 10px 12px;
}

#consult #consultScenarioSwitch .consult-scenario span {
  font-size: 14px;
  line-height: 1.3;
}

#consult #consultScenarioSwitch .consult-scenario small {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.35;
}

#consult #consultContext {
  height: clamp(230px, 34vh, 300px) !important;
  min-height: 230px;
}

#copywriting .copy-layout > .copy-panel:first-child {
  overflow-y: auto;
}

#copywriting .copy-panel > .field {
  flex: 0 0 auto;
  min-height: auto;
}

#copywriting .copy-panel > .field textarea {
  height: clamp(220px, 32vh, 280px) !important;
  min-height: 220px;
  max-height: none;
}

#copywriting #copyActionCost.has-after-quota {
  min-height: 82px;
}

#copywriting .action-cost-note.has-after-quota,
#consult .action-cost-note.has-after-quota,
#consult .watermark-tip.has-after-quota {
  padding-top: 14px;
  padding-bottom: 54px;
}

@media (min-width: 921px) and (max-height: 760px) {
  #copywriting .copy-panel > .field textarea {
    height: clamp(190px, 30vh, 230px) !important;
    min-height: 190px;
  }

  #consult #consultContext {
    height: clamp(210px, 32vh, 260px) !important;
    min-height: 210px;
  }
}

@media (max-width: 720px) {
  #consult #consultScenarioSwitch {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #consult #consultContext,
  #copywriting .copy-panel > .field textarea {
    height: 220px !important;
    min-height: 220px;
  }
}

/* Frontline full-height action visibility pass */
@media (min-width: 921px) {
  #copywriting {
    --frontline-panel-height: max(680px, calc(100vh - 160px));
  }

  #copywriting .copy-layout {
    align-items: stretch;
  }

  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: var(--frontline-panel-height);
    min-height: 680px;
    max-height: none;
  }

  #copywriting .copy-layout > .copy-panel:first-child {
    overflow: visible;
    padding-bottom: 24px;
  }

  #copywriting #copyPromptPresets,
  #copywriting .form-grid,
  #copywriting .copy-panel > .field,
  #copywriting #copyActionCost,
  #copywriting #copyGenerate {
    flex: 0 0 auto;
  }

  #copywriting #copyGenerate {
    position: relative;
    bottom: auto;
    display: flex;
    min-height: 52px;
    margin-top: 12px;
  }

  #copywriting .copy-result-panel {
    overflow: hidden;
  }

  #copywriting .copy-result-panel #copyOutput {
    flex: 1 1 auto;
    max-height: none;
  }
}

/* Dashboard workflow companion fill pass */
#dashboard .workflow-panel {
  display: flex;
  flex-direction: column;
}

#dashboard .workflow-companion {
  position: relative;
  min-height: 132px;
  margin-top: 14px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(232,242,238,.56)),
    radial-gradient(circle at 8% 0, rgba(217,185,140,.18), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.16), transparent 36%);
  box-shadow:
    0 18px 36px rgba(92,70,59,.07),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#dashboard .workflow-companion::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  opacity: .22;
  background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,255,255,.9) 50%, rgba(217,185,140,.26) 58%, transparent 72%);
  transform: translateX(-118%) skewX(-12deg);
}

#dashboard .workflow-insight-strip {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

#dashboard .workflow-insight-strip span {
  min-width: 0;
  display: grid;
  gap: 3px;
  min-height: 56px;
  place-items: center;
  padding: 9px 6px;
  border: 1px solid rgba(181,138,88,.13);
  border-radius: var(--radius-sm);
  background: rgba(255,253,249,.7);
  text-align: center;
}

#dashboard .workflow-insight-strip strong {
  color: #9f665d;
  font-size: 18px;
  font-weight: 950;
}

#dashboard .workflow-insight-strip small {
  color: rgba(80,56,45,.66);
  font-size: 11px;
  font-weight: 900;
}

#dashboard .workflow-sparkline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  gap: 8px;
  height: 54px;
  margin-top: 12px;
  padding: 0 4px;
}

#dashboard .workflow-sparkline span {
  flex: 1 1 0;
  min-width: 12px;
  height: calc(18px + var(--level) * 1px);
  border-radius: 999px 999px 6px 6px;
  background: linear-gradient(180deg, rgba(217,185,140,.86), rgba(125,157,145,.62));
  box-shadow: 0 8px 18px rgba(125,157,145,.16);
  transform-origin: bottom;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .workflow-companion::before {
    animation: dashboardOrbitTrace 8.6s ease-in-out infinite;
  }

  #dashboard .workflow-sparkline span {
    animation: workflowSparkBreath 3.8s ease-in-out infinite;
    animation-delay: calc(var(--level) * -45ms);
  }
}

@keyframes workflowSparkBreath {
  0%, 100% { transform: scaleY(.86); opacity: .68; }
  50% { transform: scaleY(1); opacity: 1; }
}

/* Consult tone dock and action symmetry pass */
#consult .consult-tab-panel[data-consult-panel="expert"].active {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

#consult .consult-tab-panel[data-consult-panel="expert"].active .consult-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
  margin-top: auto;
  padding-top: 14px;
}

#consult .consult-tone-options {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
}

#consult .consult-tone-options .btn {
  min-height: 42px;
  padding: 9px 13px;
}

#consult .consult-tone-options .btn.active,
#consult .consult-tone-options .btn[aria-pressed="true"] {
  color: #7d4039;
  border-color: rgba(159,102,93,.38);
  background:
    linear-gradient(145deg, rgba(255,247,235,.96), rgba(232,242,238,.72)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.22), transparent 34%);
  box-shadow:
    0 12px 26px rgba(159,102,93,.12),
    inset 0 0 0 1px rgba(255,255,255,.66);
}

#consult #consultGenerate {
  justify-self: end;
  align-self: end;
  min-width: 168px;
  min-height: 52px;
}

/* Consult tone dock jewel command pass */
#consult .consult-tone-options {
  position: relative;
  isolation: isolate;
  padding: 8px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.52)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 34%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow: hidden;
}

#consult .consult-tone-options::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.32), transparent);
}

#consult .consult-tone-options .btn {
  --tone-dot: #d9b98c;
  position: relative;
  z-index: 1;
  padding-left: 26px;
  overflow: hidden;
}

#consult .consult-tone-options .btn::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  pointer-events: none;
  background: var(--tone-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--tone-dot, #d9b98c) 15%, transparent),
    0 0 14px color-mix(in srgb, var(--tone-dot, #d9b98c) 46%, transparent);
  transform: translateY(-50%);
}

#consult .consult-tone-options .btn.active::before,
#consult .consult-tone-options .btn[aria-pressed="true"]::before {
  --tone-dot: #7d9d91;
}

#consult #consultGenerate {
  position: relative;
  overflow: hidden;
  box-shadow:
    0 18px 38px rgba(159,102,93,.18),
    inset 0 1px 0 rgba(255,255,255,.28);
}

#consult #consultGenerate::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .4;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.9), rgba(125,157,145,.4), transparent);
}

@media (prefers-reduced-motion: no-preference) {
  #consult .consult-tone-options::after {
    animation: consultToneDockRail 7.4s ease-in-out infinite;
  }

  #consult .consult-tone-options .btn::before {
    animation: consultToneDotPulse 4.4s ease-in-out infinite;
  }

  #consult .consult-tone-options .btn:nth-child(2)::before {
    animation-delay: .32s;
  }

  #consult .consult-tone-options .btn:nth-child(3)::before {
    animation-delay: .64s;
  }

  #consult #consultGenerate::after {
    animation: copywritingUnderlight 6.2s ease-in-out infinite;
  }

  #consult .consult-tone-options:hover::after,
  #consult .consult-tone-options:focus-within::after,
  #consult .consult-tone-options .btn:hover::before,
  #consult .consult-tone-options .btn:focus-visible::before,
  #consult #consultGenerate:hover::after,
  #consult #consultGenerate:focus-visible::after {
    animation-play-state: paused;
  }
}

@keyframes consultToneDockRail {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.62);
  }
  50% {
    opacity: .5;
    transform: scaleX(1);
  }
}

@keyframes consultToneDotPulse {
  0%, 100% {
    opacity: .72;
    transform: translateY(-50%) scale(.9);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.16);
  }
}

@media (prefers-reduced-motion: reduce) {
  #consult .consult-tone-options::after,
  #consult .consult-tone-options .btn::before,
  #consult #consultGenerate::after {
    animation: none !important;
  }
}

/* Frontline button symmetry final pass */
@media (min-width: 921px) {
  #copywriting {
    --frontline-panel-height: max(760px, calc(100vh - 136px));
  }

  #copywriting .copy-layout {
    align-items: stretch;
  }

  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    min-height: 760px;
    height: var(--frontline-panel-height);
    max-height: none;
  }

  #copywriting .copy-layout > .copy-panel:first-child {
    display: flex;
    flex-direction: column;
    overflow: visible;
    padding-bottom: 24px;
  }

  #copywriting .copy-panel > .field {
    flex: 0 0 auto;
  }

  #copywriting .copy-panel > .field textarea {
    height: clamp(240px, 34vh, 320px) !important;
    min-height: 240px;
  }

  #copywriting #copyActionCost {
    flex: 0 0 auto;
  }

  #copywriting #copyGenerate {
    position: relative;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin-top: auto;
    flex: 0 0 auto;
  }

  #copywriting .copy-result-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  #copywriting .copy-result-panel #copyOutput {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
  }
}

@media (max-width: 920px) {
  #dashboard .workflow-insight-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active .consult-actions {
    grid-template-columns: 1fr;
  }

  #consult #consultGenerate {
    width: 100%;
    justify-self: stretch;
  }

  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: auto;
    min-height: 0;
  }
}

/* Recharge plan hierarchy icon polish pass */
.profile-packages .price-card.recommended,
.profile-packages .price-card.high-frequency,
.profile-packages .price-card.deal,
.profile-packages .price-card.best-value {
  min-height: 244px;
  padding-top: 52px;
  isolation: isolate;
}

.profile-packages .price-card.high-frequency {
  border-color: rgba(181,138,88,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,248,236,.78)),
    radial-gradient(circle at 95% 0, rgba(217,185,140,.13), transparent 38%);
}

.profile-packages .price-card.deal {
  border-color: rgba(180,138,88,.3);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,244,230,.86)),
    radial-gradient(circle at 0 0, rgba(181,138,88,.14), transparent 36%);
}

.profile-packages .price-card.best-value {
  border-color: rgba(213,178,95,.58);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(236,246,242,.86)),
    radial-gradient(circle at 0 0, rgba(255,232,166,.26), transparent 36%),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.2), transparent 34%);
  box-shadow:
    0 24px 56px rgba(92,70,59,.12),
    0 0 0 1px rgba(255,232,166,.36) inset,
    0 0 34px rgba(217,185,140,.18);
}

.profile-packages .plan-badge {
  position: absolute;
  top: 12px;
  left: 14px;
  right: auto;
  z-index: 4;
  display: grid;
  grid-template-columns: 26px minmax(0, auto);
  align-items: center;
  gap: 7px;
  width: fit-content;
  min-width: 112px;
  max-width: calc(100% - 28px);
  min-height: 34px;
  padding: 4px 11px 4px 5px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.26);
  border-radius: 999px;
  color: #7d4f37;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(246,225,196,.86)),
    radial-gradient(circle at 0 0, rgba(255,255,255,.82), transparent 34%);
  box-shadow:
    0 10px 22px rgba(181,138,88,.14),
    inset 0 1px 0 rgba(255,255,255,.76);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.profile-packages .plan-badge i,
.profile-packages .plan-badge svg {
  width: 16px;
  height: 16px;
  justify-self: center;
  color: currentColor;
  fill: rgba(217,185,140,.2);
  stroke-width: 2.55;
}

.profile-packages .plan-badge::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  width: 26px;
  z-index: -1;
  border-radius: 999px;
  background: rgba(255,255,255,.64);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.74);
}

.profile-packages .plan-badge-frequency {
  color: #9f5b2c;
  border-color: rgba(217,185,140,.34);
}

.profile-packages .plan-badge-team {
  color: #875145;
  border-color: rgba(191,130,119,.3);
}

.profile-packages .plan-badge-annual {
  color: #55776d;
  border-color: rgba(255,232,166,.58);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(229,242,238,.86)),
    radial-gradient(circle at 0 0, rgba(255,232,166,.34), transparent 38%);
  box-shadow:
    0 12px 28px rgba(125,157,145,.16),
    0 0 22px rgba(217,185,140,.18),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.profile-packages .price-card > strong {
  max-width: 100%;
  margin-bottom: 8px;
  line-height: 1.35;
}

.profile-packages .plan-quota {
  --quota-glow: rgba(181,138,88,.32);
  margin: 10px 0 6px;
  color: rgba(61,51,46,.78);
  font-size: 12px;
  font-weight: 850;
}

.profile-packages .plan-quota span {
  display: inline-block;
  margin-right: 4px;
  color: #8f5b55;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
  text-shadow:
    0 0 12px var(--quota-glow),
    0 8px 18px rgba(92,70,59,.08);
}

.profile-packages .plan-quota-institution span {
  --quota-glow: rgba(191,130,119,.34);
  color: #9f665d;
}

.profile-packages .plan-quota-frequency span {
  --quota-glow: rgba(217,185,140,.42);
  color: #b07942;
}

.profile-packages .plan-quota-team span {
  --quota-glow: rgba(197,144,106,.48);
  color: #9f5b4f;
}

.profile-packages .plan-quota-annual span {
  --quota-glow: rgba(255,232,166,.68);
  color: #55776d;
  font-size: 26px;
  text-shadow:
    0 0 10px rgba(255,255,255,.9),
    0 0 22px var(--quota-glow),
    0 12px 26px rgba(125,157,145,.16);
}

.profile-packages .price-card.best-value::before {
  content: "";
  position: absolute;
  inset: 7px;
  z-index: 0;
  pointer-events: none;
  border-radius: calc(var(--radius) - 2px);
  background:
    linear-gradient(90deg, rgba(255,232,166,.72), transparent 18%, transparent 82%, rgba(255,232,166,.48)),
    linear-gradient(180deg, rgba(255,232,166,.52), transparent 24%, transparent 76%, rgba(125,157,145,.22));
  opacity: .5;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.profile-packages .price-card.best-value::after {
  box-shadow:
    0 0 0 1px rgba(255,232,166,.42) inset,
    0 0 26px rgba(217,185,140,.24);
}

.profile-packages .price-card.high-frequency::after,
.profile-packages .price-card.deal::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: calc(var(--radius) - 1px);
  opacity: .22;
  background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.86) 48%, rgba(217,185,140,.24) 58%, transparent 72%);
  transform: translateX(-118%) skewX(-12deg);
}

.profile-packages .price-card.high-frequency > *,
.profile-packages .price-card.deal > *,
.profile-packages .price-card.best-value > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .profile-packages .plan-quota span {
    animation: planQuotaGlow 5.8s ease-in-out infinite;
  }

  .profile-packages .price-card.high-frequency::after,
  .profile-packages .price-card.deal::after,
  .profile-packages .price-card.best-value::after {
    animation: profileRechargeUnderlight 7.2s ease-in-out infinite;
  }

  .profile-packages .price-card.best-value::before {
    animation: annualPlanCrownBorder 6.8s ease-in-out infinite;
  }
}

@keyframes planQuotaGlow {
  0%, 100% { filter: saturate(1); }
  50% { filter: saturate(1.22) brightness(1.08); }
}

@keyframes annualPlanCrownBorder {
  0%, 100% { opacity: .38; transform: scale(.998); }
  50% { opacity: .72; transform: scale(1); }
}

@media (max-width: 720px) {
  .profile-packages .price-card.recommended,
  .profile-packages .price-card.high-frequency,
  .profile-packages .price-card.deal,
  .profile-packages .price-card.best-value {
    padding-top: 50px;
  }

  .profile-packages .plan-badge {
    min-width: 106px;
  }
}

/* Recharge plan badge collision correction pass */
.profile-packages .price-card.recommended > .plan-badge,
.profile-packages .price-card.high-frequency > .plan-badge,
.profile-packages .price-card.deal > .plan-badge,
.profile-packages .price-card.best-value > .plan-badge {
  position: absolute;
  top: 12px;
  left: 14px;
  right: auto;
  z-index: 5;
}

.profile-packages .price-card.recommended > strong,
.profile-packages .price-card.high-frequency > strong,
.profile-packages .price-card.deal > strong,
.profile-packages .price-card.best-value > strong {
  margin-top: 4px;
}

/* Generation atelier loading chamber pass */
.result-box.is-loading,
.copy-output.is-generating,
.consult-output.is-generating {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.4);
  outline: 1px solid rgba(255,253,249,.68);
  outline-offset: -4px;
  background:
    radial-gradient(circle at 18% 0, rgba(217,185,140,.22), transparent 36%),
    radial-gradient(circle at 92% 92%, rgba(125,157,145,.16), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.76));
  box-shadow:
    0 20px 50px rgba(92,70,59,.11),
    0 0 0 4px rgba(217,185,140,.045),
    inset 0 1px 0 rgba(255,253,249,.82);
}

.copy-output.is-generating,
.consult-output.is-generating {
  min-height: 340px;
  align-content: center;
  justify-items: start;
  padding: 30px 28px 42px;
}

.result-box.is-loading > *,
.copy-output.is-generating > *,
.consult-output.is-generating > * {
  position: relative;
  z-index: 2;
}

.result-box.is-loading::before,
.copy-output.is-generating::before,
.consult-output.is-generating::before {
  content: "";
  position: absolute;
  inset: 9px;
  z-index: 1;
  pointer-events: none;
  border: 1px solid rgba(217,185,140,.24);
  border-radius: calc(var(--radius) - 2px);
  background:
    radial-gradient(circle at 22% 24%, rgba(255,253,249,.52), transparent 28%),
    radial-gradient(circle at 78% 76%, rgba(125,157,145,.16), transparent 32%),
    linear-gradient(115deg, transparent 0%, rgba(255,232,166,.18) 46%, transparent 62%);
  opacity: .74;
  box-shadow:
    inset 0 0 0 1px rgba(255,253,249,.48),
    inset 0 0 30px rgba(217,185,140,.08);
  transform: none;
}

.result-box.is-loading::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 18px;
  z-index: 4;
  height: 8px;
  pointer-events: none;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 999px;
  background:
    linear-gradient(90deg, transparent, rgba(181,138,88,.28), rgba(255,232,166,.76), rgba(125,157,145,.44), transparent) 0 0 / 220% 100%,
    rgba(255,253,249,.78);
  box-shadow:
    0 10px 24px rgba(181,138,88,.15),
    inset 0 1px 0 rgba(255,253,249,.78);
}

.copy-output.is-generating::after,
.consult-output.is-generating::after {
  content: "";
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 22px;
  z-index: 2;
  height: 2px;
  pointer-events: none;
  border-radius: 999px;
  background:
    linear-gradient(90deg, transparent, rgba(181,138,88,.64), rgba(125,157,145,.34), transparent) 0 0 / 210% 100%;
  box-shadow: 0 0 18px rgba(217,185,140,.2);
}

.result-box.is-loading .comparison-result::after,
.result-box.is-loading > div::after,
.result-box.is-loading .dual-preview-wrap::after {
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.72), rgba(255,232,166,.72), rgba(125,157,145,.5), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.28);
}

.copy-output.is-generating strong,
.consult-output.is-generating strong {
  color: #4d3931;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: 0;
}

.copy-output.is-generating p,
.consult-output.is-generating p {
  max-width: 58ch;
  color: rgba(80,56,45,.72);
  font-size: 13px;
  line-height: 1.7;
}

.copy-output.is-generating .output-skeleton,
.consult-output.is-generating .output-skeleton {
  width: min(100%, 560px);
  gap: 10px;
}

.copy-output.is-generating .output-skeleton span,
.consult-output.is-generating .output-skeleton span {
  height: 13px;
  border: 1px solid rgba(181,138,88,.08);
  background:
    linear-gradient(90deg, rgba(181,138,88,.08), rgba(217,185,140,.15), rgba(125,157,145,.08));
  box-shadow: inset 0 1px 0 rgba(255,253,249,.62);
}

.copy-output.is-generating .output-skeleton span::after,
.consult-output.is-generating .output-skeleton span::after {
  width: 46%;
  background: linear-gradient(90deg, transparent, rgba(255,253,249,.9), rgba(255,232,166,.58), transparent);
  animation: none;
}

.result-box.is-loading .pending-state-card {
  border-color: rgba(217,185,140,.28);
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.7));
  box-shadow:
    0 18px 42px rgba(92,70,59,.1),
    inset 0 1px 0 rgba(255,253,249,.74);
}

.pending-after-copy {
  color: #4d3931;
}

.pending-after-copy span {
  width: 48px;
  height: 48px;
  border-color: rgba(217,185,140,.46);
  background:
    conic-gradient(from 120deg, rgba(217,185,140,.08), rgba(217,185,140,.92), rgba(184,121,114,.74), rgba(125,157,145,.78), rgba(217,185,140,.08));
  box-shadow:
    0 14px 34px rgba(181,138,88,.22),
    0 0 0 6px rgba(217,185,140,.07);
  animation: none;
}

.pending-after-copy span::after {
  width: 30px;
  height: 30px;
  margin: 8px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,232,166,.2), transparent 38%),
    rgba(255,253,249,.96);
  box-shadow: inset 0 0 0 1px rgba(181,138,88,.1);
}

@media (prefers-reduced-motion: no-preference) {
  .result-box.is-loading::before,
  .copy-output.is-generating::before,
  .consult-output.is-generating::before {
    animation: generationChamberBreath 4.8s ease-in-out infinite;
  }

  .result-box.is-loading::after {
    animation: generationScanRail 2.2s ease-in-out infinite;
  }

  .copy-output.is-generating::after,
  .consult-output.is-generating::after {
    animation: generationScanRail 2.8s ease-in-out infinite;
  }

  .result-box.is-loading .comparison-result::after,
  .result-box.is-loading > div::after,
  .result-box.is-loading .dual-preview-wrap::after {
    animation: generationCorePulse 1.9s ease-in-out infinite;
  }

  .copy-output.is-generating .output-skeleton span::after,
  .consult-output.is-generating .output-skeleton span::after {
    animation: generationSkeletonSweep 1.15s cubic-bezier(.22,1,.36,1) infinite;
  }

  .pending-after-copy span {
    animation: generationChamberOrbit 1.65s linear infinite;
  }
}

@keyframes generationChamberBreath {
  0%, 100% {
    opacity: .58;
    transform: scale(.996);
  }
  50% {
    opacity: .88;
    transform: scale(1);
  }
}

@keyframes generationScanRail {
  0% {
    background-position: 130% 0;
    opacity: .5;
  }
  50% {
    opacity: .98;
  }
  100% {
    background-position: -130% 0;
    opacity: .62;
  }
}

@keyframes generationCorePulse {
  0%, 100% {
    opacity: .44;
    transform: scaleX(.42);
  }
  50% {
    opacity: .92;
    transform: scaleX(1);
  }
}

@keyframes generationSkeletonSweep {
  from { transform: translateX(-125%); }
  to { transform: translateX(255%); }
}

@keyframes generationChamberOrbit {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .result-box.is-loading::before,
  .result-box.is-loading::after,
  .copy-output.is-generating::before,
  .copy-output.is-generating::after,
  .consult-output.is-generating::before,
  .consult-output.is-generating::after,
  .copy-output.is-generating .output-skeleton span::after,
  .consult-output.is-generating .output-skeleton span::after,
  .pending-after-copy span {
    animation: none !important;
  }
}

/* Dashboard static atelier shimmer pass */
#dashboard .command-visual {
  isolation: isolate;
  border-left: 1px solid rgba(181,138,88,.14);
  background: #15100d;
}

#dashboard .command-visual::before,
#dashboard .command-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

#dashboard .command-visual::before {
  background:
    linear-gradient(105deg, transparent 0%, transparent 34%, rgba(255,253,249,.22) 44%, rgba(255,232,166,.22) 50%, transparent 64%),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.22), transparent 32%),
    radial-gradient(circle at 86% 86%, rgba(125,157,145,.18), transparent 34%);
  mix-blend-mode: screen;
  opacity: .64;
  transform: translateX(-32%) skewX(-10deg);
}

#dashboard .command-visual::after {
  inset: 10px;
  border: 1px solid rgba(255,232,166,.2);
  border-radius: calc(var(--radius) - 2px);
  background:
    linear-gradient(90deg, rgba(255,232,166,.34), transparent 18%, transparent 82%, rgba(125,157,145,.2)),
    linear-gradient(180deg, rgba(255,253,249,.22), transparent 26%, transparent 76%, rgba(181,138,88,.26));
  opacity: .5;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#dashboard .command-visual img {
  filter: saturate(1.04) contrast(1.05) brightness(.98);
}

#dashboard .visual-glass {
  z-index: 3;
  overflow: hidden;
  border-color: rgba(255,232,166,.32);
  background:
    linear-gradient(145deg, rgba(24,18,15,.5), rgba(74,54,45,.28)),
    radial-gradient(circle at 18% 0, rgba(255,232,166,.2), transparent 36%);
  box-shadow:
    0 16px 34px rgba(23,20,18,.2),
    0 0 0 1px rgba(255,253,249,.12) inset;
}

#dashboard .visual-glass::before {
  content: "";
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,232,166,.82), rgba(125,157,145,.36), transparent);
  opacity: .58;
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .command-visual::before {
    animation: dashboardHeroImageSweep 9.4s ease-in-out infinite;
  }

  #dashboard .command-visual::after {
    animation: dashboardHeroInnerFrame 7.8s ease-in-out infinite;
  }

  #dashboard .visual-glass::before {
    animation: dashboardHeroBadgeUnderlight 4.8s ease-in-out infinite;
  }
}

@keyframes dashboardHeroImageSweep {
  0%, 100% {
    opacity: .34;
    transform: translateX(-42%) skewX(-10deg);
  }
  48% {
    opacity: .78;
    transform: translateX(38%) skewX(-10deg);
  }
}

@keyframes dashboardHeroInnerFrame {
  0%, 100% {
    opacity: .34;
    filter: saturate(1);
  }
  50% {
    opacity: .68;
    filter: saturate(1.22);
  }
}

@keyframes dashboardHeroBadgeUnderlight {
  0%, 100% {
    opacity: .32;
    transform: scaleX(.5);
  }
  50% {
    opacity: .78;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .command-visual::before,
  #dashboard .command-visual::after,
  #dashboard .visual-glass::before {
    animation: none !important;
  }
}

/* Dashboard hero launch dock pass */
#dashboard .hero-actions {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  align-items: center;
  justify-content: start;
  width: fit-content;
  max-width: 100%;
  margin-top: 14px;
  padding: 6px;
  gap: 8px;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.7), rgba(255,247,235,.42)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.12), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 34%);
  box-shadow:
    0 14px 34px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow: hidden;
}

#dashboard .hero-actions::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 5px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.34), transparent);
}

#dashboard .hero-actions .btn {
  --hero-launch-dot: #d9b98c;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  min-width: 138px;
  padding: 10px 14px;
  white-space: nowrap;
  box-shadow:
    0 12px 28px color-mix(in srgb, var(--hero-launch-dot, #d9b98c) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.26);
}

#dashboard .hero-actions .btn.pink {
  --hero-launch-dot: #c98f88;
}

#dashboard .hero-actions .btn.secondary {
  --hero-launch-dot: #7d9d91;
  color: #2f6f64;
  border-color: rgba(125,157,145,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.66)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.12), transparent 34%);
}

#dashboard .hero-actions .btn i {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  stroke-width: 2.4;
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--hero-launch-dot, #d9b98c) 42%, transparent));
}

#dashboard .hero-actions .btn span,
#dashboard .hero-actions .btn i {
  position: relative;
  z-index: 1;
}

#dashboard .hero-actions .btn::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .3;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--hero-launch-dot, #d9b98c) 62%, #fff7dd), transparent);
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .hero-actions::after {
    animation: dashboardHeroLaunchRail 7.2s ease-in-out infinite;
  }

  #dashboard .hero-actions .btn::after {
    animation: dashboardHeroLaunchRail 5.6s ease-in-out infinite;
  }

  #dashboard .hero-actions .btn:nth-child(2)::after {
    animation-delay: .42s;
  }

  #dashboard .hero-actions:hover::after,
  #dashboard .hero-actions:focus-within::after,
  #dashboard .hero-actions .btn:hover::after,
  #dashboard .hero-actions .btn:focus-visible::after {
    animation-play-state: paused;
  }
}

@keyframes dashboardHeroLaunchRail {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.52);
  }
  50% {
    opacity: .56;
    transform: scaleX(1);
  }
}

@media (max-width: 720px) {
  #dashboard .hero-actions {
    width: 100%;
    grid-template-columns: 1fr;
  }

  #dashboard .hero-actions .btn {
    width: 100%;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .hero-actions::after,
  #dashboard .hero-actions .btn::after {
    animation: none !important;
  }
}

/* Dashboard hero glass signal pass */
#dashboard .visual-glass {
  border-color: rgba(255,232,166,.38);
  backdrop-filter: blur(18px) saturate(1.18);
}

#dashboard .visual-glass::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(135deg, #d9b98c, #fff7dd);
  box-shadow:
    0 0 0 4px rgba(255,232,166,.1),
    0 0 18px rgba(255,232,166,.34);
}

#dashboard .visual-glass-main::after {
  background: linear-gradient(135deg, #7d9d91, #ffe8a6);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.12),
    0 0 18px rgba(255,232,166,.34);
}

#dashboard .visual-glass-sub::after {
  background: linear-gradient(135deg, #d9b98c, #fff7dd);
}

#dashboard .visual-glass strong {
  color: #fff7dd;
  text-shadow:
    0 1px 0 rgba(18,18,18,.28),
    0 0 18px rgba(255,232,166,.32);
}

#dashboard .visual-glass span {
  color: rgba(255,247,221,.76);
}

#dashboard .visual-glass small {
  position: relative;
  display: block;
  padding-bottom: 5px;
  color: rgba(255,253,249,.78);
}

#dashboard .visual-glass small::after {
  content: "";
  position: absolute;
  left: 0;
  right: 4px;
  bottom: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .62;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,232,166,.76), rgba(125,157,145,.36), transparent);
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .visual-glass::after {
    animation: dashboardHeroGlassSignal 3.6s ease-in-out infinite;
  }

  #dashboard .visual-glass small::after {
    animation: dashboardHeroBadgeUnderlight 4.8s ease-in-out infinite;
  }
}

@keyframes dashboardHeroGlassSignal {
  0%, 100% {
    opacity: .62;
    transform: scale(.86);
    filter: brightness(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
    filter: brightness(1.16);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .visual-glass::after,
  #dashboard .visual-glass small::after {
    animation: none !important;
  }
}

/* Dashboard opening quota showcase pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  right: auto;
  top: 50%;
  bottom: auto;
  place-self: center;
  margin: 0;
  z-index: 4;
  display: grid;
  align-content: center;
  place-items: center;
  place-content: center;
  justify-items: center;
  align-items: center;
  justify-content: center;
  grid-template-rows: auto auto auto;
  gap: clamp(14px, 1.8vw, 20px);
  width: min(790px, calc(100% - 24px));
  min-height: 450px;
  box-sizing: border-box;
  padding: clamp(26px, 3vw, 38px) clamp(26px, 3.2vw, 40px);
  color: rgba(255,253,249,.9);
  border: 1px solid rgba(255,232,166,.56);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(34,24,20,.68), rgba(92,58,49,.42)),
    radial-gradient(circle at 14% 0, rgba(255,232,166,.24), transparent 38%),
    radial-gradient(circle at 96% 100%, rgba(125,157,145,.2), transparent 34%),
    radial-gradient(ellipse at 50% 50%, rgba(255,232,166,.1), transparent 68%);
  box-shadow:
    0 24px 58px rgba(18,14,12,.28),
    0 0 0 1px rgba(255,253,249,.14) inset,
    0 0 28px rgba(217,185,140,.16),
    0 0 74px rgba(255,232,166,.16);
  backdrop-filter: blur(20px) saturate(1.2);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  text-align: center;
  text-wrap: balance;
  overflow: hidden;
}

#dashboard .opening-quota-card > * {
  justify-self: center;
}

#dashboard .opening-quota-card::before,
#dashboard .opening-quota-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .opening-quota-card::before {
  inset: 8px;
  border: 1px solid rgba(255,232,166,.24);
  border-radius: 13px;
  background:
    linear-gradient(90deg, rgba(255,232,166,.18), transparent 24%, transparent 76%, rgba(125,157,145,.14)),
    linear-gradient(180deg, rgba(255,253,249,.12), transparent 36%, rgba(217,185,140,.16));
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding: 1px;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#dashboard .opening-quota-card::after {
  left: 12px;
  right: 12px;
  top: 9px;
  height: 2px;
  border-radius: 999px;
  opacity: .74;
  background:
    linear-gradient(90deg, transparent, rgba(255,232,166,.82), rgba(255,253,249,.72), rgba(125,157,145,.38), transparent),
    radial-gradient(circle at 50% 50%, rgba(255,253,249,.82), transparent 64%);
  transform-origin: center;
}

#dashboard .opening-quota-card:hover .opening-quota-head span,
#dashboard .opening-quota-card:focus-within .opening-quota-head span {
  filter:
    drop-shadow(0 0 22px rgba(255,232,166,.72))
    drop-shadow(0 0 46px rgba(217,185,140,.34));
}

#dashboard .opening-quota-card > * {
  width: 100%;
}

#dashboard .opening-quota-head,
#dashboard .opening-quota-grid,
#dashboard .opening-quota-card p {
  position: relative;
  z-index: 1;
}

#dashboard .opening-quota-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 112px;
  margin-bottom: 0;
}

#dashboard .opening-quota-head::before,
#dashboard .opening-quota-head::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  pointer-events: none;
}

#dashboard .opening-quota-head::before {
  width: min(590px, 100%);
  height: 126px;
  border-radius: 999px;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,232,166,.52), rgba(217,185,140,.24) 32%, transparent 68%),
    conic-gradient(from 120deg, transparent 0 18%, rgba(255,253,249,.36), rgba(255,232,166,.54), transparent 62% 100%);
  opacity: .72;
  filter: blur(13px) saturate(1.16);
  transform: translate(-50%, -50%) scale(.96);
}

#dashboard .opening-quota-head::after {
  width: min(640px, 106%);
  height: 148px;
  border-radius: 999px;
  opacity: .78;
  background:
    radial-gradient(circle at 7% 52%, rgba(255,253,249,.96) 0 2px, rgba(255,232,166,.62) 3px, transparent 6px),
    radial-gradient(circle at 18% 22%, rgba(255,232,166,.74) 0 1px, transparent 4px),
    radial-gradient(circle at 83% 30%, rgba(255,253,249,.9) 0 2px, rgba(255,232,166,.48) 3px, transparent 7px),
    radial-gradient(circle at 94% 62%, rgba(255,232,166,.82) 0 2px, transparent 6px),
    linear-gradient(90deg, transparent 0 13%, rgba(255,232,166,.2) 32%, rgba(255,253,249,.24) 50%, rgba(125,157,145,.16) 68%, transparent 88%);
  filter: drop-shadow(0 0 12px rgba(255,232,166,.52)) drop-shadow(0 0 28px rgba(217,185,140,.24));
  transform: translate(-50%, -50%) scale(.98);
}

#dashboard .opening-quota-head span {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 434px;
  overflow: visible;
  isolation: isolate;
  padding: 18px 58px 19px 56px;
  border: 1px solid rgba(255,232,166,.62);
  border-radius: 999px;
  color: #fff7dd;
  background:
    linear-gradient(92deg, #fffdf4 0%, #ffe8a6 28%, #d9b98c 50%, #fff7dd 72%, #fff1bd 100%);
  background-size: 360% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .35px rgba(92,58,49,.24);
  font-size: clamp(50px, 3.85vw, 70px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  will-change: transform, filter, background-position;
  filter:
    drop-shadow(0 0 18px rgba(255,232,166,.56))
    drop-shadow(0 0 34px rgba(217,185,140,.22));
  box-shadow:
    0 0 0 1px rgba(255,253,249,.13) inset,
    0 0 0 5px rgba(255,232,166,.06) inset,
    0 0 32px rgba(255,232,166,.3),
    0 0 68px rgba(217,185,140,.22),
    0 0 96px rgba(255,232,166,.12);
  text-shadow:
    0 1px 0 rgba(18,18,18,.24),
    0 0 30px rgba(255,232,166,.92),
    0 0 62px rgba(217,185,140,.62),
    0 0 92px rgba(255,232,166,.26);
}

#dashboard .opening-quota-head span::marker {
  color: transparent;
}

#dashboard .opening-quota-head span::before,
#dashboard .opening-quota-head span::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .opening-quota-head span::before,
#dashboard .opening-quota-title::before {
  left: 50%;
  top: 50%;
  z-index: 0;
  width: min(470px, 98%);
  height: 90px;
  border-radius: inherit;
  opacity: .72;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.44), rgba(255,232,166,.28) 38%, transparent 72%),
    linear-gradient(90deg, transparent 0%, rgba(255,253,249,.26) 42%, rgba(255,232,166,.4) 52%, transparent 72%);
  filter: blur(10px) saturate(1.18);
  mix-blend-mode: screen;
  transform: translate(-50%, -50%) scale(.92) rotate(-2deg);
}

#dashboard .opening-quota-head span::after {
  inset: -10px -18px;
  z-index: -1;
  border-radius: inherit;
  opacity: .72;
  background:
    radial-gradient(circle at 14% 50%, rgba(255,253,249,.76) 0 2px, transparent 4px),
    radial-gradient(circle at 28% 18%, rgba(255,232,166,.72) 0 1px, transparent 4px),
    radial-gradient(circle at 72% 22%, rgba(255,253,249,.7) 0 2px, transparent 5px),
    radial-gradient(circle at 89% 64%, rgba(255,232,166,.78) 0 2px, transparent 5px),
    conic-gradient(from 180deg at 50% 50%, transparent 0 18%, rgba(255,232,166,.34), transparent 42% 100%);
  filter:
    blur(.2px)
    drop-shadow(0 0 12px rgba(255,232,166,.52))
    drop-shadow(0 0 24px rgba(217,185,140,.24));
}

#dashboard .opening-quota-title-glint,
#dashboard .opening-quota-title-shine {
  position: absolute;
  inset: 7px 16px;
  z-index: 0;
  border-radius: inherit;
  opacity: .58;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 50%, rgba(255,253,249,.9) 0 2px, transparent 3px),
    radial-gradient(circle at 32% 24%, rgba(255,232,166,.82) 0 1px, transparent 3px),
    radial-gradient(circle at 56% 74%, rgba(255,253,249,.78) 0 2px, transparent 4px),
    radial-gradient(circle at 78% 34%, rgba(217,185,140,.8) 0 1px, transparent 3px),
    radial-gradient(circle at 92% 58%, rgba(255,232,166,.76) 0 2px, transparent 4px);
  filter: drop-shadow(0 0 8px rgba(255,232,166,.62));
}

#dashboard .opening-quota-title-shine {
  inset: -24px -46px;
  z-index: 2;
  opacity: .86;
  mix-blend-mode: screen;
  background:
    radial-gradient(circle at 12% 52%, rgba(255,253,249,.98) 0 2px, transparent 3px),
    radial-gradient(circle at 86% 42%, rgba(255,232,166,.9) 0 2px, transparent 4px),
    linear-gradient(115deg, transparent 0 32%, rgba(255,253,249,.92) 44%, rgba(255,232,166,.72) 50%, transparent 64%);
  filter:
    drop-shadow(0 0 10px rgba(255,253,249,.52))
    drop-shadow(0 0 24px rgba(255,232,166,.42));
  transform: translateX(-118%) skewX(-16deg);
}

#dashboard .opening-quota-title-glint::before,
#dashboard .opening-quota-title-glint::after,
#dashboard .opening-quota-title-shine::before,
#dashboard .opening-quota-title-shine::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .opening-quota-title-shine::before {
  left: 13%;
  top: 50%;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: conic-gradient(from 45deg, transparent 0 18%, rgba(255,253,249,.9), rgba(255,232,166,.86), transparent 64% 100%);
  filter: blur(.1px) drop-shadow(0 0 16px rgba(255,232,166,.56));
  transform: translate(-50%, -50%) rotate(0deg);
}

#dashboard .opening-quota-title-shine::after {
  right: 16%;
  top: 48%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #fffdf4;
  box-shadow:
    0 0 12px rgba(255,253,249,.92),
    0 0 22px rgba(255,232,166,.82),
    0 0 30px rgba(255,232,166,.58);
  transform: translateY(-50%) scale(.72);
}

#dashboard .opening-quota-title-glint::before {
  inset: -16px -30px;
  border-radius: 999px;
  padding: 1px;
  opacity: .92;
  background:
    conic-gradient(from 0deg, transparent 0 18%, rgba(255,232,166,.9), rgba(255,253,249,.72), rgba(125,157,145,.42), transparent 68% 100%),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.42), transparent 44%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#dashboard .opening-quota-title-glint::after {
  left: -12%;
  top: 50%;
  width: 124%;
  height: 2px;
  border-radius: 999px;
  opacity: .62;
  background: linear-gradient(90deg, transparent, rgba(255,253,249,.9), rgba(255,232,166,.72), transparent);
  filter: blur(.2px) drop-shadow(0 0 10px rgba(255,232,166,.56));
  transform: translateY(-50%) rotate(-8deg);
}

#dashboard .opening-quota-title {
  --opening-title-tilt: 0deg;
}

#dashboard .opening-quota-title::after {
  inset: -18px -58px -18px 6px;
  z-index: 0;
  border-radius: 999px;
  background:
    linear-gradient(100deg, transparent 0%, rgba(255,247,221,.26) 38%, rgba(255,232,166,.95) 50%, rgba(255,253,249,.58) 58%, transparent 72%),
    radial-gradient(circle at 18% 50%, rgba(255,232,166,.42), transparent 44%);
  opacity: .9;
  mix-blend-mode: screen;
  transform: translateX(-124%) skewX(-13deg);
}

#dashboard .opening-quota-head span b {
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: .86em;
  padding: 0 .01em;
  font: inherit;
  color: inherit;
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: inherit;
  transform-origin: center bottom;
}

#dashboard .opening-quota-head span b:nth-of-type(1)::after {
  left: 60%;
}

#dashboard .opening-quota-head span b:nth-of-type(3)::after,
#dashboard .opening-quota-head span b:nth-of-type(5)::after {
  left: 42%;
}

#dashboard .opening-quota-head span b::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: .92em;
  height: .92em;
  border-radius: 45% 55% 50% 50%;
  opacity: .42;
  background:
    radial-gradient(circle at 42% 30%, rgba(255,253,249,.92), rgba(255,232,166,.46) 34%, transparent 68%),
    radial-gradient(circle at 62% 72%, rgba(217,185,140,.42), transparent 60%);
  filter: blur(3px) saturate(1.12);
  transform: translate(-50%, -46%) scale(.64);
}

#dashboard .opening-quota-head span b::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  opacity: 0;
  background: radial-gradient(circle, #fffdf4 0 18%, #ffe8a6 42%, transparent 72%);
  box-shadow:
    0 0 12px rgba(255,253,249,.9),
    0 0 22px rgba(255,232,166,.7),
    0 0 34px rgba(217,185,140,.48);
  transform: translate(-50%, 5px) scale(.24);
}

#dashboard .opening-quota-head strong {
  position: absolute;
  right: 2px;
  top: 50%;
  padding: 5px 10px;
  border: 1px solid rgba(255,232,166,.28);
  border-radius: 999px;
  color: rgba(255,253,249,.82);
  background:
    linear-gradient(145deg, rgba(255,253,249,.13), rgba(255,232,166,.08));
  font-size: 11.5px;
  letter-spacing: 0;
  transform: translateY(-50%);
}

#dashboard .opening-quota-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  gap: 12px;
}

#dashboard .opening-quota-grid span {
  display: grid;
  min-height: 86px;
  padding: 12px 10px 10px;
  border: 1px solid rgba(255,232,166,.2);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.14), rgba(255,253,249,.06)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 58%);
  box-shadow:
    0 10px 26px rgba(18,14,12,.16),
    inset 0 1px 0 rgba(255,255,255,.2);
  text-align: center;
}

#dashboard .opening-quota-grid small,
#dashboard .opening-quota-grid em {
  color: rgba(255,253,249,.72);
  font-style: normal;
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.1;
}

#dashboard .opening-quota-grid strong {
  align-self: center;
  color: #ffe8a6;
  font-size: clamp(30px, 2.55vw, 38px);
  line-height: .95;
  text-shadow:
    0 1px 0 rgba(18,18,18,.28),
    0 0 14px rgba(255,232,166,.48),
    0 0 28px rgba(217,185,140,.26);
}

#dashboard .opening-quota-card p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  width: min(100%, 690px);
  max-width: none;
  margin: 0;
  padding: 19px 24px 21px;
  overflow: visible;
  -webkit-line-clamp: unset;
  -webkit-box-orient: initial;
  border: 1px solid rgba(255,232,166,.34);
  border-radius: 18px;
  color: rgba(255,253,249,.9);
  background:
    linear-gradient(90deg, rgba(125,157,145,.22), rgba(255,232,166,.2), rgba(255,253,249,.12)),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.22), transparent 68%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 12px 30px rgba(18,14,12,.16),
    0 0 28px rgba(217,185,140,.14);
  font-size: clamp(19px, 1.55vw, 25px);
  font-weight: 900;
  line-height: 1.18;
  text-align: center;
  white-space: normal;
}

#dashboard .opening-quota-card .opening-standard-price,
#dashboard .opening-standard-price {
  width: min(100%, 730px);
  min-height: 154px;
  padding: 26px 32px 29px;
  font-size: clamp(26px, 2.1vw, 34px);
}

#dashboard .opening-standard-price span {
  flex: 0 0 100%;
  color: #fff9e8;
  font-size: clamp(46px, 3.85vw, 66px);
  font-weight: 950;
  line-height: 1.05;
  text-shadow:
    0 1px 0 rgba(18,18,18,.24),
    0 0 22px rgba(255,232,166,.58),
    0 0 42px rgba(217,185,140,.34);
}

#dashboard .opening-standard-price em {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  color: rgba(255,253,249,.9);
  font-style: normal;
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 920;
}

#dashboard .opening-standard-price i {
  color: rgba(255,232,166,.46);
  font-style: normal;
  font-weight: 950;
}

#dashboard .opening-standard-price strong {
  position: relative;
  isolation: isolate;
  display: inline-block;
  margin: 0 3px;
  padding: 6px 19px 8px;
  overflow: hidden;
  border: 1px solid rgba(255,239,141,.95);
  border-radius: 15px;
  color: #4e3028;
  background:
    linear-gradient(180deg, #fffdf4 0%, #ffe8a6 44%, #d9b98c 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.56), transparent 58%),
    radial-gradient(circle at 50% 100%, rgba(125,157,145,.26), transparent 62%);
  font-size: clamp(58px, 4.85vw, 86px);
  font-weight: 950;
  line-height: .92;
  text-shadow:
    0 1px 0 rgba(255,253,249,.62),
    0 0 18px rgba(255,232,166,.82),
    0 0 36px rgba(217,185,140,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.3),
    0 0 0 1px rgba(255,253,249,.12),
    0 0 46px rgba(255,232,166,.7),
    0 0 72px rgba(217,185,140,.42),
    0 10px 24px rgba(18,14,12,.18);
}

#dashboard .opening-standard-price strong::after {
  content: "";
  position: absolute;
  inset: -42% -70%;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(105deg, transparent 32%, rgba(255,253,249,.82) 44%, rgba(255,232,166,.72) 50%, transparent 62%),
    radial-gradient(circle at 50% 50%, rgba(255,253,249,.24), transparent 58%);
  opacity: .7;
  mix-blend-mode: screen;
  transform: translateX(-74%) rotate(10deg);
}

#dashboard .opening-standard-price strong::selection {
  color: #5c3a31;
  background: #ffe8a6;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card::after {
    animation: openingQuotaTopRail 4.6s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span::before {
    animation: openingQuotaTitleSpotlight 3.85s ease-in-out infinite;
  }

  #dashboard .opening-quota-title::before {
    animation: openingQuotaTitleSpotlight 3.85s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span::after {
    animation: openingQuotaTitleConstellation 4.15s ease-in-out infinite;
  }

  #dashboard .opening-quota-head::before {
    animation: openingQuotaTitleHalo 4.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-head::after {
    animation: openingQuotaTitleSparkField 3.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span {
    animation:
      openingQuotaTitleGlow 3.2s ease-in-out infinite,
      openingQuotaTitleAttention 2.7s ease-in-out infinite,
      openingQuotaTitleFloat 6.2s ease-in-out infinite,
      openingQuotaTitleMagnet 1.8s ease-in-out infinite,
      openingQuotaTitlePulse 2.35s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-glint {
    animation: openingQuotaTitleDust 3.6s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-glint::before {
    animation: openingQuotaTitleOrbit 5.8s linear infinite;
  }

  #dashboard .opening-quota-title-glint::after {
    animation:
      openingQuotaTitleNeedle 2.6s ease-in-out infinite,
      openingQuotaTitleBadgeSpark 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-shine {
    animation: openingQuotaTitleShine 2.75s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-shine::before {
    animation: openingQuotaStarBloom 2.75s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-shine::after {
    animation: openingQuotaStarDrift 2.75s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span b {
    animation: openingQuotaTitleGlyph 2.9s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span b::before {
    animation: openingQuotaGlyphAura 2.9s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span b::after {
    animation: openingQuotaGlyphSpark 2.9s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span b:nth-of-type(1) {
    animation-delay: 0s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(1)::after {
    animation-delay: 0s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(1)::before {
    animation-delay: 0s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(2) {
    animation-delay: .13s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(2)::after {
    animation-delay: .13s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(2)::before {
    animation-delay: .13s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(3) {
    animation-delay: .26s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(3)::after {
    animation-delay: .26s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(3)::before {
    animation-delay: .26s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(4) {
    animation-delay: .39s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(4)::after {
    animation-delay: .39s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(4)::before {
    animation-delay: .39s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(5) {
    animation-delay: .52s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(5)::after {
    animation-delay: .52s;
  }

  #dashboard .opening-quota-head span b:nth-of-type(5)::before {
    animation-delay: .52s;
  }

  #dashboard .opening-quota-title::after {
    animation: openingQuotaTitleSweep 2.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-grid strong {
    animation: openingQuotaNumberGlow 5.2s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaStandardGlow 4.4s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong::after {
    animation: openingQuotaStandardSweep 3.7s ease-in-out infinite;
  }

  #dashboard .opening-standard-price {
    animation: openingQuotaStandardBadgePulse 5.6s ease-in-out infinite;
  }
}

@keyframes openingQuotaTopRail {
  0%, 100% {
    opacity: .36;
    transform: scaleX(.56);
  }
  50% {
    opacity: .92;
    transform: scaleX(1);
  }
}

@keyframes openingQuotaBeacon {
  0%, 100% {
    transform: scale(.86);
    filter: brightness(.98);
  }
  50% {
    transform: scale(1.18);
    filter: brightness(1.18);
  }
}

@keyframes openingQuotaTitleSpotlight {
  0%, 100% {
    opacity: .42;
    filter: blur(12px) saturate(1);
    transform: translate(-50%, -50%) scale(.88) rotate(-3deg);
  }
  42% {
    opacity: .94;
    filter: blur(8px) saturate(1.34) brightness(1.2);
    transform: translate(-50%, -50%) scale(1.08) rotate(2deg);
  }
  68% {
    opacity: .62;
    filter: blur(10px) saturate(1.14);
    transform: translate(-50%, -50%) scale(.98) rotate(-1deg);
  }
}

@keyframes openingQuotaNumberGlow {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.22);
  }
}

@keyframes openingQuotaTitleGlow {
  0%, 100% {
    color: #fff7dd;
    background-position: 0% 50%;
    filter: brightness(1);
    text-shadow:
      0 1px 0 rgba(18,18,18,.24),
      0 0 22px rgba(255,232,166,.72),
      0 0 44px rgba(217,185,140,.48);
  }
  45% {
    color: #ffe8a6;
    background-position: 100% 50%;
    filter: brightness(1.34) saturate(1.12);
    text-shadow:
      0 1px 0 rgba(18,18,18,.24),
      0 0 28px rgba(255,232,166,.9),
      0 0 58px rgba(217,185,140,.58);
  }
  70% {
    color: #fffdf4;
    background-position: 72% 50%;
    filter: brightness(1.08);
  }
}

@keyframes openingQuotaTitleFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-1px) scale(1.018);
  }
}

@keyframes openingQuotaTitlePulse {
  0%, 100% {
    outline: 0 solid rgba(255,232,166,0);
    outline-offset: 0;
  }
  48% {
    outline: 9px solid rgba(255,232,166,.12);
    outline-offset: 3px;
  }
}

@keyframes openingQuotaTitleAttention {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter:
      drop-shadow(0 0 18px rgba(255,232,166,.56))
      drop-shadow(0 0 34px rgba(217,185,140,.22));
  }
  38% {
    transform: translateY(-2px) scale(1.026);
    filter:
      drop-shadow(0 0 26px rgba(255,253,249,.72))
      drop-shadow(0 0 52px rgba(255,232,166,.48))
      drop-shadow(0 0 84px rgba(217,185,140,.28));
  }
  58% {
    transform: translateY(0) scale(1.006);
    filter:
      drop-shadow(0 0 20px rgba(255,232,166,.62))
      drop-shadow(0 0 40px rgba(217,185,140,.26));
  }
}

@keyframes openingQuotaTitleMagnet {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(255,253,249,.13) inset,
      0 0 0 5px rgba(255,232,166,.06) inset,
      0 0 28px rgba(255,232,166,.24),
      0 0 58px rgba(217,185,140,.18);
  }
  45% {
    box-shadow:
      0 0 0 1px rgba(255,253,249,.2) inset,
      0 0 0 5px rgba(255,232,166,.09) inset,
      0 0 44px rgba(255,232,166,.42),
      0 0 90px rgba(217,185,140,.3);
  }
}

@keyframes openingQuotaTitleOrbit {
  0% {
    opacity: .38;
    filter: brightness(1);
    transform: rotate(0deg);
  }
  45% {
    opacity: 1;
    filter: brightness(1.24);
  }
  100% {
    opacity: .38;
    filter: brightness(1);
    transform: rotate(360deg);
  }
}

@keyframes openingQuotaTitleDust {
  0%, 100% {
    opacity: .36;
    transform: translateX(-4px) scale(.98);
  }
  48% {
    opacity: .92;
    transform: translateX(5px) scale(1.04);
  }
}

@keyframes openingQuotaTitleNeedle {
  0%, 100% {
    opacity: .16;
    transform: translateY(-50%) translateX(-18px) rotate(-8deg) scaleX(.82);
  }
  48% {
    opacity: .82;
    transform: translateY(-50%) translateX(18px) rotate(-8deg) scaleX(1.02);
  }
}

@keyframes openingQuotaTitleBadgeSpark {
  0%, 100% {
    opacity: .28;
    box-shadow: 0 0 0 rgba(255,232,166,0);
  }
  44% {
    opacity: 1;
    box-shadow:
      0 0 18px rgba(255,253,249,.78),
      0 0 36px rgba(255,232,166,.58);
  }
  68% {
    opacity: .48;
    box-shadow:
      0 0 10px rgba(255,232,166,.32),
      0 0 22px rgba(217,185,140,.22);
  }
}

@keyframes openingQuotaTitleSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-124%) skewX(-13deg);
  }
  52% {
    opacity: .92;
    transform: translateX(102%) skewX(-13deg);
  }
}

@keyframes openingQuotaTitleHalo {
  0%, 100% {
    opacity: .42;
    filter: blur(16px) saturate(1.05);
    transform: translate(-50%, -50%) scale(.94) rotate(0deg);
  }
  46% {
    opacity: .9;
    filter: blur(10px) saturate(1.32);
    transform: translate(-50%, -50%) scale(1.04) rotate(2deg);
  }
  72% {
    opacity: .58;
    transform: translate(-50%, -50%) scale(.99) rotate(-1deg);
  }
}

@keyframes openingQuotaTitleSparkField {
  0%, 100% {
    opacity: .42;
    filter: drop-shadow(0 0 8px rgba(255,232,166,.38)) drop-shadow(0 0 18px rgba(217,185,140,.18));
    transform: translate(-50%, -50%) scale(.96) rotate(-1.5deg);
  }
  42% {
    opacity: 1;
    filter: drop-shadow(0 0 16px rgba(255,232,166,.74)) drop-shadow(0 0 34px rgba(217,185,140,.32));
    transform: translate(-50%, -50%) scale(1.04) rotate(1.5deg);
  }
  68% {
    opacity: .64;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

@keyframes openingQuotaTitleConstellation {
  0%, 100% {
    opacity: .38;
    filter:
      blur(.4px)
      drop-shadow(0 0 8px rgba(255,232,166,.34))
      drop-shadow(0 0 18px rgba(217,185,140,.16));
    transform: scale(.96) rotate(-1deg);
  }
  46% {
    opacity: 1;
    filter:
      blur(.1px)
      drop-shadow(0 0 18px rgba(255,232,166,.72))
      drop-shadow(0 0 36px rgba(217,185,140,.34));
    transform: scale(1.04) rotate(1.2deg);
  }
  70% {
    opacity: .66;
    transform: scale(1) rotate(0deg);
  }
}

@keyframes openingQuotaTitleGlyph {
  0%, 100% {
    filter: brightness(1) drop-shadow(0 0 0 rgba(255,232,166,0));
    transform: translateY(0) scale(1);
  }
  38% {
    filter: brightness(1.76) saturate(1.26) drop-shadow(0 0 16px rgba(255,232,166,.86));
    transform: translateY(-5px) scale(1.11);
  }
  62% {
    filter: brightness(1.1) drop-shadow(0 0 5px rgba(255,232,166,.26));
    transform: translateY(0) scale(1);
  }
}

@keyframes openingQuotaGlyphAura {
  0%, 100% {
    opacity: .22;
    filter: blur(4px) saturate(1);
    transform: translate(-50%, -46%) scale(.62);
  }
  38% {
    opacity: .76;
    filter: blur(2px) saturate(1.28);
    transform: translate(-50%, -50%) scale(1.08);
  }
  62% {
    opacity: .36;
    filter: blur(3px) saturate(1.08);
    transform: translate(-50%, -46%) scale(.78);
  }
}

@keyframes openingQuotaGlyphSpark {
  0%, 24%, 100% {
    opacity: 0;
    transform: translate(-50%, 6px) scale(.22);
  }
  38% {
    opacity: 1;
    transform: translate(-50%, -2px) scale(1.16);
  }
  58% {
    opacity: .28;
    transform: translate(-50%, 2px) scale(.58);
  }
}

@keyframes openingQuotaTitleShine {
  0%, 100% {
    opacity: .12;
    transform: translateX(-118%) skewX(-16deg);
  }
  42% {
    opacity: .94;
    transform: translateX(118%) skewX(-16deg);
  }
  58% {
    opacity: .24;
    transform: translateX(136%) skewX(-16deg);
  }
}

@keyframes openingQuotaStarBloom {
  0%, 100% {
    opacity: .12;
    transform: translate(-50%, -50%) rotate(0deg) scale(.58);
  }
  42% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(135deg) scale(1.08);
  }
  58% {
    opacity: .36;
    transform: translate(-50%, -50%) rotate(190deg) scale(.72);
  }
}

@keyframes openingQuotaStarDrift {
  0%, 100% {
    opacity: .1;
    transform: translate(-18px, -50%) scale(.42);
  }
  42% {
    opacity: 1;
    transform: translate(12px, -50%) scale(1.08);
  }
  62% {
    opacity: .28;
    transform: translate(26px, -50%) scale(.58);
  }
}

@keyframes openingQuotaStandardGlow {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  50% {
    filter: brightness(1.18);
    transform: translateY(-1px);
  }
}

@keyframes openingQuotaStandardBadgePulse {
  0%, 100% {
    border-color: rgba(255,232,166,.34);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 12px 30px rgba(18,14,12,.16),
      0 0 28px rgba(217,185,140,.14);
  }
  48% {
    border-color: rgba(255,232,166,.58);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.2),
      0 16px 34px rgba(18,14,12,.18),
      0 0 42px rgba(255,232,166,.28),
      0 0 72px rgba(217,185,140,.18);
  }
}

@keyframes openingQuotaStandardSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-76%) rotate(10deg);
  }
  48% {
    opacity: .82;
    transform: translateX(76%) rotate(10deg);
  }
}

@media (max-width: 920px) {
  #dashboard .visual-glass-main {
    top: 14px;
    bottom: auto;
    transform-origin: left top;
  }

  #dashboard .opening-quota-card {
    position: absolute;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    width: min(680px, calc(100% - 28px));
    margin-top: 0;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 300px;
  }

  #dashboard .opening-quota-card {
    width: 100%;
    min-height: 0;
    padding: 17px;
    gap: 10px;
    border-radius: 15px;
  }

  #dashboard .opening-quota-head {
    flex-direction: column;
    gap: 6px;
    margin-bottom: 8px;
  }

  #dashboard .opening-quota-head span {
    min-width: min(300px, calc(100vw - 64px));
    padding: 9px 22px 10px 21px;
    font-size: clamp(33px, 8.5vw, 40px);
    overflow: hidden;
  }

  #dashboard .opening-quota-head strong {
    position: static;
    transform: none;
    font-size: 10px;
  }

  #dashboard .opening-quota-grid {
    gap: 6px;
  }

  #dashboard .opening-quota-grid span {
    min-height: 64px;
    padding: 8px 5px;
    border-radius: 12px;
  }

  #dashboard .opening-quota-grid strong {
    font-size: 24px;
  }

  #dashboard .opening-quota-card p {
    white-space: normal;
    width: 100%;
    min-height: 126px;
    padding: 15px 12px 16px;
    gap: 6px;
    font-size: 21px;
  }

  #dashboard .opening-standard-price span {
    font-size: 1.86em;
  }

  #dashboard .opening-standard-price em {
    font-size: 1.08em;
  }

  #dashboard .opening-standard-price strong {
    padding: 2px 9px 4px;
    font-size: 2.38em;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card::after,
  #dashboard .opening-quota-head::before,
  #dashboard .opening-quota-head::after,
  #dashboard .opening-quota-head span::before,
  #dashboard .opening-quota-title::before,
  #dashboard .opening-quota-head span,
  #dashboard .opening-quota-title-glint,
  #dashboard .opening-quota-title-glint::before,
  #dashboard .opening-quota-title-glint::after,
  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-title-shine::before,
  #dashboard .opening-quota-title-shine::after,
  #dashboard .opening-quota-head span b,
  #dashboard .opening-quota-head span b::before,
  #dashboard .opening-quota-head span b::after,
  #dashboard .opening-quota-title::after,
  #dashboard .opening-quota-grid strong,
  #dashboard .opening-standard-price,
  #dashboard .opening-standard-price strong,
  #dashboard .opening-standard-price strong::after {
    animation: none !important;
  }

  #dashboard .opening-quota-head span::after {
    animation: none !important;
  }
}

/* Dashboard opening quota attention refinement pass */
#dashboard .opening-quota-card {
  left: 50%;
  right: auto;
  top: 50%;
  bottom: auto;
  width: min(830px, calc(100% - 28px));
  height: min(540px, calc(100% - 28px));
  max-height: calc(100% - 28px);
  padding: clamp(28px, 3.2vw, 44px);
  gap: clamp(15px, 1.9vw, 22px);
  place-items: center;
  place-content: center;
  transform: translate3d(-50%, -50%, 0);
}

#dashboard .opening-quota-head {
  min-height: 126px;
}

#dashboard .opening-quota-head span.opening-quota-title {
  min-width: min(500px, 100%);
  padding: 20px 66px 22px 64px;
  font-size: clamp(54px, 4.25vw, 78px);
  box-shadow:
    0 0 0 1px rgba(255,253,249,.16) inset,
    0 0 0 5px rgba(255,232,166,.08) inset,
    0 0 42px rgba(255,232,166,.38),
    0 0 92px rgba(217,185,140,.26),
    0 0 124px rgba(255,232,166,.18);
}

#dashboard .opening-quota-head span.opening-quota-title b {
  filter:
    brightness(1.08)
    drop-shadow(0 0 10px rgba(255,232,166,.56));
}

#dashboard .opening-standard-price {
  width: min(100%, 760px);
  min-height: 176px;
  padding: 28px 34px 31px;
  border-color: rgba(255,232,166,.48);
  font-size: clamp(30px, 2.45vw, 42px);
}

#dashboard .opening-standard-price span {
  color: #fffdf4;
  font-size: clamp(52px, 4.45vw, 76px);
  text-shadow:
    0 1px 0 rgba(18,18,18,.22),
    0 0 28px rgba(255,232,166,.7),
    0 0 58px rgba(217,185,140,.42);
}

#dashboard .opening-standard-price em {
  font-size: clamp(28px, 2.28vw, 38px);
}

#dashboard .opening-standard-price strong {
  color: #3f261f;
  font-size: clamp(68px, 5.35vw, 98px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 0 0 1px rgba(255,253,249,.18),
    0 0 58px rgba(255,232,166,.78),
    0 0 98px rgba(217,185,140,.5),
    0 12px 28px rgba(18,14,12,.2);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleGlow 3.2s ease-in-out infinite,
      openingQuotaTitleAttention 2.7s ease-in-out infinite,
      openingQuotaTitleFloat 6.2s ease-in-out infinite,
      openingQuotaTitleMagnet 1.8s ease-in-out infinite,
      openingQuotaTitlePulse 2.35s ease-in-out infinite,
      openingQuotaTitleCrownFlash 2.05s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b {
    animation:
      openingQuotaTitleGlyph 2.9s ease-in-out infinite,
      openingQuotaTitleLetterFlash 2.35s ease-in-out infinite;
  }

  #dashboard .opening-standard-price span {
    animation: openingQuotaStandardLabelGlow 4.6s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong {
    animation:
      openingQuotaStandardGlow 4.4s ease-in-out infinite,
      openingQuotaStandardNumberHalo 3.4s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleCrownFlash {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(255,253,249,.16) inset,
      0 0 0 5px rgba(255,232,166,.08) inset,
      0 0 34px rgba(255,232,166,.28),
      0 0 74px rgba(217,185,140,.2);
  }
  42% {
    box-shadow:
      0 0 0 1px rgba(255,253,249,.26) inset,
      0 0 0 6px rgba(255,232,166,.12) inset,
      0 0 54px rgba(255,232,166,.52),
      0 0 112px rgba(217,185,140,.36),
      0 0 150px rgba(255,253,249,.16);
  }
}

@keyframes openingQuotaTitleLetterFlash {
  0%, 100% {
    filter:
      brightness(1.02)
      drop-shadow(0 0 6px rgba(255,232,166,.34));
  }
  36% {
    filter:
      brightness(1.78)
      saturate(1.24)
      drop-shadow(0 0 18px rgba(255,253,249,.92))
      drop-shadow(0 0 34px rgba(255,232,166,.72));
  }
  62% {
    filter:
      brightness(1.12)
      drop-shadow(0 0 10px rgba(255,232,166,.42));
  }
}

@keyframes openingQuotaStandardLabelGlow {
  0%, 100% {
    filter: brightness(1);
  }
  48% {
    filter: brightness(1.2) saturate(1.08);
  }
}

@keyframes openingQuotaStandardNumberHalo {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      0 0 0 1px rgba(255,253,249,.18),
      0 0 46px rgba(255,232,166,.62),
      0 0 76px rgba(217,185,140,.38),
      0 10px 24px rgba(18,14,12,.18);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      0 0 0 1px rgba(255,253,249,.24),
      0 0 68px rgba(255,232,166,.88),
      0 0 118px rgba(217,185,140,.58),
      0 14px 30px rgba(18,14,12,.2);
  }
}

@media (max-width: 920px) {
  #dashboard .opening-quota-card {
    width: min(700px, calc(100% - 28px));
    height: auto;
    min-height: min(500px, calc(100% - 26px));
    max-height: calc(100% - 26px);
    padding: clamp(22px, 3.6vw, 34px);
  }

  #dashboard .opening-standard-price {
    min-height: 160px;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 420px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    height: auto;
    min-height: 0;
    max-height: calc(100% - 18px);
    padding: 15px;
    gap: 10px;
  }

  #dashboard .opening-quota-head {
    min-height: 94px;
    margin-bottom: 2px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 350px);
    min-width: 0;
    padding: 10px 24px 11px;
    overflow: visible;
    font-size: clamp(32px, 8.7vw, 43px);
  }

  #dashboard .opening-standard-price {
    min-height: 138px;
    padding: 15px 12px 17px;
    font-size: 22px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(32px, 8.7vw, 44px);
  }

  #dashboard .opening-standard-price em {
    font-size: clamp(18px, 5.4vw, 24px);
  }

  #dashboard .opening-standard-price strong {
    padding: 3px 10px 5px;
    font-size: clamp(40px, 11vw, 56px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price span {
    animation: none !important;
  }
}

/* Dashboard opening quota centered luxury pass */
#dashboard .opening-quota-card {
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(860px, calc(100% - 32px));
  min-height: min(560px, calc(100% - 32px));
  height: auto;
  max-height: calc(100% - 32px);
  padding: clamp(30px, 3.45vw, 48px);
  transform: translate3d(-50%, -50%, 0);
  display: grid;
  place-items: center;
  place-content: center;
  align-content: center;
  justify-content: center;
  gap: clamp(16px, 2vw, 24px);
}

#dashboard .opening-quota-head span.opening-quota-title {
  min-width: min(540px, 100%);
  padding: 22px 72px 24px 70px;
  border-color: rgba(255,239,181,.78);
  background:
    linear-gradient(92deg, #fffdf4 0%, #fff0b8 22%, #ffd36d 42%, #fffdf4 56%, #d9b98c 72%, #fff3c9 100%);
  background-size: 440% 100%;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.18) inset,
    0 0 0 6px rgba(255,232,166,.09) inset,
    0 0 54px rgba(255,232,166,.48),
    0 0 110px rgba(217,185,140,.32),
    0 0 156px rgba(255,232,166,.2);
  text-shadow:
    0 1px 0 rgba(18,18,18,.22),
    0 0 34px rgba(255,253,249,.92),
    0 0 68px rgba(255,232,166,.82),
    0 0 116px rgba(217,185,140,.42);
  animation-composition: add;
}

#dashboard .opening-quota-title::before {
  width: min(540px, 106%);
  height: 116px;
  opacity: .86;
}

#dashboard .opening-quota-title::after {
  inset: -22px -70px -22px -4px;
}

#dashboard .opening-standard-price {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  place-items: center;
  justify-content: center;
  width: min(100%, 790px);
  min-height: 196px;
  padding: 30px 36px 33px;
  gap: 10px 16px;
  font-size: clamp(34px, 2.75vw, 48px);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  flex: none;
  color: #fffdf4;
  font-size: clamp(58px, 4.9vw, 84px);
  line-height: .98;
  filter: drop-shadow(0 0 22px rgba(255,232,166,.48));
}

#dashboard .opening-standard-price em {
  font-size: clamp(30px, 2.45vw, 42px);
  line-height: 1;
}

#dashboard .opening-standard-price i {
  align-self: center;
  color: rgba(255,232,166,.68);
  font-size: clamp(30px, 2.45vw, 42px);
}

#dashboard .opening-standard-price strong {
  color: #2f1b16;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 34%, #ffd36d 62%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.72), transparent 58%);
  font-size: clamp(74px, 5.9vw, 112px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 0 0 1px rgba(255,253,249,.24),
    0 0 68px rgba(255,232,166,.92),
    0 0 112px rgba(217,185,140,.62),
    0 16px 34px rgba(18,14,12,.22);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleGlow 3.2s ease-in-out infinite,
      openingQuotaTitleAttention 2.7s ease-in-out infinite,
      openingQuotaTitleFloat 6.2s ease-in-out infinite,
      openingQuotaTitleMagnet 1.8s ease-in-out infinite,
      openingQuotaTitlePulse 2.35s ease-in-out infinite,
      openingQuotaTitleCrownFlash 2.05s ease-in-out infinite,
      openingQuotaTitleGemBreath 1.85s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong {
    animation:
      openingQuotaStandardGlow 4.4s ease-in-out infinite,
      openingQuotaStandardNumberHalo 3.4s ease-in-out infinite,
      openingQuotaStandardNumberCrown 2.8s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleGemBreath {
  0%, 100% {
    filter:
      brightness(1.04)
      drop-shadow(0 0 22px rgba(255,232,166,.58))
      drop-shadow(0 0 44px rgba(217,185,140,.28));
    transform: translateY(0) scale(1);
  }
  44% {
    filter:
      brightness(1.34)
      saturate(1.16)
      drop-shadow(0 0 34px rgba(255,253,249,.76))
      drop-shadow(0 0 68px rgba(255,232,166,.56))
      drop-shadow(0 0 112px rgba(217,185,140,.34));
    transform: translateY(-2px) scale(1.024);
  }
  68% {
    filter:
      brightness(1.12)
      drop-shadow(0 0 26px rgba(255,232,166,.64))
      drop-shadow(0 0 52px rgba(217,185,140,.3));
    transform: translateY(0) scale(1.006);
  }
}

@keyframes openingQuotaStandardNumberCrown {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0) scale(1);
  }
  46% {
    filter: brightness(1.22) saturate(1.12);
    transform: translateY(-1px) scale(1.035);
  }
  68% {
    filter: brightness(1.08);
    transform: translateY(0) scale(1.008);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: 13px;
    gap: 7px;
    overflow: hidden;
  }

  #dashboard .opening-quota-head {
    min-height: 70px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: 100%;
    min-width: 0;
    padding: 10px 20px 11px;
    font-size: clamp(31px, 2.8vw, 42px);
  }

  #dashboard .opening-quota-grid {
    gap: 7px;
  }

  #dashboard .opening-quota-grid span {
    min-height: 58px;
    padding: 6px 5px 5px;
  }

  #dashboard .opening-quota-grid strong {
    font-size: clamp(24px, 2.2vw, 30px);
  }

  #dashboard .opening-quota-title::before {
    width: min(320px, 96%);
    height: 72px;
  }

  #dashboard .opening-quota-title::after {
    inset: -14px -20px -14px -2px;
  }

  #dashboard .opening-quota-title-glint,
  #dashboard .opening-quota-title-shine {
    inset: 5px 10px;
  }

  #dashboard .opening-quota-title-shine {
    inset: -16px -24px;
  }

  #dashboard .opening-standard-price {
    grid-template-columns: 1fr;
    width: 100%;
    min-height: 0;
    padding: 10px 10px 11px;
    gap: 4px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(30px, 2.85vw, 38px);
  }

  #dashboard .opening-standard-price em {
    justify-content: center;
    font-size: clamp(17px, 1.9vw, 22px);
  }

  #dashboard .opening-standard-price i {
    display: none;
  }

  #dashboard .opening-standard-price strong {
    padding: 1px 9px 3px;
    font-size: clamp(38px, 4vw, 51px);
  }
}

@media (max-width: 920px) {
  #dashboard .opening-quota-card {
    width: min(720px, calc(100% - 28px));
    min-height: min(520px, calc(100% - 28px));
    max-height: calc(100% - 28px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 480px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: min(450px, calc(100% - 20px));
    max-height: calc(100% - 20px);
    padding: 16px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 360px);
    min-width: 0;
    padding: 11px 26px 12px;
    font-size: clamp(34px, 9vw, 44px);
  }

  #dashboard .opening-standard-price {
    grid-template-columns: 1fr;
    min-height: 152px;
    padding: 16px 12px 18px;
    gap: 6px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 9vw, 46px);
  }

  #dashboard .opening-standard-price em {
    justify-content: center;
    font-size: clamp(19px, 5.6vw, 26px);
  }

  #dashboard .opening-standard-price i {
    display: none;
  }

  #dashboard .opening-standard-price strong {
    font-size: clamp(42px, 11.5vw, 58px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota balanced focus pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(900px, calc(100% - 36px));
  min-height: min(580px, calc(100% - 36px));
  height: auto;
  max-height: calc(100% - 36px);
  padding: clamp(32px, 3.7vw, 52px);
  gap: clamp(17px, 2.1vw, 25px);
  transform: translate3d(-50%, -50%, 0);
  display: grid;
  place-items: center;
  place-content: center;
  align-content: center;
  justify-content: center;
}

#dashboard .opening-quota-head {
  justify-content: center;
  width: 100%;
  min-height: clamp(116px, 13vw, 150px);
}

#dashboard .opening-quota-head span.opening-quota-title {
  width: min(100%, 600px);
  min-width: min(600px, 100%);
  padding: clamp(22px, 2.2vw, 28px) clamp(70px, 5.9vw, 96px) clamp(24px, 2.35vw, 30px);
  border-color: rgba(255,244,198,.86);
  font-size: clamp(58px, 4.95vw, 88px);
  box-shadow:
    0 0 0 1px rgba(255,253,249,.22) inset,
    0 0 0 7px rgba(255,232,166,.1) inset,
    0 0 62px rgba(255,232,166,.55),
    0 0 126px rgba(217,185,140,.38),
    0 0 172px rgba(255,232,166,.24);
  animation-composition: add;
}

#dashboard .opening-standard-price {
  width: min(100%, 820px);
  min-height: clamp(190px, 17vw, 232px);
  padding: clamp(30px, 3vw, 40px) clamp(34px, 3.4vw, 48px) clamp(32px, 3.2vw, 44px);
  grid-template-columns: auto auto auto auto auto;
  gap: 12px 18px;
  font-size: clamp(36px, 3vw, 52px);
}

#dashboard .opening-standard-price span {
  color: #fffdf4;
  font-size: clamp(64px, 5.35vw, 92px);
  font-weight: 950;
  line-height: .96;
  text-shadow:
    0 1px 0 rgba(18,18,18,.24),
    0 0 30px rgba(255,232,166,.76),
    0 0 66px rgba(217,185,140,.48),
    0 0 112px rgba(255,253,249,.2);
}

#dashboard .opening-standard-price em {
  color: rgba(255,253,249,.94);
  font-size: clamp(33px, 2.65vw, 46px);
}

#dashboard .opening-standard-price strong {
  color: #321c14;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 28%, #ffd36d 58%, #d49a36 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.82), transparent 58%);
  font-size: clamp(82px, 6.75vw, 128px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 0 0 1px rgba(255,253,249,.3),
    0 0 78px rgba(255,232,166,.96),
    0 0 124px rgba(217,185,140,.66),
    0 18px 36px rgba(18,14,12,.23);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleGlow 3.2s ease-in-out infinite,
      openingQuotaTitleAttention 2.7s ease-in-out infinite,
      openingQuotaTitleFloat 6.2s ease-in-out infinite,
      openingQuotaTitleMagnet 1.8s ease-in-out infinite,
      openingQuotaTitlePulse 2.35s ease-in-out infinite,
      openingQuotaTitleCrownFlash 2.05s ease-in-out infinite,
      openingQuotaTitleGemBreath 1.85s ease-in-out infinite,
      openingQuotaTitleJewelPop 2.6s ease-in-out infinite;
  }

  #dashboard .opening-standard-price span {
    animation: openingQuotaStandardLabelLift 4.2s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleJewelPop {
  0%, 100% {
    filter:
      brightness(1.04)
      drop-shadow(0 0 22px rgba(255,232,166,.56))
      drop-shadow(0 0 46px rgba(217,185,140,.28));
    transform: translateY(0) scale(1);
  }
  36% {
    filter:
      brightness(1.42)
      saturate(1.18)
      drop-shadow(0 0 36px rgba(255,253,249,.82))
      drop-shadow(0 0 72px rgba(255,232,166,.66))
      drop-shadow(0 0 118px rgba(217,185,140,.38));
    transform: translateY(-3px) scale(1.032);
  }
  64% {
    filter:
      brightness(1.14)
      drop-shadow(0 0 26px rgba(255,232,166,.64))
      drop-shadow(0 0 54px rgba(217,185,140,.3));
    transform: translateY(0) scale(1.008);
  }
}

@keyframes openingQuotaStandardLabelLift {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  48% {
    filter: brightness(1.18) saturate(1.08);
    transform: translateY(-2px);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: 15px;
    gap: 8px;
  }

  #dashboard .opening-quota-head {
    min-height: 74px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: 100%;
    min-width: 0;
    padding: 11px 22px 12px;
    font-size: clamp(34px, 3vw, 45px);
  }

  #dashboard .opening-standard-price {
    grid-template-columns: 1fr;
    width: 100%;
    min-height: 0;
    padding: 12px;
    gap: 5px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 3vw, 42px);
  }

  #dashboard .opening-standard-price em {
    justify-content: center;
    font-size: clamp(18px, 2vw, 24px);
  }

  #dashboard .opening-standard-price i {
    display: none;
  }

  #dashboard .opening-standard-price strong {
    padding: 2px 10px 4px;
    font-size: clamp(42px, 4.35vw, 56px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 500px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 22px);
    min-height: min(470px, calc(100% - 22px));
    max-height: calc(100% - 22px);
    padding: 17px;
    gap: 10px;
  }

  #dashboard .opening-quota-head {
    min-height: 96px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 370px);
    padding: 12px 25px 13px;
    font-size: clamp(36px, 9.25vw, 46px);
  }

  #dashboard .opening-standard-price {
    min-height: 164px;
    padding: 17px 13px 19px;
    gap: 7px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(37px, 9.5vw, 48px);
  }

  #dashboard .opening-standard-price em {
    font-size: clamp(20px, 5.8vw, 27px);
  }

  #dashboard .opening-standard-price strong {
    font-size: clamp(46px, 12vw, 62px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota readable jewel pass */
#dashboard .opening-quota-card {
  border-color: rgba(255,232,166,.68);
  background:
    linear-gradient(145deg, rgba(42,27,22,.78), rgba(92,58,49,.54)),
    radial-gradient(circle at 18% 0, rgba(255,232,166,.3), transparent 40%),
    radial-gradient(circle at 94% 100%, rgba(125,157,145,.2), transparent 36%);
}

#dashboard .opening-quota-head span.opening-quota-title {
  color: #fff4ce;
  background:
    linear-gradient(92deg, #fffdf4 0%, #ffe8a6 24%, #8e503a 50%, #fff7dd 68%, #d9b98c 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.92), transparent 56%);
  background-size: 420% 100%;
  -webkit-text-stroke: .45px rgba(42,24,18,.36);
  text-shadow:
    0 1px 0 rgba(42,24,18,.45),
    0 0 24px rgba(255,253,249,.9),
    0 0 54px rgba(255,232,166,.76),
    0 0 96px rgba(217,185,140,.44);
  white-space: nowrap;
  flex-wrap: nowrap;
}

#dashboard .opening-quota-head span.opening-quota-title b {
  min-width: .74em;
}

#dashboard .opening-quota-title-shine {
  inset: -18px -28px;
}

#dashboard .opening-quota-grid strong {
  color: #fff0b8;
  text-shadow:
    0 1px 0 rgba(42,24,18,.42),
    0 0 18px rgba(255,232,166,.78),
    0 0 42px rgba(255,232,166,.42);
}

#dashboard .opening-quota-card .opening-standard-price {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  place-items: center;
  justify-content: center;
  align-content: center;
  background:
    linear-gradient(180deg, rgba(42,26,21,.58), rgba(92,58,49,.34)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.24), transparent 64%);
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    background:
      linear-gradient(145deg, rgba(42,27,22,.7), rgba(92,58,49,.48)),
      radial-gradient(circle at 18% 0, rgba(255,232,166,.26), transparent 40%);
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    min-height: 58px;
    color: #fff4ce;
    background:
      linear-gradient(92deg, #fffdf4 0%, #ffe8a6 26%, #a9684c 52%, #fff7dd 72%, #d9b98c 100%);
    -webkit-text-stroke: .35px rgba(42,24,18,.34);
    text-shadow:
      0 1px 0 rgba(42,24,18,.42),
      0 0 18px rgba(255,253,249,.74),
      0 0 38px rgba(255,232,166,.58);
  }

  #dashboard .opening-quota-title-shine {
    inset: -12px -16px;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
  }
}

/* Dashboard opening quota title legibility pass */
#dashboard .opening-quota-head span.opening-quota-title::before {
  inset: 4px;
  width: auto;
  height: auto;
  opacity: .82;
  border-radius: inherit;
  background:
    linear-gradient(145deg, rgba(42,27,22,.78), rgba(92,58,49,.5)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.22), transparent 62%);
  filter: none;
  mix-blend-mode: normal;
  transform: none;
}

#dashboard .opening-quota-head span.opening-quota-title b {
  z-index: 3;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #fff4ce;
  color: #fff4ce;
  text-shadow:
    0 2px 0 rgba(42,24,18,.58),
    0 0 16px rgba(255,253,249,.72),
    0 0 34px rgba(255,232,166,.66),
    0 0 62px rgba(217,185,140,.36);
}

#dashboard .opening-quota-head span.opening-quota-title b::before {
  opacity: .28;
}

#dashboard .opening-quota-title-shine {
  z-index: 1;
  opacity: .3;
  mix-blend-mode: screen;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title b {
    animation:
      openingQuotaTitleGlyph 2.9s ease-in-out infinite,
      openingQuotaTitleLetterFlash 2.35s ease-in-out infinite,
      openingQuotaTitleReadableFlash 3.1s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleReadableFlash {
  0%, 100% {
    color: #fff4ce;
    -webkit-text-fill-color: #fff4ce;
    text-shadow:
      0 2px 0 rgba(42,24,18,.58),
      0 0 16px rgba(255,253,249,.72),
      0 0 34px rgba(255,232,166,.66),
      0 0 62px rgba(217,185,140,.36);
  }
  44% {
    color: #fffdf4;
    -webkit-text-fill-color: #fffdf4;
    text-shadow:
      0 2px 0 rgba(42,24,18,.62),
      0 0 22px rgba(255,253,249,.95),
      0 0 46px rgba(255,232,166,.82),
      0 0 82px rgba(217,185,140,.48);
  }
  68% {
    color: #ffe8a6;
    -webkit-text-fill-color: #ffe8a6;
  }
}

/* Dashboard opening quota title contrast lock pass */
#dashboard .opening-quota-head::before {
  opacity: .44;
}

#dashboard .opening-quota-head::after {
  opacity: .48;
}

#dashboard .opening-quota-head span.opening-quota-title::before {
  background:
    linear-gradient(145deg, rgba(42,27,22,.92), rgba(104,62,45,.72)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.2), transparent 62%);
}

#dashboard .opening-quota-head span.opening-quota-title b {
  -webkit-text-fill-color: #ffe8a6;
  color: #ffe8a6;
  -webkit-text-stroke: .85px rgba(42,24,18,.86);
  text-shadow:
    0 2px 0 rgba(42,24,18,.74),
    0 0 10px rgba(255,253,249,.45),
    0 0 24px rgba(255,232,166,.58),
    0 0 48px rgba(217,185,140,.36);
}

#dashboard .opening-quota-title-shine {
  opacity: .2;
  filter:
    drop-shadow(0 0 8px rgba(255,253,249,.34))
    drop-shadow(0 0 18px rgba(255,232,166,.26));
}

@keyframes openingQuotaTitleReadableFlash {
  0%, 100% {
    color: #ffe8a6;
    -webkit-text-fill-color: #ffe8a6;
    -webkit-text-stroke: .85px rgba(42,24,18,.86);
    text-shadow:
      0 2px 0 rgba(42,24,18,.74),
      0 0 10px rgba(255,253,249,.45),
      0 0 24px rgba(255,232,166,.58),
      0 0 48px rgba(217,185,140,.36);
  }
  44% {
    color: #fff1bd;
    -webkit-text-fill-color: #fff1bd;
    -webkit-text-stroke: .9px rgba(42,24,18,.88);
    text-shadow:
      0 2px 0 rgba(42,24,18,.78),
      0 0 14px rgba(255,253,249,.62),
      0 0 30px rgba(255,232,166,.68),
      0 0 58px rgba(217,185,140,.42);
  }
  68% {
    color: #ffd36d;
    -webkit-text-fill-color: #ffd36d;
    -webkit-text-stroke: .85px rgba(42,24,18,.86);
  }
}

@keyframes openingQuotaTitleShine {
  0%, 100% {
    opacity: .08;
    transform: translateX(-118%) skewX(-16deg);
  }
  42% {
    opacity: .34;
    transform: translateX(118%) skewX(-16deg);
  }
  58% {
    opacity: .18;
    transform: translateX(136%) skewX(-16deg);
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-title-shine {
    opacity: .16;
  }

  @keyframes openingQuotaTitleShine {
    0%, 100% {
      opacity: .06;
      transform: translateX(-118%) skewX(-16deg);
    }
    42% {
      opacity: .28;
      transform: translateX(118%) skewX(-16deg);
    }
    58% {
      opacity: .14;
      transform: translateX(136%) skewX(-16deg);
    }
  }
}

/* Dashboard opening quota final attraction pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  place-self: center;
  margin: 0;
  width: min(920px, calc(100% - 34px));
  min-height: min(600px, calc(100% - 34px));
  max-height: calc(100% - 34px);
  padding: clamp(34px, 3.8rem, 54px);
  display: grid;
  place-items: center;
  place-content: center;
  justify-items: center;
  align-content: center;
  gap: clamp(18px, 1.55rem, 26px);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  text-align: center;
}

#dashboard .opening-quota-head {
  width: 100%;
  justify-content: center;
  min-height: clamp(126px, 9.4rem, 160px);
}

#dashboard .opening-quota-head span.opening-quota-title {
  position: relative;
  width: min(100%, 660px);
  min-width: min(620px, 100%);
  padding: clamp(22px, 1.75rem, 30px) clamp(54px, 4.4rem, 76px) clamp(24px, 1.9rem, 32px);
  overflow: visible;
  border-color: rgba(255,239,181,.9);
  color: #ffe8a6;
  background:
    linear-gradient(95deg, #fffdf4 0%, #ffe8a6 20%, #ffd36d 39%, #fff8df 51%, #c7853d 70%, #fff3c9 100%);
  background-size: 520% 100%;
  -webkit-text-stroke: .55px rgba(42,24,18,.72);
  box-shadow:
    0 0 0 1px rgba(255,253,249,.2) inset,
    0 0 0 7px rgba(255,232,166,.09) inset,
    0 0 58px rgba(255,232,166,.54),
    0 0 124px rgba(217,185,140,.36),
    0 0 180px rgba(255,253,249,.18);
  font-size: clamp(58px, 4.9rem, 78px);
  text-shadow:
    0 2px 0 rgba(42,24,18,.68),
    0 0 18px rgba(255,253,249,.62),
    0 0 42px rgba(255,232,166,.74),
    0 0 82px rgba(217,185,140,.42);
}

#dashboard .opening-quota-head span.opening-quota-title::before {
  inset: -10px;
  width: auto;
  height: auto;
  border-radius: inherit;
  opacity: .9;
  background:
    conic-gradient(from 18deg, transparent 0 12%, rgba(255,232,166,.62), rgba(255,253,249,.52), transparent 42% 100%),
    radial-gradient(ellipse at 50% 50%, rgba(255,232,166,.28), rgba(217,185,140,.16) 42%, transparent 74%);
  filter: blur(7px) saturate(1.16);
  transform: none;
}

#dashboard .opening-quota-title::after {
  inset: -20px -54px;
  opacity: .92;
  background:
    linear-gradient(102deg, transparent 0%, rgba(255,253,249,.18) 35%, rgba(255,232,166,.92) 47%, rgba(255,253,249,.72) 54%, transparent 69%),
    radial-gradient(circle at 14% 50%, rgba(255,253,249,.48), transparent 42%);
}

#dashboard .opening-quota-title-glint {
  inset: -12px 10px;
  z-index: 2;
  opacity: .72;
  background:
    radial-gradient(circle at 9% 52%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 26% 24%, rgba(255,232,166,.9) 0 2px, transparent 5px),
    radial-gradient(circle at 72% 28%, rgba(255,253,249,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 91% 62%, rgba(255,232,166,.86) 0 2px, transparent 6px);
  filter:
    drop-shadow(0 0 10px rgba(255,232,166,.72))
    drop-shadow(0 0 24px rgba(217,185,140,.34));
}

#dashboard .opening-quota-title-shine {
  inset: -26px -52px;
  z-index: 4;
  opacity: .46;
  mix-blend-mode: screen;
}

#dashboard .opening-quota-head span.opening-quota-title b {
  z-index: 5;
  min-width: .78em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .9px rgba(42,24,18,.86);
  text-shadow:
    0 2px 0 rgba(42,24,18,.76),
    0 0 12px rgba(255,253,249,.52),
    0 0 28px rgba(255,232,166,.68),
    0 0 56px rgba(217,185,140,.42);
}

#dashboard .opening-standard-price {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  place-items: center;
  justify-content: center;
  width: min(100%, 850px);
  min-height: clamp(220px, 15.5rem, 256px);
  padding: clamp(32px, 2.45rem, 42px) clamp(34px, 2.8rem, 48px) clamp(34px, 2.6rem, 46px);
  gap: 12px 18px;
  border-color: rgba(255,232,166,.62);
  background:
    linear-gradient(180deg, rgba(42,26,21,.7), rgba(104,62,45,.42)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.34), transparent 62%),
    radial-gradient(circle at 96% 100%, rgba(125,157,145,.2), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 16px 34px rgba(18,14,12,.18),
    0 0 56px rgba(217,185,140,.22);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  color: #fffdf4;
  font-size: clamp(58px, 4.75rem, 78px);
  line-height: .94;
  text-shadow:
    0 2px 0 rgba(42,24,18,.48),
    0 0 30px rgba(255,232,166,.8),
    0 0 72px rgba(217,185,140,.48),
    0 0 120px rgba(255,253,249,.2);
}

#dashboard .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-items: center;
  gap: 8px;
  color: rgba(255,253,249,.94);
  font-size: clamp(30px, 2.45rem, 42px);
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-standard-price strong {
  min-width: 1.18em;
  padding: 7px 20px 9px;
  border-color: rgba(255,246,198,.98);
  border-radius: 18px;
  color: #27140e;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 29%, #ffd36d 58%, #d29532 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.86), transparent 58%);
  font-size: clamp(76px, 5.5rem, 108px);
  line-height: .9;
  text-shadow:
    0 1px 0 rgba(255,253,249,.7),
    0 0 20px rgba(255,232,166,.86);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 0 0 1px rgba(255,253,249,.28),
    0 0 74px rgba(255,232,166,.96),
    0 0 132px rgba(217,185,140,.68),
    0 16px 34px rgba(18,14,12,.24);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleFinalBeacon 2.55s ease-in-out infinite,
      openingQuotaTitleFinalBreath 5.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaTitleFinalHalo 4.4s linear infinite;
  }

  #dashboard .opening-quota-title::after {
    animation: openingQuotaTitleFinalSweep 2.55s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-glint {
    animation: openingQuotaTitleFinalSpark 2.9s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-shine {
    animation: openingQuotaTitleFinalSweep 2.55s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleFinalLetter 2.85s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .1s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .2s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .3s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .4s; }

  #dashboard .opening-standard-price strong {
    animation:
      openingQuotaStandardFinalNumber 3.2s ease-in-out infinite,
      openingQuotaStandardNumberCrown 2.8s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleFinalBeacon {
  0%, 100% {
    filter:
      brightness(1.04)
      drop-shadow(0 0 22px rgba(255,232,166,.56))
      drop-shadow(0 0 46px rgba(217,185,140,.28));
  }
  46% {
    filter:
      brightness(1.35)
      saturate(1.14)
      drop-shadow(0 0 36px rgba(255,253,249,.78))
      drop-shadow(0 0 74px rgba(255,232,166,.66))
      drop-shadow(0 0 126px rgba(217,185,140,.38));
  }
}

@keyframes openingQuotaTitleFinalBreath {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.018); }
}

@keyframes openingQuotaTitleFinalHalo {
  0% { transform: rotate(0deg) scale(.98); }
  50% { transform: rotate(180deg) scale(1.04); }
  100% { transform: rotate(360deg) scale(.98); }
}

@keyframes openingQuotaTitleFinalSweep {
  0%, 100% {
    opacity: .14;
    transform: translateX(-116%) skewX(-14deg);
  }
  44% {
    opacity: .56;
    transform: translateX(112%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(132%) skewX(-14deg);
  }
}

@keyframes openingQuotaTitleFinalSpark {
  0%, 100% {
    opacity: .5;
    transform: scale(.98);
  }
  42% {
    opacity: .92;
    transform: scale(1.03);
  }
}

@keyframes openingQuotaTitleFinalLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-4px) scale(1.075);
    filter:
      brightness(1.45)
      drop-shadow(0 0 16px rgba(255,253,249,.78))
      drop-shadow(0 0 32px rgba(255,232,166,.7));
  }
  62% {
    transform: translateY(0) scale(1.018);
    filter: brightness(1.1);
  }
}

@keyframes openingQuotaStandardFinalNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.48),
      0 0 0 1px rgba(255,253,249,.24),
      0 0 58px rgba(255,232,166,.74),
      0 0 102px rgba(217,185,140,.5),
      0 14px 30px rgba(18,14,12,.22);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.58),
      0 0 0 1px rgba(255,253,249,.34),
      0 0 86px rgba(255,232,166,1),
      0 0 154px rgba(217,185,140,.74),
      0 18px 36px rgba(18,14,12,.24);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: clamp(16px, 1.45rem, 24px);
    gap: 10px;
  }

  #dashboard .opening-quota-head {
    min-height: 102px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 520px);
    min-width: 0;
    padding: 14px 32px 15px;
    font-size: 42px;
  }

  #dashboard .opening-standard-price {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    min-height: 176px;
    padding: 16px 14px 18px;
    gap: 8px;
  }

  #dashboard .opening-standard-price span {
    grid-column: 1 / -1;
    font-size: 42px;
  }

  #dashboard .opening-standard-price em {
    grid-template-columns: 1fr;
    gap: 5px;
    font-size: 18px;
  }

  #dashboard .opening-standard-price i {
    display: none;
  }

  #dashboard .opening-standard-price strong {
    padding: 4px 10px 6px;
    font-size: 52px;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 510px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 22px);
    min-height: min(480px, calc(100% - 22px));
    max-height: calc(100% - 22px);
    padding: 16px;
    gap: 10px;
  }

  #dashboard .opening-quota-head {
    min-height: 96px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 360px);
    padding: 12px 22px 13px;
    font-size: 38px;
  }

  #dashboard .opening-quota-grid {
    gap: 6px;
  }

  #dashboard .opening-quota-grid span {
    min-height: 62px;
    padding: 7px 5px;
  }

  #dashboard .opening-quota-grid strong {
    font-size: 24px;
  }

  #dashboard .opening-standard-price {
    min-height: 164px;
    padding: 15px 10px 17px;
    gap: 7px;
  }

  #dashboard .opening-standard-price span {
    font-size: 38px;
  }

  #dashboard .opening-standard-price em {
    font-size: 16px;
  }

  #dashboard .opening-standard-price strong {
    min-width: 1.1em;
    padding: 3px 8px 5px;
    font-size: 44px;
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-head span.opening-quota-title {
    padding-right: 18px;
    padding-left: 18px;
    font-size: 35px;
  }

  #dashboard .opening-standard-price span {
    font-size: 34px;
  }

  #dashboard .opening-standard-price em {
    font-size: 15px;
  }

  #dashboard .opening-standard-price strong {
    font-size: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-title::after,
  #dashboard .opening-quota-title-glint,
  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota prefinal center lock pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(960px, calc(100% - 34px));
  min-height: min(620px, calc(100% - 34px));
  max-height: calc(100% - 34px);
  padding: clamp(38px, 4.35vw, 62px);
  display: grid;
  grid-template-rows: auto auto auto;
  place-items: center;
  place-content: center;
  justify-items: center;
  align-items: center;
  gap: clamp(22px, 2vw, 30px);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  text-align: center;
}

#dashboard .opening-quota-card::before {
  background:
    linear-gradient(90deg, rgba(255,232,166,.24), transparent 22%, transparent 76%, rgba(125,157,145,.18)),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.2), transparent 46%),
    linear-gradient(180deg, rgba(255,253,249,.14), transparent 40%, rgba(217,185,140,.18));
}

#dashboard .opening-quota-head {
  width: 100%;
  min-height: clamp(144px, 10.8vw, 182px);
  justify-content: center;
  align-items: center;
}

#dashboard .opening-quota-head span.opening-quota-title {
  box-sizing: border-box;
  width: min(100%, 720px);
  min-width: 0;
  padding: clamp(26px, 2.3vw, 36px) clamp(62px, 5.2vw, 92px) clamp(28px, 2.45vw, 38px);
  border-color: rgba(255,247,206,.98);
  color: #ffe8a6;
  background:
    linear-gradient(92deg, #fffdf4 0%, #ffe8a6 16%, #ffd36d 31%, #fff7dd 47%, #bd7632 65%, #fff3c9 82%, #ffe8a6 100%);
  background-size: 620% 100%;
  -webkit-text-stroke: .75px rgba(42,24,18,.86);
  font-size: clamp(64px, 5.45vw, 94px);
  line-height: 1.02;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.28) inset,
    0 0 0 8px rgba(255,232,166,.12) inset,
    0 0 78px rgba(255,232,166,.68),
    0 0 168px rgba(217,185,140,.48),
    0 0 240px rgba(255,253,249,.24);
  text-shadow:
    0 2px 0 rgba(42,24,18,.76),
    0 0 24px rgba(255,253,249,.76),
    0 0 58px rgba(255,232,166,.88),
    0 0 108px rgba(217,185,140,.52);
}

#dashboard .opening-quota-head span.opening-quota-title::before {
  inset: -13px;
  opacity: .98;
  background:
    conic-gradient(from 22deg, transparent 0 10%, rgba(255,232,166,.78), rgba(255,253,249,.64), rgba(125,157,145,.3), transparent 48% 100%),
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.38), rgba(255,232,166,.32) 42%, transparent 76%);
  filter: blur(8px) saturate(1.22);
}

#dashboard .opening-quota-head span.opening-quota-title::after,
#dashboard .opening-quota-title::after {
  opacity: .96;
  background:
    linear-gradient(102deg, transparent 0%, rgba(255,253,249,.2) 34%, rgba(255,232,166,1) 47%, rgba(255,253,249,.82) 54%, transparent 70%),
    radial-gradient(circle at 16% 50%, rgba(255,253,249,.58), transparent 42%);
}

#dashboard .opening-quota-title::after {
  inset: -24px -70px;
}

#dashboard .opening-quota-title-glint {
  inset: -16px 8px;
  opacity: .86;
  filter:
    drop-shadow(0 0 14px rgba(255,232,166,.88))
    drop-shadow(0 0 34px rgba(217,185,140,.44));
}

#dashboard .opening-quota-title-shine {
  inset: -30px -66px;
  opacity: .58;
}

#dashboard .opening-quota-head span.opening-quota-title b {
  --opening-title-letter-pop: 1;
  min-width: .78em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: 1px rgba(42,24,18,.92);
  text-shadow:
    0 2px 0 rgba(42,24,18,.8),
    0 0 16px rgba(255,253,249,.62),
    0 0 38px rgba(255,232,166,.8),
    0 0 76px rgba(217,185,140,.5);
}

#dashboard .opening-standard-price {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  place-items: center;
  justify-content: center;
  width: min(100%, 900px);
  min-height: clamp(244px, 18vw, 292px);
  padding: clamp(36px, 3.25vw, 52px) clamp(38px, 3.45vw, 56px) clamp(38px, 3.25vw, 54px);
  gap: 15px 22px;
  border-color: rgba(255,232,166,.72);
  background:
    linear-gradient(180deg, rgba(42,26,21,.74), rgba(104,62,45,.46)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.38), transparent 62%),
    radial-gradient(circle at 96% 100%, rgba(125,157,145,.22), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 18px 38px rgba(18,14,12,.2),
    0 0 64px rgba(217,185,140,.26);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  color: #fffdf4;
  font-size: clamp(72px, 6.15vw, 106px);
  line-height: 1.06;
  font-weight: 950;
  text-shadow:
    0 2px 0 rgba(42,24,18,.54),
    0 0 38px rgba(255,232,166,.94),
    0 0 92px rgba(217,185,140,.62),
    0 0 150px rgba(255,253,249,.26);
}

#dashboard .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-items: center;
  gap: 9px;
  color: rgba(255,253,249,.96);
  font-size: clamp(34px, 2.8vw, 50px);
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-standard-price strong {
  box-sizing: border-box;
  min-width: 1.16em;
  padding: 9px 24px 11px;
  border-color: rgba(255,247,206,1);
  color: #24120c;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 27%, #ffd36d 56%, #ce8e2b 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.94), transparent 60%);
  font-size: clamp(92px, 7.1vw, 136px);
  line-height: 1.02;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 0 0 1px rgba(255,253,249,.34),
    0 0 96px rgba(255,232,166,1),
    0 0 192px rgba(217,185,140,.82),
    0 20px 42px rgba(18,14,12,.26);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleFinaleBeacon 1.9s ease-in-out infinite,
      openingQuotaTitleCenterBreath 5.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaTitleCenterHalo 3.8s linear infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title::after,
  #dashboard .opening-quota-title::after,
  #dashboard .opening-quota-title-shine {
    animation: openingQuotaTitleCenterSweep 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-glint {
    animation: openingQuotaTitleCenterSpark 2.4s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleFinaleLetter 2.45s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s; }

  #dashboard .opening-standard-price span {
    animation: openingQuotaStandardLabelLift 3.8s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaStandardFinaleNumber 2.85s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleFinaleBeacon {
  0%, 100% {
    filter:
      brightness(1.08)
      drop-shadow(0 0 26px rgba(255,232,166,.68))
      drop-shadow(0 0 54px rgba(217,185,140,.34));
  }
  44% {
    filter:
      brightness(1.5)
      saturate(1.18)
      drop-shadow(0 0 46px rgba(255,253,249,.88))
      drop-shadow(0 0 94px rgba(255,232,166,.78))
      drop-shadow(0 0 148px rgba(217,185,140,.48));
  }
}

@keyframes openingQuotaTitleFinaleLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-6px) scale(1.105);
    filter:
      brightness(1.58)
      drop-shadow(0 0 20px rgba(255,253,249,.86))
      drop-shadow(0 0 40px rgba(255,232,166,.8));
  }
  62% {
    transform: translateY(0) scale(1.024);
    filter: brightness(1.14);
  }
}

@keyframes openingQuotaStandardFinaleNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.56),
      0 0 0 1px rgba(255,253,249,.3),
      0 0 76px rgba(255,232,166,.9),
      0 0 144px rgba(217,185,140,.62),
      0 18px 38px rgba(18,14,12,.24);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.66),
      0 0 0 1px rgba(255,253,249,.4),
      0 0 108px rgba(255,232,166,1),
      0 0 206px rgba(217,185,140,.86),
      0 22px 44px rgba(18,14,12,.26);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: clamp(18px, 1.85vw, 28px);
    gap: 12px;
  }

  #dashboard .opening-quota-head {
    min-height: 110px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    padding: 13px 24px 15px;
    font-size: clamp(36px, 3.05vw, 44px);
  }

  #dashboard .opening-standard-price {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    min-height: 164px;
    height: auto;
    padding: 15px 12px 17px;
    gap: 9px;
  }

  #dashboard .opening-standard-price span {
    grid-column: 1 / -1;
    font-size: clamp(36px, 3.05vw, 44px);
  }

  #dashboard .opening-standard-price em {
    grid-template-columns: 1fr;
    gap: 4px;
    min-width: 0;
    font-size: clamp(16px, 1.5vw, 20px);
  }

  #dashboard .opening-standard-price i {
    display: none;
  }

  #dashboard .opening-standard-price strong {
    box-sizing: border-box;
    width: min(100%, 112px);
    min-width: 0;
    padding: 5px 10px 7px;
    font-size: clamp(44px, 3.6vw, 52px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 540px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: min(506px, calc(100% - 20px));
    max-height: calc(100% - 20px);
    padding: 16px;
    gap: 10px;
  }

  #dashboard .opening-quota-head {
    min-height: 104px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 380px);
    padding: 13px 22px 14px;
    font-size: clamp(36px, 9.8vw, 44px);
  }

  #dashboard .opening-standard-price {
    min-height: 160px;
    padding: 15px 9px 16px;
    gap: 7px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(38px, 9.8vw, 46px);
  }

  #dashboard .opening-standard-price em {
    font-size: clamp(14px, 4.3vw, 17px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 90px);
    padding: 4px 7px 6px;
    font-size: clamp(38px, 10.8vw, 46px);
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-head span.opening-quota-title {
    padding-right: 18px;
    padding-left: 18px;
    font-size: clamp(33px, 9.2vw, 38px);
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 8.9vw, 40px);
  }

  #dashboard .opening-standard-price em {
    font-size: 14px;
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 80px);
    font-size: clamp(35px, 10vw, 42px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-head span.opening-quota-title::after,
  #dashboard .opening-quota-title::after,
  #dashboard .opening-quota-title-glint,
  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong,
  #dashboard .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota attraction spotlight final pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(990px, calc(100% - 32px));
  min-height: min(630px, calc(100% - 32px));
  max-height: calc(100% - 32px);
  padding: clamp(30px, 3.3vw, 54px);
  display: grid;
  grid-template-rows: auto auto auto;
  place-items: center;
  place-content: center;
  justify-items: center;
  align-items: center;
  gap: clamp(16px, 1.6vw, 24px);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  overflow: hidden;
  text-align: center;
}

#dashboard .opening-quota-card::before {
  background:
    radial-gradient(circle at 50% 0, rgba(255,253,249,.24), transparent 45%),
    linear-gradient(90deg, rgba(255,232,166,.3), transparent 21%, transparent 78%, rgba(125,157,145,.2)),
    linear-gradient(180deg, rgba(255,253,249,.16), transparent 38%, rgba(217,185,140,.2));
}

#dashboard .opening-quota-head {
  width: 100%;
  min-height: clamp(118px, 9.6vw, 156px);
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  box-sizing: border-box;
  width: min(100%, 750px);
  min-width: 0;
  padding: clamp(20px, 2vw, 30px) clamp(44px, 4.4vw, 76px) clamp(22px, 2.15vw, 32px);
  overflow: hidden;
  border-color: rgba(255,247,206,.98);
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 18%, #ffd36d 34%, #fff7dd 49%, #bd7632 65%, #fff3c9 82%, #ffe8a6 100%);
  background-size: 620% 100%;
  -webkit-text-stroke: .8px rgba(42,24,18,.9);
  font-size: clamp(58px, 5vw, 90px);
  line-height: 1.04;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.3) inset,
    0 0 0 8px rgba(255,232,166,.12) inset,
    0 0 84px rgba(255,232,166,.72),
    0 0 178px rgba(217,185,140,.5),
    0 0 250px rgba(255,253,249,.25);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 26px rgba(255,253,249,.78),
    0 0 62px rgba(255,232,166,.94),
    0 0 116px rgba(217,185,140,.56);
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  inset: 0;
  width: auto;
  height: auto;
  opacity: .92;
  transform: none;
}

#dashboard .opening-quota-card .opening-quota-title::after {
  inset: -10px 0;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine {
  inset: -8px 6px;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  min-width: .78em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: 1px rgba(42,24,18,.94);
  text-shadow:
    0 2px 0 rgba(42,24,18,.82),
    0 0 18px rgba(255,253,249,.68),
    0 0 42px rgba(255,232,166,.86),
    0 0 82px rgba(217,185,140,.54);
}

#dashboard .opening-standard-price {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  place-items: center;
  justify-content: center;
  width: min(100%, 920px);
  min-height: clamp(238px, 17.6vw, 286px);
  padding: clamp(32px, 3vw, 48px) clamp(36px, 3.2vw, 54px) clamp(34px, 3.05vw, 50px);
  gap: 14px 20px;
  border-color: rgba(255,232,166,.76);
  background:
    linear-gradient(180deg, rgba(42,26,21,.78), rgba(104,62,45,.48)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.42), transparent 62%),
    radial-gradient(circle at 96% 100%, rgba(125,157,145,.24), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 18px 38px rgba(18,14,12,.2),
    0 0 72px rgba(217,185,140,.28);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  color: #fffdf4;
  font-size: clamp(70px, 5.95vw, 104px);
  line-height: 1.06;
  font-weight: 950;
  text-shadow:
    0 2px 0 rgba(42,24,18,.56),
    0 0 40px rgba(255,232,166,.98),
    0 0 96px rgba(217,185,140,.66),
    0 0 158px rgba(255,253,249,.28);
}

#dashboard .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-items: center;
  gap: 9px;
  min-width: 0;
  color: rgba(255,253,249,.96);
  font-size: clamp(32px, 2.6vw, 48px);
  font-style: normal;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-standard-price i {
  color: rgba(255,232,166,.52);
  font-style: normal;
  font-weight: 950;
}

#dashboard .opening-standard-price strong {
  box-sizing: border-box;
  min-width: 1.18em;
  padding: 8px 22px 10px;
  overflow: visible;
  border-color: rgba(255,247,206,1);
  color: #24120c;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 27%, #ffd36d 56%, #ce8e2b 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.94), transparent 60%);
  font-size: clamp(88px, 6.8vw, 132px);
  line-height: 1.04;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 102px rgba(255,232,166,1),
    0 0 198px rgba(217,185,140,.84),
    0 20px 42px rgba(18,14,12,.26);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleSpotlightBeacon 1.7s ease-in-out infinite,
      openingQuotaTitleCenterBreath 5.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaTitleSpotlightHalo 3.45s linear infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaTitleSpotlightDust 2.4s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleSpotlightSweep 1.95s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleSpotlightLetter 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::before {
    animation: openingQuotaTitleSpotlightAura 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
    animation: openingQuotaTitleSpotlightSpark 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1)::after {
    animation-delay: 0s;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2)::after {
    animation-delay: .09s;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3)::after {
    animation-delay: .18s;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4)::after {
    animation-delay: .27s;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5)::after {
    animation-delay: .36s;
  }

  #dashboard .opening-standard-price span {
    animation: openingQuotaStandardSpotlightLabel 3.4s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaStandardSpotlightNumber 2.65s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong::after {
    animation: openingQuotaStandardSpotlightSweep 2.9s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleSpotlightBeacon {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.08)
      drop-shadow(0 0 28px rgba(255,232,166,.72))
      drop-shadow(0 0 58px rgba(217,185,140,.38));
  }
  43% {
    background-position: 100% 50%;
    filter:
      brightness(1.62)
      saturate(1.22)
      drop-shadow(0 0 50px rgba(255,253,249,.92))
      drop-shadow(0 0 104px rgba(255,232,166,.86))
      drop-shadow(0 0 158px rgba(217,185,140,.52));
  }
  68% {
    background-position: 72% 50%;
    filter:
      brightness(1.18)
      drop-shadow(0 0 34px rgba(255,232,166,.78))
      drop-shadow(0 0 68px rgba(217,185,140,.4));
  }
}

@keyframes openingQuotaTitleSpotlightHalo {
  0% { transform: rotate(0deg) scale(.96); opacity: .76; }
  50% { transform: rotate(180deg) scale(1.05); opacity: 1; }
  100% { transform: rotate(360deg) scale(.96); opacity: .76; }
}

@keyframes openingQuotaTitleSpotlightDust {
  0%, 100% { opacity: .58; filter: drop-shadow(0 0 10px rgba(255,232,166,.58)); }
  44% { opacity: 1; filter: drop-shadow(0 0 22px rgba(255,253,249,.86)) drop-shadow(0 0 38px rgba(255,232,166,.58)); }
}

@keyframes openingQuotaTitleSpotlightSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-118%) skewX(-14deg);
  }
  46% {
    opacity: .96;
    transform: translateX(116%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(136%) skewX(-14deg);
  }
}

@keyframes openingQuotaTitleSpotlightLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-6px) scale(1.12);
    filter:
      brightness(1.68)
      drop-shadow(0 0 20px rgba(255,253,249,.86))
      drop-shadow(0 0 42px rgba(255,232,166,.86));
  }
  62% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.15);
  }
}

@keyframes openingQuotaTitleSpotlightAura {
  0%, 100% {
    opacity: .28;
    transform: translate(-50%, -46%) scale(.66);
  }
  38% {
    opacity: .8;
    transform: translate(-50%, -50%) scale(1.1);
  }
  62% {
    opacity: .42;
    transform: translate(-50%, -46%) scale(.82);
  }
}

@keyframes openingQuotaTitleSpotlightSpark {
  0%, 24%, 100% {
    opacity: 0;
    transform: translate(-50%, 6px) scale(.22);
  }
  38% {
    opacity: 1;
    transform: translate(-50%, -2px) scale(1.18);
  }
  58% {
    opacity: .32;
    transform: translate(-50%, 2px) scale(.62);
  }
}

@keyframes openingQuotaStandardSpotlightLabel {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  48% {
    filter: brightness(1.16);
    transform: translateY(-1px);
  }
}

@keyframes openingQuotaStandardSpotlightNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.58),
      0 0 0 1px rgba(255,253,249,.32),
      0 0 82px rgba(255,232,166,.92),
      0 0 156px rgba(217,185,140,.64),
      0 18px 38px rgba(18,14,12,.24);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.68),
      0 0 0 1px rgba(255,253,249,.42),
      0 0 116px rgba(255,232,166,1),
      0 0 216px rgba(217,185,140,.9),
      0 22px 44px rgba(18,14,12,.26);
  }
}

@keyframes openingQuotaStandardSpotlightSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-76%) rotate(10deg);
  }
  48% {
    opacity: .86;
    transform: translateX(76%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: clamp(17px, 1.7vw, 26px);
    gap: 12px;
  }

  #dashboard .opening-quota-head {
    min-height: 106px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 580px);
    padding: 12px 18px 14px;
    font-size: clamp(33px, 2.8vw, 42px);
  }

  #dashboard .opening-standard-price {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    min-height: 164px;
    padding: 15px 12px 17px;
    gap: 9px;
  }

  #dashboard .opening-standard-price span {
    grid-column: 1 / -1;
    font-size: clamp(38px, 3.3vw, 48px);
  }

  #dashboard .opening-standard-price em {
    grid-template-columns: 1fr;
    gap: 4px;
    font-size: clamp(16px, 1.5vw, 20px);
  }

  #dashboard .opening-standard-price i {
    display: none;
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 112px);
    min-width: 0;
    padding: 5px 6px 7px;
    font-size: clamp(42px, 3.45vw, 50px);
    line-height: 1.04;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 540px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: min(506px, calc(100% - 20px));
    max-height: calc(100% - 20px);
    padding: 16px;
    gap: 10px;
  }

  #dashboard .opening-quota-head {
    min-height: 104px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 380px);
    padding: 13px 18px 14px;
    font-size: clamp(32px, 8.7vw, 38px);
  }

  #dashboard .opening-standard-price {
    min-height: 164px;
    padding: 15px 9px 16px;
    gap: 7px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(36px, 9.2vw, 42px);
  }

  #dashboard .opening-standard-price em {
    font-size: clamp(14px, 4.25vw, 16px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 88px);
    padding: 4px 4px 6px;
    font-size: clamp(35px, 9.2vw, 40px);
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    padding-right: 16px;
    padding-left: 16px;
    font-size: clamp(31px, 8.65vw, 36px);
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 8.9vw, 40px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 82px);
    font-size: clamp(34px, 9vw, 38px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong,
  #dashboard .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota attraction true eof containment pass */
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 740px);
  max-width: 100%;
  contain: paint;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  line-height: 1.04;
}

#dashboard .opening-quota-card .opening-standard-price {
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  contain: paint;
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  border-radius: inherit;
  transform: translateX(-72%) rotate(10deg);
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 100%;
    min-height: 84px;
    padding-right: 18px;
    padding-left: 18px;
    font-size: clamp(34px, 2.28rem, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    padding-right: 8px;
    padding-left: 8px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(42px, 2.9rem, 50px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 90px);
    font-size: clamp(38px, 2.625rem, 44px);
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: clamp(27px, 1.85rem, 31px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    gap: 5px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 74px);
    font-size: clamp(29px, 2.05rem, 34px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleTrueContainedSweep 1.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaStandardTrueContainedSweep 2.8s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleTrueContainedSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-86%) skewX(-14deg);
  }
  46% {
    opacity: .96;
    transform: translateX(86%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(96%) skewX(-14deg);
  }
}

@keyframes openingQuotaStandardTrueContainedSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-68%) rotate(10deg);
  }
  48% {
    opacity: .84;
    transform: translateX(68%) rotate(10deg);
  }
}

/* Dashboard opening quota attraction containment eof lock pass */
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 740px);
  max-width: 100%;
  contain: paint;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  line-height: 1.04;
}

#dashboard .opening-quota-card .opening-standard-price {
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  contain: paint;
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  border-radius: inherit;
  transform: translateX(-72%) rotate(10deg);
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 100%;
    padding-right: 18px;
    padding-left: 18px;
    font-size: clamp(34px, 2.28rem, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    padding-right: 8px;
    padding-left: 8px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 90px);
    font-size: clamp(40px, 2.85rem, 48px);
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: clamp(27px, 1.85rem, 31px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    gap: 5px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 74px);
    font-size: clamp(29px, 2.05rem, 34px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleContainedSweep 1.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaStandardContainedSweep 2.8s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleContainedSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-86%) skewX(-14deg);
  }
  46% {
    opacity: .96;
    transform: translateX(86%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(96%) skewX(-14deg);
  }
}

@keyframes openingQuotaStandardContainedSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-68%) rotate(10deg);
  }
  48% {
    opacity: .84;
    transform: translateX(68%) rotate(10deg);
  }
}

/* Dashboard opening quota attraction containment verification pass */
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 740px);
  max-width: 100%;
  contain: paint;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  line-height: 1.04;
}

#dashboard .opening-quota-card .opening-standard-price {
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  contain: paint;
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  border-radius: inherit;
  transform: translateX(-72%) rotate(10deg);
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 100%;
    padding-right: 18px;
    padding-left: 18px;
    font-size: clamp(34px, 2.28rem, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    padding-right: 8px;
    padding-left: 8px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 90px);
    font-size: clamp(40px, 2.85rem, 48px);
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: clamp(27px, 1.85rem, 31px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    gap: 5px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 74px);
    font-size: clamp(29px, 2.05rem, 34px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleContainedSweep 1.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaStandardContainedSweep 2.8s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleContainedSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-86%) skewX(-14deg);
  }
  46% {
    opacity: .96;
    transform: translateX(86%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(96%) skewX(-14deg);
  }
}

@keyframes openingQuotaStandardContainedSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-68%) rotate(10deg);
  }
  48% {
    opacity: .84;
    transform: translateX(68%) rotate(10deg);
  }
}

/* Consult progress card dependency pass */
#consult .consult-progress-card {
  --consult-progress: 20%;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 1.05fr repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 9px;
  min-height: 92px;
  margin: 2px 0 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.24);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0 0, rgba(125,157,145,.2), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.58));
  box-shadow:
    0 18px 38px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.68);
}

#consult .consult-progress-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  opacity: .34;
  background:
    linear-gradient(112deg, transparent 0 32%, rgba(255,253,249,.86) 44%, rgba(217,185,140,.2) 52%, transparent 66%),
    radial-gradient(circle at 88% 0, rgba(217,185,140,.18), transparent 34%);
  transform: translateX(-118%) skewX(-12deg);
}

#consult .consult-progress-card[data-state="ready"] {
  border-color: rgba(47,111,100,.42);
  background:
    radial-gradient(circle at 0 0, rgba(47,111,100,.18), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.78));
}

#consult .consult-progress-card[data-state="blocked"] {
  border-color: rgba(159,102,93,.34);
  background:
    radial-gradient(circle at 0 0, rgba(159,102,93,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(247,233,231,.74));
}

#consult .consult-progress-card > span,
#consult .consult-progress-lead {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 70px;
  padding: 11px 12px;
  border: 1px solid rgba(47,111,100,.12);
  border-radius: 12px;
  background: rgba(255,253,249,.58);
}

#consult .consult-progress-card small {
  color: rgba(61,51,46,.62);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

#consult .consult-progress-card strong {
  margin-top: 6px;
  min-width: 0;
  color: #2b2521;
  font-size: clamp(12px, 1.05vw, 14px);
  font-weight: 950;
  line-height: 1.28;
  letter-spacing: 0;
}

#consult .consult-progress-card strong b {
  color: #2f6f64;
  font-size: 1.18em;
  font-weight: 1000;
  text-shadow:
    0 1px 0 rgba(255,255,255,.8),
    0 0 18px rgba(47,111,100,.22);
}

#consult .consult-progress-lead strong {
  color: #8f5b55;
  font-size: clamp(14px, 1.18vw, 16px);
}

#consult .consult-progress-meter {
  position: relative;
  height: 7px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(47,111,100,.1);
}

#consult .consult-progress-meter span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--consult-progress, 20%);
  overflow: hidden;
  border-radius: inherit;
  background:
    linear-gradient(90deg, #7d9d91, #d9b98c);
  box-shadow: 0 0 18px rgba(47,111,100,.22);
  transition: width .28s ease;
}

#consult .consult-progress-meter span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,253,249,.76), transparent);
  transform: translateX(-110%);
}

@media (prefers-reduced-motion: no-preference) {
  #consult .consult-progress-card::before {
    animation: consultProgressSweep 6.4s ease-in-out infinite;
  }

  #consult .consult-progress-meter span::after {
    animation: consultProgressMeterShine 3.8s ease-in-out infinite;
  }
}

@keyframes consultProgressSweep {
  0%, 44% {
    transform: translateX(-118%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(118%) skewX(-12deg);
  }
}

@keyframes consultProgressMeterShine {
  0%, 30% {
    transform: translateX(-110%);
  }
  70%, 100% {
    transform: translateX(110%);
  }
}

@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-progress-card {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 52px;
    padding: 6px;
    gap: 6px;
  }

  #consult .consult-progress-lead {
    display: none;
  }

  #consult .consult-progress-card > span {
    min-height: 40px;
    padding: 7px 9px;
  }

  #consult .consult-progress-card small {
    font-size: 10px;
  }

  #consult .consult-progress-card strong {
    margin-top: 3px;
    font-size: 11.5px;
    line-height: 1.16;
  }
}

@media (max-width: 720px) {
  #consult .consult-progress-card {
    grid-template-columns: 1fr;
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #consult .consult-progress-card::before,
  #consult .consult-progress-meter span::after {
    animation: none !important;
  }
}

/* Launch compliance identity and agreement pass */
.auth-screen {
  align-items: start;
  overflow-y: auto;
}

.auth-panel {
  align-self: start;
  max-height: calc(100vh - 56px);
  overflow-y: auto;
}

.auth-panel::-webkit-scrollbar {
  width: 8px;
}

.auth-panel::-webkit-scrollbar-thumb {
  border: 2px solid rgba(255,253,249,.62);
  border-radius: 999px;
  background: rgba(181,138,88,.45);
}

.auth-enterprise-card {
  position: relative;
  overflow: hidden;
}

.auth-enterprise-card::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  top: 8px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.72), rgba(125,157,145,.34), transparent);
}

.auth-work-profile {
  position: relative;
  display: grid;
  gap: 10px;
  margin: 10px 0 12px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.6)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.16), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 38%);
  box-shadow:
    0 14px 30px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.auth-work-profile::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .28;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, rgba(255,232,166,.24) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-work-profile > * {
  position: relative;
  z-index: 1;
}

.auth-work-profile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.auth-work-profile-head span {
  display: inline-grid;
  grid-template-columns: 24px minmax(0, auto);
  align-items: center;
  gap: 7px;
  color: rgba(80,56,45,.62);
  font-size: 11px;
  font-weight: 900;
}

.auth-work-profile-head i,
.auth-work-profile-head svg {
  width: 24px;
  height: 24px;
  padding: 5px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: 9px;
  color: #b58a58;
  background: rgba(255,253,249,.72);
  stroke-width: 2.35;
}

.auth-work-profile-head strong {
  min-width: 0;
  color: #50382d;
  font-size: 13px;
  font-weight: 950;
  text-align: right;
}

.auth-work-profile-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.auth-work-profile-grid span {
  display: grid;
  gap: 4px;
  min-height: 58px;
  padding: 9px 8px;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.74), rgba(255,247,235,.5)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.13), transparent 58%);
  text-align: center;
}

.auth-work-profile-grid small,
.auth-work-profile-grid em {
  min-width: 0;
  overflow: hidden;
  color: rgba(80,56,45,.54);
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-work-profile-grid strong {
  min-width: 0;
  overflow: hidden;
  color: #8f5b55;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-work-profile[data-mode="register"] .auth-work-profile-grid strong {
  color: #2f6f64;
}

/* Auth clinic preference dependency pass */
.auth-clinic-preference {
  --clinic-pref-dot: #7d9d91;
  --clinic-pref-glow: rgba(125,157,145,.14);
  position: relative;
  display: grid;
  gap: 9px;
  margin: 8px 0 12px;
  padding: 12px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(125,157,145,.2);
  border-radius: 16px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.48)),
    radial-gradient(circle at 0 0, var(--clinic-pref-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.11), transparent 38%);
  box-shadow:
    0 14px 30px rgba(47,111,100,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.auth-clinic-preference[data-tone="review"] {
  --clinic-pref-dot: #b58a58;
  --clinic-pref-glow: rgba(181,138,88,.16);
}

.auth-clinic-preference::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, color-mix(in srgb, var(--clinic-pref-dot) 24%, transparent) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-clinic-preference-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.auth-clinic-preference-head span {
  display: inline-grid;
  grid-template-columns: 24px minmax(0, auto);
  align-items: center;
  gap: 7px;
  color: color-mix(in srgb, var(--clinic-pref-dot) 72%, rgba(80,56,45,.62));
  font-size: 11px;
  font-weight: 950;
}

.auth-clinic-preference-head i,
.auth-clinic-preference-head svg {
  width: 24px;
  height: 24px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--clinic-pref-dot) 30%, rgba(255,253,249,.66));
  border-radius: 9px;
  color: color-mix(in srgb, var(--clinic-pref-dot) 74%, #50382d);
  background: rgba(255,253,249,.72);
  stroke-width: 2.35;
}

.auth-clinic-preference-head strong {
  min-width: 0;
  overflow: hidden;
  color: #50382d;
  font-size: 13px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-clinic-preference-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.auth-clinic-preference-grid label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.auth-clinic-preference-grid small {
  color: rgba(80,56,45,.55);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.auth-clinic-preference-grid select {
  min-width: 0;
  min-height: 38px;
  padding: 8px 28px 8px 9px;
  border: 1px solid rgba(125,157,145,.16);
  border-radius: 12px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.5));
  font-size: 12px;
  font-weight: 850;
}

.auth-clinic-preference p {
  margin: 0;
  color: color-mix(in srgb, var(--clinic-pref-dot) 58%, rgba(80,56,45,.64));
  font-size: 11.5px;
  font-weight: 820;
  line-height: 1.45;
}

/* Auth start plan dependency pass */
.auth-start-plan {
  --auth-plan-dot: #b58a58;
  --auth-plan-glow: rgba(181,138,88,.14);
  position: relative;
  display: grid;
  gap: 10px;
  margin: 8px 0 12px;
  padding: 12px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 16px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, var(--auth-plan-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.11), transparent 38%);
  box-shadow:
    0 14px 30px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.auth-start-plan[data-tone="ready"],
.auth-start-plan.is-ready {
  --auth-plan-dot: #2f6f64;
  --auth-plan-glow: rgba(47,111,100,.16);
  border-color: rgba(47,111,100,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.5)),
    radial-gradient(circle at 0 0, var(--auth-plan-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.12), transparent 38%);
}

.auth-start-plan[data-tone="low"],
.auth-start-plan.is-low {
  --auth-plan-dot: #c4776d;
  --auth-plan-glow: rgba(196,119,109,.16);
  border-color: rgba(196,119,109,.24);
}

.auth-start-plan[data-mode="register"] {
  --auth-plan-dot: #d9b98c;
  --auth-plan-glow: rgba(217,185,140,.18);
}

.auth-start-plan::before,
.auth-start-plan::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.auth-start-plan::before {
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: .24;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, color-mix(in srgb, var(--auth-plan-dot) 24%, transparent) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-start-plan::after {
  left: 14px;
  right: 14px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .5;
  background: linear-gradient(90deg, transparent, var(--auth-plan-dot), rgba(255,253,249,.72), transparent);
}

.auth-start-plan > * {
  position: relative;
  z-index: 1;
}

.auth-start-plan-head {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.auth-start-plan-head i,
.auth-start-plan-head svg {
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--auth-plan-dot) 32%, rgba(255,253,249,.66));
  border-radius: 12px;
  color: color-mix(in srgb, var(--auth-plan-dot) 74%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--auth-plan-dot) 12%, rgba(255,247,235,.72)));
  box-shadow:
    0 8px 18px var(--auth-plan-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  stroke-width: 2.35;
}

.auth-start-plan-head span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.auth-start-plan-head small {
  color: color-mix(in srgb, var(--auth-plan-dot) 68%, rgba(80,56,45,.58));
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

.auth-start-plan-head strong {
  overflow: hidden;
  color: #50382d;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-start-plan p {
  margin: 0;
  color: rgba(80,56,45,.68);
  font-size: 12px;
  font-weight: 780;
  line-height: 1.55;
}

.auth-start-plan-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.auth-start-plan-steps span {
  display: grid;
  min-width: 0;
  min-height: 46px;
  align-content: center;
  gap: 3px;
  padding: 8px 9px;
  border: 1px solid color-mix(in srgb, var(--auth-plan-dot) 16%, rgba(181,138,88,.12));
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.48)),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--auth-plan-dot) 12%, transparent), transparent 58%);
}

.auth-start-plan-steps small {
  overflow: hidden;
  color: rgba(80,56,45,.54);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-start-plan-steps strong {
  overflow: hidden;
  color: color-mix(in srgb, var(--auth-plan-dot) 76%, #50382d);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.16;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Auth access trust brief pass */
.auth-access-brief {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 8px 0 14px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(125,157,145,.2);
  border-radius: 16px;
  color: var(--ink);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(228,241,237,.48)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.16), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.1), transparent 38%);
  box-shadow:
    0 14px 30px rgba(47,111,100,.07),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.auth-access-brief[data-mode="register"] {
  border-color: rgba(217,185,140,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.18), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 38%);
}

.auth-access-brief::before {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.58), rgba(217,185,140,.46), transparent);
  opacity: .64;
}

.auth-access-brief > i,
.auth-access-brief > svg {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid rgba(125,157,145,.22);
  border-radius: 12px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.72));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 18px rgba(125,157,145,.16);
}

.auth-access-brief[data-mode="register"] > i,
.auth-access-brief[data-mode="register"] > svg {
  border-color: rgba(217,185,140,.28);
  color: #8f5b55;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.74));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 18px rgba(217,185,140,.16);
}

.auth-access-brief > div {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 7px;
  min-width: 0;
}

.auth-access-brief strong {
  color: #50382d;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.18;
}

.auth-access-brief p {
  margin: 0;
  color: rgba(80,56,45,.68);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.55;
}

.auth-access-brief-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.auth-access-brief-grid span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(125,157,145,.14);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(228,241,237,.42));
}

.auth-access-brief-grid small {
  overflow: hidden;
  color: rgba(80,56,45,.54);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-access-brief-grid b {
  overflow: hidden;
  color: #2f6f64;
  font-size: 11.5px;
  font-weight: 950;
  line-height: 1.14;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-access-brief[data-mode="register"] .auth-access-brief-grid b {
  color: #8f5b55;
}

/* Auth identity environment cue pass */
.auth-identity-cue {
  --auth-identity-dot: #2f6f64;
  --auth-identity-glow: rgba(47,111,100,.13);
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px 10px;
  align-items: center;
  margin: -4px 0 12px;
  padding: 11px 12px;
  overflow: hidden;
  border: 1px solid rgba(125,157,145,.2);
  border-radius: 15px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(228,241,237,.46)),
    radial-gradient(circle at 0 0, var(--auth-identity-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.1), transparent 38%);
  box-shadow:
    0 12px 26px rgba(47,111,100,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.auth-identity-cue[data-mode="register"] {
  --auth-identity-dot: #d9b98c;
  --auth-identity-glow: rgba(217,185,140,.16);
  border-color: rgba(217,185,140,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, var(--auth-identity-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 38%);
}

.auth-identity-cue[data-tone="demo"] {
  --auth-identity-dot: #8f5b55;
  --auth-identity-glow: rgba(143,91,85,.14);
  border-color: rgba(143,91,85,.2);
}

.auth-identity-cue[data-tone="pending"] {
  --auth-identity-dot: #b58a58;
  --auth-identity-glow: rgba(181,138,88,.12);
}

.auth-identity-cue::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .22;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.86) 52%, color-mix(in srgb, var(--auth-identity-dot) 24%, transparent) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-identity-cue > * {
  position: relative;
  z-index: 1;
}

.auth-identity-cue > i,
.auth-identity-cue > svg {
  width: 30px;
  height: 30px;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--auth-identity-dot) 28%, rgba(255,253,249,.7));
  border-radius: 12px;
  color: color-mix(in srgb, var(--auth-identity-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--auth-identity-dot) 12%, rgba(255,247,235,.72)));
  box-shadow:
    0 8px 18px var(--auth-identity-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  stroke-width: 2.35;
}

.auth-identity-cue span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.auth-identity-cue small {
  color: color-mix(in srgb, var(--auth-identity-dot) 70%, rgba(80,56,45,.58));
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
}

.auth-identity-cue strong {
  overflow: hidden;
  color: #50382d;
  font-size: 13.5px;
  font-weight: 950;
  line-height: 1.16;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-identity-cue em {
  overflow: hidden;
  color: rgba(80,56,45,.66);
  font-size: 11.5px;
  font-style: normal;
  font-weight: 780;
  line-height: 1.38;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-identity-meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.auth-identity-meta b {
  display: inline-flex;
  min-width: 0;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--auth-identity-dot) 18%, rgba(181,138,88,.12));
  border-radius: 999px;
  color: color-mix(in srgb, var(--auth-identity-dot) 76%, #50382d);
  background:
    linear-gradient(145deg, rgba(255,253,249,.74), color-mix(in srgb, var(--auth-identity-dot) 8%, rgba(255,247,235,.5)));
  font-size: 11px;
  font-weight: 950;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Auth readiness checklist pass */
.auth-readiness-card {
  --auth-ready-dot: #7d9d91;
  --auth-ready-progress: 0%;
  position: relative;
  display: grid;
  gap: 10px;
  margin: 8px 0 12px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 16px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.54)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.15), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 38%);
  box-shadow:
    0 14px 30px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.auth-readiness-card[data-mode="register"] {
  --auth-ready-dot: #b58a58;
}

.auth-readiness-card.is-complete {
  --auth-ready-dot: #2f6f64;
  border-color: rgba(47,111,100,.24);
}

.auth-readiness-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .2;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, color-mix(in srgb, var(--auth-ready-dot) 24%, transparent) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-readiness-card > * {
  position: relative;
  z-index: 1;
}

.auth-readiness-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.auth-readiness-head span {
  display: inline-grid;
  grid-template-columns: 24px minmax(0, auto);
  align-items: center;
  gap: 7px;
  color: rgba(80,56,45,.62);
  font-size: 11px;
  font-weight: 900;
}

.auth-readiness-head i,
.auth-readiness-head svg {
  width: 24px;
  height: 24px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--auth-ready-dot) 30%, rgba(255,253,249,.66));
  border-radius: 9px;
  color: color-mix(in srgb, var(--auth-ready-dot) 72%, #50382d);
  background: rgba(255,253,249,.72);
  stroke-width: 2.35;
}

.auth-readiness-head strong {
  color: #50382d;
  font-size: 13px;
  font-weight: 950;
}

.auth-readiness-progress {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
}

.auth-readiness-progress span {
  position: relative;
  height: 8px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 999px;
  background: rgba(255,253,249,.72);
}

.auth-readiness-progress span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--auth-ready-progress);
  border-radius: inherit;
  background: linear-gradient(90deg, #7d9d91, var(--auth-ready-dot), #d9b98c);
  box-shadow: 0 0 14px color-mix(in srgb, var(--auth-ready-dot) 26%, transparent);
  transition: width .26s var(--ease-out);
}

.auth-readiness-progress b {
  color: color-mix(in srgb, var(--auth-ready-dot) 76%, #50382d);
  font-size: 12px;
  font-weight: 950;
}

.auth-readiness-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.auth-readiness-list span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 27px;
  padding: 5px 8px;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 999px;
  color: rgba(80,56,45,.58);
  background: rgba(255,253,249,.58);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.auth-readiness-list span::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(181,138,88,.34);
  box-shadow: 0 0 0 3px rgba(181,138,88,.08);
}

.auth-readiness-list span.is-current {
  border-color: color-mix(in srgb, var(--auth-ready-dot) 26%, rgba(181,138,88,.18));
  color: color-mix(in srgb, var(--auth-ready-dot) 70%, #50382d);
}

.auth-readiness-list span.is-done {
  border-color: rgba(47,111,100,.2);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(228,241,237,.72), rgba(255,253,249,.64));
}

.auth-readiness-list span.is-done::before {
  content: "✓";
  display: grid;
  place-items: center;
  color: #fffdf9;
  background: #2f6f64;
  font-size: 9px;
  font-weight: 950;
}

.auth-readiness-list span.is-hidden {
  display: none;
}

/* Auth readiness gate pass */
.auth-readiness-gate {
  --auth-gate-dot: #b58a58;
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: 14px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(228,241,237,.54)),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--auth-gate-dot) 15%, transparent), transparent 38%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 10px 22px color-mix(in srgb, var(--auth-gate-dot) 8%, transparent);
}

.auth-readiness-gate[data-state="complete"] {
  --auth-gate-dot: #2f6f64;
  border-color: rgba(47,111,100,.24);
}

.auth-readiness-gate[data-state="blocked"] {
  --auth-gate-dot: #8f5b55;
  border-color: rgba(143,91,85,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(252,236,233,.52)),
    radial-gradient(circle at 100% 0, rgba(143,91,85,.15), transparent 38%);
}

.auth-readiness-gate::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  opacity: .45;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--auth-gate-dot), rgba(255,253,249,.78), transparent);
}

.auth-readiness-gate > i,
.auth-readiness-gate > svg {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--auth-gate-dot) 26%, rgba(255,253,249,.7));
  border-radius: 11px;
  color: color-mix(in srgb, var(--auth-gate-dot) 82%, #50382d);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), color-mix(in srgb, var(--auth-gate-dot) 11%, rgba(255,247,235,.72)));
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--auth-gate-dot) 7%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.auth-readiness-gate span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.auth-readiness-gate small,
.auth-readiness-gate em {
  color: color-mix(in srgb, var(--auth-gate-dot) 48%, rgba(80,56,45,.66));
  font-style: normal;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
}

.auth-readiness-gate strong {
  overflow: hidden;
  color: color-mix(in srgb, var(--auth-gate-dot) 64%, #3f2d27);
  font-size: 14px;
  font-weight: 950;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-readiness-gate em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Auth security diagnostic pass */
.auth-security-check {
  --auth-security-dot: #7d9d91;
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 10px;
  margin: 4px 0 12px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(125,157,145,.2);
  border-radius: 16px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--auth-security-dot) 7%, rgba(255,247,235,.62))),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--auth-security-dot) 16%, transparent), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.13), transparent 38%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 14px 30px color-mix(in srgb, var(--auth-security-dot) 8%, transparent);
}

.auth-security-check[data-mode="register"] {
  --auth-security-dot: #b58a58;
}

.auth-security-check[data-tone="secure"] {
  --auth-security-dot: #2f6f64;
  border-color: rgba(47,111,100,.26);
}

.auth-security-check[data-tone="warning"] {
  --auth-security-dot: #8f5b55;
  border-color: rgba(143,91,85,.24);
}

.auth-security-check::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: .24;
  background:
    linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,253,249,.82) 48%, color-mix(in srgb, var(--auth-security-dot) 28%, transparent) 58%, transparent 74%),
    radial-gradient(circle at 18% 0, rgba(255,232,166,.14), transparent 34%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-security-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 10px;
  align-items: center;
}

.auth-security-head span {
  display: inline-grid;
  grid-template-columns: 25px minmax(0, auto);
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: rgba(80,56,45,.62);
  font-size: 11px;
  font-weight: 900;
}

.auth-security-head i,
.auth-security-head svg {
  width: 25px;
  height: 25px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--auth-security-dot) 30%, rgba(255,253,249,.66));
  border-radius: 9px;
  color: color-mix(in srgb, var(--auth-security-dot) 78%, #50382d);
  background: rgba(255,253,249,.78);
  stroke-width: 2.4;
}

.auth-security-head strong {
  grid-column: 1;
  overflow: hidden;
  color: #50382d;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-security-score {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb, var(--auth-security-dot) 24%, rgba(255,253,249,.72));
  border-radius: 999px;
  color: rgba(80,56,45,.68);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), color-mix(in srgb, var(--auth-security-dot) 10%, rgba(255,247,235,.72)));
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 0 18px color-mix(in srgb, var(--auth-security-dot) 12%, transparent);
}

.auth-security-score strong,
#authSecurityScore {
  color: color-mix(in srgb, var(--auth-security-dot) 82%, #3f2d27);
  font-size: 13px;
  font-weight: 950;
}

#authSecurityDetail {
  position: relative;
  z-index: 1;
  display: block;
  color: color-mix(in srgb, var(--auth-security-dot) 44%, rgba(80,56,45,.7));
  font-size: 12px;
  font-style: normal;
  font-weight: 820;
  line-height: 1.45;
}

.auth-security-list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.auth-security-list span {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 2px 7px;
  align-items: center;
  min-height: 48px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 13px;
  color: rgba(80,56,45,.72);
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.48));
}

.auth-security-list span > i,
.auth-security-list span > svg {
  grid-row: 1 / span 2;
  width: 24px;
  height: 24px;
  padding: 5px;
  border-radius: 9px;
  color: color-mix(in srgb, var(--auth-security-dot) 70%, #50382d);
  background: rgba(255,253,249,.72);
  stroke-width: 2.35;
}

.auth-security-list small,
.auth-security-list em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-security-list small {
  color: #50382d;
  font-size: 11.5px;
  font-weight: 930;
  line-height: 1.15;
}

.auth-security-list em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 820;
  line-height: 1.2;
}

.auth-security-list span.is-current {
  border-color: color-mix(in srgb, var(--auth-security-dot) 28%, rgba(181,138,88,.16));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--auth-security-dot) 7%, transparent);
}

.auth-security-list span.is-done {
  border-color: rgba(47,111,100,.22);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(228,241,237,.76), rgba(255,253,249,.66));
}

.auth-security-list span.is-done i,
.auth-security-list span.is-done svg {
  color: #fffdf9;
  background: #2f6f64;
}

.auth-security-list span.is-warning {
  border-color: rgba(143,91,85,.22);
  color: #8f5b55;
  background:
    linear-gradient(145deg, rgba(252,236,233,.74), rgba(255,253,249,.66));
}

.auth-security-list span.is-warning i,
.auth-security-list span.is-warning svg {
  color: #8f5b55;
}

.auth-security-list span.is-hidden {
  display: none;
}

/* Auth first delivery preview pass */
.auth-first-delivery {
  --delivery-step-dot: #b58a58;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 17px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.16), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.13), transparent 42%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 14px 30px rgba(92,70,59,.08);
}

.auth-first-delivery[data-tone="ready"] {
  --delivery-step-dot: #2f6f64;
  border-color: rgba(47,111,100,.22);
}

.auth-first-delivery[data-tone="low"] {
  --delivery-step-dot: #8f5b55;
  border-color: rgba(143,91,85,.22);
}

.auth-first-delivery::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: .22;
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,253,249,.8) 48%, color-mix(in srgb, var(--delivery-step-dot) 28%, transparent) 58%, transparent 74%),
    radial-gradient(circle at 16% 0, rgba(255,232,166,.14), transparent 34%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-first-delivery-head {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
}

.auth-first-delivery-head span {
  display: inline-grid;
  grid-template-columns: 26px minmax(0, auto);
  gap: 7px;
  align-items: center;
  color: rgba(80,56,45,.64);
  font-size: 11px;
  font-weight: 900;
}

.auth-first-delivery-head i,
.auth-first-delivery-head svg {
  width: 26px;
  height: 26px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--delivery-step-dot) 28%, rgba(255,253,249,.68));
  border-radius: 9px;
  color: color-mix(in srgb, var(--delivery-step-dot) 80%, #50382d);
  background: rgba(255,253,249,.78);
  stroke-width: 2.4;
}

.auth-first-delivery-head strong {
  overflow: hidden;
  color: #50382d;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.24;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#authFirstDeliveryDetail,
.auth-first-delivery-commitment {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 820;
  line-height: 1.55;
}

.auth-first-delivery-steps {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.auth-first-delivery-step {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 2px 7px;
  align-items: center;
  min-height: 58px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.48));
}

.auth-first-delivery-step i,
.auth-first-delivery-step svg {
  grid-row: 1 / span 3;
  width: 24px;
  height: 24px;
  padding: 5px;
  border-radius: 9px;
  color: color-mix(in srgb, var(--delivery-step-dot) 70%, #50382d);
  background: rgba(255,253,249,.72);
  stroke-width: 2.35;
}

.auth-first-delivery-step small,
.auth-first-delivery-step strong,
.auth-first-delivery-step em {
  min-width: 0;
  overflow: hidden;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-first-delivery-step small {
  color: rgba(80,56,45,.58);
  font-size: 10.5px;
  font-weight: 850;
}

.auth-first-delivery-step strong {
  color: #50382d;
  font-size: 12px;
  font-weight: 950;
}

.auth-first-delivery-step em {
  color: var(--muted);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 800;
}

.auth-first-delivery-step.is-active {
  border-color: color-mix(in srgb, var(--delivery-step-dot) 34%, rgba(181,138,88,.18));
  background:
    linear-gradient(145deg, rgba(255,253,249,.84), color-mix(in srgb, var(--delivery-step-dot) 12%, rgba(255,247,235,.58)));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--delivery-step-dot) 7%, transparent);
}

.auth-first-delivery-step.is-active strong {
  color: color-mix(in srgb, var(--delivery-step-dot) 72%, #3f2d27);
}

.auth-first-delivery-step.is-active i,
.auth-first-delivery-step.is-active svg {
  color: #fffdf9;
  background: color-mix(in srgb, var(--delivery-step-dot) 82%, #3f2d27);
}

.auth-first-delivery-commitment {
  padding: 8px 9px;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: 12px;
  color: #2f6f64;
  background: rgba(255,253,249,.58);
}

.auth-resume-card {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  margin: 4px 0 0;
  padding: 11px 12px;
  overflow: hidden;
  border: 1px solid rgba(125,157,145,.2);
  border-radius: 16px;
  color: var(--ink);
  background:
    linear-gradient(145deg, rgba(255,253,249,.84), rgba(228,241,237,.5)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.16), transparent 42%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 14px 30px rgba(47,111,100,.08);
  text-align: left;
  cursor: pointer;
}

.auth-resume-card::before {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.52), rgba(217,185,140,.42), transparent);
  opacity: .68;
}

.auth-resume-card > i,
.auth-resume-card > svg {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.74));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 18px rgba(125,157,145,.18);
}

.auth-resume-card svg {
  width: 17px;
  height: 17px;
  stroke-width: 2.4;
}

.auth-resume-card span {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.auth-resume-card small,
.auth-resume-card em {
  color: var(--muted);
  font-style: normal;
  font-size: 11.5px;
  font-weight: 820;
  line-height: 1.25;
}

.auth-resume-card strong {
  overflow: hidden;
  color: #2f6f64;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-resume-card em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-resume-card b {
  position: relative;
  z-index: 1;
  padding: 7px 9px;
  border: 1px solid rgba(125,157,145,.18);
  border-radius: 999px;
  color: #8f5b55;
  background: rgba(255,253,249,.58);
  font-size: 11.5px;
  font-weight: 900;
  white-space: nowrap;
}

.auth-resume-card:hover,
.auth-resume-card:focus-visible {
  border-color: rgba(125,157,145,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 0 0 4px rgba(125,157,145,.08),
    0 16px 34px rgba(47,111,100,.12);
  transform: translateY(-1px);
}

.auth-agreement {
  position: relative;
  isolation: isolate;
}

.auth-agreement::before {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: -1;
  border: 1px solid rgba(255,253,249,.48);
  border-radius: 12px;
  pointer-events: none;
}

/* Auth code application helper pass */
.auth-code-help {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  overflow: hidden;
  padding: 12px;
  border: 1px solid rgba(217,185,140,.24);
  border-radius: 16px;
  color: var(--ink-soft);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.68)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.18), transparent 36%),
    radial-gradient(circle at 0 100%, rgba(125,157,145,.1), transparent 40%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 12px 28px rgba(92,70,59,.08);
}

.auth-code-help.hidden {
  display: none !important;
}

.auth-code-help::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: .22;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.78) 46%, rgba(217,185,140,.32) 56%, transparent 70%),
    radial-gradient(circle at 18% 0, rgba(255,232,166,.18), transparent 34%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-code-help > i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(217,185,140,.28);
  border-radius: 10px;
  color: #8f5b55;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,232,166,.22)),
    radial-gradient(circle at 50% 0, rgba(255,255,255,.68), transparent 54%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 8px 18px rgba(181,138,88,.11);
}

.auth-code-help > i svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.4;
}

.auth-code-help strong {
  position: relative;
  z-index: 1;
}

.auth-code-help strong {
  display: block;
  color: #4d3931;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.35;
}

/* Auth login recovery helper pass */
.auth-login-help {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 11px;
  align-items: flex-start;
  overflow: hidden;
  padding: 12px;
  border: 1px solid rgba(125,157,145,.2);
  border-radius: 16px;
  color: var(--ink-soft);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.62)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.15), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.1), transparent 40%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 12px 28px rgba(47,111,100,.07);
}

.auth-login-help.hidden {
  display: none !important;
}

.auth-login-help::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  opacity: .2;
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.78) 48%, rgba(125,157,145,.28) 58%, transparent 72%),
    radial-gradient(circle at 80% 0, rgba(217,185,140,.14), transparent 34%);
  transform: translateX(-126%) skewX(-12deg);
}

.auth-login-help > i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(125,157,145,.26);
  border-radius: 10px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.72));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 8px 18px rgba(47,111,100,.1);
}

.auth-login-help > i svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.4;
}

.auth-login-help strong,
.auth-login-help-grid,
.auth-login-help-actions {
  position: relative;
  z-index: 1;
}

.auth-login-help strong {
  display: block;
  color: #354740;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.35;
}

.auth-login-help-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 9px;
}

.auth-login-help-grid span {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 58px;
  padding: 8px;
  border: 1px solid rgba(125,157,145,.16);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), rgba(228,241,237,.48));
}

.auth-login-help-grid small {
  color: #2f6f64;
  font-size: 10.5px;
  font-weight: 950;
}

.auth-login-help-grid em {
  color: rgba(80,56,45,.62);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.auth-login-help-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 9px;
}

.auth-login-help-actions .mini-btn {
  min-height: 34px;
  padding: 8px 12px;
  border-color: rgba(125,157,145,.26);
  color: #2f6f64;
  white-space: nowrap;
}

.auth-login-help-actions span {
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 820;
  line-height: 1.35;
}

@media (max-width: 920px) {
  .auth-panel {
    max-height: none;
    overflow-y: visible;
  }

  .auth-onboarding-rail {
    grid-template-columns: 1fr;
  }

  .auth-onboarding-rail span {
    min-height: 48px;
  }

  .auth-work-profile-grid {
    grid-template-columns: 1fr;
  }

  .auth-clinic-preference-grid {
    grid-template-columns: 1fr;
  }

  .auth-start-plan-steps {
    grid-template-columns: 1fr;
  }

  .auth-first-delivery-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auth-access-brief-grid {
    grid-template-columns: 1fr;
  }

  .auth-identity-meta {
    grid-template-columns: 1fr;
  }

  .auth-readiness-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .auth-readiness-gate {
    align-items: flex-start;
  }

  .auth-readiness-gate strong,
  .auth-readiness-gate em {
    white-space: normal;
  }

  .auth-security-head {
    grid-template-columns: 1fr;
  }

  .auth-security-score {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .auth-code-help {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .auth-login-help {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .auth-login-help-grid {
    grid-template-columns: 1fr;
  }

  .auth-resume-card {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .auth-resume-card b {
    grid-column: 2;
    justify-self: start;
    padding: 5px 8px;
  }
}

@media (max-width: 720px) {
  .auth-enterprise-card {
    grid-template-columns: 1fr;
  }

  .agreement-check {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .auth-work-profile-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .auth-work-profile-head strong {
    text-align: left;
  }

  .auth-clinic-preference-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .auth-clinic-preference-head strong {
    white-space: normal;
  }

  .auth-start-plan-head strong,
  .auth-start-plan-steps strong {
    white-space: normal;
  }

  .auth-access-brief {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 11px;
  }

  .auth-code-help {
    padding: 11px;
  }

  .auth-readiness-progress {
    grid-template-columns: 1fr;
  }

  .auth-readiness-gate {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .auth-security-list {
    grid-template-columns: 1fr;
  }

  .auth-first-delivery-head strong,
  #authFirstDeliveryDetail {
    white-space: normal;
  }

  .auth-security-list small,
  .auth-security-list em {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .auth-work-profile::before {
    animation: authWorkProfileSweep 8.8s ease-in-out infinite;
  }

  .auth-clinic-preference::before {
    animation: authClinicPreferenceSweep 8.7s ease-in-out infinite;
  }

  .auth-start-plan::before {
    animation: authStartPlanSweep 8.4s ease-in-out infinite;
  }

  .auth-start-plan::after {
    animation: authStartPlanRail 6.2s ease-in-out infinite;
  }

  .auth-readiness-card::before {
    animation: authReadinessSweep 8.6s ease-in-out infinite;
  }

  .auth-security-check::before {
    animation: authSecuritySweep 8.1s ease-in-out infinite;
  }

  .auth-access-brief::before {
    animation: authAccessBriefSweep 8.2s ease-in-out infinite;
  }

  .auth-code-help::before {
    animation: authCodeHelpSweep 8.4s ease-in-out infinite;
  }

  .auth-login-help::before {
    animation: authLoginHelpSweep 8.1s ease-in-out infinite;
  }

  .auth-identity-cue::before {
    animation: authIdentityCueSweep 7.8s ease-in-out infinite;
  }

  .auth-resume-card::before {
    animation: authResumeRail 7.2s ease-in-out infinite;
  }

  .auth-first-delivery::before {
    animation: authFirstDeliverySweep 8.5s ease-in-out infinite;
  }
}

@keyframes authWorkProfileSweep {
  0%, 46% {
    opacity: .1;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .36;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes authClinicPreferenceSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .34;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes authReadinessSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .32;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes authSecuritySweep {
  0%, 48% {
    opacity: .08;
    transform: translateX(-126%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .34;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes authStartPlanSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .34;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes authStartPlanRail {
  0%, 100% {
    opacity: .18;
    transform: translateX(-28%) scaleX(.42);
  }
  52% {
    opacity: .72;
    transform: translateX(28%) scaleX(.9);
  }
}

@keyframes authResumeRail {
  0%, 100% {
    opacity: .22;
    transform: translateX(-30%) scaleX(.42);
  }
  52% {
    opacity: .84;
    transform: translateX(30%) scaleX(.86);
  }
}

@keyframes authFirstDeliverySweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .34;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes authAccessBriefSweep {
  0%, 100% {
    opacity: .2;
    transform: translateX(-34%) scaleX(.36);
  }
  52% {
    opacity: .82;
    transform: translateX(34%) scaleX(.9);
  }
}

@keyframes authCodeHelpSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .36;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes authLoginHelpSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .34;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes authIdentityCueSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .34;
    transform: translateX(126%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-work-profile::before {
    animation: none !important;
  }

  .auth-clinic-preference::before {
    animation: none !important;
  }

  .auth-start-plan::before,
  .auth-start-plan::after {
    animation: none !important;
  }

  .auth-first-delivery::before {
    animation: none !important;
  }

  .auth-security-check::before {
    animation: none !important;
  }

  .auth-access-brief::before {
    animation: none !important;
  }

  .auth-code-help::before {
    animation: none !important;
  }

  .auth-login-help::before {
    animation: none !important;
  }

  .auth-identity-cue::before {
    animation: none !important;
  }

  .auth-readiness-card::before {
    animation: none !important;
  }

  .auth-resume-card::before {
    animation: none !important;
  }
}

/* Sidebar ambient atelier rail pass */
.sidebar {
  isolation: isolate;
  background:
    radial-gradient(circle at 22% 0, rgba(217,185,140,.16), transparent 30rem),
    radial-gradient(circle at 95% 68%, rgba(125,157,145,.08), transparent 22rem),
    linear-gradient(180deg, rgba(255,253,249,.9), rgba(255,247,235,.78));
  box-shadow:
    inset -1px 0 0 rgba(181,138,88,.16),
    12px 0 36px rgba(92,70,59,.045);
}

.sidebar::before,
.sidebar::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.sidebar::before {
  inset: 12px 8px;
  z-index: 0;
  border-radius: calc(var(--radius) + 4px);
  background:
    radial-gradient(circle at 18% 8%, rgba(255,232,166,.2), transparent 24%),
    radial-gradient(circle at 80% 88%, rgba(125,157,145,.1), transparent 26%),
    linear-gradient(145deg, rgba(255,253,249,.22), transparent 52%);
  opacity: .64;
  box-shadow: inset 0 1px 0 rgba(255,253,249,.52);
}

.sidebar::after {
  top: 18px;
  right: 0;
  bottom: 18px;
  z-index: 2;
  width: 1px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.24), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.22);
  opacity: .54;
}

.sidebar > * {
  position: relative;
  z-index: 1;
}

.sidebar .brand {
  position: relative;
}

.sidebar .brand::after {
  content: "";
  position: absolute;
  left: 58px;
  right: 8px;
  bottom: -12px;
  height: 1px;
  pointer-events: none;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(181,138,88,.38), rgba(255,232,166,.5), transparent);
  opacity: .44;
  transform-origin: left center;
}

.brand-mark {
  position: relative;
  overflow: hidden;
  box-shadow:
    0 16px 32px rgba(49,31,25,.18),
    0 0 0 1px rgba(255,232,166,.16) inset;
}

.brand-mark::before {
  content: "";
  position: absolute;
  inset: -35%;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,253,249,.44) 48%, rgba(255,232,166,.24) 56%, transparent 70%);
  opacity: .58;
  transform: translateX(-72%) rotate(10deg);
}

.brand-mark::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #d9b98c;
  box-shadow:
    0 0 0 3px rgba(217,185,140,.14),
    0 0 16px rgba(217,185,140,.5);
}

.nav {
  position: relative;
}

.nav::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  pointer-events: none;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(217,185,140,.2), rgba(125,157,145,.12), transparent);
  opacity: .46;
}

.nav button {
  z-index: 1;
}

.sidebar-showcase::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 2;
  pointer-events: none;
  border-radius: calc(var(--radius) - 1px);
  background:
    linear-gradient(118deg, transparent 0%, transparent 38%, rgba(255,253,249,.3) 48%, rgba(255,232,166,.2) 58%, transparent 72%),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.16), transparent 32%);
  mix-blend-mode: screen;
  opacity: .42;
  transform: translateX(-116%) skewX(-12deg);
}

@media (prefers-reduced-motion: no-preference) {
  .sidebar::before {
    animation: sidebarAmbientBreath 8.8s ease-in-out infinite;
  }

  .sidebar::after,
  .sidebar .brand::after,
  .nav::before {
    animation: sidebarRailGlow 7.4s ease-in-out infinite;
  }

  .brand-mark::before {
    animation: brandMarkCrystalSweep 6.8s ease-in-out infinite;
  }

  .brand-mark::after {
    animation: brandMarkSignalPulse 3.8s ease-in-out infinite;
  }

  .sidebar-showcase::before {
    animation: sidebarShowcaseMirrorSweep 8.2s ease-in-out infinite;
  }
}

@keyframes sidebarAmbientBreath {
  0%, 100% {
    opacity: .42;
    filter: saturate(1);
  }
  50% {
    opacity: .76;
    filter: saturate(1.14);
  }
}

@keyframes sidebarRailGlow {
  0%, 100% {
    opacity: .34;
    transform: scaleY(.92);
  }
  50% {
    opacity: .74;
    transform: scaleY(1);
  }
}

@keyframes brandMarkCrystalSweep {
  0%, 52% {
    opacity: .18;
    transform: translateX(-72%) rotate(10deg);
  }
  76%, 100% {
    opacity: .62;
    transform: translateX(72%) rotate(10deg);
  }
}

@keyframes brandMarkSignalPulse {
  0%, 100% {
    opacity: .62;
    transform: scale(.82);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@keyframes sidebarShowcaseMirrorSweep {
  0%, 100% {
    opacity: .2;
    transform: translateX(-116%) skewX(-12deg);
  }
  48% {
    opacity: .68;
    transform: translateX(116%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar::before,
  .sidebar::after,
  .sidebar .brand::after,
  .brand-mark::before,
  .brand-mark::after,
  .nav::before,
  .sidebar-showcase::before {
    animation: none !important;
  }
}

/* Sidebar module identity prism pass */
.nav button {
  --nav-prism: #d9b98c;
  --nav-prism-soft: rgba(217,185,140,.24);
  --nav-prism-shadow: rgba(217,185,140,.2);
}

.nav button[data-view="dashboard"] {
  --nav-prism: #d9b98c;
  --nav-prism-soft: rgba(217,185,140,.24);
}

.nav button[data-view="consult"] {
  --nav-prism: #7d9d91;
  --nav-prism-soft: rgba(125,157,145,.24);
}

.nav button[data-view="reshape"] {
  --nav-prism: #c98f88;
  --nav-prism-soft: rgba(201,143,136,.24);
}

.nav button[data-view="watermark"] {
  --nav-prism: #8f7054;
  --nav-prism-soft: rgba(181,138,88,.24);
}

.nav button[data-view="copywriting"] {
  --nav-prism: #2f6f64;
  --nav-prism-soft: rgba(47,111,100,.22);
}

.nav button[data-view="profile"] {
  --nav-prism: #b87972;
  --nav-prism-soft: rgba(184,121,114,.22);
}

.nav button .nav-icon {
  position: relative;
  overflow: hidden;
  color: color-mix(in srgb, var(--nav-prism, #d9b98c) 72%, #2b211d);
  background:
    radial-gradient(circle at 28% 0, rgba(255,253,249,.86), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.94), var(--nav-prism-soft, rgba(217,185,140,.24)));
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--nav-prism, #d9b98c) 28%, transparent) inset,
    0 8px 18px color-mix(in srgb, var(--nav-prism, #d9b98c) 16%, transparent);
  transition: transform .18s ease, color .18s ease, box-shadow .18s ease, background .18s ease;
}

.nav button .nav-icon svg {
  position: relative;
  z-index: 1;
}

.nav button .nav-icon::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  opacity: .44;
  background:
    linear-gradient(135deg, rgba(255,253,249,.72), transparent 42%),
    radial-gradient(circle at 72% 88%, var(--nav-prism-soft, rgba(217,185,140,.24)), transparent 48%);
}

.nav button .nav-icon::after {
  background: var(--nav-prism, #d9b98c);
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--nav-prism, #d9b98c) 18%, transparent),
    0 0 16px color-mix(in srgb, var(--nav-prism, #d9b98c) 54%, transparent);
}

.nav button:hover .nav-icon,
.nav button:focus-visible .nav-icon {
  transform: translateY(-1px) scale(1.04);
  color: color-mix(in srgb, var(--nav-prism, #d9b98c) 82%, #171412);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--nav-prism, #d9b98c) 36%, transparent) inset,
    0 12px 24px color-mix(in srgb, var(--nav-prism, #d9b98c) 22%, transparent);
}

.nav button[aria-current="page"]::before {
  background: linear-gradient(180deg, rgba(255,253,249,.92), var(--nav-prism, #d9b98c) 48%, rgba(125,157,145,.42));
  box-shadow:
    0 0 14px color-mix(in srgb, var(--nav-prism, #d9b98c) 52%, transparent),
    0 0 28px color-mix(in srgb, var(--nav-prism, #d9b98c) 26%, transparent);
}

.nav button[aria-current="page"]::after {
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.5) 45%, color-mix(in srgb, var(--nav-prism, #d9b98c) 28%, transparent) 56%, transparent 70%),
    radial-gradient(circle at 14% 18%, var(--nav-prism-soft, rgba(217,185,140,.24)), transparent 30%);
}

.nav button[aria-current="page"] .nav-icon,
.nav button.active .nav-icon {
  color: color-mix(in srgb, var(--nav-prism, #d9b98c) 86%, #4d3931);
  background:
    radial-gradient(circle at 28% 0, rgba(255,253,249,.98), transparent 38%),
    linear-gradient(145deg, #fffdf9, color-mix(in srgb, var(--nav-prism, #d9b98c) 28%, #f3d7cc) 58%, #e8c98f);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 10px 22px color-mix(in srgb, var(--nav-prism, #d9b98c) 24%, transparent),
    0 0 18px color-mix(in srgb, var(--nav-prism, #d9b98c) 24%, transparent);
}

.nav button[aria-current="page"] .nav-icon svg {
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--nav-prism, #d9b98c) 58%, transparent));
}

.nav button:nth-child(2) .nav-icon::after { animation-delay: .18s; }
.nav button:nth-child(3) .nav-icon::after { animation-delay: .36s; }
.nav button:nth-child(4) .nav-icon::after { animation-delay: .54s; }
.nav button:nth-child(5) .nav-icon::after { animation-delay: .72s; }
.nav button:nth-child(6) .nav-icon::after { animation-delay: .9s; }

@media (prefers-reduced-motion: no-preference) {
  .nav button .nav-icon::after {
    animation: navPrismIconBreath 4.6s ease-in-out infinite;
  }
}

@keyframes navPrismIconBreath {
  0%, 100% {
    opacity: .58;
    transform: scale(.84);
  }
  50% {
    opacity: .96;
    transform: scale(1.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav button .nav-icon::after {
    animation: none !important;
  }
}

/* Workspace ambient couture light pass */
.main {
  height: 100vh;
  min-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  overflow-anchor: none;
  contain: paint;
  scrollbar-gutter: stable;
  will-change: scroll-position;
  scrollbar-width: thin;
  scrollbar-color: rgba(181,138,88,.34) transparent;
}

.main {
  isolation: isolate;
  background:
    radial-gradient(circle at 20% 0, rgba(217,185,140,.12), transparent 34rem),
    radial-gradient(circle at 94% 16%, rgba(125,157,145,.08), transparent 30rem),
    linear-gradient(180deg, rgba(255,253,249,.48), rgba(255,247,235,.28));
}

.main::before,
.main::after,
.content::before {
  content: "";
  position: absolute;
  pointer-events: none;
}

.main::before {
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(115deg, transparent 0%, transparent 44%, rgba(255,253,249,.26) 50%, rgba(255,232,166,.14) 58%, transparent 70%),
    radial-gradient(circle at 74% 8%, rgba(217,185,140,.12), transparent 28%),
    radial-gradient(circle at 10% 78%, rgba(125,157,145,.08), transparent 32%);
  opacity: .46;
  transform: translateX(-18%) skewX(-8deg);
  mix-blend-mode: screen;
}

.main::after {
  left: 34px;
  right: 34px;
  top: 84px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.38), rgba(125,157,145,.22), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.13);
  opacity: .5;
  transform-origin: center;
}

.main > * {
  position: relative;
  z-index: 1;
}

.content {
  position: relative;
  isolation: isolate;
}

.content::before {
  left: 22px;
  right: 22px;
  bottom: 18px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(181,138,88,.18), rgba(255,232,166,.32), rgba(125,157,145,.16), transparent);
  box-shadow: 0 0 26px rgba(217,185,140,.12);
  opacity: .42;
}

.content > * {
  position: relative;
  z-index: 1;
}

body::after {
  content: "";
  position: fixed;
  inset: auto 0 0 0;
  z-index: 0;
  height: 42vh;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 56% 100%, rgba(255,232,166,.12), transparent 48%),
    linear-gradient(180deg, transparent, rgba(255,253,249,.3));
  opacity: .48;
}

@media (prefers-reduced-motion: no-preference) {
  .main::before {
    animation: workspaceCoutureSweep 12.4s ease-in-out infinite;
  }

  .main::after,
  .content::before {
    animation: workspaceFineRailBreath 8.2s ease-in-out infinite;
  }

  body::after {
    animation: workspaceIvoryGlowBreath 10.8s ease-in-out infinite;
  }
}

@keyframes workspaceCoutureSweep {
  0%, 100% {
    opacity: .28;
    transform: translateX(-22%) skewX(-8deg);
  }
  48% {
    opacity: .6;
    transform: translateX(18%) skewX(-8deg);
  }
}

@keyframes workspaceFineRailBreath {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.72);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@keyframes workspaceIvoryGlowBreath {
  0%, 100% {
    opacity: .34;
  }
  50% {
    opacity: .58;
  }
}

@media (max-width: 920px) {
  .main {
    overflow: visible;
  }

  .main::after {
    left: 18px;
    right: 18px;
    top: 76px;
  }

  .content::before {
    left: 16px;
    right: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .main::before,
  .main::after,
  .content::before,
  body::after {
    animation: none !important;
  }
}

/* Toast atelier signal polish pass */
.toast {
  --toast-signal: #d9b98c;
  right: 24px;
  bottom: 24px;
  min-height: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px 15px 42px;
  overflow: hidden;
  border: 1px solid rgba(217,185,140,.28);
  border-radius: var(--radius);
  color: #fffaf4;
  background:
    radial-gradient(circle at 12% 0, rgba(255,232,166,.2), transparent 34%),
    linear-gradient(145deg, rgba(70,52,44,.96), rgba(35,28,25,.96));
  box-shadow:
    0 22px 54px rgba(54,35,29,.26),
    0 0 0 1px rgba(255,253,249,.1) inset;
  line-height: 1.45;
  font-size: 14px;
  font-weight: 850;
  letter-spacing: 0;
  transform: translateY(18px) scale(.985);
  transition:
    opacity .18s var(--ease-out),
    transform .18s var(--ease-out),
    box-shadow .18s var(--ease-out);
}

.toast::before {
  content: "";
  position: absolute;
  left: 17px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--toast-signal);
  box-shadow:
    0 0 0 5px color-mix(in srgb, var(--toast-signal) 18%, transparent),
    0 0 22px color-mix(in srgb, var(--toast-signal) 48%, transparent);
  transform: translateY(-50%);
}

.toast::after {
  left: 10px;
  right: 10px;
  bottom: 7px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--toast-signal), rgba(255,253,249,.72), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--toast-signal) 28%, transparent);
}

.toast.show {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.toast[data-type="success"] {
  --toast-signal: #8fb3a7;
  border-color: rgba(125,157,145,.38);
  background:
    radial-gradient(circle at 12% 0, rgba(228,241,237,.22), transparent 34%),
    linear-gradient(145deg, rgba(49,92,83,.96), rgba(35,61,56,.96));
}

.toast[data-type="warning"] {
  --toast-signal: #d9b98c;
  border-color: rgba(217,185,140,.42);
  background:
    radial-gradient(circle at 12% 0, rgba(255,232,166,.24), transparent 34%),
    linear-gradient(145deg, rgba(110,82,54,.96), rgba(61,51,46,.96));
}

.toast[data-type="error"] {
  --toast-signal: #f0aaa0;
  border-color: rgba(192,107,98,.42);
  background:
    radial-gradient(circle at 12% 0, rgba(240,170,160,.24), transparent 34%),
    linear-gradient(145deg, rgba(122,57,51,.96), rgba(61,37,35,.96));
}

@media (prefers-reduced-motion: no-preference) {
  .toast.toast-enter {
    animation: toastSignalLift .42s var(--ease-out) both;
  }

  .toast.show::before {
    animation: toastSignalPulse 2.4s ease-in-out infinite;
  }

  .toast.show::after {
    animation: toastMeter var(--toast-duration, 1800ms) linear forwards, toastSignalGlint 1.8s ease-in-out infinite;
  }
}

@keyframes toastSignalLift {
  0% {
    opacity: 0;
    transform: translateY(18px) scale(.975);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes toastSignalPulse {
  0%, 100% {
    transform: translateY(-50%) scale(.86);
    opacity: .72;
  }
  50% {
    transform: translateY(-50%) scale(1.08);
    opacity: 1;
  }
}

@keyframes toastSignalGlint {
  0%, 100% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.22) saturate(1.18);
  }
}

@media (max-width: 720px) {
  .toast {
    left: 16px;
    right: 16px;
    bottom: 16px;
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toast.toast-enter,
  .toast.show::before,
  .toast.show::after {
    animation: none !important;
  }
}

/* Toast jewel feedback capsule pass */
.toast {
  text-shadow: 0 1px 0 rgba(0,0,0,.22);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  box-shadow:
    0 24px 60px rgba(54,35,29,.3),
    0 0 0 1px rgba(217,185,140,.18),
    inset 0 0 0 1px rgba(255,253,249,.16),
    inset 0 16px 28px rgba(255,253,249,.055);
}

.toast::before {
  outline: 1px solid rgba(255,253,249,.42);
  outline-offset: 3px;
}

.toast.show {
  box-shadow:
    0 26px 64px rgba(54,35,29,.32),
    0 0 34px color-mix(in srgb, var(--toast-signal) 16%, transparent),
    0 0 0 1px rgba(217,185,140,.2),
    inset 0 0 0 1px rgba(255,253,249,.18),
    inset 0 16px 28px rgba(255,253,249,.06);
  animation: toastCapsuleBreath 2.8s ease-in-out infinite;
}

.toast[data-type="success"].show {
  box-shadow:
    0 26px 64px rgba(35,61,56,.32),
    0 0 34px rgba(143,179,167,.18),
    0 0 0 1px rgba(143,179,167,.24),
    inset 0 0 0 1px rgba(255,253,249,.18),
    inset 0 16px 28px rgba(255,253,249,.06);
}

.toast[data-type="error"].show {
  box-shadow:
    0 26px 64px rgba(61,37,35,.34),
    0 0 34px rgba(240,170,160,.18),
    0 0 0 1px rgba(240,170,160,.22),
    inset 0 0 0 1px rgba(255,253,249,.18),
    inset 0 16px 28px rgba(255,253,249,.06);
}

@keyframes toastCapsuleBreath {
  0%, 100% {
    filter: saturate(1) brightness(1);
  }
  50% {
    filter: saturate(1.08) brightness(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {
  .toast.show {
    animation: none !important;
  }
}

/* Toast action signature pass */
.toast[data-kind="copy"] {
  --toast-signal: #7d9d91;
  border-color: rgba(125,157,145,.46);
  background:
    radial-gradient(circle at 16% 0, rgba(228,241,237,.26), transparent 34%),
    linear-gradient(145deg, rgba(45,84,77,.97), rgba(33,55,51,.96));
}

.toast[data-kind="save"] {
  --toast-signal: #d9b98c;
  border-color: rgba(217,185,140,.46);
  background:
    radial-gradient(circle at 16% 0, rgba(255,232,166,.26), transparent 34%),
    linear-gradient(145deg, rgba(105,76,52,.97), rgba(59,48,42,.96));
}

.toast[data-kind="quota"] {
  --toast-signal: #bf8277;
  border-color: rgba(191,130,119,.48);
  background:
    radial-gradient(circle at 16% 0, rgba(244,223,196,.24), transparent 34%),
    linear-gradient(145deg, rgba(101,63,58,.97), rgba(55,39,36,.96));
}

.toast[data-kind="download"] {
  --toast-signal: #d9b98c;
  --toast-accent: #7d9d91;
  border-color: rgba(217,185,140,.5);
  background:
    radial-gradient(circle at 16% 0, rgba(255,242,199,.3), transparent 34%),
    radial-gradient(circle at 86% 14%, rgba(125,157,145,.22), transparent 32%),
    linear-gradient(145deg, rgba(91,76,54,.98), rgba(38,65,59,.96));
}

.toast[data-kind="copy"].show,
.toast[data-kind="save"].show,
.toast[data-kind="quota"].show,
.toast[data-kind="download"].show {
  box-shadow:
    0 26px 64px rgba(35,48,45,.3),
    0 0 36px color-mix(in srgb, var(--toast-signal) 22%, transparent),
    0 0 0 1px color-mix(in srgb, var(--toast-signal) 28%, transparent),
    inset 0 0 0 1px rgba(255,253,249,.2),
    inset 0 16px 28px rgba(255,253,249,.065);
}

.copy-result-head .btn[data-copy-confirmed="true"],
.template-item .copy-template[data-copy-confirmed="true"],
.recent-item .copy-recent[data-copy-confirmed="true"],
.queue-card [data-queue-action="copy"][data-copy-confirmed="true"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(125,157,145,.4);
  color: #fffdf9;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.28), transparent 36%),
    linear-gradient(135deg, #315c53, #7d9d91 58%, #d9b98c);
  box-shadow:
    0 12px 28px rgba(47,111,100,.16),
    0 0 0 1px rgba(255,253,249,.24) inset;
}

.copy-result-head .btn[data-copy-confirmed="true"]::before,
.template-item .copy-template[data-copy-confirmed="true"]::before,
.recent-item .copy-recent[data-copy-confirmed="true"]::before,
.queue-card [data-queue-action="copy"][data-copy-confirmed="true"]::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .78;
  background: linear-gradient(108deg, transparent 0%, transparent 34%, rgba(255,247,221,.82) 48%, rgba(125,157,145,.32) 58%, transparent 72%);
  transform: translateX(-128%) skewX(-14deg);
}

.copy-result-head .btn[data-copy-confirmed="true"] > *,
.template-item .copy-template[data-copy-confirmed="true"] > *,
.recent-item .copy-recent[data-copy-confirmed="true"] > *,
.queue-card [data-queue-action="copy"][data-copy-confirmed="true"] > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .copy-result-head .btn[data-copy-confirmed="true"]::before,
  .template-item .copy-template[data-copy-confirmed="true"]::before,
  .recent-item .copy-recent[data-copy-confirmed="true"]::before,
  .queue-card [data-queue-action="copy"][data-copy-confirmed="true"]::before {
    animation: copyConfirmedSignatureSweep .92s var(--ease-out) both;
  }
}

@keyframes copyConfirmedSignatureSweep {
  0% {
    opacity: .18;
    transform: translateX(-128%) skewX(-14deg);
  }

  48% {
    opacity: .92;
  }

  100% {
    opacity: .24;
    transform: translateX(128%) skewX(-14deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-result-head .btn[data-copy-confirmed="true"]::before,
  .template-item .copy-template[data-copy-confirmed="true"]::before,
  .recent-item .copy-recent[data-copy-confirmed="true"]::before,
  .queue-card [data-queue-action="copy"][data-copy-confirmed="true"]::before {
    animation: none !important;
  }
}

/* Queue notice jewel feedback pass */
.queue-card-notice {
  --queue-notice-signal: #d9b98c;
  position: relative;
  overflow: hidden;
  min-height: 40px;
  padding: 10px 12px 12px 34px;
  border-color: rgba(181,138,88,.22);
  color: #5f4638;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.78)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 34%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.075),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.queue-card-notice::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  pointer-events: none;
  background: var(--queue-notice-signal, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--queue-notice-signal, #d9b98c) 16%, transparent),
    0 0 16px color-mix(in srgb, var(--queue-notice-signal, #d9b98c) 48%, transparent);
  transform: translateY(-50%);
}

.queue-card-notice::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .56;
  background: linear-gradient(90deg, transparent, var(--queue-notice-signal, #d9b98c), rgba(255,253,249,.72), transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--queue-notice-signal, #d9b98c) 24%, transparent);
  transform-origin: center;
}

.queue-card.queue-notice-success .queue-card-notice {
  --queue-notice-signal: #7d9d91;
  color: #2f6f64;
  border-color: rgba(47,111,100,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.78)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.16), transparent 34%);
}

.queue-card.queue-notice-error .queue-card-notice {
  --queue-notice-signal: #f0aaa0;
  color: #8f3f36;
  border-color: rgba(159,61,53,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(252,236,233,.82)),
    radial-gradient(circle at 0 0, rgba(240,170,160,.16), transparent 34%);
}

.queue-card.queue-notice-info .queue-card-notice {
  --queue-notice-signal: #d9b98c;
}

@media (prefers-reduced-motion: no-preference) {
  .queue-card.has-queue-notice .queue-card-notice {
    animation: queueNoticeJewelIn .38s var(--ease-out) both;
  }

  .queue-card.has-queue-notice .queue-card-notice::after {
    animation: queueNoticeRail 1.8s ease-in-out infinite;
  }
}

@keyframes queueNoticeJewelIn {
  0% {
    opacity: 0;
    transform: translateY(-6px) scale(.98);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes queueNoticeRail {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.44);
  }
  50% {
    opacity: .78;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .queue-card.has-queue-notice .queue-card-notice,
  .queue-card.has-queue-notice .queue-card-notice::after {
    animation: none !important;
  }
}

/* Input focus couture shell pass */
.field:focus-within {
  --field-focus-signal: #d9b98c;
  --field-focus-glow: rgba(217,185,140,.16);
  position: relative;
  isolation: isolate;
}

.field:focus-within > label {
  color: #2f6f64;
  text-shadow: 0 1px 0 rgba(255,255,255,.78);
}

.field:focus-within input:not([type="range"]),
.field:focus-within textarea,
.field:focus-within select {
  border-color: color-mix(in srgb, var(--field-focus-signal) 46%, rgba(125,157,145,.32));
  background:
    radial-gradient(circle at 16% 0, rgba(255,242,199,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(243,249,247,.82));
  box-shadow:
    0 0 0 4px var(--field-focus-glow),
    0 16px 34px rgba(47,111,100,.07),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.field:focus-within::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 7px;
  z-index: 3;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent, var(--field-focus-signal), rgba(125,157,145,.44), rgba(255,253,249,.72), transparent);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--field-focus-signal) 26%, transparent),
    0 0 32px var(--field-focus-glow);
  transform: scaleX(.38);
  transform-origin: 50% 50%;
}

@media (prefers-reduced-motion: no-preference) {
  .field:focus-within::after {
    animation: fieldFocusCoutureRail 1.08s var(--ease-out) both;
  }
}

@keyframes fieldFocusCoutureRail {
  0% {
    opacity: 0;
    transform: scaleX(.32);
  }
  38% {
    opacity: .82;
    transform: scaleX(1);
  }
  100% {
    opacity: .34;
    transform: scaleX(.72);
  }
}

@media (prefers-reduced-motion: reduce) {
  .field:focus-within::after {
    animation: none !important;
    opacity: .34;
    transform: scaleX(.72);
  }
}

/* Input ready couture rail pass */
.field.is-work-cue.is-input-ready::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 7px;
  z-index: 2;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .42;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.68), rgba(125,157,145,.34), rgba(255,253,249,.7), transparent);
  box-shadow: 0 0 16px rgba(217,185,140,.2);
  transform: scaleX(.58);
  transform-origin: 50% 50%;
}

.field.is-work-cue.is-input-ready:hover::after,
.field.is-work-cue.is-input-ready:focus-within::after {
  animation-play-state: paused;
  opacity: .66;
}

@media (prefers-reduced-motion: no-preference) {
  .field.is-work-cue.is-input-ready::after {
    animation: inputReadyCoutureRail 7.2s ease-in-out infinite;
  }
}

@keyframes inputReadyCoutureRail {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.48);
  }
  48% {
    opacity: .66;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .field.is-work-cue.is-input-ready::after {
    animation: none !important;
  }
}

/* Input active atelier current pass */
.field.input-active-glow {
  position: relative;
  isolation: isolate;
}

.field.input-active-glow::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 7px;
  z-index: 2;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255,232,166,.86), rgba(125,157,145,.44), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.24);
  transform: scaleX(.36);
  transform-origin: 50% 50%;
}

.field.input-active-glow textarea,
.field.input-active-glow input {
  border-color: rgba(125,157,145,.46);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.08),
    0 16px 34px rgba(47,111,100,.08);
}

@media (prefers-reduced-motion: no-preference) {
  .field.input-active-glow::after {
    animation: inputActiveCurrent .52s var(--ease-out) both;
  }
}

@keyframes inputActiveCurrent {
  0% {
    opacity: 0;
    transform: scaleX(.28);
    filter: brightness(1);
  }
  34% {
    opacity: .9;
    transform: scaleX(1);
    filter: brightness(1.18);
  }
  100% {
    opacity: 0;
    transform: scaleX(.92);
    filter: brightness(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .field.input-active-glow::after {
    animation: none !important;
    opacity: .28;
    transform: scaleX(1);
  }
}

/* Output finished atelier arrival pass */
.copy-output.output-finished-pulse,
.consult-output.output-finished-pulse {
  border-color: rgba(217,185,140,.46);
  box-shadow:
    0 22px 52px rgba(181,138,88,.12),
    0 0 0 4px rgba(217,185,140,.08),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.copy-output.output-finished-pulse::before,
.consult-output.output-finished-pulse::before {
  opacity: .72;
  background:
    linear-gradient(112deg, transparent 0%, transparent 30%, rgba(255,255,255,.9) 44%, rgba(255,232,166,.48) 52%, rgba(125,157,145,.26) 60%, transparent 74%, transparent 100%),
    radial-gradient(circle at 16% 8%, rgba(217,185,140,.18), transparent 28%);
  transform: translateX(-136%) skewX(-12deg);
}

.copy-output.output-finished-pulse::after,
.consult-output.output-finished-pulse::after {
  content: "已生成";
  border-color: rgba(217,185,140,.34);
  color: #8f5a2e;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,221,.88)),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.24), transparent 38%);
  box-shadow:
    0 12px 24px rgba(181,138,88,.14),
    inset 0 1px 0 rgba(255,255,255,.8);
}

@media (prefers-reduced-motion: no-preference) {
  .copy-output.output-finished-pulse,
  .consult-output.output-finished-pulse {
    animation: outputArrivalShell 1.16s var(--ease-out) both;
  }

  .copy-output.output-finished-pulse::before,
  .consult-output.output-finished-pulse::before {
    animation: outputArrivalSweep 1.16s var(--ease-out) both;
  }

  .copy-output.output-finished-pulse::after,
  .consult-output.output-finished-pulse::after {
    animation: outputArrivalBadge 1.16s var(--ease-out) both;
  }
}

@keyframes outputArrivalShell {
  0% {
    border-color: rgba(125,157,145,.3);
    box-shadow:
      0 18px 42px rgba(47,111,100,.08),
      0 0 0 0 rgba(217,185,140,0),
      inset 0 1px 0 rgba(255,255,255,.76);
  }
  42% {
    border-color: rgba(217,185,140,.58);
    box-shadow:
      0 24px 58px rgba(181,138,88,.16),
      0 0 0 7px rgba(217,185,140,.1),
      inset 0 1px 0 rgba(255,255,255,.84);
  }
  100% {
    border-color: rgba(47,111,100,.3);
    box-shadow:
      0 18px 42px rgba(47,111,100,.09),
      0 0 0 3px rgba(125,157,145,.055),
      inset 0 1px 0 rgba(255,255,255,.78);
  }
}

@keyframes outputArrivalSweep {
  0% {
    opacity: 0;
    transform: translateX(-136%) skewX(-12deg);
  }
  30% {
    opacity: .76;
  }
  100% {
    opacity: .24;
    transform: translateX(136%) skewX(-12deg);
  }
}

@keyframes outputArrivalBadge {
  0% {
    opacity: 0;
    transform: translateY(-4px) scale(.92);
  }
  28% {
    opacity: 1;
    transform: translateY(0) scale(1.04);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-output.output-finished-pulse,
  .consult-output.output-finished-pulse,
  .copy-output.output-finished-pulse::before,
  .consult-output.output-finished-pulse::before,
  .copy-output.output-finished-pulse::after,
  .consult-output.output-finished-pulse::after {
    animation: none !important;
  }
}

/* Static deliverable output couture pass */
.copy-output.is-copyable,
.consult-output.is-copyable {
  border-color: rgba(47,111,100,.34);
  background:
    radial-gradient(circle at 100% 0, rgba(125,157,145,.18), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(217,185,140,.14), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(228,241,237,.68));
  box-shadow:
    0 20px 48px rgba(47,111,100,.09),
    0 0 0 4px rgba(125,157,145,.045),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -18px 28px rgba(217,185,140,.045);
}

.copy-output.is-copyable::before,
.consult-output.is-copyable::before {
  opacity: .34;
  mix-blend-mode: screen;
  background:
    linear-gradient(116deg, transparent 0%, transparent 36%, rgba(255,255,255,.86) 48%, rgba(255,232,166,.28) 54%, rgba(125,157,145,.2) 61%, transparent 72%, transparent 100%),
    radial-gradient(circle at 14% 0, rgba(217,185,140,.16), transparent 26%);
}

.copy-output.is-copyable::after,
.consult-output.is-copyable::after {
  border-color: rgba(47,111,100,.22);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.76)),
    radial-gradient(circle at 18% 0, rgba(125,157,145,.16), transparent 38%);
  box-shadow:
    0 10px 22px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.copy-output.is-copyable .output-couture-rail,
.consult-output.is-copyable .output-couture-rail {
  display: none;
}

.copy-output.is-copyable > *:not(.output-couture-rail),
.consult-output.is-copyable > *:not(.output-couture-rail) {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .copy-output.is-copyable,
  .consult-output.is-copyable {
    animation: deliverableOutputBreath 8.4s ease-in-out infinite;
  }

  .copy-output.is-copyable::before,
  .consult-output.is-copyable::before {
    animation: deliverableOutputSweep 9.2s ease-in-out infinite;
  }

  .copy-output.is-copyable:hover,
  .consult-output.is-copyable:hover,
  .copy-output.is-copyable:focus-within,
  .consult-output.is-copyable:focus-within {
    animation-play-state: paused;
  }
}

@keyframes deliverableOutputBreath {
  0%, 100% {
    border-color: rgba(47,111,100,.3);
    box-shadow:
      0 18px 42px rgba(47,111,100,.075),
      0 0 0 3px rgba(125,157,145,.04),
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -18px 28px rgba(217,185,140,.035);
  }
  50% {
    border-color: rgba(47,111,100,.4);
    box-shadow:
      0 22px 52px rgba(47,111,100,.1),
      0 0 0 5px rgba(217,185,140,.055),
      inset 0 1px 0 rgba(255,255,255,.84),
      inset 0 -20px 32px rgba(217,185,140,.06);
  }
}

@keyframes deliverableOutputSweep {
  0%, 52% {
    opacity: .22;
    transform: translateX(-132%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .38;
    transform: translateX(132%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-output.is-copyable,
  .consult-output.is-copyable,
  .copy-output.is-copyable::before,
  .consult-output.is-copyable::before {
    animation: none !important;
  }
}

/* Action feedback atelier resonance pass */
.copy-target-success-pulse,
.copy-target-error-pulse,
.download-target-pulse {
  position: relative;
  isolation: isolate;
}

.copy-target-success-pulse::before,
.copy-target-error-pulse::before,
.download-target-pulse::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 7px;
  z-index: 2;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  transform: scaleX(.38);
  transform-origin: 50% 50%;
  box-shadow: 0 0 18px rgba(217,185,140,.22);
}

.copy-target-success-pulse::before {
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.76), rgba(255,232,166,.62), transparent);
}

.copy-target-error-pulse::before {
  background: linear-gradient(90deg, transparent, rgba(240,170,160,.82), rgba(255,232,166,.48), transparent);
}

.download-target-pulse::before {
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.82), rgba(125,157,145,.5), transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .copy-target-success-pulse::before,
  .copy-target-error-pulse::before,
  .download-target-pulse::before {
    animation: actionFeedbackSignal 1.08s var(--ease-out) both;
  }

  .copy-target-success-pulse {
    animation: actionCopySuccessShell 1.02s var(--ease-out) both;
  }

  .copy-target-error-pulse {
    animation: actionCopyErrorShell 1.02s var(--ease-out) both;
  }

  .download-target-pulse {
    animation: actionDownloadShell 1.12s var(--ease-out) both;
  }
}

@keyframes actionFeedbackSignal {
  0% {
    opacity: 0;
    transform: scaleX(.32);
    filter: brightness(1);
  }
  34% {
    opacity: .9;
    transform: scaleX(1);
    filter: brightness(1.18);
  }
  100% {
    opacity: 0;
    transform: scaleX(.86);
    filter: brightness(1);
  }
}

@keyframes actionCopySuccessShell {
  0% {
    border-color: rgba(125,157,145,.2);
    box-shadow: var(--shadow-soft);
  }
  44% {
    border-color: rgba(125,157,145,.44);
    box-shadow:
      0 18px 42px rgba(47,111,100,.12),
      0 0 0 5px rgba(125,157,145,.09);
  }
  100% {
    border-color: rgba(125,157,145,.22);
    box-shadow: var(--shadow-soft);
  }
}

@keyframes actionCopyErrorShell {
  0% {
    border-color: rgba(159,61,53,.2);
    box-shadow: var(--shadow-soft);
  }
  44% {
    border-color: rgba(192,107,98,.48);
    box-shadow:
      0 18px 42px rgba(159,61,53,.12),
      0 0 0 5px rgba(240,170,160,.11);
  }
  100% {
    border-color: rgba(159,61,53,.24);
    box-shadow: var(--shadow-soft);
  }
}

@keyframes actionDownloadShell {
  0% {
    border-color: rgba(181,138,88,.22);
    box-shadow: var(--shadow-soft);
  }
  42% {
    border-color: rgba(217,185,140,.52);
    box-shadow:
      0 20px 48px rgba(181,138,88,.14),
      0 0 0 6px rgba(217,185,140,.1);
  }
  100% {
    border-color: rgba(125,157,145,.24);
    box-shadow: var(--shadow-soft);
  }
}

/* Download confirmed action seal pass */
#reshapeDownloadResult[data-download-confirmed="true"],
#watermarkDownload[data-download-confirmed="true"],
.queue-download[data-download-confirmed="true"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(217,185,140,.58);
  color: #fffaf4;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.36), transparent 35%),
    linear-gradient(135deg, #55776d, #d9b98c 52%, #fff2c7);
  box-shadow:
    0 18px 38px rgba(181,138,88,.18),
    0 0 0 1px rgba(255,253,249,.42) inset;
}

#reshapeDownloadResult[data-download-confirmed="true"]::after,
#watermarkDownload[data-download-confirmed="true"]::after,
.queue-download[data-download-confirmed="true"]::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .78;
  background:
    linear-gradient(108deg, transparent 0%, transparent 32%, rgba(255,253,249,.88) 45%, rgba(217,185,140,.32) 54%, rgba(125,157,145,.22) 64%, transparent 76%),
    radial-gradient(circle at 78% 0, rgba(255,242,199,.24), transparent 34%);
  transform: translateX(-128%) skewX(-12deg);
}

#reshapeDownloadResult[data-download-confirmed="true"] > *,
#watermarkDownload[data-download-confirmed="true"] > *,
.queue-download[data-download-confirmed="true"] > * {
  position: relative;
  z-index: 1;
}

.download-target-pulse[data-download-confirmed="true"] {
  border-color: rgba(217,185,140,.38);
  box-shadow:
    0 20px 48px rgba(181,138,88,.13),
    0 0 0 5px rgba(217,185,140,.1),
    inset 0 1px 0 rgba(255,253,249,.68);
}

@media (prefers-reduced-motion: no-preference) {
  #reshapeDownloadResult[data-download-confirmed="true"]::after,
  #watermarkDownload[data-download-confirmed="true"]::after,
  .queue-download[data-download-confirmed="true"]::after {
    animation: downloadConfirmedSealSweep 1.18s var(--ease-out) both;
  }
}

@keyframes downloadConfirmedSealSweep {
  0% {
    opacity: 0;
    transform: translateX(-128%) skewX(-12deg);
  }
  30% {
    opacity: .84;
  }
  100% {
    opacity: 0;
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-target-success-pulse,
  .copy-target-error-pulse,
  .download-target-pulse,
  .copy-target-success-pulse::before,
  .copy-target-error-pulse::before,
  .download-target-pulse::before {
    animation: none !important;
  }

  #reshapeDownloadResult[data-download-confirmed="true"]::after,
  #watermarkDownload[data-download-confirmed="true"]::after,
  .queue-download[data-download-confirmed="true"]::after {
    animation: none !important;
  }
}

/* Topbar arrival signal pass */
.topbar.topbar-arrival-pulse {
  border-bottom-color: rgba(217,185,140,.38);
  box-shadow:
    0 14px 38px rgba(181,138,88,.08),
    inset 0 1px 0 rgba(255,255,255,.78);
}

@media (prefers-reduced-motion: no-preference) {
  .topbar.topbar-arrival-pulse::before {
    animation: topbarArrivalLine .82s var(--ease-out) both;
  }

  .topbar.topbar-arrival-pulse::after {
    animation: topbarArrivalGlow .82s var(--ease-out) both;
  }

  .topbar.topbar-arrival-pulse .page-title::after {
    animation: topbarArrivalDot .82s var(--ease-out) both;
  }
}

@keyframes topbarArrivalLine {
  0% {
    opacity: .2;
    transform: translateX(-22%) scaleX(.46);
  }
  42% {
    opacity: 1;
    transform: translateX(0) scaleX(1);
  }
  100% {
    opacity: .66;
    transform: translateX(18%) scaleX(.82);
  }
}

@keyframes topbarArrivalGlow {
  0% {
    opacity: .08;
    transform: translateX(-34px) scale(.82);
  }
  42% {
    opacity: .42;
    transform: translateX(0) scale(1.12);
  }
  100% {
    opacity: .26;
    transform: translateX(20px) scale(1);
  }
}

@keyframes topbarArrivalDot {
  0% {
    transform: scale(.72);
    box-shadow:
      0 0 0 0 rgba(125,157,145,0),
      0 0 12px rgba(125,157,145,.22);
  }
  36% {
    transform: scale(1.26);
    box-shadow:
      0 0 0 8px rgba(217,185,140,.14),
      0 0 24px rgba(125,157,145,.5);
  }
  100% {
    transform: scale(.94);
    box-shadow:
      0 0 0 4px rgba(125,157,145,.12),
      0 0 18px rgba(125,157,145,.42);
  }
}

@media (prefers-reduced-motion: reduce) {
  .topbar.topbar-arrival-pulse::before,
  .topbar.topbar-arrival-pulse::after,
  .topbar.topbar-arrival-pulse .page-title::after {
    animation: none !important;
  }
}

/* Topbar action dock couture pass */
.top-actions {
  position: relative;
  isolation: isolate;
  padding: 6px;
  gap: 0;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.46)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.12), transparent 34%);
  box-shadow:
    0 12px 28px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow: visible;
}

.top-actions::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 5px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .3;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.56), rgba(125,157,145,.32), transparent);
}

.top-actions .btn,
.topbar-settings-button {
  position: relative;
  z-index: 1;
  min-height: 44px;
  min-width: 44px;
  border-radius: 7px;
}

.top-actions .btn::before,
.topbar-settings-button::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .28;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
  transform: translateX(-132%) skewX(-14deg);
}

.top-actions .btn > span,
.topbar-settings-button > i,
.topbar-settings-button > svg {
  position: relative;
  z-index: 1;
}

.topbar-settings {
  position: relative;
  z-index: 1000;
}

.topbar {
  z-index: 1000 !important;
  overflow: visible !important;
}

.topbar-settings-button {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: #3d332e;
  border: 1px solid rgba(181,138,88,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.58)),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.14), transparent 34%);
  box-shadow:
    0 10px 22px rgba(92,70,59,.07),
    inset 0 1px 0 rgba(255,255,255,.76);
  cursor: pointer;
  transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out);
}

.topbar-settings-button:hover,
.topbar-settings-button:focus-visible,
.topbar-settings-button[aria-expanded="true"] {
  color: #9f665d;
  border-color: rgba(184,121,114,.42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(247,233,231,.68)),
    radial-gradient(circle at 18% 0, rgba(184,121,114,.16), transparent 34%);
  box-shadow:
    0 12px 26px rgba(92,70,59,.1),
    0 0 0 3px rgba(201,143,136,.12),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.topbar-settings-button:focus-visible {
  outline: none;
}

.topbar-settings-button svg {
  width: 19px;
  height: 19px;
  stroke-width: 2;
}

.topbar-settings-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 1000;
  width: min(280px, calc(100vw - 28px));
  padding: 8px;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,235,.94)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.12), transparent 38%);
  box-shadow:
    0 24px 58px rgba(60,42,33,.15),
    0 0 0 1px rgba(255,255,255,.7) inset;
}

.topbar-settings-menu[hidden] {
  display: none;
}

.topbar-settings-account {
  padding: 10px 10px 12px;
  border-bottom: 1px solid rgba(181,138,88,.16);
  margin-bottom: 6px;
}

.topbar-settings-account small,
.topbar-settings-account span,
.topbar-settings-item small {
  display: block;
  color: rgba(80,56,45,.66);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.topbar-settings-account strong {
  display: block;
  margin: 3px 0 4px;
  color: #2f2723;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.28;
}

.topbar-settings-item {
  width: 100%;
  min-height: 44px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 0;
  border-radius: 7px;
  color: #3d332e;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.topbar-settings-item:hover,
.topbar-settings-item:focus-visible {
  outline: none;
  background: rgba(247,233,231,.62);
}

.topbar-settings-item i,
.topbar-settings-item svg {
  width: 18px;
  height: 18px;
  justify-self: center;
}

.topbar-settings-item strong {
  display: block;
  color: #2f2723;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.25;
}

.topbar-settings-item.is-danger {
  margin-top: 6px;
  border-top: 1px solid rgba(181,138,88,.14);
  border-radius: 0 0 7px 7px;
  color: #8f3f36;
}

.topbar-settings-item.is-danger strong {
  color: #8f3f36;
}

@media (prefers-reduced-motion: no-preference) {
  .top-actions::after {
    animation: topbarActionDockRail 6.8s ease-in-out infinite;
  }

  .top-actions .btn::before,
  .topbar-settings-button::before {
    animation: topbarActionButtonSweep 5.4s ease-in-out infinite;
  }

  .top-actions:hover::after,
  .top-actions:focus-within::after,
  .top-actions .btn:hover::before,
  .top-actions .btn:focus-visible::before,
  .topbar-settings-button:hover::before,
  .topbar-settings-button:focus-visible::before {
    animation-play-state: paused;
  }
}

@keyframes topbarActionDockRail {
  0%, 100% {
    opacity: .14;
    transform: scaleX(.58);
  }
  50% {
    opacity: .46;
    transform: scaleX(1);
  }
}

@keyframes topbarActionButtonSweep {
  0%, 48% {
    transform: translateX(-132%) skewX(-14deg);
  }
  76%, 100% {
    transform: translateX(132%) skewX(-14deg);
  }
}

@media (max-width: 720px) {
  .topbar-settings {
    align-self: flex-end;
  }

  .top-actions {
    width: auto;
    display: inline-flex;
    align-self: flex-end;
  }

  .top-actions .btn,
  .topbar-settings-button {
    width: 44px;
    min-width: 0;
  }

  .topbar-settings-menu {
    right: 0;
    width: min(320px, calc(100vw - 24px));
  }

  .account-settings-modal {
    align-items: end;
    padding: 0;
  }

  .account-settings-dialog {
    width: 100%;
    max-height: 92dvh;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 18px 18px 0 0;
  }

  .account-settings-head {
    padding: 18px 16px 12px;
  }

  .account-settings-head h3 {
    font-size: 22px;
  }

  .account-settings-form {
    padding: 14px 16px 18px;
  }

  .account-settings-grid {
    grid-template-columns: 1fr;
  }

  .account-settings-section {
    padding: 13px;
  }

  .account-settings-section-head {
    display: block;
  }

  .account-settings-section-head small {
    display: block;
    margin-top: 6px;
  }

  .account-settings-actions {
    margin: 14px -16px -18px;
    padding: 12px 16px 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .top-actions::after,
  .top-actions .btn::before,
  .topbar-settings-button::before {
    animation: none !important;
  }
}

/* Module section-head jewel signal pass */
.view > .section-head {
  position: relative;
  isolation: isolate;
  padding: 16px 18px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.13);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 8% 0, rgba(255,255,255,.72), transparent 34%),
    radial-gradient(circle at 96% 100%, rgba(125,157,145,.08), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.7), rgba(255,247,235,.38));
  box-shadow:
    0 16px 36px rgba(92,70,59,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.view > .section-head::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 8px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .5;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.72), rgba(125,157,145,.42), transparent);
  box-shadow:
    0 0 18px rgba(217,185,140,.16),
    0 0 24px rgba(125,157,145,.1);
  transform-origin: center;
}

.view > .section-head::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .22;
  background:
    linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,255,255,.68) 50%, rgba(217,185,140,.16) 58%, transparent 72%),
    radial-gradient(circle at 92% 0, rgba(217,185,140,.12), transparent 32%);
  transform: translateX(-128%) skewX(-12deg);
}

.view > .section-head > * {
  position: relative;
  z-index: 1;
}

.view > .section-head h2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-right: 2px;
}

.view > .section-head h2::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  flex: 0 0 auto;
  background: linear-gradient(135deg, #7d9d91, #d9b98c);
  box-shadow:
    0 0 0 4px rgba(125,157,145,.1),
    0 0 18px rgba(217,185,140,.34);
}

.view > .section-head p {
  color: rgba(61,51,46,.72);
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

@media (prefers-reduced-motion: no-preference) {
  .view > .section-head::before {
    animation: sectionHeadSignalRail 8.2s ease-in-out infinite;
  }

  .view > .section-head::after {
    animation: sectionHeadCrystalSweep 9.4s ease-in-out infinite;
  }

  .view > .section-head h2::after {
    animation: sectionHeadStatusDot 3.8s ease-in-out infinite;
  }
}

@keyframes sectionHeadSignalRail {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.62);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@keyframes sectionHeadCrystalSweep {
  0%, 48% {
    opacity: .08;
    transform: translateX(-128%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .24;
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes sectionHeadStatusDot {
  0%, 100% {
    opacity: .72;
    transform: scale(.86);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

@media (max-width: 720px) {
  .view > .section-head {
    padding: 12px 0 14px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }

  .view > .section-head::after {
    display: none;
  }

  .view > .section-head::before {
    left: 0;
    right: 34%;
    bottom: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .view > .section-head::before,
  .view > .section-head h2::after {
    animation: none !important;
  }

  .view > .section-head::after {
    animation: none !important;
    transform: none;
    opacity: .08;
  }
}

/* Module section-head signature aura pass */
.view > .section-head {
  --section-head-dot: #d9b98c;
  --section-head-soft: rgba(217,185,140,.18);
  --section-head-rail: rgba(217,185,140,.72);
  border-color: color-mix(in srgb, var(--section-head-dot, #d9b98c) 22%, rgba(181,138,88,.13));
  background:
    radial-gradient(circle at 8% 0, rgba(255,255,255,.74), transparent 34%),
    radial-gradient(circle at 96% 100%, var(--section-head-soft, rgba(217,185,140,.18)), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.74), rgba(255,247,235,.4));
}

#consult > .section-head {
  --section-head-dot: #7d9d91;
  --section-head-soft: rgba(125,157,145,.2);
  --section-head-rail: rgba(125,157,145,.72);
}

#reshape > .section-head {
  --section-head-dot: #c98f88;
  --section-head-soft: rgba(201,143,136,.2);
  --section-head-rail: rgba(201,143,136,.72);
}

#watermark > .section-head {
  --section-head-dot: #2f6f64;
  --section-head-soft: rgba(47,111,100,.18);
  --section-head-rail: rgba(47,111,100,.66);
}

#copywriting > .section-head {
  --section-head-dot: #b58a58;
  --section-head-soft: rgba(181,138,88,.2);
  --section-head-rail: rgba(181,138,88,.76);
}

#profile > .section-head {
  --section-head-dot: #bf8277;
  --section-head-soft: rgba(191,130,119,.18);
  --section-head-rail: rgba(191,130,119,.68);
}

.view > .section-head::before {
  background: linear-gradient(90deg, transparent, var(--section-head-rail, rgba(217,185,140,.72)), rgba(255,253,249,.78), transparent);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--section-head-dot, #d9b98c) 18%, transparent),
    0 0 26px color-mix(in srgb, var(--section-head-dot, #d9b98c) 12%, transparent);
}

.view > .section-head::after {
  background:
    linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,255,255,.7) 50%, color-mix(in srgb, var(--section-head-dot, #d9b98c) 20%, transparent) 58%, transparent 72%),
    radial-gradient(circle at 92% 0, var(--section-head-soft, rgba(217,185,140,.18)), transparent 32%);
}

.view > .section-head h2::after {
  background: linear-gradient(135deg, var(--section-head-dot, #d9b98c), #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--section-head-dot, #d9b98c) 12%, transparent),
    0 0 18px color-mix(in srgb, var(--section-head-dot, #d9b98c) 38%, transparent);
}

.view > .section-head h2::before {
  content: "";
  width: 3px;
  height: 20px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--section-head-dot, #d9b98c), rgba(255,253,249,.74));
  box-shadow: 0 0 14px color-mix(in srgb, var(--section-head-dot, #d9b98c) 26%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .view > .section-head h2::before {
    animation: sectionHeadSignatureNeedle 4.6s ease-in-out infinite;
  }
}

@keyframes sectionHeadSignatureNeedle {
  0%, 100% {
    opacity: .54;
    transform: scaleY(.72);
  }
  50% {
    opacity: .96;
    transform: scaleY(1);
  }
}

@media (max-width: 720px) {
  .view > .section-head h2::before {
    height: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .view > .section-head h2::before {
    animation: none !important;
  }
}

/* Upload confirmed atelier intake pass */
.upload-box.upload-confirmed {
  border-color: rgba(217,185,140,.5);
  box-shadow:
    0 22px 54px rgba(181,138,88,.13),
    0 0 0 5px rgba(217,185,140,.08),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.upload-box.upload-confirmed::before {
  opacity: .78;
  background:
    linear-gradient(112deg, transparent 0%, transparent 30%, rgba(255,255,255,.88) 44%, rgba(255,232,166,.46) 52%, rgba(125,157,145,.24) 61%, transparent 74%, transparent 100%),
    radial-gradient(circle at 16% 8%, rgba(217,185,140,.18), transparent 30%);
  transform: translateX(-132%) skewX(-12deg);
}

.upload-box.upload-confirmed::after {
  border-color: rgba(217,185,140,.32);
  color: #8f5a2e;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,221,.9)),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.22), transparent 38%);
  box-shadow:
    0 12px 26px rgba(181,138,88,.14),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.upload-box.upload-confirmed .upload-status span:last-child {
  border-color: rgba(217,185,140,.28);
  box-shadow: 0 0 0 4px rgba(217,185,140,.08);
}

@media (prefers-reduced-motion: no-preference) {
  .upload-box.upload-confirmed {
    animation: uploadConfirmedShell 1.08s var(--ease-out) both;
  }

  .upload-box.upload-confirmed::before {
    animation: uploadConfirmedSweep 1.08s var(--ease-out) both;
  }

  .upload-box.upload-confirmed::after {
    animation: uploadConfirmedBadge 1.08s var(--ease-out) both;
  }

  .upload-box.upload-confirmed .upload-thumb {
    animation: uploadThumbArrival 1.08s var(--ease-out) both;
  }
}

@keyframes uploadConfirmedShell {
  0% {
    border-color: rgba(47,111,100,.34);
    box-shadow:
      0 18px 40px rgba(47,111,100,.1),
      0 0 0 0 rgba(217,185,140,0);
  }
  42% {
    border-color: rgba(217,185,140,.58);
    box-shadow:
      0 24px 58px rgba(181,138,88,.16),
      0 0 0 7px rgba(217,185,140,.11);
  }
  100% {
    border-color: rgba(47,111,100,.38);
    box-shadow:
      0 18px 40px rgba(47,111,100,.12),
      inset 0 1px 0 rgba(255,255,255,.76);
  }
}

@keyframes uploadConfirmedSweep {
  0% {
    opacity: 0;
    transform: translateX(-132%) skewX(-12deg);
  }
  32% {
    opacity: .82;
  }
  100% {
    opacity: .34;
    transform: translateX(132%) skewX(-12deg);
  }
}

@keyframes uploadConfirmedBadge {
  0% {
    opacity: 0;
    transform: translateY(-4px) scale(.92);
  }
  36% {
    opacity: 1;
    transform: translateY(0) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes uploadThumbArrival {
  0% {
    filter: brightness(.96) saturate(.96);
    transform: scale(.985);
  }
  40% {
    filter: brightness(1.08) saturate(1.08);
    transform: scale(1.012);
  }
  100% {
    filter: brightness(1) saturate(1);
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .upload-box.upload-confirmed,
  .upload-box.upload-confirmed::before,
  .upload-box.upload-confirmed::after,
  .upload-box.upload-confirmed .upload-thumb {
    animation: none !important;
  }
}

/* Upload material ready couture pass */
.upload-box.has-file:not(.is-reading):not(.is-submitted) {
  border-color: rgba(47,111,100,.42);
  background:
    radial-gradient(circle at 0 0, rgba(125,157,145,.18), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.16), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(228,241,237,.72));
  box-shadow:
    0 20px 48px rgba(47,111,100,.1),
    0 0 0 4px rgba(125,157,145,.055),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -18px 28px rgba(217,185,140,.045);
}

.upload-box.has-file:not(.is-reading):not(.is-submitted)::before {
  opacity: .42;
  mix-blend-mode: screen;
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.78) 48%, rgba(255,232,166,.24) 55%, rgba(125,157,145,.2) 62%, transparent 74%),
    radial-gradient(circle at 14% 0, rgba(217,185,140,.16), transparent 30%);
}

.upload-box.has-file:not(.is-reading):not(.is-submitted)::after {
  content: "\5DF2\63A5\6536";
  border-color: rgba(47,111,100,.24);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.78)),
    radial-gradient(circle at 18% 0, rgba(125,157,145,.16), transparent 38%);
  box-shadow:
    0 10px 22px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.upload-box.has-file:not(.is-reading):not(.is-submitted) .upload-thumb {
  border-color: rgba(255,253,249,.72);
  box-shadow:
    0 14px 30px rgba(47,111,100,.12),
    0 0 0 1px rgba(255,253,249,.72) inset,
    0 0 0 5px rgba(125,157,145,.06);
  filter: saturate(1.04) contrast(1.02);
}

.upload-box.has-file:not(.is-reading):not(.is-submitted) .upload-status span:last-child {
  border-color: rgba(47,111,100,.2);
  color: #2f6f64;
  background: linear-gradient(145deg, rgba(228,241,237,.92), rgba(255,253,249,.86));
  box-shadow:
    0 0 0 4px rgba(125,157,145,.07),
    inset 0 1px 0 rgba(255,255,255,.76);
}

@media (prefers-reduced-motion: no-preference) {
  .upload-box.has-file:not(.is-reading):not(.is-submitted) {
    animation: uploadMaterialReadyBreath 8.2s ease-in-out infinite;
  }

  .upload-box.has-file:not(.is-reading):not(.is-submitted)::before {
    animation: uploadMaterialReadySweep 9.4s ease-in-out infinite;
  }

  .upload-box.has-file:not(.is-reading):not(.is-submitted):hover,
  .upload-box.has-file:not(.is-reading):not(.is-submitted):focus-within {
    animation-play-state: paused;
  }
}

@keyframes uploadMaterialReadyBreath {
  0%, 100% {
    border-color: rgba(47,111,100,.36);
    box-shadow:
      0 18px 42px rgba(47,111,100,.08),
      0 0 0 3px rgba(125,157,145,.04),
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -16px 24px rgba(217,185,140,.035);
  }
  50% {
    border-color: rgba(47,111,100,.48);
    box-shadow:
      0 22px 52px rgba(47,111,100,.11),
      0 0 0 5px rgba(217,185,140,.06),
      inset 0 1px 0 rgba(255,255,255,.84),
      inset 0 -20px 32px rgba(217,185,140,.06);
  }
}

@keyframes uploadMaterialReadySweep {
  0%, 54% {
    opacity: .22;
    transform: translateX(-132%) skewX(-12deg);
  }
  78%, 100% {
    opacity: .42;
    transform: translateX(132%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .upload-box.has-file:not(.is-reading):not(.is-submitted),
  .upload-box.has-file:not(.is-reading):not(.is-submitted)::before {
    animation: none !important;
  }
}

/* Upload material metadata jewel pass */
.upload-box[data-upload-kind="source"] { --upload-kind-dot: #7d9d91; }
.upload-box[data-upload-kind="reference"] { --upload-kind-dot: #d9b98c; }
.upload-box[data-upload-kind="motion"] { --upload-kind-dot: #bf8277; }
.upload-box[data-upload-kind="watermark"] { --upload-kind-dot: #2f6f64; }

.upload-box[data-upload-role] .upload-status {
  align-items: center;
  padding: 4px;
  border: 1px solid color-mix(in srgb, var(--upload-kind-dot, #7d9d91) 18%, rgba(255,253,249,.52));
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.42)),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--upload-kind-dot, #7d9d91) 12%, transparent), transparent 40%);
  box-shadow:
    0 10px 24px color-mix(in srgb, var(--upload-kind-dot, #7d9d91) 8%, transparent),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.upload-box[data-upload-role] .upload-status span:first-child {
  position: relative;
  padding-left: 18px;
  color: color-mix(in srgb, var(--upload-kind-dot, #7d9d91) 72%, #2f342f);
}

.upload-box[data-upload-role] .upload-status span:first-child::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--upload-kind-dot, #7d9d91);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--upload-kind-dot, #7d9d91) 14%, transparent),
    0 0 14px color-mix(in srgb, var(--upload-kind-dot, #7d9d91) 42%, transparent);
  transform: translateY(-50%);
}

.upload-box[data-upload-role] .upload-size-pill {
  color: #8f5b55;
  border-color: rgba(191,130,119,.2);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(244,223,196,.72)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.16), transparent 38%);
  box-shadow:
    0 0 0 3px rgba(217,185,140,.055),
    inset 0 1px 0 rgba(255,255,255,.74);
}

.upload-box[data-upload-kind="motion"] .upload-size-pill {
  color: #9f665d;
}

@media (prefers-reduced-motion: no-preference) {
  .upload-box[data-upload-role] .upload-status span:first-child::before {
    animation: uploadMetadataDotPulse 4.2s ease-in-out infinite;
  }
}

@keyframes uploadMetadataDotPulse {
  0%, 100% {
    opacity: .7;
    transform: translateY(-50%) scale(.86);
  }

  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .upload-box[data-upload-role] .upload-status span:first-child::before {
    animation: none !important;
  }
}

/* Global atelier scrollbar finish pass */
html,
body {
  scrollbar-width: thin;
  scrollbar-color: rgba(181,138,88,.58) rgba(255,253,249,.52);
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background: linear-gradient(180deg, rgba(255,253,249,.62), rgba(248,238,230,.5));
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  min-height: 72px;
  border: 3px solid rgba(255,253,249,.64);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(217,185,140,.82), rgba(125,157,145,.58));
  box-shadow:
    0 0 0 1px rgba(181,138,88,.12) inset,
    0 0 14px rgba(217,185,140,.22);
}

body::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(217,185,140,.95), rgba(85,119,109,.72));
}

.knowledge-scroll-shell,
.recent-list,
#copyOutput,
.consult-output,
.reshape-queue-body,
.profile-history,
.profile-packages,
.profile-packages .price-grid,
#copywriting .copy-layout > .copy-panel:first-child,
#copywriting .copy-panel > .field textarea {
  scrollbar-width: thin;
  scrollbar-color: rgba(181,138,88,.52) rgba(255,253,249,.5);
}

.knowledge-scroll-shell::-webkit-scrollbar,
.recent-list::-webkit-scrollbar,
#copyOutput::-webkit-scrollbar,
.consult-output::-webkit-scrollbar,
.reshape-queue-body::-webkit-scrollbar,
.profile-history::-webkit-scrollbar,
.profile-packages::-webkit-scrollbar,
.profile-packages .price-grid::-webkit-scrollbar,
#copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar,
#copywriting .copy-panel > .field textarea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.knowledge-scroll-shell::-webkit-scrollbar-track,
.recent-list::-webkit-scrollbar-track,
#copyOutput::-webkit-scrollbar-track,
.consult-output::-webkit-scrollbar-track,
.reshape-queue-body::-webkit-scrollbar-track,
.profile-history::-webkit-scrollbar-track,
.profile-packages::-webkit-scrollbar-track,
.profile-packages .price-grid::-webkit-scrollbar-track,
#copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar-track,
#copywriting .copy-panel > .field textarea::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(255,253,249,.48);
}

.knowledge-scroll-shell::-webkit-scrollbar-thumb,
.recent-list::-webkit-scrollbar-thumb,
#copyOutput::-webkit-scrollbar-thumb,
.consult-output::-webkit-scrollbar-thumb,
.reshape-queue-body::-webkit-scrollbar-thumb,
.profile-history::-webkit-scrollbar-thumb,
.profile-packages::-webkit-scrollbar-thumb,
.profile-packages .price-grid::-webkit-scrollbar-thumb,
#copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar-thumb,
#copywriting .copy-panel > .field textarea::-webkit-scrollbar-thumb {
  min-height: 42px;
  border: 2px solid rgba(255,253,249,.62);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(217,185,140,.78), rgba(125,157,145,.56));
  box-shadow: 0 0 10px rgba(217,185,140,.18);
}

.knowledge-scroll-shell::-webkit-scrollbar-thumb:hover,
.recent-list::-webkit-scrollbar-thumb:hover,
#copyOutput::-webkit-scrollbar-thumb:hover,
.consult-output::-webkit-scrollbar-thumb:hover,
.reshape-queue-body::-webkit-scrollbar-thumb:hover,
.profile-history::-webkit-scrollbar-thumb:hover,
.profile-packages::-webkit-scrollbar-thumb:hover,
.profile-packages .price-grid::-webkit-scrollbar-thumb:hover,
#copywriting .copy-layout > .copy-panel:first-child::-webkit-scrollbar-thumb:hover,
#copywriting .copy-panel > .field textarea::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, rgba(217,185,140,.92), rgba(85,119,109,.68));
}

/* Knowledge library contained scroll and solid sticky toolbar pass */
#consult .knowledge-scroll-shell .template-filter-bar {
  position: sticky;
  top: 0;
  z-index: 20;
  flex: 0 0 auto;
  margin: -14px -14px 0;
  padding: 10px 14px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 0;
  border-bottom: 1px solid rgba(181,138,88,.14);
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(92,70,59,.05);
  scrollbar-width: thin;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#consult .knowledge-scroll-shell .template-filter-bar::before {
  content: none;
}

#consult .knowledge-scroll-shell .template-list.compact-template-list {
  position: relative;
  z-index: 0;
  margin-top: 10px;
}

/* Reshape queue signal atelier pass */
.queue-card {
  isolation: isolate;
}

.queue-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  top: 8px;
  z-index: 3;
  height: 2px;
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.72), rgba(125,157,145,.42), transparent);
  transform: translateX(-70%);
}

.queue-card.is-running {
  box-shadow:
    0 18px 42px rgba(181,138,88,.1),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.queue-card.is-running::after {
  opacity: 1;
  animation: queueRunningRail 1.55s cubic-bezier(.22,1,.36,1) infinite;
}

.queue-card.is-done::after {
  opacity: .7;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.72), rgba(217,185,140,.48), transparent);
  transform: translateX(0);
}

.queue-card.is-error::after {
  opacity: .72;
  background: linear-gradient(90deg, transparent, rgba(159,61,53,.58), rgba(217,185,140,.34), transparent);
  transform: translateX(0);
}

.queue-card-head > div:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 8px;
  min-width: 0;
}

.queue-card-head h4,
.queue-card-head p {
  flex: 0 0 100%;
}

.queue-status-hint {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 999px;
  color: rgba(80,56,45,.68);
  background: rgba(255,253,249,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.queue-card.is-running .queue-status-hint {
  color: #8f5a2e;
  border-color: rgba(217,185,140,.28);
  background: rgba(255,247,235,.86);
}

.queue-card.is-done .queue-status-hint {
  color: #2f6f64;
  border-color: rgba(47,111,100,.2);
  background: rgba(228,241,237,.86);
}

.queue-card.is-error .queue-status-hint {
  color: #8f3f36;
  border-color: rgba(159,61,53,.2);
  background: rgba(252,236,233,.84);
}

.queue-card.is-running .queue-media {
  border-radius: var(--radius);
  box-shadow:
    0 0 0 1px rgba(217,185,140,.18),
    0 16px 36px rgba(181,138,88,.1);
}

.queue-card.is-done .queue-media {
  border-radius: var(--radius);
  box-shadow:
    0 0 0 1px rgba(47,111,100,.16),
    0 16px 36px rgba(47,111,100,.08);
}

.queue-card.is-error .queue-media {
  border-radius: var(--radius);
  box-shadow:
    0 0 0 1px rgba(159,61,53,.14),
    0 16px 34px rgba(159,61,53,.08);
}

.queue-card.is-running .pending-after-copy strong {
  color: #6d4b39;
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.queue-card.is-running .queue-actions .queue-focus {
  border-color: rgba(217,185,140,.34);
  color: #8f5a2e;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.78)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.18), transparent 34%);
}

.queue-card.is-error .queue-retry {
  border-color: rgba(159,61,53,.26);
  color: #8f3f36;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(252,236,233,.82)),
    radial-gradient(circle at 12% 0, rgba(159,61,53,.12), transparent 34%);
}

@media (prefers-reduced-motion: no-preference) {
  .queue-card.is-running .queue-status-hint {
    animation: queueHintBreath 2.7s ease-in-out infinite;
  }

  .queue-card.is-done::after {
    animation: queueDoneGlow 4.8s ease-in-out infinite;
  }
}

@keyframes queueHintBreath {
  0%, 100% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 0 0 rgba(217,185,140,0);
  }
  50% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 0 18px rgba(217,185,140,.22);
  }
}

@keyframes queueDoneGlow {
  0%, 100% {
    opacity: .38;
  }
  50% {
    opacity: .82;
  }
}

@media (prefers-reduced-motion: reduce) {
  .queue-card.is-running::after,
  .queue-card.is-running .queue-status-hint,
  .queue-card.is-done::after {
    animation: none !important;
  }
}

.queue-card.is-active::after {
  content: "当前预览";
  left: auto;
  right: 12px;
  top: 12px;
  width: auto;
  height: auto;
  min-height: 26px;
  padding: 5px 9px;
  opacity: 1;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: 999px;
  color: #7a5143;
  background: rgba(255,253,249,.9);
  box-shadow: 0 10px 22px rgba(92,70,59,.08);
  transform: none;
  animation: none;
  font-size: 12px;
  font-weight: 950;
}

/* Reshape queue spectrum polish pass */
.queue-card {
  --queue-spectrum: rgba(217,185,140,.18);
  --queue-spectrum-dot: #d9b98c;
}

.queue-card::before {
  background:
    radial-gradient(circle at 12% 0, var(--queue-spectrum, rgba(217,185,140,.18)), transparent 34%),
    radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--queue-spectrum-dot, #d9b98c) 16%, transparent), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.54), rgba(255,247,235,.18));
}

.queue-card.is-running {
  --queue-spectrum: rgba(217,185,140,.24);
  --queue-spectrum-dot: #d9b98c;
}

.queue-card.is-done {
  --queue-spectrum: rgba(125,157,145,.22);
  --queue-spectrum-dot: #7d9d91;
}

.queue-card.is-error {
  --queue-spectrum: rgba(201,143,136,.18);
  --queue-spectrum-dot: #c98f88;
}

.queue-status-hint {
  position: relative;
  padding-left: 20px;
}

.queue-status-hint::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--queue-spectrum-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--queue-spectrum-dot, #d9b98c) 14%, transparent),
    0 0 14px color-mix(in srgb, var(--queue-spectrum-dot, #d9b98c) 34%, transparent);
  transform: translateY(-50%);
}

.queue-card.is-running .queue-media {
  position: relative;
  overflow: hidden;
}

.queue-card.is-running .queue-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  opacity: .34;
  background: linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.66) 48%, rgba(217,185,140,.24) 58%, transparent 72%);
  transform: translateX(-128%) skewX(-12deg);
}

@media (prefers-reduced-motion: no-preference) {
  .queue-card.is-done::before {
    animation: queueSpectrumDoneBloom 6.2s ease-in-out infinite;
  }

  .queue-card.is-running .queue-media::after {
    animation: queueSpectrumMediaSweep 4.8s ease-in-out infinite;
  }
}

@keyframes queueSpectrumDoneBloom {
  0%, 100% {
    opacity: .28;
  }
  50% {
    opacity: .52;
  }
}

@keyframes queueSpectrumMediaSweep {
  0%, 46% {
    transform: translateX(-128%) skewX(-12deg);
  }
  72%, 100% {
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .queue-card.is-done::before,
  .queue-card.is-running .queue-media::after {
    animation: none !important;
  }
}

/* Reshape queue action command polish pass */
.queue-actions .mini-btn:not(:disabled) {
  --queue-action-signal: #d9b98c;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 42px;
  padding: 9px 12px 10px;
  border-color: color-mix(in srgb, var(--queue-action-signal, #d9b98c) 28%, rgba(181,138,88,.16));
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.66)),
    radial-gradient(circle at 14% 0, color-mix(in srgb, var(--queue-action-signal, #d9b98c) 14%, transparent), transparent 36%);
  box-shadow:
    0 10px 22px rgba(92,70,59,.055),
    0 0 0 1px rgba(255,255,255,.62) inset;
  color: #6d4b39;
  font-weight: 900;
}

.queue-actions .mini-btn:not(:disabled)::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 4px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  opacity: .66;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--queue-action-signal, #d9b98c), rgba(255,253,249,.82), transparent);
  transform: translateX(-118%) scaleX(.7);
}

.queue-actions .mini-btn:not(:disabled):hover,
.queue-actions .mini-btn:not(:disabled):focus-visible {
  border-color: color-mix(in srgb, var(--queue-action-signal, #d9b98c) 44%, rgba(181,138,88,.2));
  box-shadow:
    0 14px 28px color-mix(in srgb, var(--queue-action-signal, #d9b98c) 15%, transparent),
    0 0 0 1px rgba(255,255,255,.72) inset;
}

.queue-actions .mini-btn:disabled {
  background: rgba(255,253,249,.46);
  box-shadow: none;
}

.queue-card.is-running .queue-focus:not(:disabled) {
  --queue-action-signal: #d9b98c;
  color: #8f5a2e;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,221,.78)),
    radial-gradient(circle at 12% 0, rgba(217,185,140,.22), transparent 34%);
}

.queue-card.is-done .queue-download:not(:disabled),
.queue-card.is-done .queue-copy:not(:disabled) {
  --queue-action-signal: #7d9d91;
  color: #fffdf9;
  border-color: rgba(47,111,100,.34);
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.26), transparent 36%),
    linear-gradient(135deg, #55776d, #7d9d91);
  box-shadow:
    0 14px 30px rgba(47,111,100,.14),
    0 0 0 1px rgba(255,253,249,.26) inset;
}

.queue-card.is-error .queue-retry:not(:disabled) {
  --queue-action-signal: #c98f88;
  color: #8f3f36;
  border-color: rgba(159,61,53,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(252,236,233,.84)),
    radial-gradient(circle at 12% 0, rgba(201,143,136,.18), transparent 34%);
}

@media (prefers-reduced-motion: no-preference) {
  .queue-actions .mini-btn:not(:disabled)::after {
    animation: queueActionCommandRail 5.4s ease-in-out infinite;
  }

  .queue-actions .mini-btn:not(:disabled):hover::after,
  .queue-actions .mini-btn:not(:disabled):focus-visible::after {
    animation-play-state: paused;
    opacity: .9;
    transform: translateX(0) scaleX(1);
  }
}

@keyframes queueActionCommandRail {
  0%, 42% {
    opacity: .3;
    transform: translateX(-118%) scaleX(.7);
  }
  70%, 100% {
    opacity: .72;
    transform: translateX(118%) scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .queue-actions .mini-btn:not(:disabled)::after {
    animation: none !important;
    transform: none !important;
  }
}

/* Dashboard workflow energy atelier pass */
#dashboard .workflow-companion {
  --workflow-pulse-dot: #b58a58;
  --workflow-pulse-glow: rgba(181,138,88,.16);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.58)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.16), transparent 34%),
    radial-gradient(circle at 8% 100%, rgba(125,157,145,.12), transparent 38%);
  box-shadow:
    0 16px 36px rgba(92,70,59,.07),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#dashboard .workflow-companion[data-tone="ready"] {
  --workflow-pulse-dot: #7d9d91;
  --workflow-pulse-glow: rgba(125,157,145,.2);
  border-color: rgba(125,157,145,.22);
}

#dashboard .workflow-companion[data-tone="low"] {
  --workflow-pulse-dot: #c4776d;
  --workflow-pulse-glow: rgba(196,119,109,.2);
  border-color: rgba(196,119,109,.22);
}

#dashboard .workflow-companion::before,
#dashboard .workflow-companion::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

#dashboard .workflow-companion::before {
  inset: 1px;
  z-index: 0;
  opacity: .38;
  background:
    linear-gradient(112deg, transparent 0%, transparent 35%, rgba(255,253,249,.76) 46%, rgba(255,232,166,.26) 56%, transparent 70%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
}

#dashboard .workflow-companion::after {
  left: 16px;
  right: 16px;
  bottom: 10px;
  z-index: 1;
  height: 1px;
  opacity: .52;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.72), rgba(125,157,145,.34), transparent);
  box-shadow: 0 0 16px rgba(217,185,140,.16);
}

#dashboard .workflow-companion > * {
  position: relative;
  z-index: 2;
}

#dashboard .workflow-insight-strip span {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.15);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.62)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.16), transparent 38%);
  box-shadow:
    0 10px 24px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#dashboard .workflow-insight-strip span[data-workflow-pulse] {
  border-color: color-mix(in srgb, var(--workflow-pulse-dot) 28%, rgba(181,138,88,.14));
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), color-mix(in srgb, var(--workflow-pulse-dot) 8%, rgba(255,247,235,.66))),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--workflow-pulse-dot) 18%, transparent), transparent 48%);
  box-shadow:
    0 10px 24px rgba(92,70,59,.055),
    0 0 18px var(--workflow-pulse-glow),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#dashboard .workflow-insight-strip span::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .46;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.62), rgba(125,157,145,.34), transparent);
}

#dashboard .workflow-insight-strip strong {
  color: color-mix(in srgb, var(--workflow-pulse-dot) 72%, #7a5143);
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 18px var(--workflow-pulse-glow);
}

#dashboard .workflow-insight-strip small {
  color: rgba(80,56,45,.66);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .workflow-sparkline {
  position: relative;
  align-items: end;
  padding: 16px 14px 12px;
  border: 1px solid rgba(125,157,145,.14);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(255,253,249,.5), rgba(255,247,235,.24)),
    repeating-linear-gradient(90deg, rgba(181,138,88,.08) 0 1px, transparent 1px 28px);
}

#dashboard .workflow-sparkline::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(125,157,145,.24), rgba(217,185,140,.54), rgba(125,157,145,.24));
  box-shadow: 0 0 18px rgba(217,185,140,.18);
}

#dashboard .workflow-sparkline span {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255,253,249,.62);
  background:
    linear-gradient(180deg, rgba(255,232,166,.94), rgba(217,185,140,.68) 48%, rgba(125,157,145,.58)),
    radial-gradient(circle at 50% 0, rgba(255,255,255,.78), transparent 36%);
  box-shadow:
    0 10px 20px rgba(181,138,88,.13),
    0 0 14px rgba(217,185,140,.16);
  transform-origin: center bottom;
  transition:
    height .28s var(--ease-out),
    filter .28s var(--ease-out),
    box-shadow .28s var(--ease-out);
}

#dashboard .workflow-sparkline span:nth-child(2n) {
  background:
    linear-gradient(180deg, rgba(228,241,237,.9), rgba(125,157,145,.64) 54%, rgba(181,138,88,.5)),
    radial-gradient(circle at 50% 0, rgba(255,255,255,.72), transparent 36%);
}

#dashboard .workflow-companion[data-tone="ready"] .workflow-sparkline span {
  background:
    linear-gradient(180deg, rgba(228,241,237,.94), rgba(125,157,145,.7) 54%, rgba(217,185,140,.56)),
    radial-gradient(circle at 50% 0, rgba(255,255,255,.76), transparent 36%);
  box-shadow:
    0 10px 22px rgba(125,157,145,.18),
    0 0 18px rgba(125,157,145,.18);
}

#dashboard .workflow-companion[data-tone="low"] .workflow-sparkline span {
  background:
    linear-gradient(180deg, rgba(255,238,232,.94), rgba(196,119,109,.68) 52%, rgba(181,138,88,.58)),
    radial-gradient(circle at 50% 0, rgba(255,255,255,.78), transparent 36%);
  box-shadow:
    0 10px 22px rgba(196,119,109,.16),
    0 0 18px rgba(196,119,109,.16);
}

/* Dashboard entry handoff pass */
#dashboard .dashboard-entry-brief {
  --entry-brief-dot: #b58a58;
  --entry-brief-glow: rgba(181,138,88,.16);
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) minmax(190px, .72fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 86px;
  margin: 12px 0 14px;
  padding: 12px 13px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 0 0, var(--entry-brief-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.13), transparent 38%);
  box-shadow:
    0 16px 34px rgba(92,70,59,.065),
    inset 0 1px 0 rgba(255,255,255,.76);
  text-align: left;
  cursor: pointer;
  transition:
    border-color .22s var(--ease-out),
    box-shadow .22s var(--ease-out),
    transform .22s var(--ease-out);
}

#dashboard .dashboard-entry-brief[data-tone="ready"],
#dashboard .dashboard-entry-brief.is-ready {
  --entry-brief-dot: #7d9d91;
  --entry-brief-glow: rgba(125,157,145,.18);
}

#dashboard .dashboard-entry-brief[data-tone="low"],
#dashboard .dashboard-entry-brief.is-low {
  --entry-brief-dot: #c4776d;
  --entry-brief-glow: rgba(196,119,109,.18);
}

#dashboard .dashboard-entry-brief[data-entry-mode="register"] {
  --entry-brief-dot: #d9b98c;
  --entry-brief-glow: rgba(217,185,140,.2);
}

#dashboard .dashboard-entry-brief::before,
#dashboard .dashboard-entry-brief::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-entry-brief::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .3;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.82) 52%, color-mix(in srgb, var(--entry-brief-dot) 20%, transparent) 61%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-entry-brief::after {
  left: 16px;
  right: 16px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, var(--entry-brief-dot), rgba(255,253,249,.74), transparent);
}

#dashboard .dashboard-entry-brief > * {
  position: relative;
  z-index: 1;
}

#dashboard .dashboard-entry-brief > i {
  width: 38px;
  height: 38px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--entry-brief-dot) 34%, rgba(255,253,249,.64));
  border-radius: 13px;
  color: color-mix(in srgb, var(--entry-brief-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.9), color-mix(in srgb, var(--entry-brief-dot) 15%, rgba(255,247,235,.72)));
  box-shadow:
    0 8px 18px var(--entry-brief-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  stroke-width: 2.35;
}

#dashboard .entry-brief-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#dashboard .entry-brief-copy small,
#dashboard .entry-brief-copy strong,
#dashboard .entry-brief-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .entry-brief-copy small {
  color: color-mix(in srgb, var(--entry-brief-dot) 70%, rgba(80,56,45,.58));
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .entry-brief-copy strong {
  color: #50382d;
  font-size: 15.5px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .entry-brief-copy em {
  color: rgba(80,56,45,.66);
  font-size: 12px;
  font-style: normal;
  font-weight: 830;
  line-height: 1.35;
}

#dashboard .entry-brief-memory {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 6px;
  min-width: 190px;
}

#dashboard .entry-brief-memory span {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 46px;
  padding: 7px 8px;
  border: 1px solid color-mix(in srgb, var(--entry-brief-dot) 18%, rgba(181,138,88,.12));
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), color-mix(in srgb, var(--entry-brief-dot) 7%, rgba(255,247,235,.58))),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--entry-brief-dot) 10%, transparent), transparent 60%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

#dashboard .entry-brief-memory small {
  min-width: 0;
  overflow: hidden;
  color: rgba(80,56,45,.52);
  font-size: 9.5px;
  font-weight: 950;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .entry-brief-memory strong {
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--entry-brief-dot) 76%, #50382d);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .dashboard-entry-brief b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  min-height: 32px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--entry-brief-dot) 38%, rgba(255,253,249,.7));
  border-radius: 999px;
  color: color-mix(in srgb, var(--entry-brief-dot) 76%, #50382d);
  background: rgba(255,253,249,.7);
  box-shadow:
    0 8px 18px var(--entry-brief-glow),
    inset 0 1px 0 rgba(255,255,255,.76);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .dashboard-entry-brief:hover,
#dashboard .dashboard-entry-brief:focus-visible,
#dashboard .dashboard-entry-brief.is-entry-arrival {
  border-color: color-mix(in srgb, var(--entry-brief-dot) 44%, rgba(181,138,88,.18));
  box-shadow:
    0 18px 38px rgba(92,70,59,.09),
    0 0 28px var(--entry-brief-glow),
    inset 0 1px 0 rgba(255,255,255,.8);
  transform: translateY(-1px);
}

/* Dashboard entry continuity dependency pass */
#dashboard .dashboard-entry-brief {
  grid-template-columns: 38px minmax(0, 1fr) minmax(72px, auto);
  min-height: 132px;
  align-items: start;
}

#dashboard .entry-brief-memory {
  display: none !important;
}

#dashboard .entry-brief-continuity {
  grid-column: 2 / 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 7px;
  width: 100%;
  min-width: 0;
}

#dashboard .entry-brief-continuity span {
  position: relative;
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 58px;
  padding: 8px 9px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--entry-brief-dot) 20%, rgba(181,138,88,.14));
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), color-mix(in srgb, var(--entry-brief-dot) 8%, rgba(255,247,235,.62))),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--entry-brief-dot) 12%, transparent), transparent 62%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    0 8px 18px color-mix(in srgb, var(--entry-brief-dot) 12%, transparent);
}

#dashboard .entry-brief-continuity span::after {
  content: "";
  position: absolute;
  inset: auto 9px 6px;
  height: 1px;
  opacity: .36;
  background: linear-gradient(90deg, transparent, var(--entry-brief-dot), transparent);
}

#dashboard .entry-brief-continuity small,
#dashboard .entry-brief-continuity strong {
  min-width: 0;
  overflow: hidden;
  line-height: 1.08;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .entry-brief-continuity small {
  color: rgba(80,56,45,.52);
  font-size: 9.5px;
  font-weight: 950;
}

#dashboard .entry-brief-continuity strong {
  color: color-mix(in srgb, var(--entry-brief-dot) 78%, #50382d);
  font-size: 12.5px;
  font-weight: 950;
}

#dashboard .dashboard-entry-brief.is-entry-arrival .entry-brief-continuity span {
  animation: dashboardEntryContinuityPop 1.24s var(--ease-out) both;
}

#dashboard .dashboard-entry-brief.is-entry-arrival .entry-brief-continuity span:nth-child(2) {
  animation-delay: .08s;
}

#dashboard .dashboard-entry-brief.is-entry-arrival .entry-brief-continuity span:nth-child(3) {
  animation-delay: .16s;
}

@keyframes dashboardEntryContinuityPop {
  0% {
    opacity: .62;
    transform: translateY(6px) scale(.985);
    filter: saturate(.92);
  }
  54% {
    opacity: 1;
    transform: translateY(-2px) scale(1.018);
    filter: saturate(1.14) brightness(1.06);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: none;
  }
}

/* Dashboard command strip real-work pass */
#dashboard .dashboard-command-strip {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) repeat(2, minmax(0, .93fr));
  gap: 9px;
  margin-top: 12px;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.56)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.16), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 38%);
  box-shadow:
    0 16px 34px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#dashboard .dashboard-command-strip::before,
#dashboard .dashboard-command-strip::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-command-strip::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .3;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.8) 52%, rgba(255,232,166,.24) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-command-strip::after {
  left: 16px;
  right: 16px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .45;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.6), rgba(125,157,145,.34), transparent);
}

#dashboard .dashboard-command-card {
  --command-card-dot: #b58a58;
  --command-card-glow: rgba(181,138,88,.14);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 76px;
  padding: 10px 11px;
  border: 1px solid rgba(181,138,88,.15);
  border-radius: 14px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.66)),
    radial-gradient(circle at 0 0, var(--command-card-glow), transparent 44%);
  box-shadow:
    0 10px 22px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.74);
  text-align: left;
  cursor: pointer;
  transition:
    border-color .22s var(--ease-out),
    box-shadow .22s var(--ease-out),
    transform .22s var(--ease-out),
    background .22s var(--ease-out);
}

#dashboard .dashboard-command-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  opacity: .42;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255,255,255,.58), transparent 38%, var(--command-card-glow));
}

#dashboard .dashboard-command-card::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .38;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--command-card-dot), transparent);
  transform-origin: center;
}

#dashboard .dashboard-command-card.is-primary {
  --command-card-dot: #c98f88;
  --command-card-glow: rgba(201,143,136,.18);
}

#dashboard .dashboard-command-card.is-ready {
  --command-card-dot: #7d9d91;
  --command-card-glow: rgba(125,157,145,.18);
}

#dashboard .dashboard-command-card.is-low,
#dashboard .dashboard-command-card[data-tone="low"] {
  --command-card-dot: #c4776d;
  --command-card-glow: rgba(196,119,109,.18);
}

#dashboard .dashboard-command-card[data-tone="waiting"] {
  --command-card-dot: #b58a58;
  --command-card-glow: rgba(181,138,88,.14);
}

#dashboard .dashboard-command-card:hover,
#dashboard .dashboard-command-card:focus-visible {
  border-color: color-mix(in srgb, var(--command-card-dot) 42%, rgba(181,138,88,.18));
  box-shadow:
    0 14px 30px rgba(92,70,59,.085),
    0 0 24px var(--command-card-glow),
    inset 0 1px 0 rgba(255,255,255,.8);
  transform: translateY(-1px);
}

#dashboard .dashboard-command-card i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--command-card-dot) 36%, rgba(255,253,249,.64));
  border-radius: 12px;
  color: color-mix(in srgb, var(--command-card-dot) 76%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.82), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.88), color-mix(in srgb, var(--command-card-dot) 14%, rgba(255,247,235,.72)));
  box-shadow:
    0 8px 16px var(--command-card-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  stroke-width: 2.35;
}

#dashboard .dashboard-command-card span {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 3px;
  min-width: 0;
}

#dashboard .dashboard-command-card small,
#dashboard .dashboard-command-card strong,
#dashboard .dashboard-command-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .dashboard-command-card small {
  color: rgba(80,56,45,.55);
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1;
}

#dashboard .dashboard-command-card strong {
  color: #50382d;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .dashboard-command-card em {
  color: color-mix(in srgb, var(--command-card-dot) 66%, rgba(80,56,45,.64));
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.2;
}

#dashboard .dashboard-command-card.is-primary strong {
  font-size: 14.5px;
}

/* Dashboard tool kit dependency pass */
#dashboard .dashboard-tool-kit {
  --tool-kit-dot: #b58a58;
  --tool-kit-glow: rgba(181,138,88,.15);
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .84fr) minmax(280px, 1.16fr);
  gap: 12px;
  align-items: stretch;
  margin-top: 10px;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.18);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(250,242,236,.58)),
    radial-gradient(circle at 0 0, var(--tool-kit-glow), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 40%);
  box-shadow:
    0 16px 34px rgba(92,70,59,.065),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#dashboard .dashboard-tool-kit[data-tone="ready"] {
  --tool-kit-dot: #7d9d91;
  --tool-kit-glow: rgba(125,157,145,.18);
}

#dashboard .dashboard-tool-kit[data-tone="low"] {
  --tool-kit-dot: #c4776d;
  --tool-kit-glow: rgba(196,119,109,.18);
}

#dashboard .dashboard-tool-kit::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .26;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, rgba(217,185,140,.22) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .tool-kit-copy,
#dashboard .tool-kit-dependency,
#dashboard .tool-kit-continuity,
#dashboard .tool-kit-grid {
  position: relative;
  z-index: 1;
}

#dashboard .tool-kit-copy {
  display: grid;
  align-content: center;
  gap: 8px;
  min-width: 0;
  padding: 10px;
}

#dashboard .tool-kit-copy span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: color-mix(in srgb, var(--tool-kit-dot) 70%, #50382d);
  font-size: 11px;
  font-weight: 950;
}

#dashboard .tool-kit-copy i,
#dashboard .tool-kit-copy svg {
  width: 16px;
  height: 16px;
  stroke-width: 2.35;
}

#dashboard .tool-kit-copy strong {
  color: #50382d;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.22;
}

#dashboard .tool-kit-copy em {
  color: rgba(80,56,45,.66);
  font-size: 12px;
  font-style: normal;
  font-weight: 820;
  line-height: 1.48;
}

/* Dashboard tool dependency reason pass */
#dashboard .tool-kit-dependency {
  isolation: isolate;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 72px;
  padding: 10px 11px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--tool-kit-dot) 20%, rgba(181,138,88,.14));
  border-radius: 16px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), color-mix(in srgb, var(--tool-kit-dot) 8%, rgba(255,247,235,.6))),
    radial-gradient(circle at 100% 0, var(--tool-kit-glow), transparent 42%);
}

#dashboard .tool-kit-dependency::before {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .56;
  background: linear-gradient(90deg, transparent, var(--tool-kit-dot), rgba(255,253,249,.78), transparent);
  transform: translateX(-28%) scaleX(.45);
}

#dashboard .tool-kit-dependency > i,
#dashboard .tool-kit-dependency > svg {
  width: 34px;
  height: 34px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--tool-kit-dot) 28%, rgba(255,253,249,.68));
  border-radius: 12px;
  color: color-mix(in srgb, var(--tool-kit-dot) 78%, #50382d);
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), color-mix(in srgb, var(--tool-kit-dot) 13%, rgba(255,247,235,.72)));
  stroke-width: 2.4;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 10px 22px var(--tool-kit-glow);
}

#dashboard .tool-kit-dependency span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

#dashboard .tool-kit-dependency small,
#dashboard .tool-kit-dependency strong,
#dashboard .tool-kit-dependency em,
#dashboard .tool-kit-dependency b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dashboard .tool-kit-dependency small {
  color: color-mix(in srgb, var(--tool-kit-dot) 62%, rgba(80,56,45,.62));
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}

#dashboard .tool-kit-dependency strong {
  color: #50382d;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.2;
  white-space: nowrap;
}

#dashboard .tool-kit-dependency em {
  color: rgba(80,56,45,.72);
  font-size: 12px;
  font-style: normal;
  font-weight: 820;
  line-height: 1.35;
  white-space: nowrap;
}

#dashboard .tool-kit-dependency b {
  justify-self: end;
  max-width: 210px;
  padding: 7px 9px;
  border: 1px solid color-mix(in srgb, var(--tool-kit-dot) 18%, rgba(181,138,88,.12));
  border-radius: 999px;
  color: color-mix(in srgb, var(--tool-kit-dot) 76%, #50382d);
  background: rgba(255,253,249,.64);
  font-size: 11.5px;
  font-weight: 930;
  line-height: 1.18;
  white-space: nowrap;
}

#dashboard .tool-kit-dependency button {
  min-height: 34px;
  padding: 8px 12px;
  border-color: color-mix(in srgb, var(--tool-kit-dot) 28%, rgba(181,138,88,.18));
  border-radius: 999px;
  color: color-mix(in srgb, var(--tool-kit-dot) 76%, #50382d);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), color-mix(in srgb, var(--tool-kit-dot) 10%, rgba(255,247,235,.7)));
  white-space: nowrap;
}

/* Dashboard tool continuity proof pass */
#dashboard .tool-kit-continuity {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  min-width: 0;
}

#dashboard .tool-kit-continuity span {
  position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 46px;
  padding: 9px 10px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--tool-kit-dot) 22%, rgba(255,253,249,.66));
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.54)),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--tool-kit-dot) 16%, transparent), transparent 54%);
  box-shadow:
    0 9px 18px color-mix(in srgb, var(--tool-kit-dot) 10%, transparent),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#dashboard .tool-kit-continuity span::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .38;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--tool-kit-dot) 62%, transparent), rgba(255,253,249,.82), transparent);
  transform-origin: center;
}

#dashboard .tool-kit-continuity i,
#dashboard .tool-kit-continuity svg {
  grid-row: 1 / span 2;
  width: 26px;
  height: 26px;
  padding: 5px;
  border: 1px solid color-mix(in srgb, var(--tool-kit-dot) 24%, rgba(255,253,249,.72));
  border-radius: 10px;
  color: color-mix(in srgb, var(--tool-kit-dot) 76%, #50382d);
  background: rgba(255,253,249,.62);
  stroke-width: 2.45;
}

#dashboard .tool-kit-continuity small,
#dashboard .tool-kit-continuity strong {
  grid-column: 2;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .tool-kit-continuity small {
  color: rgba(80,56,45,.52);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

#dashboard .tool-kit-continuity strong {
  color: color-mix(in srgb, var(--tool-kit-dot) 74%, #50382d);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.18;
  white-space: nowrap;
}

@media (min-width: 1501px) {
  #dashboard .tool-kit-continuity {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #dashboard .tool-kit-continuity span {
    min-height: 58px;
  }
}

#dashboard .tool-kit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

#dashboard .tool-kit-item {
  --tool-item-dot: #b58a58;
  --tool-item-glow: rgba(181,138,88,.13);
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 7px;
  min-width: 0;
  min-height: 118px;
  padding: 10px 9px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--tool-item-dot) 22%, rgba(181,138,88,.12));
  border-radius: 14px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.6)),
    radial-gradient(circle at 0 0, var(--tool-item-glow), transparent 48%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    0 9px 20px rgba(92,70,59,.05);
  text-align: left;
  cursor: pointer;
  transition: transform .22s var(--ease-out), border-color .22s var(--ease-out), box-shadow .22s var(--ease-out);
}

#dashboard .tool-kit-item::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  opacity: .56;
  background: var(--tool-item-dot);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--tool-item-dot) 12%, transparent);
}

#dashboard .tool-kit-item.is-done {
  --tool-item-dot: #7d9d91;
  --tool-item-glow: rgba(125,157,145,.18);
}

#dashboard .tool-kit-item.is-next {
  --tool-item-dot: #d9b98c;
  --tool-item-glow: rgba(217,185,140,.22);
  border-color: rgba(217,185,140,.32);
}

#dashboard .tool-kit-item.is-low {
  --tool-item-dot: #c4776d;
  --tool-item-glow: rgba(196,119,109,.16);
}

#dashboard .tool-kit-item:hover,
#dashboard .tool-kit-item:focus-visible {
  border-color: color-mix(in srgb, var(--tool-item-dot) 44%, rgba(181,138,88,.16));
  box-shadow:
    0 14px 28px rgba(92,70,59,.08),
    0 0 22px var(--tool-item-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  transform: translateY(-1px);
}

#dashboard .tool-kit-item > i {
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid color-mix(in srgb, var(--tool-item-dot) 34%, rgba(255,253,249,.62));
  border-radius: 12px;
  color: color-mix(in srgb, var(--tool-item-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.82), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.9), color-mix(in srgb, var(--tool-item-dot) 14%, rgba(255,247,235,.72)));
  stroke-width: 2.35;
}

#dashboard .tool-kit-item span,
#dashboard .tool-kit-item b {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#dashboard .tool-kit-item strong,
#dashboard .tool-kit-item small,
#dashboard .tool-kit-item em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .tool-kit-item strong {
  color: #50382d;
  font-size: 13.5px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .tool-kit-item small {
  color: rgba(80,56,45,.54);
  font-size: 10.5px;
  font-weight: 850;
  line-height: 1.16;
}

#dashboard .tool-kit-item em {
  color: color-mix(in srgb, var(--tool-item-dot) 72%, #50382d);
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
  line-height: 1.16;
}

/* Dashboard work relay dependency pass */
#dashboard .dashboard-work-relay {
  --relay-dot: #b58a58;
  --relay-glow: rgba(181,138,88,.15);
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(186px, auto);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 86px;
  margin-top: 10px;
  padding: 12px 13px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.6)),
    radial-gradient(circle at 0 0, var(--relay-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 38%);
  box-shadow:
    0 16px 34px rgba(92,70,59,.065),
    inset 0 1px 0 rgba(255,255,255,.76);
  text-align: left;
  cursor: pointer;
  transition:
    border-color .22s var(--ease-out),
    box-shadow .22s var(--ease-out),
    transform .22s var(--ease-out);
}

#dashboard .dashboard-work-relay::before,
#dashboard .dashboard-work-relay::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-work-relay::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .28;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, rgba(255,232,166,.23) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-work-relay::after {
  left: 18px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .46;
  background: linear-gradient(90deg, transparent, var(--relay-dot), rgba(255,253,249,.82), transparent);
  transform-origin: center;
}

#dashboard .dashboard-work-relay.is-ready,
#dashboard .dashboard-work-relay[data-tone="ready"] {
  --relay-dot: #7d9d91;
  --relay-glow: rgba(125,157,145,.18);
}

#dashboard .dashboard-work-relay.is-low,
#dashboard .dashboard-work-relay[data-tone="low"] {
  --relay-dot: #c4776d;
  --relay-glow: rgba(196,119,109,.18);
}

#dashboard .dashboard-work-relay[data-tone="waiting"] {
  --relay-dot: #b58a58;
  --relay-glow: rgba(181,138,88,.15);
}

#dashboard .dashboard-work-relay:hover,
#dashboard .dashboard-work-relay:focus-visible {
  border-color: color-mix(in srgb, var(--relay-dot) 44%, rgba(181,138,88,.18));
  box-shadow:
    0 18px 38px rgba(92,70,59,.09),
    0 0 26px var(--relay-glow),
    inset 0 1px 0 rgba(255,255,255,.82);
  transform: translateY(-1px);
}

#dashboard .dashboard-work-relay > i {
  position: relative;
  z-index: 1;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--relay-dot) 38%, rgba(255,253,249,.66));
  border-radius: 15px;
  color: color-mix(in srgb, var(--relay-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--relay-dot) 14%, rgba(255,247,235,.72)));
  box-shadow:
    0 9px 18px var(--relay-glow),
    inset 0 1px 0 rgba(255,255,255,.82);
  stroke-width: 2.35;
}

#dashboard .relay-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 0;
}

#dashboard .relay-copy small,
#dashboard .relay-copy strong,
#dashboard .relay-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .relay-copy small {
  color: rgba(80,56,45,.55);
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .relay-copy strong {
  color: #50382d;
  font-size: 15.5px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .relay-copy em {
  color: color-mix(in srgb, var(--relay-dot) 68%, rgba(80,56,45,.64));
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.24;
}

#dashboard .relay-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

#dashboard .relay-metrics b {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 50px;
  padding: 8px 7px;
  border: 1px solid color-mix(in srgb, var(--relay-dot) 22%, rgba(255,253,249,.66));
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), rgba(255,247,235,.5)),
    radial-gradient(circle at 50% 0, var(--relay-glow), transparent 58%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  text-align: center;
}

#dashboard .relay-metrics small {
  color: rgba(80,56,45,.5);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

#dashboard .relay-metrics strong {
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--relay-dot) 72%, #50382d);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Dashboard morning brief dependency pass */
#dashboard .dashboard-morning-brief {
  --morning-dot: #b58a58;
  --morning-glow: rgba(181,138,88,.15);
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(186px, auto);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 82px;
  margin-top: 10px;
  padding: 12px 13px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(250,242,236,.62)),
    radial-gradient(circle at 0 0, var(--morning-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 38%);
  box-shadow:
    0 16px 34px rgba(92,70,59,.065),
    inset 0 1px 0 rgba(255,255,255,.76);
  text-align: left;
  cursor: pointer;
  transition:
    border-color .22s var(--ease-out),
    box-shadow .22s var(--ease-out),
    transform .22s var(--ease-out);
}

#dashboard .dashboard-morning-brief[data-tone="ready"] {
  --morning-dot: #7d9d91;
  --morning-glow: rgba(125,157,145,.18);
}

#dashboard .dashboard-morning-brief[data-tone="low"] {
  --morning-dot: #c4776d;
  --morning-glow: rgba(196,119,109,.18);
}

#dashboard .dashboard-morning-brief::before,
#dashboard .dashboard-morning-brief::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-morning-brief::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .28;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, color-mix(in srgb, var(--morning-dot) 22%, transparent) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-morning-brief::after {
  left: 18px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .46;
  background: linear-gradient(90deg, transparent, var(--morning-dot), rgba(255,253,249,.82), transparent);
  transform-origin: center;
}

#dashboard .dashboard-morning-brief:hover,
#dashboard .dashboard-morning-brief:focus-visible {
  border-color: color-mix(in srgb, var(--morning-dot) 44%, rgba(181,138,88,.18));
  box-shadow:
    0 18px 38px rgba(92,70,59,.09),
    0 0 26px var(--morning-glow),
    inset 0 1px 0 rgba(255,255,255,.82);
  transform: translateY(-1px);
}

#dashboard .dashboard-morning-brief > i {
  position: relative;
  z-index: 1;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--morning-dot) 38%, rgba(255,253,249,.66));
  border-radius: 15px;
  color: color-mix(in srgb, var(--morning-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--morning-dot) 14%, rgba(255,247,235,.72)));
  box-shadow:
    0 9px 18px var(--morning-glow),
    inset 0 1px 0 rgba(255,255,255,.82);
  stroke-width: 2.35;
}

#dashboard .morning-brief-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 0;
}

#dashboard .morning-brief-copy small,
#dashboard .morning-brief-copy strong,
#dashboard .morning-brief-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .morning-brief-copy small {
  color: rgba(80,56,45,.55);
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .morning-brief-copy strong {
  color: #50382d;
  font-size: 15.5px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .morning-brief-copy em {
  color: color-mix(in srgb, var(--morning-dot) 68%, rgba(80,56,45,.64));
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.24;
}

#dashboard .morning-brief-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

#dashboard .morning-brief-metrics b {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 50px;
  padding: 8px 7px;
  border: 1px solid color-mix(in srgb, var(--morning-dot) 22%, rgba(255,253,249,.66));
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), rgba(255,247,235,.5)),
    radial-gradient(circle at 50% 0, var(--morning-glow), transparent 58%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  text-align: center;
}

#dashboard .morning-brief-metrics small {
  color: rgba(80,56,45,.5);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

#dashboard .morning-brief-metrics strong {
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--morning-dot) 72%, #50382d);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Dashboard clinic preference brief pass */
#dashboard .dashboard-clinic-brief {
  --clinic-brief-dot: #7d9d91;
  --clinic-brief-glow: rgba(125,157,145,.16);
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(260px, auto);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 84px;
  margin-top: 10px;
  padding: 12px 13px;
  overflow: hidden;
  border: 1px solid rgba(125,157,145,.2);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.52)),
    radial-gradient(circle at 0 0, var(--clinic-brief-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.12), transparent 38%);
  box-shadow:
    0 16px 34px rgba(47,111,100,.065),
    inset 0 1px 0 rgba(255,255,255,.76);
  text-align: left;
  cursor: pointer;
  transition:
    border-color .22s var(--ease-out),
    box-shadow .22s var(--ease-out),
    transform .22s var(--ease-out);
}

#dashboard .dashboard-clinic-brief[data-tone="review"] {
  --clinic-brief-dot: #b58a58;
  --clinic-brief-glow: rgba(181,138,88,.16);
  border-color: rgba(181,138,88,.2);
}

#dashboard .dashboard-clinic-brief::before,
#dashboard .dashboard-clinic-brief::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-clinic-brief::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .28;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, color-mix(in srgb, var(--clinic-brief-dot) 22%, transparent) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-clinic-brief::after {
  left: 18px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .46;
  background: linear-gradient(90deg, transparent, var(--clinic-brief-dot), rgba(255,232,166,.56), transparent);
  transform-origin: center;
}

#dashboard .dashboard-clinic-brief:hover,
#dashboard .dashboard-clinic-brief:focus-visible {
  border-color: color-mix(in srgb, var(--clinic-brief-dot) 44%, rgba(181,138,88,.18));
  box-shadow:
    0 18px 38px rgba(47,111,100,.09),
    0 0 26px var(--clinic-brief-glow),
    inset 0 1px 0 rgba(255,255,255,.82);
  transform: translateY(-1px);
}

#dashboard .dashboard-clinic-brief > i {
  position: relative;
  z-index: 1;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--clinic-brief-dot) 38%, rgba(255,253,249,.66));
  border-radius: 15px;
  color: color-mix(in srgb, var(--clinic-brief-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.86), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--clinic-brief-dot) 14%, rgba(255,247,235,.72)));
  box-shadow:
    0 9px 18px var(--clinic-brief-glow),
    inset 0 1px 0 rgba(255,255,255,.82);
  stroke-width: 2.35;
}

#dashboard .clinic-brief-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 0;
}

#dashboard .clinic-brief-copy small,
#dashboard .clinic-brief-copy strong,
#dashboard .clinic-brief-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .clinic-brief-copy small {
  color: rgba(80,56,45,.55);
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .clinic-brief-copy strong {
  color: #50382d;
  font-size: 15.5px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .clinic-brief-copy em {
  color: color-mix(in srgb, var(--clinic-brief-dot) 68%, rgba(80,56,45,.64));
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.24;
}

#dashboard .clinic-brief-tags {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

#dashboard .clinic-brief-tags b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 42px;
  padding: 8px 9px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--clinic-brief-dot) 22%, rgba(255,253,249,.66));
  border-radius: 13px;
  color: color-mix(in srgb, var(--clinic-brief-dot) 72%, #50382d);
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), rgba(255,247,235,.5)),
    radial-gradient(circle at 50% 0, var(--clinic-brief-glow), transparent 58%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.12;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Dashboard first order launch pass */
#dashboard .dashboard-first-order {
  --first-order-dot: #2f6f64;
  --first-order-glow: rgba(47,111,100,.16);
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 92px;
  margin-top: 10px;
  padding: 13px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.22);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(232,242,238,.62)),
    radial-gradient(circle at 0 0, rgba(47,111,100,.16), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.18), transparent 38%);
  box-shadow:
    0 18px 38px rgba(47,111,100,.075),
    inset 0 1px 0 rgba(255,255,255,.78);
  text-align: left;
  cursor: pointer;
  transition:
    border-color .22s var(--ease-out),
    box-shadow .22s var(--ease-out),
    transform .22s var(--ease-out);
}

#dashboard .dashboard-first-order.is-hidden {
  display: none;
}

#dashboard .dashboard-first-order::before,
#dashboard .dashboard-first-order::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-first-order::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .28;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.86) 52%, rgba(47,111,100,.2) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-first-order::after {
  left: 18px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .48;
  background: linear-gradient(90deg, transparent, rgba(47,111,100,.64), rgba(255,232,166,.74), transparent);
  transform-origin: center;
}

#dashboard .dashboard-first-order:hover,
#dashboard .dashboard-first-order:focus-visible {
  border-color: rgba(47,111,100,.34);
  box-shadow:
    0 20px 42px rgba(47,111,100,.1),
    0 0 28px var(--first-order-glow),
    inset 0 1px 0 rgba(255,255,255,.84);
  transform: translateY(-1px);
}

#dashboard .dashboard-first-order > i {
  position: relative;
  z-index: 1;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid rgba(47,111,100,.3);
  border-radius: 15px;
  color: #2f6f64;
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.9), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(232,242,238,.78));
  box-shadow:
    0 10px 20px var(--first-order-glow),
    inset 0 1px 0 rgba(255,255,255,.84);
  stroke-width: 2.4;
}

#dashboard .first-order-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 0;
}

#dashboard .first-order-copy small,
#dashboard .first-order-copy strong,
#dashboard .first-order-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .first-order-copy small {
  color: rgba(47,111,100,.7);
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .first-order-copy strong {
  color: #2f4f48;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .first-order-copy em {
  color: rgba(80,56,45,.66);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.24;
}

#dashboard .first-order-steps {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 292px;
}

#dashboard .first-order-steps > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 48px;
  padding: 7px 8px;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(232,242,238,.56)),
    radial-gradient(circle at 50% 0, rgba(47,111,100,.11), transparent 58%);
  text-align: center;
}

#dashboard .first-order-steps b {
  color: #2f6f64;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .first-order-steps span span,
#dashboard .first-order-steps em {
  overflow: hidden;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .first-order-steps span span {
  color: rgba(80,56,45,.72);
  font-size: 10.5px;
  line-height: 1.12;
}

#dashboard .first-order-steps em {
  color: rgba(80,56,45,.52);
  font-size: 10px;
  font-style: normal;
  line-height: 1.1;
}

#dashboard .first-order-steps > span[data-state="done"] {
  border-color: rgba(47,111,100,.28);
  background:
    linear-gradient(145deg, rgba(232,242,238,.84), rgba(255,253,249,.62)),
    radial-gradient(circle at 50% 0, rgba(47,111,100,.16), transparent 58%);
}

#dashboard .first-order-steps > span[data-state="next"] {
  border-color: rgba(217,185,140,.36);
  box-shadow:
    0 0 0 1px rgba(255,253,249,.62) inset,
    0 10px 18px var(--first-order-glow),
    0 0 22px rgba(217,185,140,.18);
}

#dashboard .first-order-steps > span[data-state="next"] em {
  color: #2f6f64;
}

#dashboard .dashboard-first-order > b {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(47,111,100,.28);
  border-radius: 999px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(232,242,238,.72)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.22), transparent 60%);
  box-shadow:
    0 9px 18px var(--first-order-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .dashboard-first-order::before {
    animation: dashboardFirstOrderSweep 8.4s ease-in-out infinite;
  }

  #dashboard .dashboard-first-order::after {
    animation: dashboardFirstOrderRail 5.8s ease-in-out infinite;
  }

  #dashboard .dashboard-first-order > i {
    animation: dashboardFirstOrderIcon 4.6s ease-in-out infinite;
  }
}

@keyframes dashboardFirstOrderSweep {
  0%, 48% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  76%, 100% {
    opacity: .42;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardFirstOrderRail {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.58);
  }
  50% {
    opacity: .7;
    transform: scaleX(1);
  }
}

@keyframes dashboardFirstOrderIcon {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0) rotate(0deg);
  }
  50% {
    filter: brightness(1.14);
    transform: translateY(-1px) rotate(-2deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .dashboard-first-order::before,
  #dashboard .dashboard-first-order::after,
  #dashboard .dashboard-first-order > i {
    animation: none !important;
  }
}

@media (max-width: 920px) {
  #dashboard .dashboard-first-order {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }

  #dashboard .dashboard-first-order > i {
    width: 34px;
    height: 34px;
    padding: 7px;
    border-radius: 13px;
  }

  #dashboard .first-order-steps {
    grid-column: 2;
    min-width: 0;
    width: 100%;
  }

  #dashboard .dashboard-first-order > b {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 720px) {
  #dashboard .dashboard-first-order {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  #dashboard .dashboard-first-order > i,
  #dashboard .first-order-steps,
  #dashboard .dashboard-first-order > b {
    grid-column: 1;
  }

  #dashboard .dashboard-first-order > i {
    display: none;
  }

  #dashboard .first-order-copy small,
  #dashboard .first-order-copy strong,
  #dashboard .first-order-copy em {
    white-space: normal;
  }
}

/* Dashboard return brief dependency pass */
#dashboard .dashboard-return-brief {
  --return-brief-dot: #b58a58;
  --return-brief-glow: rgba(181,138,88,.15);
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 66px;
  margin-top: 10px;
  padding: 11px 12px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.84), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, var(--return-brief-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.1), transparent 36%);
  box-shadow:
    0 14px 30px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.74);
  text-align: left;
  cursor: pointer;
}

#dashboard .dashboard-return-brief::before,
#dashboard .dashboard-return-brief::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-return-brief::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .28;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.82) 52%, rgba(255,232,166,.22) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-return-brief::after {
  left: 16px;
  right: 16px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, var(--return-brief-dot), rgba(255,253,249,.8), transparent);
}

#dashboard .dashboard-return-brief[data-tone="running"] {
  --return-brief-dot: #b58a58;
  --return-brief-glow: rgba(181,138,88,.2);
}

#dashboard .dashboard-return-brief[data-tone="is-done"],
#dashboard .dashboard-return-brief[data-tone="is-credit"] {
  --return-brief-dot: #7d9d91;
  --return-brief-glow: rgba(125,157,145,.18);
}

#dashboard .dashboard-return-brief[data-tone="is-error"] {
  --return-brief-dot: #c4776d;
  --return-brief-glow: rgba(196,119,109,.18);
}

#dashboard .dashboard-return-brief > i {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--return-brief-dot) 34%, rgba(255,253,249,.62));
  border-radius: 13px;
  color: color-mix(in srgb, var(--return-brief-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.84), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.9), color-mix(in srgb, var(--return-brief-dot) 14%, rgba(255,247,235,.72)));
  box-shadow:
    0 8px 18px var(--return-brief-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  stroke-width: 2.35;
}

#dashboard .dashboard-return-brief span {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 3px;
  min-width: 0;
}

#dashboard .dashboard-return-brief small,
#dashboard .dashboard-return-brief strong,
#dashboard .dashboard-return-brief em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .dashboard-return-brief small {
  color: rgba(80,56,45,.55);
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1;
}

#dashboard .dashboard-return-brief strong {
  color: #50382d;
  font-size: 14.5px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .dashboard-return-brief em {
  color: color-mix(in srgb, var(--return-brief-dot) 68%, rgba(80,56,45,.64));
  font-size: 11.5px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.2;
}

#dashboard .dashboard-return-brief b {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  min-height: 32px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--return-brief-dot) 36%, rgba(255,253,249,.7));
  border-radius: 999px;
  color: color-mix(in srgb, var(--return-brief-dot) 72%, #50382d);
  background: rgba(255,253,249,.68);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .dashboard-return-brief:hover,
#dashboard .dashboard-return-brief:focus-visible {
  border-color: color-mix(in srgb, var(--return-brief-dot) 42%, rgba(181,138,88,.18));
  box-shadow:
    0 16px 34px rgba(92,70,59,.085),
    0 0 24px var(--return-brief-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  transform: translateY(-1px);
}

/* Dashboard boss delivery kit dependency pass */
#dashboard .dashboard-boss-kit {
  --boss-kit-dot: #b58a58;
  --boss-kit-glow: rgba(181,138,88,.16);
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(230px, auto);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 88px;
  margin-top: 10px;
  padding: 12px 13px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, var(--boss-kit-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.14), transparent 38%);
  box-shadow:
    0 18px 38px rgba(92,70,59,.075),
    inset 0 1px 0 rgba(255,255,255,.78);
  text-align: left;
  cursor: pointer;
  transition:
    border-color .22s var(--ease-out),
    box-shadow .22s var(--ease-out),
    transform .22s var(--ease-out);
}

#dashboard .dashboard-boss-kit[data-tone="ready"] {
  --boss-kit-dot: #7d9d91;
  --boss-kit-glow: rgba(125,157,145,.18);
  border-color: rgba(125,157,145,.24);
}

#dashboard .dashboard-boss-kit[data-tone="waiting"] {
  --boss-kit-dot: #d9b98c;
  --boss-kit-glow: rgba(217,185,140,.18);
}

#dashboard .dashboard-boss-kit::before,
#dashboard .dashboard-boss-kit::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-boss-kit::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .28;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.86) 52%, color-mix(in srgb, var(--boss-kit-dot) 24%, transparent) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-boss-kit::after {
  left: 18px;
  right: 18px;
  bottom: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .48;
  background: linear-gradient(90deg, transparent, var(--boss-kit-dot), rgba(255,253,249,.82), rgba(125,157,145,.34), transparent);
  transform-origin: center;
}

#dashboard .dashboard-boss-kit:hover,
#dashboard .dashboard-boss-kit:focus-visible {
  border-color: color-mix(in srgb, var(--boss-kit-dot) 44%, rgba(181,138,88,.2));
  box-shadow:
    0 20px 42px rgba(92,70,59,.09),
    0 0 28px var(--boss-kit-glow),
    inset 0 1px 0 rgba(255,255,255,.84);
  transform: translateY(-1px);
}

#dashboard .dashboard-boss-kit > i {
  position: relative;
  z-index: 1;
  width: 42px;
  height: 42px;
  padding: 9px;
  border: 1px solid color-mix(in srgb, var(--boss-kit-dot) 38%, rgba(255,253,249,.66));
  border-radius: 15px;
  color: color-mix(in srgb, var(--boss-kit-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.88), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.94), color-mix(in srgb, var(--boss-kit-dot) 14%, rgba(255,247,235,.72)));
  box-shadow:
    0 10px 20px var(--boss-kit-glow),
    inset 0 1px 0 rgba(255,255,255,.84);
  stroke-width: 2.4;
}

#dashboard .boss-kit-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 0;
}

#dashboard .boss-kit-copy small,
#dashboard .boss-kit-copy strong,
#dashboard .boss-kit-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .boss-kit-copy small {
  color: color-mix(in srgb, var(--boss-kit-dot) 70%, rgba(80,56,45,.58));
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .boss-kit-copy strong {
  color: #50382d;
  font-size: 15.5px;
  font-weight: 950;
  line-height: 1.18;
}

#dashboard .boss-kit-copy em {
  color: color-mix(in srgb, var(--boss-kit-dot) 68%, rgba(80,56,45,.64));
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.24;
}

#dashboard .boss-kit-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

#dashboard .boss-kit-metrics b {
  display: grid;
  gap: 3px;
  min-width: 0;
  min-height: 48px;
  padding: 8px 7px;
  border: 1px solid color-mix(in srgb, var(--boss-kit-dot) 24%, rgba(255,253,249,.66));
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.52)),
    radial-gradient(circle at 50% 0, var(--boss-kit-glow), transparent 58%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  text-align: center;
}

#dashboard .boss-kit-metrics small {
  color: rgba(80,56,45,.5);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

#dashboard .boss-kit-metrics strong {
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--boss-kit-dot) 74%, #50382d);
  font-size: 15px;
  font-weight: 950;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Dashboard start list dependency pass */
#dashboard .dashboard-start-list {
  --start-list-dot: #b58a58;
  --start-list-glow: rgba(181,138,88,.15);
  --start-progress: 0%;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(156px, auto);
  gap: 12px;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 13px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.62)),
    radial-gradient(circle at 0 0, var(--start-list-glow), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 38%);
  box-shadow:
    0 16px 34px rgba(92,70,59,.065),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#dashboard .dashboard-start-list[data-tone="ready"] {
  --start-list-dot: #7d9d91;
  --start-list-glow: rgba(125,157,145,.18);
}

#dashboard .dashboard-start-list[data-tone="low"] {
  --start-list-dot: #c4776d;
  --start-list-glow: rgba(196,119,109,.18);
}

#dashboard .dashboard-start-list::before,
#dashboard .dashboard-start-list::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-start-list::before {
  inset: 1px;
  border-radius: inherit;
  opacity: .3;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.8) 52%, color-mix(in srgb, var(--start-list-dot) 18%, transparent) 60%, transparent 74%);
  transform: translateX(-126%) skewX(-12deg);
}

#dashboard .dashboard-start-list::after {
  left: 16px;
  right: 16px;
  bottom: 7px;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, var(--start-list-dot), rgba(255,253,249,.72), transparent);
}

#dashboard .dashboard-start-list > * {
  position: relative;
  z-index: 1;
}

#dashboard .start-list-head {
  display: grid;
  gap: 5px;
  min-width: 0;
}

#dashboard .start-list-head span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid color-mix(in srgb, var(--start-list-dot) 26%, rgba(255,253,249,.64));
  border-radius: 999px;
  color: color-mix(in srgb, var(--start-list-dot) 74%, #50382d);
  background: rgba(255,253,249,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

#dashboard .start-list-head i {
  width: 14px;
  height: 14px;
  stroke-width: 2.45;
}

#dashboard .start-list-head small {
  font-size: 10.5px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .start-list-head strong {
  overflow: hidden;
  color: #50382d;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .start-list-head em {
  overflow: hidden;
  color: rgba(80,56,45,.64);
  font-size: 12px;
  font-style: normal;
  font-weight: 820;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .start-list-progress {
  display: grid;
  gap: 8px;
  justify-items: end;
  min-width: 150px;
}

#dashboard .start-list-progress b {
  display: inline-grid;
  place-items: center;
  min-width: 54px;
  min-height: 30px;
  padding: 7px 12px;
  border: 1px solid color-mix(in srgb, var(--start-list-dot) 34%, rgba(255,253,249,.68));
  border-radius: 999px;
  color: color-mix(in srgb, var(--start-list-dot) 76%, #50382d);
  background: rgba(255,253,249,.7);
  box-shadow:
    0 8px 18px var(--start-list-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

#dashboard .start-list-progress span {
  position: relative;
  display: block;
  width: 150px;
  height: 8px;
  padding: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(92,70,59,.1);
  box-shadow: inset 0 1px 2px rgba(92,70,59,.08);
}

#dashboard .start-list-progress i {
  display: block;
  width: var(--start-progress);
  height: 100%;
  min-width: 5%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7d9d91, var(--start-list-dot), #ffe8a6);
  box-shadow: 0 0 14px color-mix(in srgb, var(--start-list-dot) 30%, transparent);
  transition: width .28s var(--ease-out);
}

#dashboard .start-list-steps {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

#dashboard .start-list-steps button {
  --start-step-dot: #b58a58;
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 44px;
  padding: 8px 9px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 12px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.58)),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--start-step-dot) 12%, transparent), transparent 46%);
  box-shadow:
    0 8px 18px rgba(92,70,59,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
  text-align: left;
  cursor: pointer;
  transition:
    border-color .22s var(--ease-out),
    box-shadow .22s var(--ease-out),
    transform .22s var(--ease-out);
}

#dashboard .start-list-steps button::before {
  content: "";
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  opacity: .34;
  background: linear-gradient(90deg, transparent, var(--start-step-dot), transparent);
}

#dashboard .start-list-steps button:hover,
#dashboard .start-list-steps button:focus-visible {
  border-color: color-mix(in srgb, var(--start-step-dot) 38%, rgba(181,138,88,.18));
  box-shadow:
    0 12px 24px rgba(92,70,59,.07),
    0 0 20px color-mix(in srgb, var(--start-step-dot) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
  transform: translateY(-1px);
}

#dashboard .start-list-steps button.is-done {
  --start-step-dot: #7d9d91;
  border-color: rgba(125,157,145,.24);
}

#dashboard .start-list-steps button.is-next:not(.is-done) {
  --start-step-dot: #d9b98c;
  border-color: rgba(217,185,140,.32);
}

#dashboard .start-list-steps small,
#dashboard .start-list-steps strong,
#dashboard .start-list-steps em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .start-list-steps small {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  color: color-mix(in srgb, var(--start-step-dot) 76%, #50382d);
  background: color-mix(in srgb, var(--start-step-dot) 12%, rgba(255,253,249,.72));
  font-size: 10px;
  font-weight: 950;
}

#dashboard .start-list-steps strong {
  color: #50382d;
  font-size: 13px;
  font-weight: 950;
}

#dashboard .start-list-steps em {
  color: color-mix(in srgb, var(--start-step-dot) 72%, rgba(80,56,45,.62));
  font-size: 10.5px;
  font-style: normal;
  font-weight: 900;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .dashboard-start-list::before {
    animation: dashboardStartListSweep 9s ease-in-out infinite;
  }

  #dashboard .start-list-steps button.is-next:not(.is-done)::before {
    animation: dashboardStartListNextDot 3.6s ease-in-out infinite;
  }

  #dashboard .dashboard-tool-kit::before {
    animation: dashboardToolKitSweep 9.2s ease-in-out infinite;
  }

  #dashboard .tool-kit-dependency::before {
    animation: dashboardToolDependencyRail 5.8s ease-in-out infinite;
  }

  #dashboard .tool-kit-continuity span::after {
    animation: dashboardToolContinuityRail 6.4s ease-in-out infinite;
  }

  #dashboard .tool-kit-item.is-next::before {
    animation: dashboardToolKitNextPulse 3.8s ease-in-out infinite;
  }
}

@keyframes dashboardStartListSweep {
  0%, 46% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .42;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardStartListNextDot {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.54);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@keyframes dashboardToolKitSweep {
  0%, 46% {
    opacity: .1;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .42;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardToolKitNextPulse {
  0%, 100% {
    opacity: .46;
    transform: scale(.88);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--tool-item-dot) 12%, transparent);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
    box-shadow:
      0 0 0 7px color-mix(in srgb, var(--tool-item-dot) 16%, transparent),
      0 0 18px color-mix(in srgb, var(--tool-item-dot) 42%, transparent);
  }
}

@keyframes dashboardToolDependencyRail {
  0%, 100% {
    opacity: .28;
    transform: translateX(-30%) scaleX(.42);
  }
  52% {
    opacity: .82;
    transform: translateX(30%) scaleX(.92);
  }
}

@keyframes dashboardToolContinuityRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.42);
  }
  52% {
    opacity: .72;
    transform: scaleX(1);
  }
}

#dashboard .tool-card {
  border-color: rgba(181,138,88,.2);
  box-shadow:
    0 18px 42px rgba(92,70,59,.075),
    inset 0 1px 0 rgba(255,255,255,.68);
}

#dashboard .tool-card .btn {
  box-shadow:
    0 10px 22px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.68);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .workflow-companion::before {
    animation: workflowCompanionSweep 8.6s ease-in-out infinite;
  }

  #dashboard .workflow-companion::after {
    animation: workflowCompanionRail 5.6s ease-in-out infinite;
  }

  #dashboard .workflow-sparkline span {
    animation: workflowBarBreath 3.8s ease-in-out infinite;
  }

  #dashboard .dashboard-entry-brief::before {
    animation: dashboardEntryBriefSweep 8.8s ease-in-out infinite;
  }

  #dashboard .dashboard-entry-brief::after {
    animation: dashboardEntryBriefRail 5.6s ease-in-out infinite;
  }

  #dashboard .dashboard-entry-brief.is-entry-arrival > i {
    animation: dashboardEntryBriefIconPulse 1.1s var(--ease-out) both;
  }

  #dashboard .dashboard-command-strip::before {
    animation: dashboardCommandStripSweep 9.2s ease-in-out infinite;
  }

  #dashboard .dashboard-command-card::after {
    animation: dashboardCommandCardRail 5.8s ease-in-out infinite;
  }

  #dashboard .dashboard-command-card.is-ready i {
    animation: dashboardCommandIconReady 4.8s ease-in-out infinite;
  }

  #dashboard .dashboard-command-card.is-low i {
    animation: dashboardCommandIconLow 3.6s ease-in-out infinite;
  }

  #dashboard .dashboard-work-relay::before {
    animation: dashboardWorkRelaySweep 9.4s ease-in-out infinite;
  }

  #dashboard .dashboard-work-relay::after {
    animation: dashboardWorkRelayRail 5.7s ease-in-out infinite;
  }

  #dashboard .dashboard-work-relay.is-ready > i {
    animation: dashboardWorkRelayIconReady 4.8s ease-in-out infinite;
  }

  #dashboard .dashboard-morning-brief::before {
    animation: dashboardMorningBriefSweep 9.1s ease-in-out infinite;
  }

  #dashboard .dashboard-morning-brief::after {
    animation: dashboardMorningBriefRail 5.5s ease-in-out infinite;
  }

  #dashboard .dashboard-morning-brief.is-ready > i {
    animation: dashboardMorningIconReady 4.7s ease-in-out infinite;
  }

  #dashboard .dashboard-clinic-brief::before {
    animation: dashboardClinicBriefSweep 8.9s ease-in-out infinite;
  }

  #dashboard .dashboard-clinic-brief::after {
    animation: dashboardClinicBriefRail 5.6s ease-in-out infinite;
  }

  #dashboard .dashboard-clinic-brief > i {
    animation: dashboardClinicIconReady 4.8s ease-in-out infinite;
  }

  #dashboard .dashboard-return-brief::before {
    animation: dashboardReturnBriefSweep 9.6s ease-in-out infinite;
  }

  #dashboard .dashboard-return-brief::after {
    animation: dashboardReturnBriefRail 5.9s ease-in-out infinite;
  }

  #dashboard .dashboard-boss-kit::before {
    animation: dashboardBossKitSweep 9.3s ease-in-out infinite;
  }

  #dashboard .dashboard-boss-kit::after {
    animation: dashboardBossKitRail 5.8s ease-in-out infinite;
  }

  #dashboard .dashboard-boss-kit.is-ready > i {
    animation: dashboardBossKitIconReady 4.8s ease-in-out infinite;
  }

  #dashboard .workflow-sparkline span:nth-child(2) { animation-delay: .24s; }
  #dashboard .workflow-sparkline span:nth-child(3) { animation-delay: .48s; }
  #dashboard .workflow-sparkline span:nth-child(4) { animation-delay: .72s; }
  #dashboard .workflow-sparkline span:nth-child(5) { animation-delay: .96s; }
  #dashboard .workflow-sparkline span:nth-child(6) { animation-delay: 1.2s; }
  #dashboard .workflow-sparkline span:nth-child(7) { animation-delay: 1.44s; }
}

@keyframes workflowCompanionSweep {
  0%, 44% {
    opacity: .16;
    transform: translateX(-128%) skewX(-12deg);
  }
  72%, 100% {
    opacity: .46;
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes workflowCompanionRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.62);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@keyframes workflowBarBreath {
  0%, 100% {
    filter: saturate(1);
    transform: scaleY(.92);
  }
  50% {
    filter: saturate(1.22) brightness(1.05);
    transform: scaleY(1.04);
  }
}

@keyframes dashboardEntryBriefSweep {
  0%, 44% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  72%, 100% {
    opacity: .42;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardEntryBriefRail {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.58);
  }
  50% {
    opacity: .64;
    transform: scaleX(1);
  }
}

@keyframes dashboardEntryBriefIconPulse {
  0% {
    filter: brightness(1);
    transform: scale(1);
  }
  42% {
    filter: brightness(1.14) saturate(1.12);
    transform: scale(1.08);
  }
  100% {
    filter: brightness(1);
    transform: scale(1);
  }
}

@keyframes dashboardCommandStripSweep {
  0%, 46% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .42;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardCommandCardRail {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.58);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@keyframes dashboardCommandIconReady {
  0%, 100% {
    filter: brightness(1);
    box-shadow:
      0 8px 16px var(--command-card-glow),
      inset 0 1px 0 rgba(255,255,255,.78);
  }
  50% {
    filter: brightness(1.08);
    box-shadow:
      0 10px 20px var(--command-card-glow),
      0 0 18px rgba(125,157,145,.18),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
}

@keyframes dashboardCommandIconLow {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.12) saturate(1.08);
  }
}

@keyframes dashboardWorkRelaySweep {
  0%, 46% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .4;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardWorkRelayRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.56);
  }
  50% {
    opacity: .64;
    transform: scaleX(1);
  }
}

@keyframes dashboardWorkRelayIconReady {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.1) saturate(1.08);
  }
}

@keyframes dashboardMorningBriefSweep {
  0%, 46% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .4;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardMorningBriefRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.56);
  }
  50% {
    opacity: .64;
    transform: scaleX(1);
  }
}

@keyframes dashboardMorningIconReady {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.1) saturate(1.08);
  }
}

/* Dashboard business radar dependency pass */
#dashboard .dashboard-business-radar {
  --business-radar-dot: #d9b98c;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 42px minmax(0, .82fr) minmax(250px, 1.18fr);
  align-items: stretch;
  gap: 12px;
  width: 100%;
  min-height: 142px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.22);
  border-radius: 8px;
  color: #2f2823;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.54)),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--business-radar-dot) 18%, transparent), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(47,111,100,.08), transparent 36%);
  box-shadow:
    0 18px 42px rgba(47,111,100,.075),
    inset 0 1px 0 rgba(255,255,255,.72);
  text-align: left;
}

#dashboard .dashboard-business-radar::before,
#dashboard .dashboard-business-radar::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-business-radar::before {
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  opacity: .38;
  background:
    linear-gradient(110deg, transparent 0%, transparent 34%, rgba(255,253,249,.82) 46%, color-mix(in srgb, var(--business-radar-dot) 34%, transparent) 54%, transparent 68%),
    radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--business-radar-dot) 16%, transparent), transparent 28%);
  transform: translateX(-124%) skewX(-12deg);
}

#dashboard .dashboard-business-radar::after {
  left: 14px;
  right: 14px;
  bottom: 10px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .62;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--business-radar-dot) 62%, transparent), rgba(47,111,100,.22), transparent);
}

#dashboard .dashboard-business-radar > * {
  position: relative;
  z-index: 1;
}

#dashboard .dashboard-business-radar > i,
#dashboard .dashboard-business-radar > svg {
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: 8px;
  color: color-mix(in srgb, var(--business-radar-dot) 72%, #2f6f64);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.76));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.68) inset,
    0 10px 24px color-mix(in srgb, var(--business-radar-dot) 18%, transparent);
}

#dashboard .business-radar-copy {
  display: grid;
  align-content: center;
  min-width: 0;
  gap: 6px;
}

#dashboard .business-radar-copy small {
  color: color-mix(in srgb, var(--business-radar-dot) 74%, #50382d);
  font-size: 11px;
  font-weight: 900;
}

#dashboard .business-radar-copy strong {
  color: #241a16;
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.18;
}

#dashboard .business-radar-copy em {
  color: #5d514a;
  font-style: normal;
  font-size: 12.5px;
  line-height: 1.55;
}

#dashboard .business-radar-score {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 112px;
  padding: 12px 10px;
  border: 1px solid color-mix(in srgb, var(--business-radar-dot) 18%, rgba(181,138,88,.12));
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.78), rgba(255,253,249,.46)),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--business-radar-dot) 18%, transparent), transparent 58%);
  text-align: center;
}

#dashboard .business-radar-score small {
  color: #7d7068;
  font-size: 11px;
  font-weight: 900;
}

#dashboard .business-radar-score strong {
  color: color-mix(in srgb, var(--business-radar-dot) 78%, #2f6f64);
  font-size: clamp(32px, 3.2vw, 48px);
  line-height: .95;
  text-shadow: 0 0 20px color-mix(in srgb, var(--business-radar-dot) 28%, transparent);
}

#dashboard .business-radar-score b {
  margin-top: 5px;
  color: #3f2d27;
  font-size: 12px;
  line-height: 1.2;
}

#dashboard .business-radar-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#dashboard .business-radar-grid span {
  display: grid;
  gap: 4px;
  min-height: 56px;
  padding: 9px 8px;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.68), rgba(255,253,249,.4)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.12), transparent 58%);
  text-align: center;
}

#dashboard .business-radar-grid small {
  color: #7d7068;
  font-size: 11px;
  font-weight: 850;
}

#dashboard .business-radar-grid em {
  color: #3f2d27;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
}

#dashboard .business-radar-grid span[data-state="done"] {
  border-color: rgba(47,111,100,.22);
  background:
    linear-gradient(180deg, rgba(228,241,237,.84), rgba(255,253,249,.5)),
    radial-gradient(circle at 50% 0, rgba(47,111,100,.14), transparent 58%);
}

#dashboard .business-radar-grid span[data-state="ready"] {
  border-color: rgba(217,185,140,.28);
}

#dashboard .business-radar-grid span[data-state="running"] {
  border-color: rgba(181,138,88,.28);
}

#dashboard .business-radar-grid span[data-state="low"] {
  border-color: rgba(196,119,109,.28);
  background:
    linear-gradient(180deg, rgba(255,243,239,.82), rgba(255,253,249,.48)),
    radial-gradient(circle at 50% 0, rgba(196,119,109,.16), transparent 58%);
}

#dashboard .dashboard-business-radar > b {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 2;
  min-width: 86px;
  padding: 8px 10px;
  border-radius: 8px;
  color: color-mix(in srgb, var(--business-radar-dot) 78%, #50382d);
  background:
    linear-gradient(145deg, rgba(228,241,237,.86), rgba(255,253,249,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

#dashboard .dashboard-business-radar[data-tone="ready"] {
  --business-radar-dot: #7d9d91;
  border-color: rgba(47,111,100,.28);
}

#dashboard .dashboard-business-radar[data-tone="low"] {
  --business-radar-dot: #c4776d;
  border-color: rgba(196,119,109,.3);
}

#dashboard .dashboard-business-radar[data-tone="waiting"] {
  --business-radar-dot: #d9b98c;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .dashboard-business-radar::before {
    animation: dashboardBusinessRadarSweep 8.2s ease-in-out infinite;
  }

  #dashboard .business-radar-score strong {
    animation: dashboardBusinessRadarScorePulse 4.4s ease-in-out infinite;
  }
}

@keyframes dashboardBusinessRadarSweep {
  0%, 48% {
    transform: translateX(-124%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(124%) skewX(-12deg);
  }
}

@keyframes dashboardBusinessRadarScorePulse {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.12) saturate(1.08);
  }
}

@media (max-width: 920px) {
  #dashboard .dashboard-business-radar {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  #dashboard .business-radar-score {
    grid-column: 1 / -1;
    min-height: 86px;
  }
}

@container (max-width: 560px) {
  #dashboard .dashboard-business-radar {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 0;
    padding: 14px;
  }

  #dashboard .business-radar-copy {
    padding-right: 92px;
  }

  #dashboard .business-radar-score {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, auto));
    align-items: center;
    justify-content: center;
    min-height: 72px;
    gap: 8px 12px;
  }

  #dashboard .business-radar-score strong {
    font-size: clamp(28px, 7vw, 38px);
  }

  #dashboard .business-radar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  #dashboard .business-radar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #dashboard .dashboard-business-radar > b {
    position: relative;
    inset: auto;
    grid-column: 1 / -1;
    justify-self: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .dashboard-business-radar::before,
  #dashboard .dashboard-business-radar::after,
  #dashboard .business-radar-score strong {
    animation: none !important;
  }
}

/* Dashboard daily recap dependency pass */
#dashboard .dashboard-daily-recap {
  --dashboard-daily-dot: #d9b98c;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(260px, 1.08fr);
  align-items: stretch;
  gap: 12px;
  width: 100%;
  min-height: 158px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.2);
  border-radius: 8px;
  color: #2f2823;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.58)),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--dashboard-daily-dot) 18%, transparent), transparent 42%);
  box-shadow:
    0 18px 42px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
  text-align: left;
}

#dashboard .dashboard-daily-recap::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .38;
  background:
    linear-gradient(110deg, transparent 0%, transparent 34%, rgba(255,253,249,.82) 46%, color-mix(in srgb, var(--dashboard-daily-dot) 34%, transparent) 54%, transparent 68%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--dashboard-daily-dot) 18%, transparent), transparent 28%);
  transform: translateX(-124%) skewX(-12deg);
}

#dashboard .dashboard-daily-recap > * {
  position: relative;
  z-index: 1;
}

#dashboard .dashboard-daily-recap > i,
#dashboard .dashboard-daily-recap > svg {
  position: absolute;
  left: 14px;
  top: 15px;
  width: 26px;
  height: 26px;
  padding: 5px;
  border-radius: 8px;
  color: color-mix(in srgb, var(--dashboard-daily-dot) 72%, #2f6f64);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.76));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.68) inset,
    0 10px 24px color-mix(in srgb, var(--dashboard-daily-dot) 18%, transparent);
}

#dashboard .daily-recap-copy {
  display: grid;
  align-content: center;
  min-width: 0;
  padding-left: 40px;
  gap: 6px;
}

#dashboard .daily-recap-copy small {
  color: color-mix(in srgb, var(--dashboard-daily-dot) 74%, #50382d);
  font-size: 11px;
  font-weight: 900;
}

#dashboard .daily-recap-copy strong {
  color: #241a16;
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.18;
}

#dashboard .daily-recap-copy em {
  color: #5d514a;
  font-style: normal;
  font-size: 12.5px;
  line-height: 1.55;
}

#dashboard .daily-recap-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

#dashboard .daily-recap-metrics b {
  display: grid;
  align-content: center;
  min-height: 76px;
  padding: 10px 8px;
  border: 1px solid color-mix(in srgb, var(--dashboard-daily-dot) 18%, rgba(181,138,88,.12));
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.72), rgba(255,253,249,.42)),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--dashboard-daily-dot) 16%, transparent), transparent 56%);
  text-align: center;
}

#dashboard .daily-recap-metrics small {
  color: #7d7068;
  font-size: 11px;
  font-weight: 800;
}

#dashboard .daily-recap-metrics strong {
  color: color-mix(in srgb, var(--dashboard-daily-dot) 74%, #50382d);
  font-size: clamp(24px, 2.35vw, 34px);
  line-height: 1;
  text-shadow: 0 0 18px color-mix(in srgb, var(--dashboard-daily-dot) 24%, transparent);
}

#dashboard .daily-recap-report {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--dashboard-daily-dot) 18%, rgba(181,138,88,.12));
  border-radius: 8px;
  background: rgba(255,253,249,.58);
}

#dashboard .daily-recap-report p {
  margin: 0;
  color: #3f2d27;
  font-size: 12.5px;
  line-height: 1.58;
}

#dashboard .daily-recap-report b {
  min-width: 104px;
  padding: 8px 11px;
  border-radius: 8px;
  color: color-mix(in srgb, var(--dashboard-daily-dot) 78%, #50382d);
  background:
    linear-gradient(145deg, rgba(228,241,237,.88), rgba(255,253,249,.74));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

#dashboard .dashboard-daily-recap[data-tone="ready"] {
  --dashboard-daily-dot: #7d9d91;
  border-color: rgba(47,111,100,.28);
}

#dashboard .dashboard-daily-recap[data-tone="running"] {
  --dashboard-daily-dot: #d9b98c;
}

#dashboard .dashboard-daily-recap[data-tone="empty"] {
  --dashboard-daily-dot: #bf8277;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .dashboard-daily-recap::before {
    animation: dashboardDailyRecapSweep 8.4s ease-in-out infinite;
  }
}

@keyframes dashboardDailyRecapSweep {
  0%, 48% {
    transform: translateX(-124%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(124%) skewX(-12deg);
  }
}

@media (max-width: 920px) {
  #dashboard .dashboard-daily-recap {
    grid-template-columns: 1fr;
  }

  #dashboard .daily-recap-report {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  #dashboard .daily-recap-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #dashboard .daily-recap-metrics b {
    min-height: 66px;
    padding: 8px 6px;
  }

  #dashboard .daily-recap-metrics strong {
    font-size: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .dashboard-daily-recap::before {
    animation: none !important;
  }
}

/* Dashboard daily recap narrow column lock */
#dashboard .workflow-panel {
  container-type: inline-size;
}

#dashboard .daily-recap-metrics b {
  min-height: 66px;
  max-height: 78px;
}

#dashboard .daily-recap-copy {
  padding-left: 38px;
}

@container (max-width: 560px) {
  #dashboard .dashboard-daily-recap {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  #dashboard .daily-recap-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #dashboard .daily-recap-report {
    grid-template-columns: 1fr;
  }
}

@keyframes dashboardClinicBriefSweep {
  0%, 46% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .42;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardClinicBriefRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.56);
  }
  50% {
    opacity: .66;
    transform: scaleX(1);
  }
}

@keyframes dashboardClinicIconReady {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.1) saturate(1.08);
  }
}

@keyframes dashboardReturnBriefSweep {
  0%, 46% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .4;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardReturnBriefRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.58);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@keyframes dashboardBossKitSweep {
  0%, 46% {
    opacity: .12;
    transform: translateX(-126%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .42;
    transform: translateX(126%) skewX(-12deg);
  }
}

@keyframes dashboardBossKitRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.56);
  }
  50% {
    opacity: .66;
    transform: scaleX(1);
  }
}

@keyframes dashboardBossKitIconReady {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.1) saturate(1.08);
  }
}

@media (max-width: 920px) {
  #dashboard .dashboard-entry-brief {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #dashboard .entry-brief-memory {
    grid-column: 2;
    width: min(100%, 320px);
  }

  #dashboard .entry-brief-continuity {
    grid-column: 2 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(100%, 520px);
    min-width: 0;
  }

  #dashboard .dashboard-entry-brief b {
    grid-column: 2;
    justify-self: start;
  }

  #dashboard .dashboard-command-strip {
    grid-template-columns: 1fr;
  }

  #dashboard .dashboard-tool-kit {
    grid-template-columns: 1fr;
  }

  #dashboard .tool-kit-dependency {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #dashboard .tool-kit-dependency b,
  #dashboard .tool-kit-dependency button {
    grid-column: 2;
    justify-self: start;
  }

  #dashboard .tool-kit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #dashboard .dashboard-start-list {
    grid-template-columns: 1fr;
  }

  #dashboard .start-list-progress {
    justify-items: start;
    min-width: 0;
    width: min(100%, 320px);
  }

  #dashboard .start-list-progress span {
    width: 100%;
  }

  #dashboard .start-list-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #dashboard .dashboard-command-card {
    min-height: 68px;
  }

  #dashboard .dashboard-work-relay {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #dashboard .dashboard-morning-brief {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #dashboard .dashboard-clinic-brief {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #dashboard .relay-metrics {
    grid-column: 2;
    width: min(100%, 320px);
  }

  #dashboard .morning-brief-metrics {
    grid-column: 2;
    width: min(100%, 320px);
  }

  #dashboard .clinic-brief-tags {
    grid-column: 2;
    width: min(100%, 420px);
  }

  #dashboard .dashboard-return-brief {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #dashboard .dashboard-return-brief b {
    grid-column: 2;
    justify-self: start;
  }

  #dashboard .dashboard-boss-kit {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #dashboard .boss-kit-metrics {
    grid-column: 2;
    width: min(100%, 360px);
  }
}

@media (max-width: 720px) {
  #dashboard .dashboard-entry-brief {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 68px;
    margin: 10px 0 12px;
    padding: 10px;
  }

  #dashboard .dashboard-entry-brief > i {
    width: 32px;
    height: 32px;
    padding: 7px;
    border-radius: 11px;
  }

  #dashboard .entry-brief-copy em {
    white-space: normal;
  }

  #dashboard .entry-brief-memory {
    grid-template-columns: 1fr;
  }

  #dashboard .entry-brief-continuity span {
    min-height: 48px;
  }

  #dashboard .dashboard-start-list {
    gap: 10px;
    padding: 11px;
  }

  #dashboard .start-list-head strong {
    font-size: 15px;
  }

  #dashboard .start-list-head em {
    white-space: normal;
  }

  #dashboard .dashboard-command-strip {
    gap: 7px;
    padding: 8px;
  }

  #dashboard .dashboard-command-card {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 64px;
    padding: 9px;
  }

  #dashboard .dashboard-command-card i {
    width: 32px;
    height: 32px;
    border-radius: 11px;
  }

  #dashboard .dashboard-work-relay {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 74px;
    padding: 10px;
  }

  #dashboard .dashboard-morning-brief {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 74px;
    padding: 10px;
  }

  #dashboard .dashboard-clinic-brief {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 74px;
    padding: 10px;
  }

  #dashboard .dashboard-work-relay > i {
    width: 32px;
    height: 32px;
    padding: 7px;
    border-radius: 11px;
  }

  #dashboard .dashboard-morning-brief > i {
    width: 32px;
    height: 32px;
    padding: 7px;
    border-radius: 11px;
  }

  #dashboard .dashboard-clinic-brief > i {
    width: 32px;
    height: 32px;
    padding: 7px;
    border-radius: 11px;
  }

  #dashboard .relay-copy strong {
    font-size: 14.5px;
  }

  #dashboard .morning-brief-copy strong {
    font-size: 14.5px;
  }

  #dashboard .clinic-brief-copy strong {
    font-size: 14.5px;
  }

  #dashboard .relay-copy em {
    white-space: normal;
  }

  #dashboard .morning-brief-copy em {
    white-space: normal;
  }

  #dashboard .clinic-brief-copy em {
    white-space: normal;
  }

  #dashboard .relay-metrics {
    gap: 6px;
  }

  #dashboard .morning-brief-metrics {
    gap: 6px;
  }

  #dashboard .clinic-brief-tags {
    gap: 6px;
  }

  #dashboard .tool-kit-continuity {
    grid-template-columns: 1fr;
  }

  #dashboard .tool-kit-continuity strong {
    white-space: normal;
  }

  #dashboard .relay-metrics b {
    min-height: 46px;
    padding: 7px 5px;
    border-radius: 11px;
  }

  #dashboard .morning-brief-metrics b {
    min-height: 46px;
    padding: 7px 5px;
    border-radius: 11px;
  }

  #dashboard .clinic-brief-tags b {
    min-height: 40px;
    padding: 7px 5px;
    border-radius: 11px;
    white-space: normal;
  }

  #dashboard .dashboard-return-brief {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 64px;
    padding: 9px;
  }

  #dashboard .dashboard-return-brief > i {
    width: 32px;
    height: 32px;
    padding: 7px;
    border-radius: 11px;
  }

  #dashboard .dashboard-boss-kit {
    grid-template-columns: 32px minmax(0, 1fr);
    min-height: 76px;
    padding: 10px;
  }

  #dashboard .dashboard-boss-kit > i {
    width: 32px;
    height: 32px;
    padding: 7px;
    border-radius: 11px;
  }

  #dashboard .boss-kit-copy strong {
    font-size: 14.5px;
  }

  #dashboard .boss-kit-copy em {
    white-space: normal;
  }

  #dashboard .boss-kit-metrics {
    gap: 6px;
  }

  #dashboard .boss-kit-metrics b {
    min-height: 44px;
    padding: 7px 5px;
    border-radius: 11px;
  }
}

@media (max-width: 560px) {
  #dashboard .start-list-steps {
    grid-template-columns: 1fr;
  }

  #dashboard .tool-kit-grid {
    grid-template-columns: 1fr;
  }

  #dashboard .clinic-brief-tags {
    grid-template-columns: 1fr;
  }

  #dashboard .boss-kit-metrics {
    grid-template-columns: 1fr;
  }

  #dashboard .entry-brief-continuity {
    grid-template-columns: 1fr;
  }

  #dashboard .start-list-steps button {
    min-height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .workflow-companion::before,
  #dashboard .workflow-companion::after,
  #dashboard .workflow-sparkline span,
  #dashboard .dashboard-entry-brief::before,
  #dashboard .dashboard-entry-brief::after,
  #dashboard .dashboard-entry-brief.is-entry-arrival > i,
  #dashboard .dashboard-entry-brief.is-entry-arrival .entry-brief-continuity span,
  #dashboard .dashboard-start-list::before,
  #dashboard .start-list-steps button.is-next:not(.is-done)::before,
  #dashboard .dashboard-tool-kit::before,
  #dashboard .tool-kit-dependency::before,
  #dashboard .tool-kit-item.is-next::before,
  #dashboard .tool-kit-continuity span::after,
  #dashboard .dashboard-command-strip::before,
  #dashboard .dashboard-command-card::after,
  #dashboard .dashboard-command-card i,
  #dashboard .dashboard-work-relay::before,
  #dashboard .dashboard-work-relay::after,
  #dashboard .dashboard-work-relay > i,
  #dashboard .dashboard-morning-brief::before,
  #dashboard .dashboard-morning-brief::after,
  #dashboard .dashboard-morning-brief > i,
  #dashboard .dashboard-clinic-brief::before,
  #dashboard .dashboard-clinic-brief::after,
  #dashboard .dashboard-clinic-brief > i,
  #dashboard .dashboard-return-brief::before,
  #dashboard .dashboard-return-brief::after,
  #dashboard .dashboard-boss-kit::before,
  #dashboard .dashboard-boss-kit::after,
  #dashboard .dashboard-boss-kit > i {
    animation: none !important;
  }
}

/* Profile ledger energy atelier pass */
.profile-ledger {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.62)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.16), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 38%);
  box-shadow:
    0 20px 48px rgba(92,70,59,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.profile-ledger::before,
.profile-ledger::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

.profile-ledger::before {
  inset: 1px;
  z-index: 0;
  opacity: .28;
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,253,249,.78) 48%, rgba(255,232,166,.28) 56%, transparent 70%, transparent 100%);
  transform: translateX(-128%) skewX(-12deg);
}

.profile-ledger::after {
  left: 18px;
  right: 18px;
  top: 62px;
  z-index: 1;
  height: 1px;
  opacity: .44;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.28), transparent);
  box-shadow: 0 0 18px rgba(217,185,140,.13);
}

.profile-ledger > * {
  position: relative;
  z-index: 2;
}

.profile-ledger .profile-panel-head .pill {
  position: relative;
  overflow: hidden;
  border-color: rgba(181,138,88,.22);
  color: #7a5143;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.68)),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.16), transparent 34%);
}

.profile-stats .stat {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.6)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.16), transparent 36%);
  box-shadow:
    0 14px 32px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.profile-stats .stat::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.68), rgba(125,157,145,.32), transparent);
}

.profile-stats .stat:nth-child(1) strong {
  color: #9f5b2c;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 16px rgba(217,185,140,.28);
}

.profile-stats .stat:nth-child(2) strong {
  color: #8f5b55;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 15px rgba(191,130,119,.2);
}

.profile-stats .stat span {
  color: rgba(80,56,45,.66);
  font-weight: 900;
}

.profile-progress {
  border-color: rgba(125,157,145,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(228,241,237,.52)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.14), transparent 34%);
  box-shadow:
    0 14px 30px rgba(47,111,100,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.profile-progress > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.profile-progress > div:first-child span {
  color: rgba(80,56,45,.68);
  font-weight: 900;
}

.profile-progress #profileUsageRate {
  color: #2f6f64;
  text-shadow:
    0 1px 0 rgba(255,255,255,.74),
    0 0 14px rgba(125,157,145,.24);
}

.profile-progress .progress {
  background:
    linear-gradient(180deg, rgba(255,253,249,.72), rgba(255,247,235,.46));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 10px 22px rgba(47,111,100,.045);
}

.profile-progress .progress span {
  background:
    linear-gradient(90deg, #7d9d91, #d9b98c 58%, #bf8277);
}

.profile-history::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 10px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  opacity: .38;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.72), rgba(125,157,145,.38), transparent);
  transform-origin: center;
}

.history-table thead th {
  border-bottom-color: rgba(181,138,88,.18);
  text-transform: none;
}

.history-status-pill {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 8px 18px rgba(92,70,59,.055);
}

/* Recent and history asset ledger pass */
.recent-item[data-recent-type] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px 12px;
  overflow: hidden;
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.14), transparent 34%);
}

.recent-item[data-recent-type] > div,
.recent-item[data-recent-type] p,
.recent-item[data-recent-type] .mini-btn {
  position: relative;
  z-index: 1;
}

.recent-item[data-recent-type] > div {
  min-width: 0;
}

.recent-asset-badge {
  position: relative;
  z-index: 1;
  justify-self: end;
  max-width: 150px;
  padding: 5px 8px;
  border: 1px solid rgba(47,111,100,.18);
  border-radius: 999px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.72));
  box-shadow:
    0 8px 18px rgba(47,111,100,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recent-next-step {
  position: relative;
  z-index: 1;
  grid-column: 1 / -1;
  display: inline-flex;
  align-items: center;
  justify-self: start;
  max-width: 100%;
  padding: 6px 9px 6px 22px;
  overflow: hidden;
  border: 1px solid rgba(47,111,100,.14);
  border-radius: 999px;
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(228,241,237,.74), rgba(255,253,249,.74)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.14), transparent 40%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recent-next-step::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--recent-dot, #7d9d91);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--recent-dot, #7d9d91) 12%, transparent),
    0 0 12px color-mix(in srgb, var(--recent-dot, #7d9d91) 34%, transparent);
  transform: translateY(-50%);
}

.recent-item[data-recent-type] p {
  grid-column: 1 / -1;
  margin-bottom: 4px;
}

.recent-item[data-recent-type] .copy-recent {
  grid-column: 1 / -1;
  justify-self: start;
}

.recent-list .recent-item:first-child:not(.recent-empty-state) {
  border-color: rgba(47,111,100,.24);
  box-shadow:
    0 16px 34px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.recent-list .recent-item:first-child:not(.recent-empty-state)::before {
  content: "最新资产";
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 0;
  color: rgba(47,111,100,.16);
  font-size: 22px;
  font-weight: 950;
  letter-spacing: 0;
  pointer-events: none;
}

.recent-list .recent-item:first-child:not(.recent-empty-state)::after {
  background:
    linear-gradient(112deg, transparent 0%, transparent 36%, rgba(255,255,255,.72) 48%, rgba(217,185,140,.22) 58%, transparent 72%);
}

.history-table tbody tr[data-history-status="is-done"] td {
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(241,248,245,.42));
}

.history-table tbody tr[data-history-status="is-credit"] td {
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,221,.44));
}

.history-table tbody tr[data-history-status="is-error"] td {
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(252,236,233,.5));
}

@media (prefers-reduced-motion: no-preference) {
  .recent-list .recent-item:first-child:not(.recent-empty-state)::after {
    animation: recentAssetLedgerSweep 8.6s ease-in-out infinite;
  }
}

@keyframes recentAssetLedgerSweep {
  0%, 42% {
    opacity: 0;
    transform: translateX(-126%) skewX(-12deg);
  }
  68% {
    opacity: .42;
  }
  100% {
    opacity: 0;
    transform: translateX(126%) skewX(-12deg);
  }
}

@media (max-width: 720px) {
  .recent-item[data-recent-type] {
    grid-template-columns: 1fr;
  }

  .recent-asset-badge {
    justify-self: start;
    max-width: 100%;
  }

  .recent-next-step {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .profile-ledger::before {
    animation: profileLedgerSweep 8.8s ease-in-out infinite;
  }

  .profile-ledger::after,
  .profile-history::before {
    animation: profileLedgerRail 6.4s ease-in-out infinite;
  }

  .profile-stats .stat::after {
    animation: profileStatUnderlight 5.6s ease-in-out infinite;
  }

}

@keyframes profileLedgerSweep {
  0%, 44% {
    opacity: .14;
    transform: translateX(-128%) skewX(-12deg);
  }
  72%, 100% {
    opacity: .42;
    transform: translateX(128%) skewX(-12deg);
  }
}

@keyframes profileLedgerRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.64);
  }
  50% {
    opacity: .58;
    transform: scaleX(1);
  }
}

@keyframes profileStatUnderlight {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.62);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-ledger::before,
  .profile-ledger::after,
  .profile-history::before,
  .profile-stats .stat::after {
    animation: none !important;
  }
}

/* History asset ledger couture pass */
.profile-history {
  --history-ledger-dot: #d9b98c;
  box-shadow:
    0 18px 38px rgba(92,70,59,.07),
    inset 0 1px 0 rgba(255,255,255,.74);
}

.history-table tbody tr:not(.history-empty-row) {
  --history-ledger-dot: #d9b98c;
}

.history-table tbody tr[data-history-status="is-done"] {
  --history-ledger-dot: #7d9d91;
}

.history-table tbody tr[data-history-status="is-credit"] {
  --history-ledger-dot: #d9b98c;
}

.history-table tbody tr[data-history-status="is-running"] {
  --history-ledger-dot: #bf8277;
}

.history-table tbody tr[data-history-status="is-error"] {
  --history-ledger-dot: #8f5b55;
}

.history-table tbody tr:not(.history-empty-row) td:first-child {
  position: relative;
}

.history-table tbody tr:not(.history-empty-row) td:first-child::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  border-radius: 999px;
  opacity: .34;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, var(--history-ledger-dot, #d9b98c), transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--history-ledger-dot, #d9b98c) 36%, transparent);
}

.history-status-pill {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-left: 22px;
}

.history-status-pill::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  pointer-events: none;
  background: var(--history-ledger-dot, #d9b98c);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--history-ledger-dot, #d9b98c) 16%, transparent),
    0 0 14px color-mix(in srgb, var(--history-ledger-dot, #d9b98c) 36%, transparent);
  transform: translateY(-50%);
}

.history-empty-row td::before {
  content: "HISTORY LEDGER";
  position: absolute;
  right: 18px;
  bottom: 14px;
  z-index: 0;
  color: rgba(181,138,88,.13);
  font-size: clamp(18px, 2.4vw, 28px);
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  pointer-events: none;
}

.history-empty-row td > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .history-table tbody tr:not(.history-empty-row):hover td:first-child::after {
    animation: historyLedgerRowRail 2.8s ease-in-out infinite;
  }

  .history-empty-row td::before {
    animation: historyLedgerEmptySignal 8.6s ease-in-out infinite;
  }
}

@keyframes historyLedgerRowRail {
  0%, 100% {
    opacity: .28;
    transform: scaleY(.72);
  }
  50% {
    opacity: .72;
    transform: scaleY(1);
  }
}

@keyframes historyLedgerEmptySignal {
  0%, 100% {
    opacity: .46;
    transform: translateY(0);
  }
  50% {
    opacity: .86;
    transform: translateY(-2px);
  }
}

@media (max-width: 720px) {
  .history-empty-row td::before {
    right: 12px;
    bottom: 12px;
    font-size: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .history-table tbody tr:not(.history-empty-row):hover td:first-child::after,
  .history-empty-row td::before {
    animation: none !important;
  }
}

/* Recent asset vault polish pass */
.recent-empty-state {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(181,138,88,.2);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.66)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.18), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 34%);
  box-shadow:
    0 16px 34px rgba(92,70,59,.06),
    inset 0 1px 0 rgba(255,255,255,.74);
}

.recent-empty-state::before {
  content: "ASSET VAULT";
  position: absolute;
  right: 12px;
  bottom: 8px;
  z-index: 0;
  color: rgba(47,111,100,.1);
  font-size: 22px;
  font-weight: 950;
  letter-spacing: 0;
  pointer-events: none;
}

.recent-empty-state::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 12px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  opacity: .42;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.34), transparent);
  transform-origin: center;
}

.recent-empty-state > * {
  position: relative;
  z-index: 1;
}

.recent-item[data-recent-type] {
  --recent-dot: #7d9d91;
  --recent-rail: rgba(125,157,145,.26);
}

.recent-item[data-recent-type="私域内容"] {
  --recent-dot: #7d9d91;
  --recent-rail: rgba(125,157,145,.28);
}

.recent-item[data-recent-type="运营内容"] {
  --recent-dot: #d9b98c;
  --recent-rail: rgba(217,185,140,.34);
}

.recent-item[data-recent-type="话术资产"] {
  --recent-dot: #bf8277;
  --recent-rail: rgba(191,130,119,.28);
}

.recent-item[data-recent-type="咨询资产"] {
  --recent-dot: #2f6f64;
  --recent-rail: rgba(47,111,100,.24);
}

.recent-asset-badge {
  padding-left: 20px;
}

.recent-asset-badge::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  pointer-events: none;
  background: var(--recent-dot, #7d9d91);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--recent-dot, #7d9d91) 14%, transparent),
    0 0 12px color-mix(in srgb, var(--recent-dot, #7d9d91) 42%, transparent);
  transform: translateY(-50%);
}

.recent-item[data-recent-type] .copy-recent {
  position: relative;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--recent-dot, #7d9d91) 24%, rgba(181,138,88,.18));
}

.recent-item[data-recent-type] .copy-recent::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .48;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--recent-rail, rgba(125,157,145,.26)), rgba(217,185,140,.34), transparent);
  transform-origin: center;
  animation: recentCopyReadyRail 5.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: no-preference) {
  .recent-empty-state::after {
    animation: recentVaultIdleRail 6.2s ease-in-out infinite;
  }
}

@keyframes recentVaultIdleRail {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.54);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@keyframes recentCopyReadyRail {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.42);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .recent-empty-state::after,
  .recent-item[data-recent-type] .copy-recent::after {
    animation: none !important;
  }
}

.history-reuse-route-map,
.history-reuse-route,
.recent-next-step {
  text-wrap: balance;
}

@media (max-width: 720px) {
  .history-reuse-route {
    display: flex;
    flex-wrap: wrap;
    border-radius: 12px;
    white-space: normal;
  }

  .history-reuse-route em {
    white-space: normal;
  }
}

/* History pager ledger rail pass */
.history-pager {
  position: relative;
  isolation: isolate;
  padding: 10px;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.48)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.1), transparent 34%);
  box-shadow:
    0 12px 26px rgba(92,70,59,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
  overflow: hidden;
}

.history-pager::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 7px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.58), rgba(125,157,145,.34), transparent);
}

.history-pager > * {
  position: relative;
  z-index: 1;
}

.history-pager #historyPageInfo {
  min-width: 72px;
  border-color: rgba(125,157,145,.2);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.62));
  box-shadow:
    0 8px 18px rgba(47,111,100,.055),
    inset 0 1px 0 rgba(255,255,255,.74);
  text-shadow: 0 0 14px rgba(125,157,145,.22);
}

.history-pager .mini-btn {
  position: relative;
  overflow: hidden;
}

.history-pager .mini-btn:not(:disabled)::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 6px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .28;
  background: linear-gradient(90deg, transparent, rgba(255,247,221,.82), transparent);
}

.history-pager .mini-btn:disabled {
  background: rgba(255,253,249,.42);
}

@media (prefers-reduced-motion: no-preference) {
  .history-pager::after {
    animation: historyPagerRail 6.8s ease-in-out infinite;
  }

  .history-pager .mini-btn:not(:disabled)::after {
    animation: historyPagerButtonGlint 5.6s ease-in-out infinite;
  }
}

@keyframes historyPagerRail {
  0%, 100% {
    opacity: .16;
    transform: scaleX(.62);
  }
  50% {
    opacity: .48;
    transform: scaleX(1);
  }
}

@keyframes historyPagerButtonGlint {
  0%, 100% {
    opacity: .12;
    transform: scaleX(.5);
  }
  50% {
    opacity: .42;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .history-pager::after,
  .history-pager .mini-btn:not(:disabled)::after {
    animation: none !important;
  }
}

/* Output delivery readiness atelier pass */
.consult-result-panel.has-copyable-output,
#copywriting .copy-result-panel.has-copyable-output {
  border-color: rgba(47,111,100,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.58)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.14), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(217,185,140,.12), transparent 36%);
  box-shadow:
    0 22px 52px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.consult-result-panel.has-copyable-output::after,
#copywriting .copy-result-panel.has-copyable-output::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 58px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .42;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.58), rgba(217,185,140,.44), transparent);
  box-shadow: 0 0 18px rgba(125,157,145,.14);
}

.consult-result-panel.has-copyable-output > *,
#copywriting .copy-result-panel.has-copyable-output > * {
  position: relative;
  z-index: 1;
}

.consult-result-panel.has-copyable-output .copy-result-head h3,
#copywriting .copy-result-panel.has-copyable-output .copy-result-head h3 {
  color: #2f6f64;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 14px rgba(125,157,145,.18);
}

.consult-result-panel.has-copyable-output .copy-result-head h3::after,
#copywriting .copy-result-panel.has-copyable-output .copy-result-head h3::after {
  content: "可交付";
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-left: 8px;
  padding: 4px 9px;
  border: 1px solid rgba(47,111,100,.2);
  border-radius: 999px;
  color: #2f6f64;
  background: rgba(228,241,237,.86);
  font-size: 12px;
  font-weight: 950;
  vertical-align: middle;
}

.consult-result-panel.has-copyable-output .consult-safety-strip span,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span {
  border-color: rgba(47,111,100,.22);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.72)),
    radial-gradient(circle at 50% 0, rgba(125,157,145,.14), transparent 36%);
}

.consult-result-panel.has-copyable-output .consult-safety-strip span::before,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::before {
  background: linear-gradient(135deg, #2f6f64, #d9b98c);
  box-shadow:
    0 0 0 4px rgba(47,111,100,.09),
    0 0 14px rgba(125,157,145,.28);
}

.consult-result-panel.has-copyable-output .consult-safety-strip span::after,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::after {
  opacity: .54;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.62), rgba(217,185,140,.38), transparent);
}

.consult-result-panel.has-copyable-output .copy-result-head .btn.is-copy-ready,
#copywriting .copy-result-panel.has-copyable-output .copy-result-head .btn.is-copy-ready {
  border-color: rgba(47,111,100,.32);
  color: #fffaf4;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.3), transparent 34%),
    linear-gradient(135deg, #55776d, #7d9d91 58%, #c69c67);
  box-shadow:
    0 16px 34px rgba(47,111,100,.14),
    inset 0 1px 0 rgba(255,255,255,.24);
}

@media (prefers-reduced-motion: no-preference) {
  .consult-result-panel.has-copyable-output::after,
  #copywriting .copy-result-panel.has-copyable-output::after {
    animation: outputPanelDeliveryRail 5.8s ease-in-out infinite;
  }

  .consult-result-panel.has-copyable-output .consult-safety-strip span::after,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::after {
    animation: outputSafetyReadyUnderlight 4.8s ease-in-out infinite;
  }

  .consult-result-panel.has-copyable-output .consult-safety-strip span:nth-child(2)::after,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span:nth-child(2)::after {
    animation-delay: .45s;
  }

  .consult-result-panel.has-copyable-output .consult-safety-strip span:nth-child(3)::after,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span:nth-child(3)::after {
    animation-delay: .9s;
  }
}

@keyframes outputPanelDeliveryRail {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.62);
  }
  50% {
    opacity: .64;
    transform: scaleX(1);
  }
}

@keyframes outputSafetyReadyUnderlight {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.68);
  }
  50% {
    opacity: .72;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .consult-result-panel.has-copyable-output::after,
  #copywriting .copy-result-panel.has-copyable-output::after,
  .consult-result-panel.has-copyable-output .consult-safety-strip span::after,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::after {
    animation: none !important;
  }
}

/* Output delivery checklist signal pass */
.consult-result-panel.has-copyable-output .consult-safety-strip,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 6px;
  border: 1px solid rgba(125,157,145,.16);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.7), rgba(228,241,237,.38)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.1), transparent 32%);
}

.consult-result-panel.has-copyable-output .consult-safety-strip span,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span {
  min-height: 40px;
  padding-left: 24px;
  box-shadow:
    0 8px 18px rgba(47,111,100,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.consult-result-panel.has-copyable-output .consult-safety-strip span::before,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::before {
  width: 8px;
  height: 8px;
  left: 10px;
  background: linear-gradient(135deg, #2f6f64, #d9b98c);
  box-shadow:
    0 0 0 4px rgba(47,111,100,.1),
    0 0 16px rgba(217,185,140,.3);
}

.consult-result-panel.has-copyable-output .consult-safety-strip span::after,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::after {
  left: 18px;
  right: 12px;
  bottom: 7px;
  height: 2px;
  opacity: .64;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.72), rgba(217,185,140,.48), transparent);
  box-shadow: 0 0 14px rgba(125,157,145,.16);
}

.consult-result-panel.has-copyable-output .consult-safety-strip span:nth-child(2)::before,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span:nth-child(2)::before {
  animation-delay: .22s;
}

.consult-result-panel.has-copyable-output .consult-safety-strip span:nth-child(3)::before,
#copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span:nth-child(3)::before {
  animation-delay: .44s;
}

@media (prefers-reduced-motion: no-preference) {
  .consult-result-panel.has-copyable-output .consult-safety-strip span::before,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::before {
    animation: outputChecklistDot 3.4s ease-in-out infinite;
  }

  .consult-result-panel.has-copyable-output .consult-safety-strip span::after,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::after {
    animation: outputChecklistRail 4.8s ease-in-out infinite;
  }

  .consult-result-panel.has-copyable-output .consult-safety-strip span:nth-child(2)::after,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span:nth-child(2)::after {
    animation-delay: .3s;
  }

  .consult-result-panel.has-copyable-output .consult-safety-strip span:nth-child(3)::after,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span:nth-child(3)::after {
    animation-delay: .6s;
  }
}

@keyframes outputChecklistDot {
  0%, 100% {
    opacity: .72;
    transform: translateY(-50%) scale(.88);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.14);
  }
}

@keyframes outputChecklistRail {
  0%, 100% {
    opacity: .26;
    transform: scaleX(.58);
  }
  50% {
    opacity: .76;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .consult-result-panel.has-copyable-output .consult-safety-strip span::before,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::before,
  .consult-result-panel.has-copyable-output .consult-safety-strip span::after,
  #copywriting .copy-result-panel.has-copyable-output .frontline-safety-strip span::after {
    animation: none !important;
  }
}

/* Frontline publish quality gate dependency pass */
.copy-quality-gate {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 11px 12px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 14px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(250,242,236,.62)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 34%);
  box-shadow:
    0 12px 30px rgba(92,58,49,.06),
    inset 0 1px 0 rgba(255,255,255,.76);
}

.copy-quality-gate[data-state="ready"] {
  border-color: rgba(47,111,100,.32);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.58)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.16), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.16), transparent 34%);
}

.copy-quality-gate[data-state="copied"] {
  border-color: rgba(217,185,140,.42);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,221,.68)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.2), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(47,111,100,.13), transparent 34%);
  box-shadow:
    0 14px 34px rgba(181,138,88,.08),
    inset 0 1px 0 rgba(255,255,255,.8);
}

.copy-quality-gate::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  background:
    linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,253,249,.86) 48%, rgba(217,185,140,.2) 58%, transparent 74%);
  transform: translateX(-124%) skewX(-13deg);
}

.quality-gate-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 9px;
}

.quality-gate-head > i,
.quality-gate-head > svg {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 7px;
  border: 1px solid rgba(181,138,88,.2);
  border-radius: 11px;
  color: #b58a58;
  background: rgba(255,253,249,.72);
  stroke-width: 2.35;
}

.copy-quality-gate[data-state="ready"] .quality-gate-head > i,
.copy-quality-gate[data-state="ready"] .quality-gate-head > svg {
  border-color: rgba(47,111,100,.22);
  color: #2f6f64;
  background: rgba(228,241,237,.74);
}

.copy-quality-gate[data-state="copied"] .quality-gate-head > i,
.copy-quality-gate[data-state="copied"] .quality-gate-head > svg {
  border-color: rgba(217,185,140,.36);
  color: #8f6a3f;
  background: rgba(255,247,221,.78);
}

.quality-gate-head span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.quality-gate-head small {
  color: rgba(181,138,88,.76);
  font-size: 10.5px;
  font-weight: 950;
}

.quality-gate-head strong {
  overflow: hidden;
  color: #50382d;
  font-size: 13.5px;
  font-weight: 950;
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-gate-list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.copy-quality-gate .quality-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 7px 8px 7px 26px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  border-radius: 11px;
  color: rgba(80,56,45,.76);
  background: rgba(255,253,249,.58);
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
}

.copy-quality-gate .quality-item::before {
  content: "✓";
  position: absolute;
  left: 8px;
  top: 50%;
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  color: rgba(255,253,249,.94);
  background: linear-gradient(145deg, rgba(181,138,88,.62), rgba(125,157,145,.46));
  font-size: 10px;
  font-weight: 950;
  transform: translateY(-50%);
}

.copy-quality-gate .quality-item::after {
  content: "";
  position: absolute;
  inset: auto 8px 4px 26px;
  height: 1px;
  border-radius: 999px;
  opacity: .26;
  background: linear-gradient(90deg, rgba(181,138,88,.2), rgba(125,157,145,.42), transparent);
  transform-origin: left center;
}

.copy-quality-gate[data-state="ready"] .quality-item,
.copy-quality-gate[data-state="copied"] .quality-item {
  border-color: rgba(47,111,100,.2);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(228,241,237,.62));
}

.copy-quality-gate[data-state="copied"] .quality-item {
  border-color: rgba(217,185,140,.28);
  color: #8f6a3f;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,221,.66));
}

@media (prefers-reduced-motion: no-preference) {
  .copy-quality-gate[data-state="ready"]::before,
  .copy-quality-gate[data-state="copied"]::before {
    animation: copyQualityGateSweep 6.8s ease-in-out infinite;
  }

  .copy-quality-gate[data-state="ready"] .quality-item::after,
  .copy-quality-gate[data-state="copied"] .quality-item::after {
    animation: copyQualityItemRail 3.8s ease-in-out infinite;
  }

  .copy-quality-gate[data-state="ready"] .quality-item:nth-child(2)::after,
  .copy-quality-gate[data-state="copied"] .quality-item:nth-child(2)::after {
    animation-delay: .18s;
  }

  .copy-quality-gate[data-state="ready"] .quality-item:nth-child(3)::after,
  .copy-quality-gate[data-state="copied"] .quality-item:nth-child(3)::after {
    animation-delay: .36s;
  }
}

@keyframes copyQualityGateSweep {
  0%, 48% {
    opacity: .08;
    transform: translateX(-124%) skewX(-13deg);
  }
  74%, 100% {
    opacity: .34;
    transform: translateX(124%) skewX(-13deg);
  }
}

@keyframes copyQualityItemRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.46);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@media (max-width: 720px) {
  .quality-gate-list {
    grid-template-columns: 1fr;
  }

  .quality-gate-head strong {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-quality-gate::before,
  .copy-quality-gate .quality-item::after {
    animation: none !important;
  }
}

/* Output follow-up card dependency pass */
.output-followup-card {
  --followup-dot: #2f6f64;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) minmax(168px, .72fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 11px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(47,111,100,.2);
  border-radius: 14px;
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(228,241,237,.5)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.13), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.12), transparent 34%);
  box-shadow:
    0 12px 28px rgba(47,111,100,.06),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.output-followup-card[data-state="ready"] {
  --followup-dot: #7d9d91;
  border-color: rgba(125,157,145,.26);
}

.output-followup-card[data-state="copied"] {
  --followup-dot: #2f6f64;
  border-color: rgba(47,111,100,.32);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.64)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.18), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(217,185,140,.16), transparent 34%);
}

.output-followup-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  opacity: .18;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 0%, transparent 40%, rgba(255,253,249,.82) 50%, rgba(125,157,145,.2) 60%, transparent 74%);
  transform: translateX(-128%) skewX(-12deg);
}

.output-followup-card > i,
.output-followup-card > svg {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 7px;
  border: 1px solid rgba(47,111,100,.18);
  border-radius: 11px;
  color: #2f6f64;
  background: rgba(255,253,249,.72);
  stroke-width: 2.35;
}

.output-followup-card span,
.output-followup-card .mini-btn {
  position: relative;
  z-index: 1;
}

.output-followup-card > span:not(.followup-asset-strip) {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.output-followup-card small {
  color: rgba(47,111,100,.68);
  font-size: 10.5px;
  font-weight: 950;
}

.output-followup-card strong {
  overflow: hidden;
  color: #2f6f64;
  font-size: 13.5px;
  font-weight: 950;
  line-height: 1.22;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.output-followup-card em {
  color: var(--muted);
  font-style: normal;
  font-size: 11.5px;
  line-height: 1.35;
}

.followup-asset-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 6px;
  min-width: 168px;
}

.followup-asset-strip span {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 44px;
  padding: 7px 8px;
  border: 1px solid color-mix(in srgb, var(--followup-dot) 18%, rgba(181,138,88,.12));
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.74), color-mix(in srgb, var(--followup-dot) 7%, rgba(255,247,235,.58))),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--followup-dot) 11%, transparent), transparent 60%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.followup-asset-strip small {
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--followup-dot) 60%, rgba(80,56,45,.54));
  font-size: 9.5px;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.followup-asset-strip strong {
  min-width: 0;
  overflow: hidden;
  color: color-mix(in srgb, var(--followup-dot) 76%, #50382d);
  font-size: 11.5px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.output-followup-card .mini-btn {
  min-height: 34px;
  white-space: nowrap;
  border-color: rgba(47,111,100,.2);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(228,241,237,.84), rgba(255,253,249,.72));
}

@media (prefers-reduced-motion: no-preference) {
  .output-followup-card::before {
    animation: outputFollowupSweep 7.4s ease-in-out infinite;
  }
}

@keyframes outputFollowupSweep {
  0%, 46% {
    opacity: .08;
    transform: translateX(-128%) skewX(-12deg);
  }
  74%, 100% {
    opacity: .3;
    transform: translateX(128%) skewX(-12deg);
  }
}

@media (max-width: 720px) {
  .output-followup-card {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .output-followup-card .mini-btn {
    width: 100%;
    justify-content: center;
  }

  .followup-asset-strip {
    grid-template-columns: 1fr;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .output-followup-card::before {
    animation: none !important;
  }
}

/* Post-generation delivery relay pass */
/* Delivery relay proof strip dependency pass */
.delivery-relay {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(240px, .9fr) auto auto;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(47,111,100,.2);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.58)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.14), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.12), transparent 34%);
  box-shadow:
    0 14px 32px rgba(47,111,100,.07),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.delivery-relay::before,
.delivery-relay::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.delivery-relay::before {
  left: 12px;
  right: 12px;
  top: 8px;
  height: 1px;
  border-radius: 999px;
  opacity: .48;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.64), rgba(125,157,145,.42), transparent);
}

.delivery-relay::after {
  inset: 0;
  z-index: -1;
  opacity: .18;
  background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255,253,249,.8) 49%, rgba(217,185,140,.2) 58%, transparent 72%);
  transform: translateX(-130%) skewX(-10deg);
}

.delivery-relay > span,
.delivery-relay .delivery-relay-proof,
.delivery-relay .mini-btn {
  position: relative;
  z-index: 1;
}

.delivery-relay > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.delivery-relay small {
  color: rgba(47,111,100,.7);
  font-size: 11px;
  font-weight: 950;
}

.delivery-relay strong {
  color: #2f6f64;
  font-size: 15px;
  line-height: 1.25;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.delivery-relay em {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  line-height: 1.35;
}

.delivery-relay-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
  padding: 6px;
  border: 1px solid rgba(47,111,100,.14);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(241,248,245,.48)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.11), transparent 38%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 10px 22px rgba(47,111,100,.045);
}

.delivery-relay-proof span {
  position: relative;
  display: grid;
  align-content: center;
  gap: 2px;
  min-width: 0;
  min-height: 44px;
  padding: 7px 8px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.12);
  border-radius: 10px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.46));
}

.delivery-relay-proof span::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 5px;
  height: 1px;
  opacity: .45;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.64), rgba(125,157,145,.34), transparent);
}

.delivery-relay-proof span small,
.delivery-relay-proof span strong {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.delivery-relay-proof span small {
  color: rgba(80,56,45,.54);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.delivery-relay-proof span strong {
  color: #8f7054;
  font-size: 12.5px;
  font-weight: 950;
  line-height: 1.18;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 16px rgba(217,185,140,.16);
}

.delivery-relay-proof span:nth-child(2) strong {
  color: #2f6f64;
}

.delivery-relay-proof span:nth-child(3) strong {
  color: #7d6354;
}

.delivery-relay .mini-btn {
  min-height: 36px;
  white-space: nowrap;
  border-color: rgba(47,111,100,.2);
  color: #2f6f64;
  background: rgba(255,253,249,.7);
}

.delivery-relay .mini-btn[data-relay-primary] {
  color: #fffaf4;
  border-color: rgba(47,111,100,.34);
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.28), transparent 34%),
    linear-gradient(135deg, #55776d, #7d9d91 58%, #c69c67);
  box-shadow: 0 14px 28px rgba(47,111,100,.13);
}

.delivery-relay.delivery-relay-pulse {
  animation: deliveryRelayPulse .98s var(--ease-out) both;
}

@media (prefers-reduced-motion: no-preference) {
  .delivery-relay.is-ready::after {
    animation: deliveryRelaySweep 6.2s ease-in-out infinite;
  }

  .delivery-relay.is-ready .delivery-relay-proof span:nth-child(2)::after {
    animation: deliveryRelayProofRail 4.8s ease-in-out infinite;
  }
}

@keyframes deliveryRelaySweep {
  0%, 100% {
    opacity: .08;
    transform: translateX(-130%) skewX(-10deg);
  }
  52% {
    opacity: .28;
    transform: translateX(130%) skewX(-10deg);
  }
}

@keyframes deliveryRelayPulse {
  0% {
    transform: translateY(4px) scale(.985);
    box-shadow: 0 10px 22px rgba(47,111,100,.04);
  }
  55% {
    transform: translateY(0) scale(1.01);
    box-shadow: 0 18px 38px rgba(47,111,100,.12), 0 0 0 4px rgba(217,185,140,.08);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes deliveryRelayProofRail {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.58);
  }
  50% {
    opacity: .78;
    transform: scaleX(1);
  }
}

@media (max-width: 720px) {
  .delivery-relay {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 8px;
    padding: 11px;
  }

  .delivery-relay .mini-btn {
    width: 100%;
    justify-content: center;
  }

  .delivery-relay-proof {
    grid-template-columns: 1fr;
  }

  .delivery-relay-proof span {
    min-height: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .delivery-relay,
  .delivery-relay::after,
  .delivery-relay-proof span::after {
    animation: none !important;
  }
}

/* Watermark export atelier readiness pass */
#watermark .watermark-workspace.has-watermark-export .watermark-preview-panel {
  border-color: rgba(47,111,100,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.58)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.15), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(217,185,140,.12), transparent 36%);
  box-shadow:
    0 22px 52px rgba(47,111,100,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-panel h3 {
  color: #2f6f64;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 14px rgba(125,157,145,.18);
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-panel h3::after {
  content: "封装就绪";
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-left: 8px;
  padding: 4px 9px;
  border: 1px solid rgba(47,111,100,.2);
  border-radius: 999px;
  color: #2f6f64;
  background: rgba(228,241,237,.86);
  font-size: 12px;
  font-weight: 950;
  vertical-align: middle;
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-status {
  border-color: rgba(47,111,100,.2);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.62)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.12), transparent 34%);
  box-shadow:
    0 12px 28px rgba(47,111,100,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-status span {
  border-color: rgba(47,111,100,.18);
  color: #2f6f64;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.7));
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-status span::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2f6f64, #d9b98c);
  box-shadow:
    0 0 0 4px rgba(47,111,100,.09),
    0 0 14px rgba(125,157,145,.28);
  transform: translateY(-50%);
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-status strong,
#watermark .watermark-workspace.has-watermark-export .watermark-preview-status small {
  padding-left: 14px;
}

#watermark .watermark-workspace.has-watermark-export .watermark-result.is-export-ready {
  box-shadow:
    0 22px 52px rgba(47,111,100,.1),
    0 0 0 1px rgba(125,157,145,.16) inset,
    inset 0 1px 0 rgba(255,255,255,.72);
}

#watermark .watermark-workspace.has-watermark-export #watermarkDownload[data-ready="1"] {
  border-color: rgba(47,111,100,.4);
  box-shadow:
    0 18px 38px rgba(47,111,100,.16),
    0 0 0 1px rgba(255,253,249,.18) inset;
}

@media (prefers-reduced-motion: no-preference) {
  #watermark .watermark-workspace.has-watermark-export .watermark-preview-panel h3::after {
    animation: watermarkExportBadgeBreath 4.8s ease-in-out infinite;
  }

  #watermark .watermark-workspace.has-watermark-export .watermark-preview-status span::before {
    animation: watermarkExportStatusPulse 3.4s ease-in-out infinite;
  }

  #watermark .watermark-workspace.has-watermark-export .watermark-preview-status span:nth-child(2)::before {
    animation-delay: .32s;
  }

  #watermark .watermark-workspace.has-watermark-export .watermark-preview-status span:nth-child(3)::before {
    animation-delay: .64s;
  }
}

@keyframes watermarkExportBadgeBreath {
  0%, 100% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 0 0 rgba(125,157,145,0);
  }
  50% {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 0 18px rgba(125,157,145,.2);
  }
}

@keyframes watermarkExportStatusPulse {
  0%, 100% {
    opacity: .72;
    transform: translateY(-50%) scale(.9);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  #watermark .watermark-workspace.has-watermark-export .watermark-preview-panel h3::after,
  #watermark .watermark-workspace.has-watermark-export .watermark-preview-status span::before {
    animation: none !important;
  }
}

/* Watermark preview couture frame pass */
#watermark .watermark-workspace.has-watermark-export .watermark-result.is-export-ready {
  border: 1px solid rgba(125,157,145,.28);
  background:
    radial-gradient(circle at 50% 0, rgba(217,185,140,.18), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.16), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.54));
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-shell {
  border: 1px solid rgba(255,253,249,.74);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255,253,249,.78), rgba(255,247,235,.42));
  box-shadow:
    0 28px 64px rgba(47,111,100,.12),
    0 0 0 1px rgba(125,157,145,.12) inset,
    inset 0 1px 0 rgba(255,255,255,.8);
  overflow: hidden;
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-shell::before {
  inset: 10px;
  border: 1px solid rgba(217,185,140,.34);
  box-shadow:
    inset 0 0 22px rgba(255,253,249,.42),
    0 0 18px rgba(217,185,140,.1);
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-image {
  filter: saturate(1.05) contrast(1.03);
  box-shadow:
    0 0 0 1px rgba(255,253,249,.74) inset,
    0 18px 42px rgba(92,70,59,.08);
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-tag {
  color: #2f6f64;
  border-color: rgba(47,111,100,.2);
  background: linear-gradient(145deg, rgba(228,241,237,.94), rgba(255,253,249,.86));
  box-shadow:
    0 12px 26px rgba(47,111,100,.1),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#watermark .watermark-workspace.has-watermark-export .watermark-preview-shell::after {
  background:
    linear-gradient(118deg, transparent 0%, transparent 40%, rgba(255,255,255,.72) 49%, rgba(217,185,140,.2) 56%, rgba(125,157,145,.18) 63%, transparent 74%, transparent 100%),
    radial-gradient(circle at 18% 8%, rgba(255,253,249,.22), transparent 32%);
}

@media (prefers-reduced-motion: no-preference) {
  #watermark .watermark-workspace.has-watermark-export .watermark-preview-shell::after {
    animation: watermarkCoutureFrameSweep 9.2s ease-in-out infinite;
  }
}

@keyframes watermarkCoutureFrameSweep {
  0%, 46% {
    opacity: .18;
    transform: translateX(-124%) skewX(-12deg);
  }
  72% {
    opacity: .42;
  }
  100% {
    opacity: .18;
    transform: translateX(124%) skewX(-12deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  #watermark .watermark-workspace.has-watermark-export .watermark-preview-shell::after {
    animation: none !important;
  }
}

/* Watermark export dock jewel pass */
#watermark .watermark-actions {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  gap: 12px;
  padding: 14px;
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.58)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.12), transparent 34%);
  box-shadow:
    0 14px 32px rgba(92,70,59,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#watermark .watermark-actions > * {
  position: relative;
  z-index: 1;
}

#watermark .watermark-actions::before,
#watermark .watermark-actions::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
}

#watermark .watermark-actions::before {
  left: 14px;
  right: 14px;
  top: 9px;
  z-index: 0;
  height: 1px;
  opacity: .34;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.48), rgba(125,157,145,.28), transparent);
}

#watermark .watermark-actions::after {
  inset: 1px;
  z-index: 0;
  opacity: 0;
  border-radius: inherit;
  background:
    linear-gradient(112deg, transparent 0%, transparent 39%, rgba(255,253,249,.78) 48%, rgba(217,185,140,.22) 55%, transparent 68%, transparent 100%),
    radial-gradient(circle at 16% 10%, rgba(125,157,145,.12), transparent 30%);
  transform: translateX(-126%) skewX(-10deg);
}

#watermark .watermark-workspace.has-watermark-export .watermark-actions {
  border-color: rgba(47,111,100,.28);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.64)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.16), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(217,185,140,.14), transparent 36%);
  box-shadow:
    0 18px 42px rgba(47,111,100,.08),
    0 0 0 1px rgba(125,157,145,.08) inset,
    inset 0 1px 0 rgba(255,255,255,.78);
}

#watermark .watermark-workspace.has-watermark-export .watermark-actions::before {
  opacity: .52;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.46), rgba(217,185,140,.54), transparent);
  box-shadow: 0 0 18px rgba(125,157,145,.16);
}

#watermark .watermark-workspace.has-watermark-export .watermark-actions::after {
  opacity: .42;
}

#watermark .watermark-workspace.has-watermark-low-quota .watermark-actions {
  border-color: rgba(159,61,53,.24);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,238,234,.66)),
    radial-gradient(circle at 100% 0, rgba(159,61,53,.12), transparent 34%);
  box-shadow:
    0 14px 32px rgba(159,61,53,.055),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#watermark .watermark-workspace.has-watermark-low-quota .watermark-actions::before {
  background: linear-gradient(90deg, transparent, rgba(159,61,53,.34), rgba(217,185,140,.34), transparent);
}

#watermark #watermarkDownload {
  width: 100%;
  min-height: 48px;
}

#watermark #watermarkDownload[data-ready="1"],
#watermark #watermarkDownload[data-ready="true"] {
  border-color: rgba(47,111,100,.42);
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.34), transparent 34%),
    linear-gradient(135deg, #55776d, #7d9d91 56%, #c69c67);
  box-shadow:
    0 18px 40px rgba(47,111,100,.17),
    0 0 0 1px rgba(255,253,249,.2) inset,
    inset 0 1px 0 rgba(255,255,255,.26);
}

#watermark #watermarkDownload[data-ready="1"]::after,
#watermark #watermarkDownload[data-ready="true"]::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 8px;
  z-index: 0;
  width: auto;
  height: 1px;
  border-radius: 999px;
  opacity: .62;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,232,166,.78), rgba(228,241,237,.44), transparent);
  transform: scaleX(.68);
  transform-origin: center;
}

#watermark #watermarkNextStep.has-after-quota {
  border-color: rgba(181,138,88,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.54)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.1), transparent 34%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.66);
}

#watermark .watermark-workspace.has-watermark-export #watermarkNextStep.has-after-quota {
  border-color: rgba(47,111,100,.22);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(228,241,237,.58)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.12), transparent 34%);
}

#watermark .watermark-workspace.has-watermark-low-quota #watermarkNextStep.has-after-quota {
  border-color: rgba(159,61,53,.2);
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,238,234,.62)),
    radial-gradient(circle at 100% 0, rgba(159,61,53,.1), transparent 34%);
}

#watermark #watermarkNextStep.has-after-quota strong {
  color: #2f6f64;
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

#watermark .watermark-workspace.has-watermark-low-quota #watermarkNextStep.has-after-quota strong {
  color: #8f3f36;
}

@media (prefers-reduced-motion: no-preference) {
  #watermark .watermark-workspace.has-watermark-export .watermark-actions::after {
    animation: watermarkExportDockSweep 7.6s ease-in-out infinite;
  }

  #watermark #watermarkDownload[data-ready="1"]::after,
  #watermark #watermarkDownload[data-ready="true"]::after {
    animation: watermarkDownloadJewelSweep 3.8s ease-in-out infinite;
  }
}

@keyframes watermarkExportDockSweep {
  0%, 46% {
    opacity: .18;
    transform: translateX(-126%) skewX(-10deg);
  }
  74% {
    opacity: .5;
  }
  100% {
    opacity: .18;
    transform: translateX(126%) skewX(-10deg);
  }
}

@keyframes watermarkDownloadJewelSweep {
  0%, 100% {
    opacity: .32;
    transform: scaleX(.52);
  }
  50% {
    opacity: .82;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #watermark .watermark-workspace.has-watermark-export .watermark-actions::after,
  #watermark #watermarkDownload[data-ready="1"]::after,
  #watermark #watermarkDownload[data-ready="true"]::after {
    animation: none !important;
  }
}

/* Primary action ready atelier pass */
.btn.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(47,111,100,.34);
  color: #fffaf4;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.3), transparent 34%),
    linear-gradient(135deg, #55776d, #7d9d91 56%, #c69c67);
  box-shadow:
    0 18px 38px rgba(47,111,100,.15),
    0 0 0 1px rgba(255,253,249,.2) inset,
    inset 0 1px 0 rgba(255,255,255,.24);
  text-shadow: 0 1px 0 rgba(36,90,81,.28);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"])::before {
  opacity: .72;
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.86) 44%, rgba(255,232,166,.36) 53%, transparent 68%, transparent 100%);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"])::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 8px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .58;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,232,166,.78), rgba(228,241,237,.44), transparent);
  transform-origin: center;
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"]) > * {
  position: relative;
  z-index: 1;
}

#reshapeGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]),
#consultGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]),
#momentsGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]),
#copyGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]),
#watermarkDownload.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  letter-spacing: .02em;
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"]):hover,
.btn.is-action-ready:not(:disabled):not([aria-busy="true"]):focus-visible {
  transform: translateY(-2px);
  border-color: rgba(217,185,140,.46);
  box-shadow:
    0 22px 48px rgba(47,111,100,.18),
    0 0 0 4px rgba(125,157,145,.08),
    inset 0 1px 0 rgba(255,255,255,.28);
}

@media (prefers-reduced-motion: no-preference) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"])::before {
    animation: primaryReadySweep 4.9s ease-in-out infinite;
  }

  .btn.is-action-ready:not(:disabled):not([aria-busy="true"])::after {
    animation: primaryReadyUnderlight 3.8s ease-in-out infinite;
  }
}

@keyframes primaryReadySweep {
  0%, 42% {
    opacity: .28;
    transform: translateX(-132%) skewX(-12deg);
  }
  72%, 100% {
    opacity: .78;
    transform: translateX(132%) skewX(-12deg);
  }
}

@keyframes primaryReadyUnderlight {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.58);
  }
  50% {
    opacity: .74;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"])::before,
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"])::after {
    animation: none !important;
  }
}

/* Primary action launch prism pass */
#reshapeGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-dot: #c98f88;
  --launch-glow: rgba(201,143,136,.22);
}

#consultGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]),
#momentsGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-dot: #7d9d91;
  --launch-glow: rgba(125,157,145,.22);
}

#copyGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-dot: #2f6f64;
  --launch-glow: rgba(47,111,100,.22);
}

#watermarkDownload.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-dot: #8f7054;
  --launch-glow: rgba(181,138,88,.22);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.32), transparent 34%),
    radial-gradient(circle at 100% 100%, var(--launch-glow, rgba(125,157,145,.2)), transparent 38%),
    linear-gradient(135deg, #314f49, var(--launch-dot, #7d9d91) 58%, #c69c67);
  box-shadow:
    0 20px 44px color-mix(in srgb, var(--launch-dot, #7d9d91) 22%, transparent),
    0 0 0 1px rgba(255,253,249,.22) inset,
    inset 0 1px 0 rgba(255,255,255,.28);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"])::before {
  background:
    linear-gradient(112deg, transparent 0%, transparent 34%, rgba(255,255,255,.86) 44%, color-mix(in srgb, var(--launch-dot, #7d9d91) 34%, transparent) 54%, transparent 70%, transparent 100%);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"])::after {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--launch-dot, #7d9d91) 62%, #fff7dd), rgba(255,253,249,.76), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--launch-dot, #7d9d91) 32%, transparent);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"]) .launch-ready-dot {
  display: inline-grid;
}

@media (prefers-reduced-motion: no-preference) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"])::after {
    animation: primaryLaunchRail 3.2s ease-in-out infinite;
  }
}

@keyframes primaryLaunchRail {
  0%, 100% {
    opacity: .28;
    transform: translateX(-8%) scaleX(.48);
  }
  50% {
    opacity: .86;
    transform: translateX(0) scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"])::after {
    animation: none !important;
  }
}

/* Primary action launch aura pass */
.btn.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-aura: rgba(125,157,145,.2);
  box-shadow:
    0 20px 44px color-mix(in srgb, var(--launch-dot, #7d9d91) 22%, transparent),
    0 0 34px var(--launch-aura, rgba(125,157,145,.2)),
    0 0 0 1px rgba(255,253,249,.22) inset,
    inset 0 1px 0 rgba(255,255,255,.28);
}

#reshapeGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-aura: rgba(201,143,136,.28);
}

#consultGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]),
#momentsGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-aura: rgba(125,157,145,.26);
}

#copyGenerate.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-aura: rgba(47,111,100,.28);
}

#watermarkDownload.is-action-ready:not(:disabled):not([aria-busy="true"]) {
  --launch-aura: rgba(181,138,88,.28);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"])::before {
  box-shadow: inset 0 0 0 1px rgba(255,253,249,.18);
}

@media (prefers-reduced-motion: no-preference) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]) {
    animation: primaryLaunchAura 5.8s ease-in-out infinite;
  }

  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]):hover,
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]):focus-visible {
    animation-play-state: paused;
  }
}

@keyframes primaryLaunchAura {
  0%, 100% {
    box-shadow:
      0 18px 38px color-mix(in srgb, var(--launch-dot, #7d9d91) 18%, transparent),
      0 0 24px var(--launch-aura, rgba(125,157,145,.2)),
      0 0 0 1px rgba(255,253,249,.2) inset,
      inset 0 1px 0 rgba(255,255,255,.26);
  }
  50% {
    box-shadow:
      0 22px 48px color-mix(in srgb, var(--launch-dot, #7d9d91) 24%, transparent),
      0 0 40px var(--launch-aura, rgba(125,157,145,.2)),
      0 0 0 1px rgba(255,253,249,.28) inset,
      inset 0 1px 0 rgba(255,255,255,.34);
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]) {
    animation: none !important;
  }
}

/* Primary action ready signal dot final pass */
.btn.is-action-ready:not(:disabled):not([aria-busy="true"]) .launch-ready-dot {
  position: relative;
  z-index: 2;
  display: inline-grid;
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  place-items: center;
  margin-right: 2px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 38% 34%, rgba(255,253,249,.96) 0 28%, transparent 30%),
    var(--launch-dot, #7d9d91);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--launch-dot, #7d9d91) 18%, transparent),
    0 0 16px color-mix(in srgb, var(--launch-dot, #7d9d91) 58%, transparent),
    inset 0 1px 0 rgba(255,255,255,.52);
}

.btn.is-action-ready:not(:disabled):not([aria-busy="true"]) .launch-ready-dot::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: inherit;
  background: rgba(255,253,249,.86);
  box-shadow: 0 0 10px rgba(255,253,249,.64);
}

@media (prefers-reduced-motion: no-preference) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]) .launch-ready-dot {
    animation: primaryReadySignalDot 2.8s ease-in-out infinite;
  }
}

@keyframes primaryReadySignalDot {
  0%, 100% {
    opacity: .72;
    transform: scale(.92);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn.is-action-ready:not(:disabled):not([aria-busy="true"]) .launch-ready-dot {
    animation: none !important;
  }
}

/* Recharge plan tier ascension final pass */
.profile-packages .price-card {
  --plan-tier-dot: #d9b98c;
  --plan-tier-soft: rgba(217,185,140,.14);
  --plan-tier-rail: rgba(217,185,140,.52);
  --plan-tier-shadow: rgba(181,138,88,.08);
  --plan-tier-scale: 1;
  border-color: color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 20%, rgba(181,138,88,.16));
  background:
    radial-gradient(circle at 14% 0, rgba(255,255,255,.68), transparent 34%),
    radial-gradient(circle at 100% 100%, var(--plan-tier-soft, rgba(217,185,140,.14)), transparent 36%),
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.58));
  box-shadow:
    0 calc(12px * var(--plan-tier-scale, 1)) calc(28px * var(--plan-tier-scale, 1)) var(--plan-tier-shadow, rgba(181,138,88,.08)),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.profile-packages .price-card.starter {
  --plan-tier-dot: #d9b98c;
  --plan-tier-soft: rgba(217,185,140,.14);
  --plan-tier-rail: rgba(217,185,140,.52);
  --plan-tier-shadow: rgba(181,138,88,.07);
  --plan-tier-scale: 1;
}

.profile-packages .price-card.light-ops {
  --plan-tier-dot: #7d9d91;
  --plan-tier-soft: rgba(125,157,145,.16);
  --plan-tier-rail: rgba(125,157,145,.58);
  --plan-tier-shadow: rgba(47,111,100,.075);
  --plan-tier-scale: 1.08;
}

.profile-packages .price-card.recommended {
  --plan-tier-dot: #c98f88;
  --plan-tier-soft: rgba(201,143,136,.18);
  --plan-tier-rail: rgba(201,143,136,.64);
  --plan-tier-shadow: rgba(201,143,136,.1);
  --plan-tier-scale: 1.16;
}

.profile-packages .price-card.high-frequency {
  --plan-tier-dot: #b58a58;
  --plan-tier-soft: rgba(181,138,88,.2);
  --plan-tier-rail: rgba(181,138,88,.7);
  --plan-tier-shadow: rgba(181,138,88,.12);
  --plan-tier-scale: 1.24;
}

.profile-packages .price-card.deal {
  --plan-tier-dot: #2f6f64;
  --plan-tier-soft: rgba(47,111,100,.2);
  --plan-tier-rail: rgba(47,111,100,.7);
  --plan-tier-shadow: rgba(47,111,100,.13);
  --plan-tier-scale: 1.34;
}

.profile-packages .price-card.best-value {
  --plan-tier-dot: #ffe8a6;
  --plan-tier-soft: rgba(255,232,166,.26);
  --plan-tier-rail: rgba(255,232,166,.86);
  --plan-tier-shadow: rgba(217,185,140,.18);
  --plan-tier-scale: 1.46;
  outline: 1px solid rgba(255,232,166,.46);
  outline-offset: -6px;
}

.profile-packages .price-card::before {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 40%, transparent), transparent 24%, transparent 76%, color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 24%, transparent)),
    linear-gradient(180deg, color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 30%, transparent), transparent 30%);
}

.profile-packages .price-card::after {
  background: linear-gradient(90deg, transparent, var(--plan-tier-rail, rgba(217,185,140,.52)), rgba(255,253,249,.78), transparent);
  box-shadow: 0 0 calc(12px * var(--plan-tier-scale, 1)) color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 22%, transparent);
}

.profile-packages .plan-badge {
  border-color: color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 26%, rgba(181,138,88,.16));
  color: color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 72%, #4d3931);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.66)),
    radial-gradient(circle at 12% 0, var(--plan-tier-soft, rgba(217,185,140,.14)), transparent 34%);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 12%, transparent);
}

.profile-packages .plan-badge i,
.profile-packages .plan-badge svg {
  color: var(--plan-tier-dot, #d9b98c);
  stroke-width: 2.4;
}

.profile-packages .plan-quota span {
  color: color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 72%, #4d3931);
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  text-shadow:
    0 0 calc(16px * var(--plan-tier-scale, 1)) color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 28%, transparent),
    0 8px 18px rgba(92,70,59,.08);
}

.profile-packages .price-card.best-value::before {
  inset: -1px;
  opacity: .56;
  background:
    linear-gradient(90deg, rgba(255,232,166,.72), transparent 22%, transparent 78%, rgba(217,185,140,.48)),
    linear-gradient(180deg, rgba(255,232,166,.46), transparent 30%),
    radial-gradient(circle at 100% 0, rgba(255,232,166,.32), transparent 34%);
}

.profile-packages .price-card.best-value::after {
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(255,232,166,.96), rgba(125,157,145,.48), rgba(255,253,249,.88), transparent);
  box-shadow:
    0 0 0 1px rgba(255,232,166,.42) inset,
    0 0 22px rgba(217,185,140,.34),
    0 0 38px rgba(125,157,145,.12);
}

@media (prefers-reduced-motion: no-preference) {
  .profile-packages .price-card {
    animation: rechargeTierCardBreath 8.8s ease-in-out infinite;
  }

  .profile-packages .price-card::after {
    animation: rechargeTierRailPulse 6.8s ease-in-out infinite;
  }

  .profile-packages .price-card:hover,
  .profile-packages .price-card:hover::after,
  .profile-packages .price-card:focus-within,
  .profile-packages .price-card:focus-within::after {
    animation-play-state: paused;
  }
}

@keyframes rechargeTierCardBreath {
  0%, 100% {
    box-shadow:
      0 calc(12px * var(--plan-tier-scale, 1)) calc(28px * var(--plan-tier-scale, 1)) var(--plan-tier-shadow, rgba(181,138,88,.08)),
      inset 0 1px 0 rgba(255,255,255,.72);
  }
  50% {
    box-shadow:
      0 calc(16px * var(--plan-tier-scale, 1)) calc(36px * var(--plan-tier-scale, 1)) var(--plan-tier-shadow, rgba(181,138,88,.08)),
      0 0 calc(18px * var(--plan-tier-scale, 1)) color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 10%, transparent),
      inset 0 1px 0 rgba(255,255,255,.82);
  }
}

@keyframes rechargeTierRailPulse {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.56);
  }
  48% {
    opacity: .74;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-packages .price-card,
  .profile-packages .price-card::after {
    animation: none !important;
  }
}

/* Recharge quota legibility final pass */
.profile-packages .plan-quota span {
  position: relative;
  display: inline-block;
  color: color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 72%, #4d3931) !important;
  background: none !important;
  -webkit-background-clip: initial;
  background-clip: initial;
  text-shadow:
    0 0 calc(16px * var(--plan-tier-scale, 1)) color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 28%, transparent),
    0 8px 18px rgba(92,70,59,.08);
}

.profile-packages .price-card.best-value .plan-quota span {
  color: #55776d !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.9),
    0 0 calc(22px * var(--plan-tier-scale, 1)) rgba(255,232,166,.52),
    0 12px 26px rgba(125,157,145,.16);
}

.profile-packages .plan-quota span::after {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: -5px;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .44;
  background: linear-gradient(90deg, transparent, var(--plan-tier-rail, rgba(217,185,140,.52)), rgba(255,253,249,.78), transparent);
  box-shadow: 0 0 calc(12px * var(--plan-tier-scale, 1)) color-mix(in srgb, var(--plan-tier-dot, #d9b98c) 26%, transparent);
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  .profile-packages .plan-quota span::after {
    animation: rechargeQuotaValueRail 5.4s ease-in-out infinite;
  }
}

@keyframes rechargeQuotaValueRail {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.5);
  }
  50% {
    opacity: .72;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-packages .plan-quota span::after {
    animation: none !important;
  }
}

/* High-frequency input cockpit pass */
#consult .field.is-work-cue:has(#consultContext),
#consult .field.is-work-cue:has(#momentsInput),
#copywriting .field.is-work-cue:has(#copyInput) {
  --input-cockpit-dot: #d9b98c;
  --input-cockpit-glow: rgba(217,185,140,.16);
  --input-cockpit-soft: rgba(255,247,235,.72);
  --input-cockpit-line: rgba(181,138,88,.11);
  padding-top: 2px;
}

#consult .field.is-work-cue:has(#consultContext) label,
#consult .field.is-work-cue:has(#momentsInput) label,
#copywriting .field.is-work-cue:has(#copyInput) label {
  color: #6f5a4c;
}

#consult .field.is-work-cue:has(#consultContext) label::before,
#consult .field.is-work-cue:has(#momentsInput) label::before,
#copywriting .field.is-work-cue:has(#copyInput) label::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,253,249,.96) 0 22%, transparent 24%),
    linear-gradient(135deg, var(--input-cockpit-dot), rgba(125,157,145,.62));
  box-shadow:
    0 0 0 4px var(--input-cockpit-glow),
    0 0 18px color-mix(in srgb, var(--input-cockpit-dot) 28%, transparent);
}

#consult .field.is-work-cue:has(#momentsInput) {
  --input-cockpit-dot: #7d9d91;
  --input-cockpit-glow: rgba(125,157,145,.16);
  --input-cockpit-soft: rgba(236,246,242,.72);
  --input-cockpit-line: rgba(125,157,145,.12);
}

#copywriting .field.is-work-cue:has(#copyInput) {
  --input-cockpit-dot: #b58a58;
  --input-cockpit-glow: rgba(181,138,88,.18);
  --input-cockpit-soft: rgba(255,247,235,.74);
  --input-cockpit-line: rgba(181,138,88,.13);
}

#consult .field.is-work-cue.is-input-ready:has(#consultContext),
#consult .field.is-work-cue.is-input-ready:has(#momentsInput),
#copywriting .field.is-work-cue.is-input-ready:has(#copyInput) {
  --input-cockpit-dot: #2f6f64;
  --input-cockpit-glow: rgba(47,111,100,.16);
  --input-cockpit-soft: rgba(228,241,237,.78);
  --input-cockpit-line: rgba(47,111,100,.13);
}

#consult .field.is-work-cue.is-input-ready:has(#consultContext) label,
#consult .field.is-work-cue.is-input-ready:has(#momentsInput) label,
#copywriting .field.is-work-cue.is-input-ready:has(#copyInput) label {
  color: #2f6f64;
}

#consult #consultContext,
#consult #momentsInput,
#copywriting #copyInput {
  border-color: color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 30%, rgba(181,138,88,.16));
  background:
    linear-gradient(180deg, transparent 0, transparent calc(100% - 38px), color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 7%, transparent)),
    repeating-linear-gradient(180deg, transparent 0 31px, var(--input-cockpit-line, rgba(181,138,88,.11)) 32px),
    radial-gradient(circle at 12% 0, var(--input-cockpit-soft, rgba(255,247,235,.72)), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,235,.74));
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 8%, transparent),
    0 16px 34px color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 8%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
}

#consult .field.is-work-cue:has(#consultContext) .field-meter,
#consult .field.is-work-cue:has(#momentsInput) .field-meter,
#copywriting .field.is-work-cue:has(#copyInput) .field-meter {
  right: 14px;
  bottom: 12px;
  border: 1px solid color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 18%, rgba(181,138,88,.12));
  color: color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 56%, #6f5a4c);
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.42), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.72));
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 10%, transparent),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#consult .field.is-work-cue.is-input-ready:has(#consultContext) .field-meter,
#consult .field.is-work-cue.is-input-ready:has(#momentsInput) .field-meter,
#copywriting .field.is-work-cue.is-input-ready:has(#copyInput) .field-meter {
  color: #2f6f64;
  border-color: rgba(47,111,100,.18);
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.46), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(228,241,237,.72));
}

#consult .field.is-work-cue:has(#consultContext):focus-within label::before,
#consult .field.is-work-cue:has(#momentsInput):focus-within label::before,
#copywriting .field.is-work-cue:has(#copyInput):focus-within label::before {
  transform: scale(1.08);
  box-shadow:
    0 0 0 5px color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 14%, transparent),
    0 0 22px color-mix(in srgb, var(--input-cockpit-dot, #d9b98c) 34%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  #consult .field.is-work-cue.is-input-empty:has(#consultContext) label::before,
  #consult .field.is-work-cue.is-input-empty:has(#momentsInput) label::before,
  #copywriting .field.is-work-cue.is-input-empty:has(#copyInput) label::before {
    animation: inputCockpitBeacon 5.6s ease-in-out infinite;
  }

  #consult .field.is-work-cue.is-input-ready:has(#consultContext) label::before,
  #consult .field.is-work-cue.is-input-ready:has(#momentsInput) label::before,
  #copywriting .field.is-work-cue.is-input-ready:has(#copyInput) label::before {
    animation: inputCockpitReadyBeacon 6.8s ease-in-out infinite;
  }
}

@keyframes inputCockpitBeacon {
  0%, 100% {
    filter: brightness(1);
    transform: scale(1);
  }
  50% {
    filter: brightness(1.16);
    transform: scale(1.08);
  }
}

@keyframes inputCockpitReadyBeacon {
  0%, 100% {
    box-shadow:
      0 0 0 4px var(--input-cockpit-glow),
      0 0 16px color-mix(in srgb, var(--input-cockpit-dot) 26%, transparent);
  }
  50% {
    box-shadow:
      0 0 0 5px color-mix(in srgb, var(--input-cockpit-dot) 12%, transparent),
      0 0 24px color-mix(in srgb, var(--input-cockpit-dot) 34%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  #consult .field.is-work-cue:has(#consultContext) label::before,
  #consult .field.is-work-cue:has(#momentsInput) label::before,
  #copywriting .field.is-work-cue:has(#copyInput) label::before {
    animation: none !important;
  }
}

/* Idle output couture final layer pass */
.consult-output.is-placeholder,
#copywriting #copyOutput.is-placeholder,
#reshapeResult.is-placeholder:not(.is-loading),
#watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card) {
  --idle-output-dot: #d9b98c;
  --idle-output-soft: rgba(217,185,140,.15);
  --idle-output-rail: rgba(217,185,140,.62);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--idle-output-dot) 26%, rgba(181,138,88,.16));
  outline: 1px solid rgba(255,253,249,.66);
  outline-offset: -5px;
  background:
    radial-gradient(circle at 16% 8%, rgba(255,255,255,.74), transparent 31%),
    radial-gradient(circle at 92% 92%, var(--idle-output-soft), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.97), rgba(255,247,235,.7));
  box-shadow:
    0 24px 58px rgba(92,70,59,.08),
    0 0 0 4px color-mix(in srgb, var(--idle-output-dot) 7%, transparent),
    inset 0 1px 0 rgba(255,255,255,.8),
    inset 0 -22px 34px color-mix(in srgb, var(--idle-output-dot) 6%, transparent);
}

.consult-output.is-placeholder,
#copywriting #copyOutput.is-placeholder {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  min-height: 320px;
  padding: 54px 28px 58px;
  text-align: center;
  color: rgba(80,56,45,.72);
  font-weight: 920;
  line-height: 1.65;
}

#consult .consult-output.is-placeholder {
  --idle-output-dot: #7d9d91;
  --idle-output-soft: rgba(125,157,145,.14);
  --idle-output-rail: rgba(125,157,145,.58);
}

#copywriting #copyOutput.is-placeholder {
  --idle-output-dot: #b58a58;
  --idle-output-soft: rgba(181,138,88,.16);
  --idle-output-rail: rgba(181,138,88,.66);
}

#reshapeResult.is-placeholder:not(.is-loading) {
  --idle-output-dot: #c98f88;
  --idle-output-soft: rgba(201,143,136,.14);
  --idle-output-rail: rgba(201,143,136,.58);
}

#watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card) {
  --idle-output-dot: #8f7054;
  --idle-output-soft: rgba(181,138,88,.15);
  --idle-output-rail: rgba(181,138,88,.62);
}

.consult-output.is-placeholder::before,
#copywriting #copyOutput.is-placeholder::before,
#reshapeResult.is-placeholder:not(.is-loading)::before,
#watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  pointer-events: none;
  border: 1px solid color-mix(in srgb, var(--idle-output-dot) 18%, rgba(255,253,249,.44));
  border-radius: calc(var(--radius) - 2px);
  background:
    linear-gradient(118deg, transparent 0%, transparent 38%, rgba(255,255,255,.66) 48%, color-mix(in srgb, var(--idle-output-dot) 19%, transparent) 56%, transparent 72%),
    radial-gradient(circle at 20% 18%, rgba(255,253,249,.26), transparent 28%);
  box-shadow:
    inset 0 0 0 1px rgba(255,253,249,.52),
    inset 0 0 32px color-mix(in srgb, var(--idle-output-dot) 8%, transparent);
  opacity: .62;
}

.consult-output.is-placeholder::after,
#copywriting #copyOutput.is-placeholder::after,
#reshapeResult.is-placeholder:not(.is-loading)::after,
#watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::after {
  content: "";
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 18px;
  z-index: 1;
  height: 2px;
  pointer-events: none;
  border-radius: 999px;
  opacity: .58;
  background: linear-gradient(90deg, transparent, var(--idle-output-rail), rgba(255,253,249,.82), transparent);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--idle-output-dot) 24%, transparent),
    0 0 30px color-mix(in srgb, var(--idle-output-dot) 10%, transparent);
  transform-origin: center;
}

.consult-output.is-placeholder > *,
#copywriting #copyOutput.is-placeholder > *,
#reshapeResult.is-placeholder:not(.is-loading) > *,
#watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card) > * {
  position: relative;
  z-index: 2;
}

#reshapeResult.is-placeholder:not(.is-loading) .state-card,
#watermarkResult:not(.is-export-ready):not(.is-loading) .state-card {
  border-color: color-mix(in srgb, var(--idle-output-dot) 18%, rgba(181,138,88,.12));
  background:
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--idle-output-dot) 10%, transparent), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.58));
}

#reshapeResult.is-placeholder:not(.is-loading) .result-face,
#watermarkResult:not(.is-export-ready):not(.is-loading) .result-face {
  box-shadow:
    0 0 0 7px color-mix(in srgb, var(--idle-output-dot) 7%, transparent),
    0 18px 34px color-mix(in srgb, var(--idle-output-dot) 12%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .consult-output.is-placeholder,
  #copywriting #copyOutput.is-placeholder,
  #reshapeResult.is-placeholder:not(.is-loading),
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card) {
    animation: idleOutputCoutureBreath 10.4s ease-in-out infinite;
  }

  .consult-output.is-placeholder::before,
  #copywriting #copyOutput.is-placeholder::before,
  #reshapeResult.is-placeholder:not(.is-loading)::before,
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::before {
    animation: idleOutputCoutureSweep 9.8s ease-in-out infinite;
  }

  .consult-output.is-placeholder::after,
  #copywriting #copyOutput.is-placeholder::after,
  #reshapeResult.is-placeholder:not(.is-loading)::after,
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::after {
    animation: idleOutputCoutureRail 7.2s ease-in-out infinite;
  }
}

@keyframes idleOutputCoutureBreath {
  0%, 100% {
    box-shadow:
      0 22px 54px rgba(92,70,59,.07),
      0 0 0 4px color-mix(in srgb, var(--idle-output-dot) 6%, transparent),
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -20px 32px color-mix(in srgb, var(--idle-output-dot) 5%, transparent);
  }
  50% {
    box-shadow:
      0 28px 68px rgba(181,138,88,.1),
      0 0 0 5px color-mix(in srgb, var(--idle-output-dot) 8%, transparent),
      inset 0 1px 0 rgba(255,255,255,.86),
      inset 0 -24px 38px color-mix(in srgb, var(--idle-output-dot) 7%, transparent);
  }
}

@keyframes idleOutputCoutureSweep {
  0%, 44% {
    opacity: .36;
    transform: translateX(-10%) skewX(-8deg);
  }
  72%, 100% {
    opacity: .64;
    transform: translateX(10%) skewX(-8deg);
  }
}

@keyframes idleOutputCoutureRail {
  0%, 100% {
    opacity: .28;
    transform: scaleX(.52);
  }
  50% {
    opacity: .78;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .consult-output.is-placeholder,
  #copywriting #copyOutput.is-placeholder,
  #reshapeResult.is-placeholder:not(.is-loading),
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card),
  .consult-output.is-placeholder::before,
  #copywriting #copyOutput.is-placeholder::before,
  #reshapeResult.is-placeholder:not(.is-loading)::before,
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::before,
  .consult-output.is-placeholder::after,
  #copywriting #copyOutput.is-placeholder::after,
  #reshapeResult.is-placeholder:not(.is-loading)::after,
  #watermarkResult:not(.is-export-ready):not(.is-loading):has(.state-card)::after {
    animation: none !important;
  }
}

/* Quota instrument couture final pass */
.quota-card {
  --quota-instrument-dot: #d9b98c;
  --quota-instrument-soft: rgba(217,185,140,.16);
  --quota-instrument-rail: rgba(217,185,140,.66);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--quota-instrument-dot) 24%, rgba(181,138,88,.16));
  background:
    radial-gradient(circle at 50% 0, rgba(255,255,255,.72), transparent 34%),
    radial-gradient(circle at 100% 100%, var(--quota-instrument-soft), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(255,247,235,.62));
  box-shadow:
    0 22px 48px rgba(92,70,59,.09),
    0 0 0 4px color-mix(in srgb, var(--quota-instrument-dot) 7%, transparent),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.quota-card.is-quota-warning {
  --quota-instrument-dot: #b58a58;
  --quota-instrument-soft: rgba(217,185,140,.2);
  --quota-instrument-rail: rgba(217,185,140,.72);
}

.quota-card.is-quota-low {
  --quota-instrument-dot: #c98f88;
  --quota-instrument-soft: rgba(201,143,136,.18);
  --quota-instrument-rail: rgba(201,143,136,.72);
}

.quota-card::before,
.quota-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

.quota-card::before {
  inset: 8px;
  z-index: 0;
  border: 1px solid color-mix(in srgb, var(--quota-instrument-dot) 18%, rgba(255,253,249,.44));
  background:
    linear-gradient(116deg, transparent 0%, transparent 38%, rgba(255,255,255,.64) 48%, color-mix(in srgb, var(--quota-instrument-dot) 18%, transparent) 56%, transparent 72%),
    radial-gradient(circle at 50% 18%, rgba(255,253,249,.2), transparent 30%);
  box-shadow:
    inset 0 0 0 1px rgba(255,253,249,.48),
    inset 0 0 26px color-mix(in srgb, var(--quota-instrument-dot) 8%, transparent);
  opacity: .62;
}

.quota-card::after {
  left: 18px;
  right: 18px;
  bottom: 48px;
  z-index: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--quota-instrument-rail), rgba(255,253,249,.82), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--quota-instrument-dot) 24%, transparent);
  opacity: .46;
}

.quota-card > * {
  position: relative;
  z-index: 2;
}

.quota-card .quota-number {
  color: color-mix(in srgb, var(--quota-instrument-dot) 68%, #4d3931);
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  font-size: 32px;
  text-shadow:
    0 0 18px color-mix(in srgb, var(--quota-instrument-dot) 26%, transparent),
    0 8px 18px rgba(92,70,59,.08);
}

.quota-card.is-quota-low .quota-number {
  color: #8f5b55;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
}

.quota-card .quota-label {
  color: rgba(80,56,45,.58);
  letter-spacing: .04em;
}

.quota-card .progress {
  height: 10px;
  padding: 2px;
  border: 1px solid rgba(255,253,249,.72);
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(244,223,196,.28)),
    rgba(92,70,59,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 10px 22px color-mix(in srgb, var(--quota-instrument-dot) 9%, transparent);
}

.quota-card .progress span {
  background: linear-gradient(90deg, #7d9d91, var(--quota-instrument-dot) 58%, #c98f88);
  box-shadow:
    0 0 14px color-mix(in srgb, var(--quota-instrument-dot) 28%, transparent),
    inset 0 1px 0 rgba(255,255,255,.42);
}

.quota-card.is-quota-warning .progress span {
  background: linear-gradient(90deg, #b58a58, #d9b98c 58%, #c98f88);
}

.quota-card.is-quota-low .progress span {
  background: linear-gradient(90deg, #8f5b55, #c98f88 56%, #d9b98c);
}

.quota-card #quotaStatus {
  color: color-mix(in srgb, var(--quota-instrument-dot) 70%, #2f6f64);
  border-color: color-mix(in srgb, var(--quota-instrument-dot) 24%, rgba(181,138,88,.14));
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--quota-instrument-dot) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
}

@media (prefers-reduced-motion: no-preference) {
  .quota-card {
    animation: quotaInstrumentBreath 9.2s ease-in-out infinite;
  }

  .quota-card::before {
    animation: quotaInstrumentSweep 8.8s ease-in-out infinite;
  }

  .quota-card::after {
    animation: quotaInstrumentRail 6.6s ease-in-out infinite;
  }

  .quota-card:hover,
  .quota-card:hover::before,
  .quota-card:hover::after {
    animation-play-state: paused;
  }
}

@keyframes quotaInstrumentBreath {
  0%, 100% {
    box-shadow:
      0 20px 44px rgba(92,70,59,.08),
      0 0 0 4px color-mix(in srgb, var(--quota-instrument-dot) 6%, transparent),
      inset 0 1px 0 rgba(255,255,255,.78);
  }
  50% {
    box-shadow:
      0 26px 58px rgba(181,138,88,.11),
      0 0 0 5px color-mix(in srgb, var(--quota-instrument-dot) 8%, transparent),
      inset 0 1px 0 rgba(255,255,255,.86);
  }
}

@keyframes quotaInstrumentSweep {
  0%, 44% {
    opacity: .36;
    transform: translateX(-8%) skewX(-8deg);
  }
  72%, 100% {
    opacity: .64;
    transform: translateX(8%) skewX(-8deg);
  }
}

@keyframes quotaInstrumentRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.5);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .quota-card,
  .quota-card::before,
  .quota-card::after {
    animation: none !important;
  }
}

/* Quota instrument number legibility pass */
.quota-card .quota-number {
  position: relative;
  display: inline-block;
  width: fit-content;
  color: color-mix(in srgb, var(--quota-instrument-dot) 68%, #4d3931) !important;
  background: none !important;
  -webkit-background-clip: initial;
  background-clip: initial;
  text-shadow:
    0 0 18px color-mix(in srgb, var(--quota-instrument-dot) 26%, transparent),
    0 8px 18px rgba(92,70,59,.08);
}

.quota-card.is-quota-low .quota-number {
  color: #8f5b55 !important;
  background: none !important;
  text-shadow:
    0 0 18px rgba(201,143,136,.28),
    0 8px 18px rgba(92,70,59,.08);
}

.quota-card .quota-number::after {
  content: "";
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: -6px;
  height: 2px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .48;
  background: linear-gradient(90deg, transparent, var(--quota-instrument-rail), rgba(255,253,249,.82), transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--quota-instrument-dot) 26%, transparent);
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  .quota-card .quota-number::after {
    animation: quotaInstrumentNumberRail 5.2s ease-in-out infinite;
  }
}

@keyframes quotaInstrumentNumberRail {
  0%, 100% {
    opacity: .2;
    transform: scaleX(.48);
  }
  50% {
    opacity: .76;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .quota-card .quota-number::after {
    animation: none !important;
  }
}

/* Dashboard control deck luminous link pass */
#dashboard .workflow-panel {
  position: relative;
  isolation: isolate;
}

#dashboard .workflow-panel::before,
#dashboard .tool-matrix::before,
#dashboard .tool-matrix::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .workflow-panel::before {
  left: 18px;
  right: 18px;
  top: 82px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .52;
  background: linear-gradient(90deg, transparent, rgba(217,185,140,.7), rgba(125,157,145,.38), rgba(255,253,249,.9), transparent);
  box-shadow:
    0 0 18px rgba(217,185,140,.2),
    0 0 36px rgba(125,157,145,.1);
  transform-origin: center;
}

#dashboard .workflow-panel > * {
  position: relative;
  z-index: 1;
}

#dashboard .tool-matrix {
  position: relative;
  isolation: isolate;
}

#dashboard .tool-matrix::before {
  inset: -18px -8px auto;
  z-index: 0;
  height: 94px;
  border-radius: var(--radius);
  opacity: .42;
  background:
    radial-gradient(circle at 12% 0, rgba(125,157,145,.16), transparent 28%),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.18), transparent 32%),
    radial-gradient(circle at 86% 0, rgba(201,143,136,.13), transparent 30%),
    linear-gradient(90deg, transparent, rgba(255,253,249,.7), transparent);
  filter: blur(.3px);
}

#dashboard .tool-matrix::after {
  left: 2%;
  right: 2%;
  top: 12px;
  z-index: 0;
  height: 2px;
  border-radius: 999px;
  opacity: .5;
  background: linear-gradient(90deg, transparent, rgba(125,157,145,.42), rgba(217,185,140,.72), rgba(201,143,136,.34), transparent);
  box-shadow: 0 0 22px rgba(217,185,140,.16);
  transform-origin: center;
}

#dashboard .tool-matrix > * {
  position: relative;
  z-index: 1;
}

#dashboard .tool-card {
  --tool-status-label: "待启动";
}

#dashboard .tool-card.consult {
  --tool-status-label: "咨询在线";
}

#dashboard .tool-card.reshape {
  --tool-status-label: "视觉待命";
}

#dashboard .tool-card.watermark {
  --tool-status-label: "品牌封装";
}

#dashboard .tool-card.copy {
  --tool-status-label: "内容出击";
}

#dashboard .tool-card h3::before {
  content: var(--tool-status-label);
  position: absolute;
  left: 50%;
  top: -30px;
  min-width: 72px;
  transform: translateX(-50%);
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--tool-signature, #d9b98c) 26%, rgba(181,138,88,.14));
  border-radius: 999px;
  color: color-mix(in srgb, var(--tool-signature, #d9b98c) 70%, #4d3931);
  background:
    radial-gradient(circle at 16% 0, rgba(255,255,255,.86), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.86), rgba(255,247,235,.62));
  box-shadow:
    0 8px 18px color-mix(in srgb, var(--tool-signature, #d9b98c) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .tool-card img {
  border: 1px solid color-mix(in srgb, var(--tool-signature, #d9b98c) 20%, rgba(255,253,249,.68));
  box-shadow:
    0 14px 28px rgba(92,70,59,.08),
    0 0 0 4px color-mix(in srgb, var(--tool-signature, #d9b98c) 5%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .workflow-panel::before {
    animation: dashboardControlDeckRail 7.8s ease-in-out infinite;
  }

  #dashboard .tool-matrix::before {
    animation: dashboardToolMatrixBloom 9.4s ease-in-out infinite;
  }

  #dashboard .tool-matrix::after {
    animation: dashboardToolMatrixTrace 6.8s ease-in-out infinite;
  }

  #dashboard .tool-card h3::before {
    animation: dashboardToolStatusPulse 4.8s ease-in-out infinite;
  }
}

@keyframes dashboardControlDeckRail {
  0%, 100% {
    opacity: .26;
    transform: scaleX(.56);
  }
  50% {
    opacity: .72;
    transform: scaleX(1);
  }
}

@keyframes dashboardToolMatrixBloom {
  0%, 100% {
    opacity: .3;
    transform: translateY(0);
  }
  50% {
    opacity: .54;
    transform: translateY(4px);
  }
}

@keyframes dashboardToolMatrixTrace {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.48);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@keyframes dashboardToolStatusPulse {
  0%, 100% {
    box-shadow:
      0 8px 18px color-mix(in srgb, var(--tool-signature, #d9b98c) 10%, transparent),
      inset 0 1px 0 rgba(255,255,255,.74);
  }
  50% {
    box-shadow:
      0 12px 24px color-mix(in srgb, var(--tool-signature, #d9b98c) 18%, transparent),
      0 0 18px color-mix(in srgb, var(--tool-signature, #d9b98c) 12%, transparent),
      inset 0 1px 0 rgba(255,255,255,.86);
  }
}

@media (max-width: 720px) {
  #dashboard .workflow-panel::before,
  #dashboard .tool-matrix::before,
  #dashboard .tool-matrix::after {
    display: none;
  }

  #dashboard .tool-card h3::before {
    top: -26px;
    min-width: 64px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .workflow-panel::before,
  #dashboard .tool-matrix::before,
  #dashboard .tool-matrix::after,
  #dashboard .tool-card h3::before {
    animation: none !important;
  }
}

/* Sidebar nav jewel final polish pass */
.nav {
  padding: 2px;
  border-radius: calc(var(--radius) + 2px);
  background:
    linear-gradient(180deg, rgba(255,253,249,.42), rgba(255,247,235,.18)),
    radial-gradient(circle at 18% 0, rgba(217,185,140,.1), transparent 36%);
}

.nav button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid transparent;
  background:
    linear-gradient(145deg, rgba(255,253,249,.62), rgba(255,247,235,.24)),
    radial-gradient(circle at 10% 0, var(--nav-prism-soft, rgba(217,185,140,.2)), transparent 34%);
}

.nav button::before,
.nav button::after {
  pointer-events: none;
}

.nav button:not([aria-current="page"]):not(.active)::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  opacity: .18;
  background:
    linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.54) 50%, color-mix(in srgb, var(--nav-prism, #d9b98c) 18%, transparent) 58%, transparent 72%),
    radial-gradient(circle at 92% 50%, var(--nav-prism-soft, rgba(217,185,140,.2)), transparent 34%);
  transform: translateX(-118%) skewX(-12deg);
}

.nav button:not([aria-current="page"]):not(.active)::after {
  content: "";
  position: absolute;
  left: 40px;
  right: 12px;
  bottom: 7px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .24;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--nav-prism, #d9b98c) 58%, transparent), transparent);
  transform-origin: left center;
}

.nav button:hover,
.nav button:focus-visible {
  border-color: color-mix(in srgb, var(--nav-prism, #d9b98c) 28%, rgba(181,138,88,.12));
}

.nav button[aria-current="page"],
.nav button.active {
  border-color: color-mix(in srgb, var(--nav-prism, #d9b98c) 38%, rgba(181,138,88,.18));
  background:
    radial-gradient(circle at 12% 0, rgba(255,253,249,.62), transparent 34%),
    radial-gradient(circle at 98% 50%, var(--nav-prism-soft, rgba(217,185,140,.24)), transparent 42%),
    linear-gradient(135deg, #241b18, color-mix(in srgb, var(--nav-prism, #d9b98c) 28%, #6f4a41) 58%, #3a2a25);
  box-shadow:
    0 14px 30px color-mix(in srgb, var(--nav-prism, #d9b98c) 16%, transparent),
    0 0 0 1px rgba(255,253,249,.12) inset;
}

.nav button[aria-current="page"]::after,
.nav button.active::after {
  content: "";
  position: absolute;
  inset: auto 12px 6px 40px;
  z-index: 0;
  height: 2px;
  opacity: .74;
  background: linear-gradient(90deg, transparent, var(--nav-prism, #d9b98c), rgba(255,253,249,.82), transparent);
  box-shadow: 0 0 14px color-mix(in srgb, var(--nav-prism, #d9b98c) 38%, transparent);
  transform-origin: center;
}

.nav button > * {
  position: relative;
  z-index: 1;
}

.nav button .nav-icon {
  border: 1px solid color-mix(in srgb, var(--nav-prism, #d9b98c) 22%, rgba(255,253,249,.58));
}

@media (prefers-reduced-motion: no-preference) {
  .nav button:not([aria-current="page"]):not(.active)::before {
    animation: navJewelIdleSweep 8.2s ease-in-out infinite;
  }

  .nav button:not([aria-current="page"]):not(.active)::after {
    animation: navJewelIdleRail 6.6s ease-in-out infinite;
  }

  .nav button[aria-current="page"]::after,
  .nav button.active::after {
    animation: navJewelActiveRail 4.8s ease-in-out infinite;
  }
}

@keyframes navJewelIdleSweep {
  0%, 58% {
    opacity: .1;
    transform: translateX(-118%) skewX(-12deg);
  }
  82%, 100% {
    opacity: .34;
    transform: translateX(118%) skewX(-12deg);
  }
}

@keyframes navJewelIdleRail {
  0%, 100% {
    opacity: .12;
    transform: scaleX(.42);
  }
  50% {
    opacity: .38;
    transform: scaleX(1);
  }
}

@keyframes navJewelActiveRail {
  0%, 100% {
    opacity: .36;
    transform: scaleX(.58);
  }
  50% {
    opacity: .9;
    transform: scaleX(1);
  }
}

@media (max-width: 720px) {
  .nav {
    padding: 0;
    background: transparent;
  }

  .nav button:not([aria-current="page"]):not(.active)::before,
  .nav button:not([aria-current="page"]):not(.active)::after {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav button:not([aria-current="page"]):not(.active)::before,
  .nav button:not([aria-current="page"]):not(.active)::after,
  .nav button[aria-current="page"]::after,
  .nav button.active::after {
    animation: none !important;
  }
}

/* Generation module signal final pass */
.result-box.is-loading,
.copy-output.is-generating,
.consult-output.is-generating {
  --generation-signal: #d9b98c;
  --generation-signal-soft: rgba(217,185,140,.2);
  --generation-signal-rail: rgba(217,185,140,.72);
}

#reshape:has(#reshapeResult.is-loading) #reshapeResult.is-loading {
  --generation-signal: #c98f88;
  --generation-signal-soft: rgba(201,143,136,.22);
  --generation-signal-rail: rgba(201,143,136,.74);
}

#consult:has(.consult-output.is-generating) .consult-output.is-generating {
  --generation-signal: #7d9d91;
  --generation-signal-soft: rgba(125,157,145,.22);
  --generation-signal-rail: rgba(125,157,145,.74);
}

#copywriting:has(#copyOutput.is-generating) #copyOutput.is-generating {
  --generation-signal: #2f6f64;
  --generation-signal-soft: rgba(47,111,100,.2);
  --generation-signal-rail: rgba(47,111,100,.68);
}

.result-box.is-loading {
  border-color: color-mix(in srgb, var(--generation-signal, #d9b98c) 34%, rgba(181,138,88,.2));
  background:
    radial-gradient(circle at 18% 0, var(--generation-signal-soft, rgba(217,185,140,.2)), transparent 36%),
    radial-gradient(circle at 92% 92%, rgba(125,157,145,.14), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.95), rgba(255,247,235,.74));
}

.copy-output.is-generating,
.consult-output.is-generating {
  border-color: color-mix(in srgb, var(--generation-signal, #d9b98c) 34%, rgba(181,138,88,.2));
  background:
    radial-gradient(circle at 18% 0, var(--generation-signal-soft, rgba(217,185,140,.2)), transparent 36%),
    radial-gradient(circle at 94% 88%, rgba(255,232,166,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(248,238,230,.72));
}

.result-box.is-loading::before,
.copy-output.is-generating::before,
.consult-output.is-generating::before {
  border-color: color-mix(in srgb, var(--generation-signal, #d9b98c) 24%, rgba(255,253,249,.46));
  background:
    radial-gradient(circle at 22% 24%, rgba(255,253,249,.56), transparent 28%),
    radial-gradient(circle at 78% 76%, var(--generation-signal-soft, rgba(217,185,140,.18)), transparent 32%),
    linear-gradient(115deg, transparent 0%, color-mix(in srgb, var(--generation-signal, #d9b98c) 18%, transparent) 46%, transparent 62%);
}

.result-box.is-loading::after,
.copy-output.is-generating::after,
.consult-output.is-generating::after {
  background:
    linear-gradient(90deg, transparent, var(--generation-signal-rail, rgba(217,185,140,.72)), rgba(255,253,249,.82), rgba(255,232,166,.58), transparent) 0 0 / 220% 100%;
  box-shadow:
    0 0 18px color-mix(in srgb, var(--generation-signal, #d9b98c) 24%, transparent),
    0 10px 24px rgba(181,138,88,.12);
}

.copy-output.is-generating strong,
.consult-output.is-generating strong,
.result-box.is-loading .pending-after-copy strong {
  color: color-mix(in srgb, var(--generation-signal, #d9b98c) 60%, #4d3931);
  text-shadow: 0 0 18px color-mix(in srgb, var(--generation-signal, #d9b98c) 18%, transparent);
}

.copy-output.is-generating .output-skeleton span,
.consult-output.is-generating .output-skeleton span {
  border-color: color-mix(in srgb, var(--generation-signal, #d9b98c) 14%, rgba(181,138,88,.08));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--generation-signal, #d9b98c) 8%, transparent), rgba(217,185,140,.13), rgba(125,157,145,.08));
}

.copy-output.is-generating .output-skeleton span::after,
.consult-output.is-generating .output-skeleton span::after {
  background: linear-gradient(90deg, transparent, rgba(255,253,249,.92), color-mix(in srgb, var(--generation-signal, #d9b98c) 42%, rgba(255,232,166,.58)), transparent);
}

.pending-after-copy span {
  border-color: color-mix(in srgb, var(--generation-signal, #d9b98c) 46%, rgba(217,185,140,.28));
  background:
    conic-gradient(from 120deg, color-mix(in srgb, var(--generation-signal, #d9b98c) 8%, transparent), var(--generation-signal, #d9b98c), rgba(184,121,114,.72), rgba(125,157,145,.76), color-mix(in srgb, var(--generation-signal, #d9b98c) 8%, transparent));
  box-shadow:
    0 14px 34px color-mix(in srgb, var(--generation-signal, #d9b98c) 22%, transparent),
    0 0 0 6px color-mix(in srgb, var(--generation-signal, #d9b98c) 7%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .result-box.is-loading,
  .copy-output.is-generating,
  .consult-output.is-generating {
    animation: generationSignalShellBreath 5.6s ease-in-out infinite;
  }

  .result-box.is-loading::before,
  .copy-output.is-generating::before,
  .consult-output.is-generating::before {
    animation-name: generationSignalInnerTrace;
  }
}

@keyframes generationSignalShellBreath {
  0%, 100% {
    box-shadow:
      0 20px 50px rgba(92,70,59,.1),
      0 0 0 4px color-mix(in srgb, var(--generation-signal, #d9b98c) 4%, transparent),
      inset 0 1px 0 rgba(255,253,249,.82);
  }
  50% {
    box-shadow:
      0 26px 62px color-mix(in srgb, var(--generation-signal, #d9b98c) 13%, rgba(92,70,59,.08)),
      0 0 0 5px color-mix(in srgb, var(--generation-signal, #d9b98c) 7%, transparent),
      inset 0 1px 0 rgba(255,253,249,.9);
  }
}

@keyframes generationSignalInnerTrace {
  0%, 100% {
    opacity: .48;
    transform: translateX(-2%) scale(.996);
  }
  50% {
    opacity: .86;
    transform: translateX(2%) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .result-box.is-loading,
  .copy-output.is-generating,
  .consult-output.is-generating {
    animation: none !important;
  }
}

/* Upload intake launch chamber final pass */
.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) {
  --upload-intake-dot: #d9b98c;
  --upload-intake-soft: rgba(217,185,140,.2);
  --upload-intake-rail: rgba(217,185,140,.7);
  border-color: color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 26%, rgba(181,138,88,.16));
  background:
    radial-gradient(circle at 16% 0, rgba(255,253,249,.74), transparent 34%),
    radial-gradient(circle at 96% 100%, var(--upload-intake-soft, rgba(217,185,140,.2)), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.62));
  box-shadow:
    0 18px 42px rgba(92,70,59,.075),
    0 0 0 4px color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 5%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error):has(input[data-file-label="reshapeFile"]),
.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error):has(input[data-file-label="fusionOriginalFile"]) {
  --upload-intake-dot: #c98f88;
  --upload-intake-soft: rgba(201,143,136,.22);
  --upload-intake-rail: rgba(201,143,136,.72);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error):has(input[data-file-label="styleReferenceFile"]),
.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error):has(input[data-file-label="fusionReferenceFile"]) {
  --upload-intake-dot: #d9b98c;
  --upload-intake-soft: rgba(217,185,140,.22);
  --upload-intake-rail: rgba(217,185,140,.72);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error):has(input[data-file-label="videoFile"]) {
  --upload-intake-dot: #bf8277;
  --upload-intake-soft: rgba(191,130,119,.22);
  --upload-intake-rail: rgba(191,130,119,.72);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error):has(input[data-file-label="watermarkFile"]) {
  --upload-intake-dot: #2f6f64;
  --upload-intake-soft: rgba(47,111,100,.2);
  --upload-intake-rail: rgba(47,111,100,.66);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error)::before {
  background:
    linear-gradient(116deg, transparent 0%, transparent 36%, rgba(255,253,249,.72) 46%, color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 24%, transparent) 56%, transparent 70%, transparent 100%),
    radial-gradient(circle at 16% 0, var(--upload-intake-soft, rgba(217,185,140,.2)), transparent 30%);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error)::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 12px;
  z-index: 1;
  height: 2px;
  border: 0;
  border-radius: 999px;
  opacity: .5;
  background: linear-gradient(90deg, transparent, var(--upload-intake-rail, rgba(217,185,140,.7)), rgba(255,253,249,.84), transparent);
  box-shadow: 0 0 16px color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 24%, transparent);
  transform-origin: center;
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) .upload-icon {
  color: color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 78%, #4d3931);
  border: 1px solid color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 28%, rgba(255,253,249,.62));
  background:
    radial-gradient(circle at 30% 0, rgba(255,253,249,.92), transparent 34%),
    linear-gradient(145deg, rgba(255,253,249,.94), color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 18%, rgba(244,223,196,.78)));
  box-shadow:
    0 12px 26px color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 16%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) strong {
  color: color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 44%, #4d3931);
}

@media (prefers-reduced-motion: no-preference) {
  .upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error)::after {
    animation: uploadIntakeLaunchRail 6.2s ease-in-out infinite;
  }

  .upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) .upload-icon {
    animation: uploadIntakeIconReady 5.2s ease-in-out infinite;
  }
}

@keyframes uploadIntakeLaunchRail {
  0%, 100% {
    opacity: .22;
    transform: scaleX(.42);
  }
  50% {
    opacity: .68;
    transform: scaleX(1);
  }
}

@keyframes uploadIntakeIconReady {
  0%, 100% {
    box-shadow:
      0 10px 22px color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 12%, transparent),
      inset 0 1px 0 rgba(255,255,255,.74);
  }
  50% {
    box-shadow:
      0 14px 30px color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 22%, transparent),
      0 0 18px color-mix(in srgb, var(--upload-intake-dot, #d9b98c) 14%, transparent),
      inset 0 1px 0 rgba(255,255,255,.86);
  }
}

@media (max-width: 720px) {
  .upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error)::after {
    left: 14px;
    right: 14px;
    bottom: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error)::after,
  .upload-box:not(.has-file):not(.is-reading):not(.upload-confirmed):not(.is-submitted):not(.has-error) .upload-icon {
    animation: none !important;
  }
}

/* Reshape precision tactile controls pass */
#reshape .reshape-builder .choice-item,
#reshape .reshape-builder .select-chip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 46px;
  display: grid;
  align-items: center;
  border-color: color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 18%, rgba(181,138,88,.14));
  background:
    linear-gradient(145deg, rgba(255,253,249,.88), rgba(255,247,235,.58)),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 10%, transparent), transparent 34%);
  box-shadow:
    0 8px 18px rgba(92,70,59,.045),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:
    transform .16s var(--ease-out),
    border-color .16s var(--ease-out),
    box-shadow .16s var(--ease-out),
    background .16s var(--ease-out);
}

#reshape .reshape-builder .choice-item {
  gap: 5px;
}

#reshape .reshape-builder .choice-item span,
#reshape .reshape-builder .select-chip {
  color: #3f2d27;
  font-weight: 920;
  letter-spacing: 0;
}

#reshape .reshape-builder .choice-item small {
  color: #6f5f55;
  line-height: 1.48;
  letter-spacing: 0;
}

#reshape .reshape-builder .choice-item::before,
#reshape .reshape-builder .select-chip::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  background: linear-gradient(110deg, transparent 0%, transparent 38%, rgba(255,253,249,.76) 50%, color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 20%, transparent) 58%, transparent 74%);
  transform: translateX(-118%) skewX(-10deg);
}

#reshape .reshape-builder .choice-item > *,
#reshape .reshape-builder .select-chip > * {
  position: relative;
  z-index: 1;
}

#reshape .reshape-builder .choice-item:hover,
#reshape .reshape-builder .select-chip:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 36%, rgba(181,138,88,.18));
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.72)),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 16%, transparent), transparent 36%);
  box-shadow:
    0 16px 32px color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 12%, transparent),
    0 8px 18px rgba(92,70,59,.05),
    inset 0 1px 0 rgba(255,255,255,.82);
}

#reshape .reshape-builder .choice-item:hover::before,
#reshape .reshape-builder .select-chip:hover::before,
#reshape .reshape-builder .choice-item:focus-visible::before,
#reshape .reshape-builder .select-chip:focus-visible::before {
  opacity: .58;
  transform: translateX(112%) skewX(-10deg);
}

#reshape .reshape-builder .choice-item:active,
#reshape .reshape-builder .select-chip:active {
  transform: translateY(0) scale(.992);
  box-shadow:
    0 6px 14px rgba(92,70,59,.045),
    inset 0 1px 6px color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 12%, transparent);
}

#reshape .reshape-builder .choice-item.active,
#reshape .reshape-builder .select-chip.active {
  border-color: color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 46%, rgba(181,138,88,.18));
  background:
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,221,.78)),
    radial-gradient(circle at 100% 0, color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 24%, transparent), transparent 38%);
  box-shadow:
    0 14px 30px color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 13%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 24%, transparent),
    inset 0 1px 0 rgba(255,255,255,.88);
}

#reshape .reshape-builder .choice-item.active span,
#reshape .reshape-builder .select-chip.active {
  color: color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 44%, #2f2520);
}

#reshape .reshape-builder .choice-item:focus-visible,
#reshape .reshape-builder .select-chip:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--reshape-option-dot, #d9b98c) 62%, #fffdf9);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
  #reshape .reshape-builder .choice-item:hover::before,
  #reshape .reshape-builder .select-chip:hover::before,
  #reshape .reshape-builder .choice-item:focus-visible::before,
  #reshape .reshape-builder .select-chip:focus-visible::before {
    animation: reshapeTactileControlGlint .62s ease-out both;
  }
}

@keyframes reshapeTactileControlGlint {
  0% {
    opacity: 0;
    transform: translateX(-118%) skewX(-10deg);
  }
  42% {
    opacity: .62;
  }
  100% {
    opacity: .16;
    transform: translateX(112%) skewX(-10deg);
  }
}

@media (max-width: 720px) {
  #reshape .reshape-builder .choice-item,
  #reshape .reshape-builder .select-chip {
    min-height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #reshape .reshape-builder .choice-item::before,
  #reshape .reshape-builder .select-chip::before {
    animation: none !important;
    transform: none !important;
  }
}

/* Unified deliverable result stage pass */
.copy-output.is-copyable,
.consult-output.is-copyable,
#reshapeResult.is-success,
#reshapeResult:has(.comparison-result),
.watermark-result.is-export-ready {
  --deliverable-dot: #7d9d91;
  --deliverable-soft: rgba(125,157,145,.16);
  --deliverable-rail: rgba(125,157,145,.68);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--deliverable-dot) 34%, rgba(181,138,88,.16));
  background:
    radial-gradient(circle at 18% 0, rgba(255,253,249,.72), transparent 34%),
    radial-gradient(circle at 100% 100%, var(--deliverable-soft), transparent 38%),
    linear-gradient(145deg, rgba(255,253,249,.98), rgba(255,247,235,.58));
  box-shadow:
    0 22px 54px color-mix(in srgb, var(--deliverable-dot) 12%, transparent),
    0 0 0 4px color-mix(in srgb, var(--deliverable-dot) 5%, transparent),
    inset 0 1px 0 rgba(255,255,255,.86);
}

#reshapeResult.is-success,
#reshapeResult:has(.comparison-result) {
  --deliverable-dot: #c98f88;
  --deliverable-soft: rgba(201,143,136,.16);
  --deliverable-rail: rgba(201,143,136,.68);
}

.watermark-result.is-export-ready {
  --deliverable-dot: #2f6f64;
  --deliverable-soft: rgba(47,111,100,.16);
  --deliverable-rail: rgba(47,111,100,.68);
}

.copy-output.is-copyable::after,
.consult-output.is-copyable::after,
#reshapeResult.is-success::after,
#reshapeResult:has(.comparison-result)::after,
.watermark-result.is-export-ready::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 12px;
  z-index: 2;
  height: 2px;
  border: 0;
  border-radius: 999px;
  pointer-events: none;
  opacity: .52;
  background: linear-gradient(90deg, transparent, var(--deliverable-rail), rgba(255,253,249,.82), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--deliverable-dot) 26%, transparent);
  transform-origin: center;
}

#reshapeResult.is-success::before,
#reshapeResult:has(.comparison-result)::before,
.watermark-result.is-export-ready::before {
  content: "成品就绪";
  position: absolute;
  right: 14px;
  top: 12px;
  z-index: 4;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--deliverable-dot) 24%, rgba(255,253,249,.68));
  border-radius: 999px;
  color: color-mix(in srgb, var(--deliverable-dot) 68%, #3f2d27);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), rgba(255,247,235,.72)),
    radial-gradient(circle at 18% 0, color-mix(in srgb, var(--deliverable-dot) 18%, transparent), transparent 36%);
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--deliverable-dot) 12%, transparent),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  pointer-events: none;
}

.watermark-result.is-export-ready::before {
  content: "封装就绪";
}

.copy-output.is-copyable > *,
.consult-output.is-copyable > *,
#reshapeResult.is-success > *,
#reshapeResult:has(.comparison-result) > *,
.watermark-result.is-export-ready > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .copy-output.is-copyable,
  .consult-output.is-copyable,
  #reshapeResult.is-success,
  #reshapeResult:has(.comparison-result),
  .watermark-result.is-export-ready {
    animation: deliverableResultStageBreath 8.8s ease-in-out infinite;
  }

  .copy-output.is-copyable::after,
  .consult-output.is-copyable::after,
  #reshapeResult.is-success::after,
  #reshapeResult:has(.comparison-result)::after,
  .watermark-result.is-export-ready::after {
    animation: deliverableResultStageRail 6.8s ease-in-out infinite;
  }

  .copy-output.is-copyable:hover,
  .consult-output.is-copyable:hover,
  #reshapeResult.is-success:hover,
  #reshapeResult:has(.comparison-result):hover,
  .watermark-result.is-export-ready:hover,
  .copy-output.is-copyable:focus-within,
  .consult-output.is-copyable:focus-within,
  #reshapeResult.is-success:focus-within,
  #reshapeResult:has(.comparison-result):focus-within,
  .watermark-result.is-export-ready:focus-within {
    animation-play-state: paused;
  }
}

@keyframes deliverableResultStageBreath {
  0%, 100% {
    box-shadow:
      0 20px 48px color-mix(in srgb, var(--deliverable-dot) 10%, transparent),
      0 0 0 4px color-mix(in srgb, var(--deliverable-dot) 4%, transparent),
      inset 0 1px 0 rgba(255,255,255,.8);
  }
  50% {
    box-shadow:
      0 26px 62px color-mix(in srgb, var(--deliverable-dot) 15%, transparent),
      0 0 0 5px color-mix(in srgb, var(--deliverable-dot) 7%, transparent),
      inset 0 1px 0 rgba(255,255,255,.88);
  }
}

@keyframes deliverableResultStageRail {
  0%, 100% {
    opacity: .24;
    transform: scaleX(.52);
  }
  50% {
    opacity: .72;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .copy-output.is-copyable,
  .consult-output.is-copyable,
  #reshapeResult.is-success,
  #reshapeResult:has(.comparison-result),
  .watermark-result.is-export-ready,
  .copy-output.is-copyable::after,
  .consult-output.is-copyable::after,
  #reshapeResult.is-success::after,
  #reshapeResult:has(.comparison-result)::after,
  .watermark-result.is-export-ready::after {
    animation: none !important;
  }
}

/* Topbar signal legibility final pass */
.topbar-signal strong {
  position: relative;
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  color: color-mix(in srgb, var(--signal-dot, #d9b98c) 48%, #3f2d27) !important;
  background: none !important;
  -webkit-background-clip: initial;
  background-clip: initial;
  text-shadow: 0 1px 0 rgba(255,255,255,.76);
}

.topbar-signal.is-ready strong {
  color: #2f6f64 !important;
}

.topbar-signal.is-low strong {
  color: #8f5b55 !important;
}

.topbar-signal small {
  color: #6f5f55;
  font-size: 11.5px;
  line-height: 1.16;
}

.topbar-signal[data-signal="module"] strong {
  color: color-mix(in srgb, var(--topbar-module-dot, #d9b98c) 52%, #3f2d27) !important;
}

.topbar-signal strong::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 2px;
  border-radius: 999px;
  opacity: .42;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--signal-rail, rgba(217,185,140,.72)), transparent);
  transform-origin: center;
}

@media (prefers-reduced-motion: no-preference) {
  .topbar-signal strong::after {
    animation: topbarLegibleValueRail 5.6s ease-in-out infinite;
  }
}

@keyframes topbarLegibleValueRail {
  0%, 100% {
    opacity: .18;
    transform: scaleX(.5);
  }
  50% {
    opacity: .62;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .topbar-signal strong::after {
    animation: none !important;
  }
}

/* Active view non-blocking rail final pass */
.view.view-entering {
  overflow: visible;
  animation: viewEnter .2s var(--ease-out) both;
}

.view.view-entering::before {
  inset: 0 18px auto;
  z-index: 0;
  height: 1px;
  opacity: .58;
  filter: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--view-stage-signal) 58%, rgba(255,253,249,.7)), rgba(255,253,249,.86), transparent);
  box-shadow: 0 0 16px color-mix(in srgb, var(--view-stage-signal) 20%, transparent);
}

.view.view-entering::after {
  top: 6px;
  height: 2px;
  animation: activeViewStageSweep .32s var(--ease-out) both;
}

/* Low-height action visibility final pass */
@media (min-width: 921px) and (max-height: 760px) {
  .content {
    padding: 14px 24px 28px;
  }

  #consult > .section-head,
  #copywriting > .section-head {
    min-height: 76px;
    margin-bottom: 10px;
    padding: 14px 18px;
  }

  #consult > .section-head h2,
  #copywriting > .section-head h2 {
    font-size: 25px;
  }

  #consult > .section-head p,
  #copywriting > .section-head p {
    margin-top: 4px;
    font-size: 12.5px;
    line-height: 1.42;
  }

  #consult .consult-layout,
  #copywriting .copy-layout {
    align-items: stretch;
  }

  #consult .consult-builder,
  #consult .consult-result-panel,
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: calc(100vh - 284px);
    min-height: 420px;
    max-height: calc(100vh - 284px);
    overflow: hidden;
  }

  #consult .consult-builder,
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    padding: 16px;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto auto minmax(84px, 1fr) auto auto auto;
    gap: 8px;
  }

  #consult .consult-tabs {
    margin: -6px 0 8px;
  }

  #consult #consultScenarioSwitch {
    min-height: 0;
  }

  #consult .consult-tab-panel.active .form-grid {
    margin: 8px 0 0;
  }

  #consult #consultContext {
    height: clamp(84px, 16vh, 120px) !important;
    min-height: 84px;
    resize: none;
    overflow-y: auto;
  }

  #consult #consultActionCost {
    margin: 6px 0 0;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active .consult-actions {
    margin-top: 0;
    padding-top: 6px;
  }

  #copywriting .copy-layout > .copy-panel:first-child {
    display: grid;
    grid-template-rows: auto auto minmax(138px, 1fr) auto auto;
    gap: 10px;
    padding-bottom: 16px;
  }

  #copywriting #copyPromptPresets.quick-prompts {
    margin: 0;
  }

  #copywriting .form-grid {
    margin: 0;
    gap: 10px;
  }

  #copywriting .copy-panel > .field {
    min-height: 0;
  }

  #copywriting .copy-panel > .field textarea {
    height: clamp(138px, 24vh, 188px) !important;
    min-height: 138px;
    resize: none;
    overflow-y: auto;
  }

  #copywriting #copyActionCost {
    margin: 0;
  }

  #copywriting #copyGenerate,
  #consult #consultGenerate {
    min-height: 54px;
    align-self: end;
  }

  #copywriting #copyGenerate {
    margin-top: 0;
  }

  #copywriting .copy-result-panel {
    display: flex;
    flex-direction: column;
  }

  #copywriting .copy-result-panel #copyOutput,
  #consult .consult-result-panel .consult-output {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
  }
}

/* Low-height topbar compression final pass */
@media (min-width: 921px) and (max-height: 760px) {
  .topbar {
    min-height: 72px;
    padding: 10px 24px;
    gap: 12px;
    align-items: center;
  }

  .topbar > div:first-child {
    min-width: 180px;
    max-width: 238px;
  }

  .topbar .page-title {
    font-size: 21px;
  }

  .topbar .page-desc {
    margin-top: 2px;
    font-size: 11.5px;
    line-height: 1.28;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .topbar-command-center {
    flex: 1 1 auto;
    max-width: none;
    grid-template-columns: repeat(2, minmax(118px, 1fr));
    gap: 6px;
    padding: 7px;
  }

  .topbar-signal {
    min-height: 48px;
    padding: 8px 10px 8px 24px;
  }

  .topbar-signal small {
    font-size: 10px;
    line-height: 1;
  }

  .topbar-signal strong {
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.06;
  }

  .top-actions {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
  }

  .top-actions .btn {
    min-height: 38px;
    padding: 8px 12px;
    white-space: nowrap;
  }

  .content {
    padding-top: 12px;
  }

  #consult > .section-head,
  #copywriting > .section-head {
    min-height: 68px;
    padding: 12px 16px;
  }

  #consult .consult-tabs {
    height: 44px;
    min-height: 44px;
    padding: 4px;
  }

  #consult .consult-tabs button {
    min-height: 34px;
    padding: 6px 12px;
    font-size: 13px;
  }

  #consult .consult-builder,
  #consult .consult-result-panel,
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: calc(100vh - 332px);
    min-height: 360px;
    max-height: calc(100vh - 332px);
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    grid-template-rows: auto auto auto minmax(74px, 1fr) auto auto auto;
    gap: 6px;
  }

  #consult #consultScenarioSwitch .consult-scenario {
    min-height: 58px;
    padding: 8px 10px;
  }

  #consult #consultContext {
    height: clamp(74px, 14vh, 102px) !important;
    min-height: 74px;
  }

  #copywriting .copy-layout > .copy-panel:first-child {
    grid-template-rows: auto auto minmax(124px, 1fr) auto auto;
  }
}

/* Low-height consult overlap fix final pass */
@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    display: grid;
    grid-template-rows: auto auto auto minmax(68px, 1fr) auto auto auto;
    align-content: stretch;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active .consult-actions {
    position: relative;
    bottom: auto;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 148px;
    align-items: stretch;
    gap: 8px;
    margin-top: 0;
    padding-top: 0;
    background: transparent;
  }

  #consult .consult-tone-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 5px;
  }

  #consult .consult-tone-options .btn {
    min-height: 40px;
    padding: 7px 8px 7px 22px;
    font-size: 12px;
    line-height: 1.15;
  }

  #consult .consult-tone-options .btn::before {
    left: 8px;
    width: 6px;
    height: 6px;
  }

  #consult #consultGenerate {
    min-width: 0;
    width: 100%;
    min-height: 50px;
  }

  #consult #consultActionCost.has-after-quota {
    min-height: 62px;
    padding: 8px 110px 8px 30px;
    text-align: left;
    align-content: center;
    justify-items: start;
  }

  #consult #consultActionCost.has-after-quota .after-quota-badge,
  #consult #consultActionCost.has-after-quota[data-after-quota]::after {
    top: 50%;
    right: 10px;
    bottom: auto;
    left: auto;
    min-width: 92px;
    max-width: 98px;
    padding: 5px 8px;
    transform: translateY(-50%);
  }

  #consult #consultActionCost.has-after-quota .after-quota-label {
    display: none;
  }
}

/* Low-height consult compact form final pass */
@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-tab-panel.active .form-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
  }

  #consult .consult-tab-panel.active .form-grid .field {
    gap: 4px;
    min-width: 0;
  }

  #consult .consult-tab-panel.active .form-grid label {
    font-size: 11px;
    line-height: 1.1;
  }

  #consult .consult-tab-panel.active .form-grid input,
  #consult .consult-tab-panel.active .form-grid select {
    min-height: 38px;
    padding: 7px 9px;
    font-size: 12px;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    grid-template-rows: auto auto auto minmax(80px, 1fr) auto auto auto;
  }

  #consult #consultScenarioSwitch {
    height: 42px;
  }

  #consult .consult-builder .step-label {
    min-height: 24px;
    margin-bottom: 0;
    font-size: 11px;
  }

  #consult .consult-builder,
  #consult .consult-result-panel,
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: calc(100vh - 342px);
    min-height: 350px;
    max-height: calc(100vh - 342px);
  }
}

/* Low-height input stack separation final pass */
@media (min-width: 921px) and (max-height: 760px) {
  #consult > .section-head,
  #copywriting > .section-head {
    height: 68px;
    max-height: 68px;
    min-height: 68px;
    overflow: hidden;
  }

  #consult > .section-head h2,
  #copywriting > .section-head h2 {
    margin-bottom: 3px;
    font-size: 23px;
  }

  #consult > .section-head p,
  #copywriting > .section-head p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #consult .consult-builder,
  #consult .consult-result-panel,
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    height: calc(100vh - 312px);
    min-height: 390px;
    max-height: calc(100vh - 312px);
  }

  #consult .consult-builder,
  #copywriting .copy-layout > .copy-panel:first-child,
  #copywriting .copy-result-panel {
    padding: 14px;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    grid-template-rows: 24px 42px 54px minmax(86px, 1fr) 52px 62px 52px;
    gap: 7px;
  }

  #consult #consultContext {
    height: 86px !important;
    min-height: 86px;
    max-height: 86px;
  }

  #consult #consultActionCost.has-after-quota {
    min-height: 62px;
    max-height: 62px;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active .consult-actions {
    min-height: 52px;
    max-height: 52px;
  }

  #copywriting .copy-layout > .copy-panel:first-child {
    grid-template-rows: 34px 68px minmax(112px, 1fr) 62px 50px;
    gap: 7px;
  }

  #copywriting #copyPromptPresets.quick-prompts {
    min-height: 34px;
    max-height: 34px;
    padding: 5px;
  }

  #copywriting #copyPromptPresets .mini-btn {
    min-height: 24px;
    padding: 4px 8px;
    font-size: 11px;
    line-height: 1.1;
  }

  #copywriting .form-grid {
    min-height: 68px;
    max-height: 68px;
  }

  #copywriting .form-grid .field {
    gap: 4px;
  }

  #copywriting .form-grid label,
  #copywriting .copy-panel > .field label {
    font-size: 11px;
    line-height: 1.1;
  }

  #copywriting .form-grid select {
    min-height: 38px;
    padding: 7px 9px;
    font-size: 12px;
  }

  #copywriting .copy-panel > .field {
    min-height: 112px;
    overflow: hidden;
  }

  #copywriting .copy-panel > .field textarea {
    height: 92px !important;
    min-height: 92px;
    max-height: 92px;
  }

  #copywriting #copyActionCost.has-after-quota {
    min-height: 62px;
    max-height: 62px;
    padding: 8px 110px 8px 30px;
    text-align: left;
    align-content: center;
    justify-items: start;
  }

  #copywriting #copyActionCost.has-after-quota .after-quota-badge,
  #copywriting #copyActionCost.has-after-quota[data-after-quota]::after {
    top: 50%;
    right: 10px;
    bottom: auto;
    left: auto;
    min-width: 92px;
    max-width: 98px;
    padding: 5px 8px;
    transform: translateY(-50%);
  }

  #copywriting #copyActionCost.has-after-quota .after-quota-label {
    display: none;
  }

  #copywriting #copyGenerate,
  #consult #consultGenerate {
    min-height: 50px;
    max-height: 50px;
  }
}

/* Low-height consult textarea clearance final pass */
@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    grid-template-rows: 24px 42px 54px 78px 52px 62px 52px;
  }

  #consult #consultContext {
    height: 78px !important;
    min-height: 78px;
    max-height: 78px;
  }
}

/* Low-height consult label clearance final pass */
@media (min-width: 921px) and (max-height: 760px) {
  #consult #consultContext {
    height: 52px !important;
    min-height: 52px;
    max-height: 52px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: block;
    margin-top: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.42;
    resize: none;
    overflow-y: auto;
  }

  #consult #consultContext + .field-counter,
  #consult #consultContextFieldCounter {
    display: none;
  }

  #consult #consultContext[aria-describedby] {
    margin-top: 0;
  }

  #consult #consultContext::placeholder {
    white-space: normal;
  }

  #consult .field:has(#consultContext) {
    overflow: hidden;
  }

  #consult .field:has(#consultContext) label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* Dashboard opening quota centered glow lock pass */
#dashboard .opening-quota-card {
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(940px, calc(100% - 36px));
  min-height: min(610px, calc(100% - 36px));
  max-height: calc(100% - 36px);
  padding: clamp(36px, 4.2vw, 58px);
  display: grid;
  grid-template-rows: auto auto auto;
  place-items: center;
  place-content: center;
  justify-items: center;
  align-items: center;
  gap: clamp(20px, 1.8vw, 28px);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  text-align: center;
}

#dashboard .opening-quota-head {
  width: 100%;
  min-height: clamp(136px, 10vw, 170px);
  justify-content: center;
  align-items: center;
}

#dashboard .opening-quota-head span.opening-quota-title {
  width: min(100%, 700px);
  min-width: 0;
  padding: clamp(24px, 2.1vw, 34px) clamp(58px, 5vw, 86px) clamp(26px, 2.2vw, 36px);
  border-color: rgba(255,244,195,.96);
  color: #ffe8a6;
  background:
    linear-gradient(92deg, #fffdf4 0%, #ffe8a6 18%, #ffd36d 34%, #fff7dd 48%, #c98237 66%, #fff3c9 82%, #ffe8a6 100%);
  background-size: 560% 100%;
  -webkit-text-stroke: .7px rgba(42,24,18,.82);
  font-size: clamp(62px, 5.2vw, 88px);
  line-height: .95;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.24) inset,
    0 0 0 8px rgba(255,232,166,.1) inset,
    0 0 68px rgba(255,232,166,.62),
    0 0 150px rgba(217,185,140,.42),
    0 0 210px rgba(255,253,249,.2);
  text-shadow:
    0 2px 0 rgba(42,24,18,.72),
    0 0 22px rgba(255,253,249,.72),
    0 0 52px rgba(255,232,166,.82),
    0 0 96px rgba(217,185,140,.48);
}

#dashboard .opening-quota-head span.opening-quota-title::before {
  inset: -12px;
  opacity: .95;
  background:
    conic-gradient(from 18deg, transparent 0 11%, rgba(255,232,166,.72), rgba(255,253,249,.58), rgba(125,157,145,.28), transparent 48% 100%),
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.34), rgba(255,232,166,.3) 42%, transparent 76%);
  filter: blur(8px) saturate(1.2);
}

#dashboard .opening-quota-title::after {
  inset: -22px -64px;
  opacity: .95;
  background:
    linear-gradient(102deg, transparent 0%, rgba(255,253,249,.2) 34%, rgba(255,232,166,.98) 47%, rgba(255,253,249,.78) 54%, transparent 70%),
    radial-gradient(circle at 16% 50%, rgba(255,253,249,.54), transparent 42%);
}

#dashboard .opening-quota-title-glint {
  inset: -14px 8px;
  opacity: .8;
  filter:
    drop-shadow(0 0 12px rgba(255,232,166,.82))
    drop-shadow(0 0 30px rgba(217,185,140,.4));
}

#dashboard .opening-quota-title-shine {
  inset: -28px -60px;
  opacity: .52;
}

#dashboard .opening-quota-head span.opening-quota-title b {
  min-width: .78em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .95px rgba(42,24,18,.9);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 14px rgba(255,253,249,.58),
    0 0 34px rgba(255,232,166,.76),
    0 0 68px rgba(217,185,140,.46);
}

#dashboard .opening-standard-price {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  place-items: center;
  justify-content: center;
  width: min(100%, 870px);
  min-height: clamp(232px, 17vw, 276px);
  padding: clamp(34px, 3vw, 48px) clamp(36px, 3.2vw, 52px) clamp(36px, 3vw, 50px);
  gap: 14px 20px;
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  color: #fffdf4;
  font-size: clamp(66px, 5.6vw, 96px);
  line-height: .9;
  font-weight: 950;
  text-shadow:
    0 2px 0 rgba(42,24,18,.5),
    0 0 34px rgba(255,232,166,.9),
    0 0 82px rgba(217,185,140,.58),
    0 0 132px rgba(255,253,249,.24);
}

#dashboard .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-items: center;
  gap: 9px;
  color: rgba(255,253,249,.96);
  font-size: clamp(32px, 2.6vw, 46px);
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-standard-price strong {
  min-width: 1.16em;
  padding: 8px 22px 10px;
  border-color: rgba(255,246,198,1);
  color: #27140e;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 28%, #ffd36d 57%, #d29532 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.9), transparent 60%);
  font-size: clamp(84px, 6.4vw, 124px);
  line-height: .88;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    0 0 0 1px rgba(255,253,249,.32),
    0 0 88px rgba(255,232,166,1),
    0 0 164px rgba(217,185,140,.76),
    0 18px 38px rgba(18,14,12,.25);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleCenterBeacon 2.25s ease-in-out infinite,
      openingQuotaTitleCenterBreath 5.4s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaTitleCenterHalo 4s linear infinite;
  }

  #dashboard .opening-quota-title::after,
  #dashboard .opening-quota-title-shine {
    animation: openingQuotaTitleCenterSweep 2.35s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-glint {
    animation: openingQuotaTitleCenterSpark 2.6s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleCenterLetter 2.55s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .09s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .18s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .27s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .36s; }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaStandardCenterNumber 3.05s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleCenterBeacon {
  0%, 100% {
    filter:
      brightness(1.06)
      drop-shadow(0 0 24px rgba(255,232,166,.62))
      drop-shadow(0 0 50px rgba(217,185,140,.32));
  }
  44% {
    filter:
      brightness(1.42)
      saturate(1.16)
      drop-shadow(0 0 40px rgba(255,253,249,.84))
      drop-shadow(0 0 82px rgba(255,232,166,.72))
      drop-shadow(0 0 136px rgba(217,185,140,.42));
  }
}

@keyframes openingQuotaTitleCenterBreath {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.02); }
}

@keyframes openingQuotaTitleCenterHalo {
  0% { transform: rotate(0deg) scale(.98); }
  50% { transform: rotate(180deg) scale(1.05); }
  100% { transform: rotate(360deg) scale(.98); }
}

@keyframes openingQuotaTitleCenterSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-118%) skewX(-14deg);
  }
  44% {
    opacity: .62;
    transform: translateX(114%) skewX(-14deg);
  }
  64% {
    opacity: .26;
    transform: translateX(134%) skewX(-14deg);
  }
}

@keyframes openingQuotaTitleCenterSpark {
  0%, 100% {
    opacity: .54;
    transform: scale(.98);
  }
  42% {
    opacity: .98;
    transform: scale(1.035);
  }
}

@keyframes openingQuotaTitleCenterLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-5px) scale(1.09);
    filter:
      brightness(1.5)
      drop-shadow(0 0 18px rgba(255,253,249,.82))
      drop-shadow(0 0 36px rgba(255,232,166,.76));
  }
  62% {
    transform: translateY(0) scale(1.02);
    filter: brightness(1.12);
  }
}

@keyframes openingQuotaStandardCenterNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.52),
      0 0 0 1px rgba(255,253,249,.28),
      0 0 68px rgba(255,232,166,.86),
      0 0 124px rgba(217,185,140,.58),
      0 16px 34px rgba(18,14,12,.22);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      0 0 0 1px rgba(255,253,249,.36),
      0 0 98px rgba(255,232,166,1),
      0 0 178px rgba(217,185,140,.8),
      0 20px 40px rgba(18,14,12,.25);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: clamp(18px, 1.7vw, 26px);
    gap: 12px;
  }

  #dashboard .opening-quota-head {
    min-height: 106px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 550px);
    padding: 15px 34px 16px;
    font-size: clamp(40px, 3.25vw, 48px);
  }

  #dashboard .opening-standard-price {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    min-height: 154px;
    height: auto;
    padding: 14px 12px 16px;
    gap: 9px;
  }

  #dashboard .opening-standard-price span {
    grid-column: 1 / -1;
    font-size: clamp(38px, 3.3vw, 46px);
  }

  #dashboard .opening-standard-price em {
    grid-template-columns: 1fr;
    gap: 4px;
    min-width: 0;
    font-size: clamp(16px, 1.45vw, 19px);
  }

  #dashboard .opening-standard-price i {
    display: none;
  }

  #dashboard .opening-standard-price strong {
    box-sizing: border-box;
    width: min(100%, 94px);
    min-width: 0;
    padding: 4px 8px 6px;
    font-size: clamp(42px, 3.55vw, 50px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 520px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: min(488px, calc(100% - 20px));
    max-height: calc(100% - 20px);
    padding: 16px;
    gap: 10px;
  }

  #dashboard .opening-quota-head {
    min-height: 98px;
  }

  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 370px);
    padding: 12px 22px 13px;
    font-size: clamp(34px, 9.6vw, 40px);
  }

  #dashboard .opening-standard-price {
    min-height: 148px;
    padding: 14px 9px 15px;
    gap: 7px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 9.2vw, 40px);
  }

  #dashboard .opening-standard-price em {
    font-size: clamp(14px, 4.25vw, 16px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 86px);
    padding: 3px 7px 5px;
    font-size: clamp(36px, 10.6vw, 44px);
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-head span.opening-quota-title {
    padding-right: 18px;
    padding-left: 18px;
    font-size: clamp(32px, 9vw, 36px);
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(31px, 8.6vw, 36px);
  }

  #dashboard .opening-standard-price em {
    font-size: 14px;
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 78px);
    font-size: clamp(34px, 9.8vw, 40px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-title::after,
  #dashboard .opening-quota-title-glint,
  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota true final center lock pass */
/* Dashboard opening quota live specificity lock pass */
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  box-sizing: border-box;
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  inset: 0;
  width: auto;
  height: auto;
  transform: none;
}

#dashboard .opening-quota-card .opening-quota-title::after {
  inset: -10px 0;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine {
  inset: -8px 6px;
}

#dashboard .opening-quota-card .opening-standard-price span {
  line-height: 1.08;
  overflow: visible;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  box-sizing: border-box;
  min-width: 0;
  overflow: visible;
  line-height: 1.04;
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    padding: 11px 14px 13px;
    font-size: clamp(31px, 2.62vw, 36px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(36px, 3.05vw, 44px);
    line-height: 1.08;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 112px);
    padding: 5px 8px 7px;
    font-size: clamp(40px, 3.25vw, 46px);
    line-height: 1.04;
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(32px, 8.7vw, 38px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(36px, 9.2vw, 42px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 88px);
    font-size: clamp(33px, 9vw, 40px);
  }
}

#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  width: min(960px, calc(100% - 34px));
  min-height: min(620px, calc(100% - 34px));
  display: grid;
  place-items: center;
  place-content: center;
  transform: translate3d(-50%, -50%, 0);
}

#dashboard .opening-quota-head span.opening-quota-title {
  box-sizing: border-box;
  width: min(100%, 720px);
  min-width: 0;
  padding: clamp(26px, 2.3vw, 36px) clamp(62px, 5.2vw, 92px) clamp(28px, 2.45vw, 38px);
  font-size: clamp(64px, 5.45vw, 94px);
  line-height: 1.02;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.28) inset,
    0 0 78px rgba(255,232,166,.68),
    0 0 168px rgba(217,185,140,.48),
    0 0 240px rgba(255,253,249,.24);
}

#dashboard .opening-quota-head span.opening-quota-title b {
  --opening-title-letter-pop: 1;
}

#dashboard .opening-standard-price {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  place-items: center;
  width: min(100%, 900px);
  min-height: clamp(244px, 18vw, 292px);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  color: #fffdf4;
  font-size: clamp(72px, 6.15vw, 106px);
  line-height: 1.06;
  text-shadow:
    0 2px 0 rgba(42,24,18,.54),
    0 0 38px rgba(255,232,166,.94),
    0 0 92px rgba(217,185,140,.62),
    0 0 150px rgba(255,253,249,.26);
}

#dashboard .opening-standard-price strong {
  box-sizing: border-box;
  color: #24120c;
  font-size: clamp(92px, 7.1vw, 136px);
  line-height: 1.02;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 0 0 1px rgba(255,253,249,.34),
    0 0 96px rgba(255,232,166,1),
    0 0 192px rgba(217,185,140,.82),
    0 20px 42px rgba(18,14,12,.26);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleFinaleBeacon 1.9s ease-in-out infinite,
      openingQuotaTitleCenterBreath 5.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleFinaleLetter 2.45s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s; }
  #dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s; }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaStandardFinaleNumber 2.85s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleFinaleBeacon {
  0%, 100% {
    filter:
      brightness(1.08)
      drop-shadow(0 0 26px rgba(255,232,166,.68))
      drop-shadow(0 0 54px rgba(217,185,140,.34));
  }
  44% {
    filter:
      brightness(1.5)
      saturate(1.18)
      drop-shadow(0 0 46px rgba(255,253,249,.88))
      drop-shadow(0 0 94px rgba(255,232,166,.78))
      drop-shadow(0 0 148px rgba(217,185,140,.48));
  }
}

@keyframes openingQuotaTitleFinaleLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-6px) scale(1.105);
    filter:
      brightness(1.58)
      drop-shadow(0 0 20px rgba(255,253,249,.86))
      drop-shadow(0 0 40px rgba(255,232,166,.8));
  }
  62% {
    transform: translateY(0) scale(1.024);
    filter: brightness(1.14);
  }
}

@keyframes openingQuotaStandardFinaleNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.56),
      0 0 0 1px rgba(255,253,249,.3),
      0 0 76px rgba(255,232,166,.9),
      0 0 144px rgba(217,185,140,.62),
      0 18px 38px rgba(18,14,12,.24);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.66),
      0 0 0 1px rgba(255,253,249,.4),
      0 0 108px rgba(255,232,166,1),
      0 0 206px rgba(217,185,140,.86),
      0 22px 44px rgba(18,14,12,.26);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-head span.opening-quota-title {
    padding: 13px 24px 15px;
    font-size: clamp(36px, 3.05vw, 44px);
  }

  #dashboard .opening-standard-price {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(36px, 3.05vw, 44px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 112px);
    font-size: clamp(44px, 3.6vw, 52px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 540px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(38px, 9.8vw, 46px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-head span.opening-quota-title::after,
  #dashboard .opening-quota-title::after,
  #dashboard .opening-quota-title-glint,
  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong,
  #dashboard .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota spotlight live lock pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(990px, calc(100% - 32px));
  min-height: min(630px, calc(100% - 32px));
  max-height: calc(100% - 32px);
  padding: clamp(30px, 3.3vw, 54px);
  display: grid;
  grid-template-rows: auto auto auto;
  place-items: center;
  place-content: center;
  justify-items: center;
  align-items: center;
  gap: clamp(16px, 1.6vw, 24px);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  overflow: hidden;
  text-align: center;
}

#dashboard .opening-quota-card::before {
  background:
    radial-gradient(circle at 50% 0, rgba(255,253,249,.24), transparent 45%),
    linear-gradient(90deg, rgba(255,232,166,.3), transparent 21%, transparent 78%, rgba(125,157,145,.2)),
    linear-gradient(180deg, rgba(255,253,249,.16), transparent 38%, rgba(217,185,140,.2));
}

#dashboard .opening-quota-head {
  width: 100%;
  min-height: clamp(118px, 9.6vw, 156px);
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  box-sizing: border-box;
  width: min(100%, 750px);
  min-width: 0;
  padding: clamp(20px, 2vw, 30px) clamp(44px, 4.4vw, 76px) clamp(22px, 2.15vw, 32px);
  overflow: hidden;
  border-color: rgba(255,247,206,.98);
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 18%, #ffd36d 34%, #fff7dd 49%, #bd7632 65%, #fff3c9 82%, #ffe8a6 100%);
  background-size: 620% 100%;
  -webkit-text-stroke: .8px rgba(42,24,18,.9);
  font-size: clamp(58px, 5vw, 90px);
  line-height: 1.04;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.3) inset,
    0 0 0 8px rgba(255,232,166,.12) inset,
    0 0 84px rgba(255,232,166,.72),
    0 0 178px rgba(217,185,140,.5),
    0 0 250px rgba(255,253,249,.25);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 26px rgba(255,253,249,.78),
    0 0 62px rgba(255,232,166,.94),
    0 0 116px rgba(217,185,140,.56);
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  inset: 0;
  width: auto;
  height: auto;
  opacity: .92;
  transform: none;
}

#dashboard .opening-quota-card .opening-quota-title::after {
  inset: -10px 0;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine {
  inset: -8px 6px;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  min-width: .78em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: 1px rgba(42,24,18,.94);
  text-shadow:
    0 2px 0 rgba(42,24,18,.82),
    0 0 18px rgba(255,253,249,.68),
    0 0 42px rgba(255,232,166,.86),
    0 0 82px rgba(217,185,140,.54);
}

#dashboard .opening-standard-price {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  width: min(100%, 920px);
  min-height: clamp(238px, 17.6vw, 286px);
  padding: clamp(32px, 3vw, 48px) clamp(36px, 3.2vw, 54px) clamp(34px, 3.05vw, 50px);
  gap: 14px 20px;
  border-color: rgba(255,232,166,.76);
  background:
    linear-gradient(180deg, rgba(42,26,21,.78), rgba(104,62,45,.48)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.42), transparent 62%),
    radial-gradient(circle at 96% 100%, rgba(125,157,145,.24), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 18px 38px rgba(18,14,12,.2),
    0 0 72px rgba(217,185,140,.28);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  color: #fffdf4;
  font-size: clamp(70px, 5.95vw, 104px);
  line-height: 1.06;
  font-weight: 950;
  text-shadow:
    0 2px 0 rgba(42,24,18,.56),
    0 0 40px rgba(255,232,166,.98),
    0 0 96px rgba(217,185,140,.66),
    0 0 158px rgba(255,253,249,.28);
}

#dashboard .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: 9px;
  min-width: 0;
  color: rgba(255,253,249,.96);
  font-size: clamp(32px, 2.6vw, 48px);
  font-style: normal;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-standard-price i {
  display: none;
  color: rgba(255,232,166,.52);
  font-style: normal;
  font-weight: 950;
}

#dashboard .opening-standard-price strong {
  box-sizing: border-box;
  width: min(100%, 164px);
  min-width: 1.18em;
  padding: 8px 22px 10px;
  overflow: visible;
  border-color: rgba(255,247,206,1);
  color: #24120c;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 27%, #ffd36d 56%, #ce8e2b 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.94), transparent 60%);
  font-size: clamp(88px, 6.8vw, 132px);
  line-height: 1.04;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 102px rgba(255,232,166,1),
    0 0 198px rgba(217,185,140,.84),
    0 20px 42px rgba(18,14,12,.26);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleSpotlightBeacon 1.7s ease-in-out infinite,
      openingQuotaTitleCenterBreath 5.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaTitleSpotlightHalo 3.45s linear infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaTitleSpotlightDust 2.4s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleSpotlightSweep 1.95s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleSpotlightLetter 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::before {
    animation: openingQuotaTitleSpotlightAura 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
    animation: openingQuotaTitleSpotlightSpark 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1)::after {
    animation-delay: 0s;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2)::after {
    animation-delay: .09s;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3)::after {
    animation-delay: .18s;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4)::after {
    animation-delay: .27s;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5),
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5)::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5)::after {
    animation-delay: .36s;
  }

  #dashboard .opening-standard-price span {
    animation: openingQuotaStandardSpotlightLabel 3.4s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaStandardSpotlightNumber 2.65s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong::after {
    animation: openingQuotaStandardSpotlightSweep 2.9s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleSpotlightBeacon {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.08)
      drop-shadow(0 0 28px rgba(255,232,166,.72))
      drop-shadow(0 0 58px rgba(217,185,140,.38));
  }
  43% {
    background-position: 100% 50%;
    filter:
      brightness(1.62)
      saturate(1.22)
      drop-shadow(0 0 50px rgba(255,253,249,.92))
      drop-shadow(0 0 104px rgba(255,232,166,.86))
      drop-shadow(0 0 158px rgba(217,185,140,.52));
  }
  68% {
    background-position: 72% 50%;
    filter:
      brightness(1.18)
      drop-shadow(0 0 34px rgba(255,232,166,.78))
      drop-shadow(0 0 68px rgba(217,185,140,.4));
  }
}

@keyframes openingQuotaTitleSpotlightHalo {
  0% { transform: rotate(0deg) scale(.96); opacity: .76; }
  50% { transform: rotate(180deg) scale(1.05); opacity: 1; }
  100% { transform: rotate(360deg) scale(.96); opacity: .76; }
}

@keyframes openingQuotaTitleSpotlightDust {
  0%, 100% { opacity: .58; filter: drop-shadow(0 0 10px rgba(255,232,166,.58)); }
  44% { opacity: 1; filter: drop-shadow(0 0 22px rgba(255,253,249,.86)) drop-shadow(0 0 38px rgba(255,232,166,.58)); }
}

@keyframes openingQuotaTitleSpotlightSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-118%) skewX(-14deg);
  }
  46% {
    opacity: .96;
    transform: translateX(116%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(136%) skewX(-14deg);
  }
}

@keyframes openingQuotaTitleSpotlightLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-6px) scale(1.12);
    filter:
      brightness(1.68)
      drop-shadow(0 0 20px rgba(255,253,249,.86))
      drop-shadow(0 0 42px rgba(255,232,166,.86));
  }
  62% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.15);
  }
}

@keyframes openingQuotaTitleSpotlightAura {
  0%, 100% {
    opacity: .28;
    transform: translate(-50%, -46%) scale(.66);
  }
  38% {
    opacity: .8;
    transform: translate(-50%, -50%) scale(1.1);
  }
  62% {
    opacity: .42;
    transform: translate(-50%, -46%) scale(.82);
  }
}

@keyframes openingQuotaTitleSpotlightSpark {
  0%, 24%, 100% {
    opacity: 0;
    transform: translate(-50%, 6px) scale(.22);
  }
  38% {
    opacity: 1;
    transform: translate(-50%, -2px) scale(1.18);
  }
  58% {
    opacity: .32;
    transform: translate(-50%, 2px) scale(.62);
  }
}

@keyframes openingQuotaStandardSpotlightLabel {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  48% {
    filter: brightness(1.16);
    transform: translateY(-1px);
  }
}

@keyframes openingQuotaStandardSpotlightNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.58),
      0 0 0 1px rgba(255,253,249,.32),
      0 0 82px rgba(255,232,166,.92),
      0 0 156px rgba(217,185,140,.64),
      0 18px 38px rgba(18,14,12,.24);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.68),
      0 0 0 1px rgba(255,253,249,.42),
      0 0 116px rgba(255,232,166,1),
      0 0 216px rgba(217,185,140,.9),
      0 22px 44px rgba(18,14,12,.26);
  }
}

@keyframes openingQuotaStandardSpotlightSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-76%) rotate(10deg);
  }
  48% {
    opacity: .86;
    transform: translateX(76%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: clamp(17px, 1.7vw, 26px);
    gap: 12px;
  }

  #dashboard .opening-quota-head {
    min-height: 106px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 580px);
    padding: 12px 18px 14px;
    font-size: clamp(33px, 2.8vw, 42px);
  }

  #dashboard .opening-standard-price {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    min-height: 164px;
    padding: 15px 12px 17px;
    gap: 9px;
  }

  #dashboard .opening-standard-price span {
    grid-column: 1 / -1;
    font-size: clamp(38px, 3.3vw, 48px);
  }

  #dashboard .opening-standard-price em {
    grid-template-columns: 1fr;
    gap: 4px;
    font-size: clamp(16px, 1.5vw, 20px);
  }

  #dashboard .opening-standard-price i {
    display: none;
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 112px);
    min-width: 0;
    padding: 5px 6px 7px;
    font-size: clamp(42px, 3.45vw, 50px);
    line-height: 1.04;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 540px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: min(506px, calc(100% - 20px));
    max-height: calc(100% - 20px);
    padding: 16px;
    gap: 10px;
  }

  #dashboard .opening-quota-head {
    min-height: 104px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 380px);
    padding: 13px 18px 14px;
    font-size: clamp(32px, 8.7vw, 38px);
  }

  #dashboard .opening-standard-price {
    min-height: 164px;
    padding: 15px 9px 16px;
    gap: 7px;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(36px, 9.2vw, 42px);
  }

  #dashboard .opening-standard-price em {
    font-size: clamp(14px, 4.25vw, 16px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 88px);
    padding: 4px 4px 6px;
    font-size: clamp(35px, 9.2vw, 40px);
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    padding-right: 16px;
    padding-left: 16px;
    font-size: clamp(31px, 8.65vw, 36px);
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 8.9vw, 40px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 82px);
    font-size: clamp(34px, 9vw, 38px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong,
  #dashboard .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota jewel center eof lock pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
  min-height: clamp(560px, 52vh, 650px);
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  z-index: 5;
  width: min(960px, calc(100% - 40px));
  min-height: min(585px, calc(100% - 40px));
  max-height: calc(100% - 40px);
  padding: clamp(24px, 2.6vw, 42px);
  display: grid;
  grid-template-rows: auto auto auto;
  place-items: center;
  place-content: center;
  gap: clamp(14px, 1.45vw, 22px);
  margin: 0;
  overflow: hidden;
  text-align: center;
  text-wrap: balance;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  border-color: rgba(255,232,166,.72);
  background:
    linear-gradient(145deg, rgba(35,22,18,.8), rgba(90,52,39,.58)),
    radial-gradient(circle at 50% -10%, rgba(255,232,166,.34), transparent 48%),
    radial-gradient(circle at 8% 92%, rgba(125,157,145,.18), transparent 38%),
    radial-gradient(circle at 96% 88%, rgba(255,253,249,.16), transparent 42%);
  box-shadow:
    0 28px 62px rgba(18,14,12,.3),
    0 0 0 1px rgba(255,253,249,.18) inset,
    0 0 68px rgba(255,232,166,.24),
    0 0 132px rgba(217,185,140,.18);
}

#dashboard .opening-quota-card::before {
  inset: 9px;
  border-color: rgba(255,232,166,.32);
  background:
    linear-gradient(90deg, rgba(255,232,166,.26), transparent 24%, transparent 76%, rgba(255,253,249,.18)),
    linear-gradient(180deg, rgba(255,253,249,.16), transparent 42%, rgba(217,185,140,.18));
}

#dashboard .opening-quota-head {
  width: 100%;
  min-height: clamp(108px, 9.2vw, 142px);
  display: grid;
  place-items: center;
  margin: 0;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 690px);
  min-width: 0;
  padding: clamp(16px, 1.7vw, 24px) clamp(30px, 3.2vw, 58px) clamp(18px, 1.85vw, 26px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(3px, .38vw, 6px);
  overflow: hidden;
  border-color: rgba(255,247,206,.96);
  border-radius: 999px;
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 18%, #ffd36d 34%, #fff7dd 50%, #b96b2d 66%, #fff3c9 83%, #ffe8a6 100%);
  background-size: 620% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .82px rgba(42,24,18,.9);
  font-size: clamp(52px, 4.55vw, 78px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.28) inset,
    0 0 0 8px rgba(255,232,166,.1) inset,
    0 0 72px rgba(255,232,166,.66),
    0 0 148px rgba(217,185,140,.44);
  text-shadow:
    0 2px 0 rgba(42,24,18,.74),
    0 0 24px rgba(255,253,249,.74),
    0 0 58px rgba(255,232,166,.92),
    0 0 108px rgba(217,185,140,.5);
  will-change: transform, filter, background-position;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  min-width: .78em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: 1px rgba(42,24,18,.94);
  text-shadow:
    0 2px 0 rgba(42,24,18,.82),
    0 0 18px rgba(255,253,249,.68),
    0 0 42px rgba(255,232,166,.86),
    0 0 82px rgba(217,185,140,.54);
}

#dashboard .opening-quota-head strong {
  right: clamp(8px, 1.2vw, 18px);
  top: 50%;
  color: rgba(255,253,249,.9);
}

#dashboard .opening-quota-grid {
  width: min(100%, 760px);
  gap: 12px;
}

#dashboard .opening-quota-grid span {
  min-height: 82px;
  padding: 11px 10px 10px;
}

#dashboard .opening-quota-grid strong {
  color: #fff0b8;
  font-size: clamp(31px, 2.5vw, 40px);
  text-shadow:
    0 1px 0 rgba(18,18,18,.28),
    0 0 16px rgba(255,232,166,.56),
    0 0 36px rgba(217,185,140,.34);
}

#dashboard .opening-quota-card .opening-standard-price {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  width: min(100%, 820px);
  min-height: clamp(186px, 15.5vw, 232px);
  padding: clamp(24px, 2.35vw, 36px) clamp(24px, 2.6vw, 42px) clamp(25px, 2.45vw, 38px);
  gap: 12px 18px;
  border-color: rgba(255,232,166,.7);
  background:
    linear-gradient(180deg, rgba(42,26,21,.76), rgba(104,62,45,.48)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.38), transparent 62%),
    radial-gradient(circle at 98% 100%, rgba(125,157,145,.22), transparent 42%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 16px 36px rgba(18,14,12,.2),
    0 0 68px rgba(217,185,140,.26);
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1;
  flex: initial;
  color: #fffdf4;
  font-size: clamp(50px, 4.3vw, 72px);
  line-height: 1.05;
  font-weight: 950;
  text-shadow:
    0 2px 0 rgba(42,24,18,.48),
    0 0 34px rgba(255,232,166,.9),
    0 0 86px rgba(217,185,140,.58);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: 7px;
  min-width: 0;
  color: rgba(255,253,249,.95);
  font-size: clamp(20px, 1.85vw, 28px);
  font-style: normal;
  font-weight: 930;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  box-sizing: border-box;
  width: min(100%, 126px);
  min-width: 1.15em;
  margin: 0;
  padding: 7px 12px 9px;
  overflow: hidden;
  border-color: rgba(255,247,206,1);
  color: #2a160f;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 30%, #ffd36d 58%, #cf8d2c 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.9), transparent 60%);
  font-size: clamp(58px, 5.35vw, 88px);
  line-height: 1.04;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 0 0 1px rgba(255,253,249,.34),
    0 0 82px rgba(255,232,166,.92),
    0 0 156px rgba(217,185,140,.72),
    0 18px 38px rgba(18,14,12,.24);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleJewelBeacon 1.9s ease-in-out infinite,
      openingQuotaTitleJewelBreath 5.4s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleJewelLetter 2.35s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleJewelSweep 2.05s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaStandardJewelLabel 3.6s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaStandardJewelNumber 2.85s ease-in-out infinite;
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: clamp(520px, 54vh, 610px);
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: clamp(14px, 1.55vw, 24px);
    gap: 11px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    padding: 12px 18px 14px;
    font-size: clamp(32px, 2.75vw, 42px);
  }

  #dashboard .opening-quota-head strong {
    display: none;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 168px;
    padding: 15px 12px 17px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(36px, 3.15vw, 48px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    gap: 5px;
    font-size: clamp(15px, 1.45vw, 19px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 104px);
    min-width: 0;
    padding: 5px 6px 7px;
    font-size: clamp(40px, 3.35vw, 50px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 540px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: min(500px, calc(100% - 20px));
    max-height: calc(100% - 20px);
    padding: 14px;
    gap: 9px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 370px);
    padding: 12px 16px 13px;
    font-size: clamp(30px, 8.15vw, 36px);
  }

  #dashboard .opening-quota-grid span {
    min-height: 68px;
    padding: 8px 4px 7px;
  }

  #dashboard .opening-quota-grid small,
  #dashboard .opening-quota-grid em {
    font-size: 10px;
  }

  #dashboard .opening-quota-grid strong {
    font-size: clamp(22px, 6.3vw, 28px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 160px;
    padding: 14px 8px 15px;
    gap: 6px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(33px, 8.8vw, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(13px, 3.9vw, 15px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 82px);
    padding: 4px 4px 6px;
    font-size: clamp(32px, 8.8vw, 38px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota jewel center fit lock pass */
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
#dashboard .opening-quota-card .opening-standard-price strong {
  box-sizing: border-box;
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: calc(100% - 20px);
    max-height: calc(100% - 20px);
    padding: clamp(12px, 1.45vw, 22px);
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    display: flex;
    width: 100%;
    max-width: 292px;
    padding: 9px 10px 11px;
    overflow: visible;
    font-size: clamp(27px, 2.33vw, 32px);
    line-height: 1.12;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .7em;
  }

  #dashboard .opening-quota-card .opening-quota-title::after {
    inset: 0 8px;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine {
    inset: 4px 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    padding: 14px 10px 16px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 3vw, 42px);
    line-height: 1.16;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: 100%;
    font-size: clamp(14px, 1.38vw, 18px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    display: inline-grid;
    place-items: center;
    width: min(100%, 92px);
    min-width: 0;
    padding: 4px 4px 6px;
    font-size: clamp(36px, 3.05vw, 44px);
    line-height: 1.08;
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 312px;
    padding: 9px 9px 11px;
    font-size: clamp(27px, 7.2vw, 31px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(31px, 8.1vw, 37px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 76px);
    font-size: clamp(29px, 7.85vw, 35px);
  }
}

@keyframes openingQuotaTitleJewelBeacon {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.04)
      drop-shadow(0 0 24px rgba(255,232,166,.68))
      drop-shadow(0 0 52px rgba(217,185,140,.34));
  }
  42% {
    background-position: 100% 50%;
    filter:
      brightness(1.5)
      saturate(1.18)
      drop-shadow(0 0 44px rgba(255,253,249,.88))
      drop-shadow(0 0 92px rgba(255,232,166,.82));
  }
  68% {
    background-position: 70% 50%;
    filter:
      brightness(1.14)
      drop-shadow(0 0 30px rgba(255,232,166,.74))
      drop-shadow(0 0 62px rgba(217,185,140,.38));
  }
}

@keyframes openingQuotaTitleJewelBreath {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.018); }
}

@keyframes openingQuotaTitleJewelLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-5px) scale(1.1);
    filter:
      brightness(1.6)
      drop-shadow(0 0 18px rgba(255,253,249,.82))
      drop-shadow(0 0 38px rgba(255,232,166,.82));
  }
  62% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.12);
  }
}

@keyframes openingQuotaTitleJewelSweep {
  0%, 100% {
    opacity: .14;
    transform: translateX(-118%) skewX(-14deg);
  }
  46% {
    opacity: .94;
    transform: translateX(116%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(136%) skewX(-14deg);
  }
}

@keyframes openingQuotaStandardJewelLabel {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  48% {
    filter: brightness(1.14);
    transform: translateY(-1px);
  }
}

@keyframes openingQuotaStandardJewelNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.58),
      0 0 0 1px rgba(255,253,249,.32),
      0 0 76px rgba(255,232,166,.9),
      0 0 144px rgba(217,185,140,.62),
      0 18px 36px rgba(18,14,12,.24);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.68),
      0 0 0 1px rgba(255,253,249,.42),
      0 0 110px rgba(255,232,166,1),
      0 0 202px rgba(217,185,140,.86),
      0 22px 42px rgba(18,14,12,.26);
  }
}

/* Dashboard opening quota attraction center final pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
  min-height: clamp(600px, 52rem, 680px);
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  z-index: 5;
  width: min(980px, calc(100% - 38px));
  min-height: min(612px, calc(100% - 38px));
  max-height: calc(100% - 38px);
  padding: clamp(28px, 2.75rem, 44px);
  display: grid;
  grid-template-rows: auto auto auto;
  align-items: center;
  justify-items: center;
  place-content: center;
  gap: clamp(14px, 1.25rem, 20px);
  margin: 0;
  overflow: hidden;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  border-color: rgba(255,232,166,.82);
  background:
    radial-gradient(circle at 50% -8%, rgba(255,247,206,.36), transparent 48%),
    radial-gradient(circle at 5% 100%, rgba(125,157,145,.2), transparent 34%),
    linear-gradient(145deg, rgba(34,20,16,.86), rgba(101,57,42,.62));
  box-shadow:
    0 32px 72px rgba(18,14,12,.34),
    0 0 0 1px rgba(255,253,249,.22) inset,
    0 0 84px rgba(255,232,166,.3),
    0 0 160px rgba(217,185,140,.22);
}

#dashboard .opening-quota-card::before {
  inset: 10px;
  border-color: rgba(255,232,166,.42);
  background:
    linear-gradient(90deg, rgba(255,232,166,.34), transparent 22%, transparent 78%, rgba(255,253,249,.22)),
    linear-gradient(180deg, rgba(255,253,249,.18), transparent 42%, rgba(217,185,140,.2));
}

#dashboard .opening-quota-head {
  width: 100%;
  min-height: 146px;
  display: grid;
  place-items: center;
  margin: 0;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative;
  box-sizing: border-box;
  width: min(100%, 740px);
  max-width: 740px;
  min-width: 0;
  padding: 22px 54px 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  overflow: hidden;
  border-color: rgba(255,247,206,.98);
  border-radius: 999px;
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 17%, #ffd36d 32%, #fff7dd 49%, #b96b2d 65%, #fff3c9 82%, #ffe8a6 100%);
  background-size: 640% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .86px rgba(42,24,18,.92);
  font-size: clamp(58px, 4.75rem, 82px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.32) inset,
    0 0 0 8px rgba(255,232,166,.13) inset,
    0 0 88px rgba(255,232,166,.76),
    0 0 178px rgba(217,185,140,.52),
    0 0 260px rgba(255,253,249,.24);
  text-shadow:
    0 2px 0 rgba(42,24,18,.8),
    0 0 28px rgba(255,253,249,.82),
    0 0 66px rgba(255,232,166,.98),
    0 0 122px rgba(217,185,140,.62);
  will-change: transform, filter, background-position;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  inset: 0;
  width: auto;
  height: auto;
  opacity: .94;
  transform: none;
  background:
    conic-gradient(from 18deg, transparent 0 12%, rgba(255,232,166,.78), rgba(255,253,249,.7), rgba(125,157,145,.34), transparent 52% 100%),
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.38), rgba(255,232,166,.32) 42%, transparent 76%);
  filter: blur(8px) saturate(1.2);
}

#dashboard .opening-quota-card .opening-quota-title::after {
  inset: -12px 0;
  opacity: .98;
  background:
    linear-gradient(104deg, transparent 0%, rgba(255,253,249,.24) 34%, rgba(255,232,166,.98) 47%, rgba(255,253,249,.8) 54%, transparent 70%),
    radial-gradient(circle at 18% 50%, rgba(255,253,249,.6), transparent 44%);
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine {
  inset: -8px 8px;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  opacity: .86;
  filter:
    drop-shadow(0 0 12px rgba(255,232,166,.86))
    drop-shadow(0 0 32px rgba(217,185,140,.44));
}

#dashboard .opening-quota-card .opening-quota-title-shine {
  opacity: .56;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  min-width: .78em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: 1px rgba(42,24,18,.95);
  text-shadow:
    0 2px 0 rgba(42,24,18,.84),
    0 0 18px rgba(255,253,249,.72),
    0 0 44px rgba(255,232,166,.92),
    0 0 88px rgba(217,185,140,.58);
}

#dashboard .opening-quota-grid {
  width: min(100%, 780px);
  gap: 12px;
}

#dashboard .opening-quota-grid span {
  min-height: 84px;
  padding: 12px 10px 10px;
}

#dashboard .opening-quota-grid strong {
  color: #fff0b8;
  font-size: clamp(32px, 2.4rem, 42px);
  text-shadow:
    0 1px 0 rgba(18,18,18,.3),
    0 0 18px rgba(255,232,166,.62),
    0 0 42px rgba(217,185,140,.38);
}

#dashboard .opening-quota-card .opening-standard-price {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  width: min(100%, 840px);
  min-height: 236px;
  padding: 30px 38px 32px;
  gap: 14px 18px;
  border-color: rgba(255,232,166,.78);
  background:
    linear-gradient(180deg, rgba(42,26,21,.8), rgba(112,64,45,.52)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.46), transparent 62%),
    radial-gradient(circle at 98% 100%, rgba(125,157,145,.24), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 18px 40px rgba(18,14,12,.22),
    0 0 78px rgba(217,185,140,.3);
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1;
  color: #fffdf4;
  font-size: clamp(62px, 5rem, 82px);
  line-height: 1.08;
  font-weight: 950;
  text-shadow:
    0 2px 0 rgba(42,24,18,.56),
    0 0 42px rgba(255,232,166,1),
    0 0 104px rgba(217,185,140,.7),
    0 0 168px rgba(255,253,249,.3);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: 9px;
  min-width: 0;
  color: rgba(255,253,249,.96);
  font-size: clamp(25px, 2.25rem, 36px);
  font-style: normal;
  font-weight: 930;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  width: min(100%, 148px);
  min-width: 1.2em;
  margin: 0;
  padding: 7px 16px 10px;
  overflow: visible;
  border-color: rgba(255,247,206,1);
  color: #24120c;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 28%, #ffd36d 58%, #ce8e2b 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.95), transparent 60%);
  font-size: clamp(72px, 5.75rem, 98px);
  line-height: 1.04;
  text-shadow: 0 1px 0 rgba(255,253,249,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.64),
    0 0 0 1px rgba(255,253,249,.38),
    0 0 104px rgba(255,232,166,1),
    0 0 204px rgba(217,185,140,.86),
    0 20px 44px rgba(18,14,12,.28);
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "";
  position: absolute;
  inset: -18px -10px;
  pointer-events: none;
  border-radius: inherit;
  opacity: .32;
  background:
    linear-gradient(104deg, transparent 18%, rgba(255,253,249,.84) 46%, rgba(255,232,166,.56) 54%, transparent 76%);
  transform: translateX(-72%) rotate(10deg);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleAttractBeacon 1.65s ease-in-out infinite,
      openingQuotaTitleAttractBreath 4.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaTitleAttractHalo 3.2s linear infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaTitleAttractSparkField 2.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleAttractSweep 1.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleAttractLetter 2.05s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s; }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaStandardAttractLabel 3.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaStandardAttractNumber 2.55s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaStandardAttractSweep 2.8s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleAttractBeacon {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.08)
      drop-shadow(0 0 30px rgba(255,232,166,.72))
      drop-shadow(0 0 62px rgba(217,185,140,.4));
  }
  42% {
    background-position: 100% 50%;
    filter:
      brightness(1.68)
      saturate(1.24)
      drop-shadow(0 0 52px rgba(255,253,249,.94))
      drop-shadow(0 0 110px rgba(255,232,166,.9))
      drop-shadow(0 0 166px rgba(217,185,140,.56));
  }
  68% {
    background-position: 72% 50%;
    filter:
      brightness(1.2)
      drop-shadow(0 0 36px rgba(255,232,166,.8))
      drop-shadow(0 0 72px rgba(217,185,140,.42));
  }
}

@keyframes openingQuotaTitleAttractBreath {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.018); }
}

@keyframes openingQuotaTitleAttractHalo {
  0% { transform: rotate(0deg) scale(.98); opacity: .76; }
  50% { transform: rotate(180deg) scale(1.04); opacity: 1; }
  100% { transform: rotate(360deg) scale(.98); opacity: .76; }
}

@keyframes openingQuotaTitleAttractSparkField {
  0%, 100% {
    opacity: .58;
    filter: drop-shadow(0 0 10px rgba(255,232,166,.62));
  }
  42% {
    opacity: 1;
    filter:
      drop-shadow(0 0 24px rgba(255,253,249,.9))
      drop-shadow(0 0 40px rgba(255,232,166,.64));
  }
}

@keyframes openingQuotaTitleAttractSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-118%) skewX(-14deg);
  }
  46% {
    opacity: .98;
    transform: translateX(116%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(136%) skewX(-14deg);
  }
}

@keyframes openingQuotaTitleAttractLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-6px) scale(1.12);
    filter:
      brightness(1.72)
      drop-shadow(0 0 22px rgba(255,253,249,.9))
      drop-shadow(0 0 44px rgba(255,232,166,.9));
  }
  62% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.16);
  }
}

@keyframes openingQuotaStandardAttractLabel {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  48% {
    filter: brightness(1.18);
    transform: translateY(-1px);
  }
}

@keyframes openingQuotaStandardAttractNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      0 0 0 1px rgba(255,253,249,.36),
      0 0 96px rgba(255,232,166,.96),
      0 0 184px rgba(217,185,140,.78),
      0 20px 42px rgba(18,14,12,.26);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72),
      0 0 0 1px rgba(255,253,249,.46),
      0 0 132px rgba(255,232,166,1),
      0 0 240px rgba(217,185,140,.94),
      0 24px 48px rgba(18,14,12,.28);
  }
}

@keyframes openingQuotaStandardAttractSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-76%) rotate(10deg);
  }
  48% {
    opacity: .86;
    transform: translateX(76%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 640px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: 18px;
    gap: 12px;
  }

  #dashboard .opening-quota-head {
    min-height: 116px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 520px);
    max-width: 520px;
    padding: 13px 20px 15px;
    font-size: clamp(34px, 2.35rem, 42px);
    line-height: 1.12;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .72em;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 184px;
    padding: 18px 12px 20px;
    gap: 9px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(42px, 3.1rem, 52px);
    line-height: 1.12;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: 100%;
    gap: 5px;
    font-size: clamp(16px, 1.25rem, 20px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 104px);
    min-width: 0;
    padding: 5px 7px 7px;
    font-size: clamp(42px, 3rem, 50px);
    line-height: 1.08;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 560px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: min(520px, calc(100% - 20px));
    max-height: calc(100% - 20px);
    padding: 15px;
    gap: 9px;
  }

  #dashboard .opening-quota-head {
    min-height: 104px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 342px);
    max-width: 342px;
    padding: 10px 12px 12px;
    gap: 3px;
    font-size: clamp(28px, 1.95rem, 33px);
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .68em;
  }

  #dashboard .opening-quota-grid span {
    min-height: 68px;
    padding: 8px 4px 7px;
  }

  #dashboard .opening-quota-grid small,
  #dashboard .opening-quota-grid em {
    font-size: 10px;
  }

  #dashboard .opening-quota-grid strong {
    font-size: clamp(22px, 1.65rem, 28px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 170px;
    padding: 15px 8px 16px;
    gap: 6px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 2.45rem, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(13px, .95rem, 15px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 80px);
    padding: 4px 4px 6px;
    font-size: clamp(31px, 2.2rem, 36px);
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    max-width: 316px;
    padding-right: 9px;
    padding-left: 9px;
    font-size: clamp(26px, 1.82rem, 30px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(31px, 2.25rem, 36px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 74px);
    font-size: clamp(29px, 2rem, 34px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
#dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Consult result panel scroll containment pass */
#consult .consult-result-panel {
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

#consult .consult-result-panel .consult-output {
  flex: 1 1 auto !important;
  min-height: 132px !important;
  max-height: none !important;
  overflow-y: auto !important;
}

@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-result-panel {
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  #consult .consult-result-panel .consult-output {
    min-height: 96px !important;
  }
}

/* Dashboard opening quota true final eof containment pass */
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 740px);
  max-width: 100%;
  contain: paint;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  line-height: 1.04;
}

#dashboard .opening-quota-card .opening-standard-price {
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  contain: paint;
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  border-radius: inherit;
  transform: translateX(-72%) rotate(10deg);
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 100%;
    min-height: 84px;
    padding-right: 18px;
    padding-left: 18px;
    font-size: clamp(34px, 2.28rem, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    padding-right: 8px;
    padding-left: 8px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(42px, 2.9rem, 50px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 90px);
    font-size: clamp(38px, 2.625rem, 44px);
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: clamp(27px, 1.85rem, 31px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    gap: 5px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 74px);
    font-size: clamp(29px, 2.05rem, 34px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleTrueFinalContainedSweep 1.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaStandardTrueFinalContainedSweep 2.8s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleTrueFinalContainedSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-86%) skewX(-14deg);
  }
  46% {
    opacity: .96;
    transform: translateX(86%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(96%) skewX(-14deg);
  }
}

@keyframes openingQuotaStandardTrueFinalContainedSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-68%) rotate(10deg);
  }
  48% {
    opacity: .84;
    transform: translateX(68%) rotate(10deg);
  }
}

/* Dashboard opening quota spectacle center lock pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(1040px, calc(100% - 36px));
  min-height: min(640px, calc(100% - 36px));
  max-height: calc(100% - 36px);
  padding: clamp(24px, 2.7vw, 44px);
  display: grid;
  grid-template-rows: auto auto auto;
  align-items: center;
  justify-items: center;
  place-items: center;
  place-content: center;
  gap: clamp(16px, 1.6vw, 24px);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  text-align: center;
  overflow: hidden;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100%;
  min-height: clamp(138px, 12vw, 174px);
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  isolation: isolate;
  width: min(100%, 800px);
  max-width: 100%;
  min-height: clamp(96px, 8.4vw, 130px);
  padding: clamp(16px, 1.7vw, 24px) clamp(22px, 3vw, 58px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(3px, .52vw, 8px);
  overflow: hidden;
  border: 1px solid rgba(255,247,206,.96);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(42,27,22,.94), rgba(112,64,45,.76)),
    linear-gradient(96deg, #fffdf4 0%, #ffe8a6 19%, #ffd36d 38%, #fff7dd 52%, #d9a441 70%, #fff3c9 86%, #ffe8a6 100%);
  background-size: 100% 100%, 680% 100%;
  color: #ffe8a6;
  -webkit-background-clip: border-box, text;
  background-clip: border-box, text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .9px rgba(42,24,18,.9);
  font-size: clamp(62px, 5.35vw, 96px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.34) inset,
    0 0 0 9px rgba(255,232,166,.12) inset,
    0 0 104px rgba(255,232,166,.76),
    0 0 220px rgba(217,185,140,.5),
    0 0 300px rgba(255,253,249,.2);
  text-shadow:
    0 2px 0 rgba(42,24,18,.72),
    0 0 30px rgba(255,253,249,.78),
    0 0 74px rgba(255,232,166,.95),
    0 0 150px rgba(217,185,140,.62);
  will-change: transform, filter, background-position;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: -1;
  border-radius: inherit;
  opacity: .9;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.28), rgba(255,232,166,.18) 42%, transparent 74%),
    conic-gradient(from 24deg, transparent 0 12%, rgba(255,232,166,.54), rgba(255,253,249,.44), transparent 54% 100%);
  filter: blur(8px) saturate(1.18);
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  min-width: .74em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .9px rgba(42,24,18,.9);
  line-height: 1.04;
  text-shadow:
    0 2px 0 rgba(42,24,18,.68),
    0 0 18px rgba(255,253,249,.74),
    0 0 48px rgba(255,232,166,.98),
    0 0 98px rgba(217,185,140,.66);
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  border-radius: inherit;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  z-index: 1;
  opacity: .92;
  background:
    radial-gradient(circle at 10% 52%, rgba(255,253,249,.95) 0 2px, transparent 4px),
    radial-gradient(circle at 26% 30%, rgba(255,232,166,.74) 0 2px, transparent 5px),
    radial-gradient(circle at 74% 68%, rgba(255,253,249,.82) 0 2px, transparent 5px),
    radial-gradient(circle at 91% 42%, rgba(255,232,166,.76) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 12px rgba(255,232,166,.86))
    drop-shadow(0 0 32px rgba(217,185,140,.44));
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 2;
  opacity: .66;
  background:
    linear-gradient(105deg, transparent 0 30%, rgba(255,253,249,.22) 38%, rgba(255,232,166,.96) 48%, rgba(255,253,249,.72) 56%, transparent 70% 100%);
  mix-blend-mode: screen;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 880px);
  min-height: clamp(238px, 19vw, 286px);
  padding: clamp(24px, 2.4vw, 36px) clamp(18px, 2.8vw, 42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  gap: clamp(12px, 1.4vw, 20px);
  overflow: hidden;
  border: 1px solid rgba(255,232,166,.82);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(42,26,21,.78), rgba(112,64,45,.5)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.48), transparent 62%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.22), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 18px 42px rgba(18,14,12,.24),
    0 0 84px rgba(217,185,140,.32);
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  color: #fffdf4;
  font-size: clamp(76px, 6.2vw, 112px);
  font-weight: 950;
  line-height: 1.04;
  text-shadow:
    0 2px 0 rgba(42,24,18,.62),
    0 0 46px rgba(255,232,166,1),
    0 0 132px rgba(217,185,140,.74),
    0 0 190px rgba(255,253,249,.32);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: clamp(7px, .85vw, 12px);
  min-width: 0;
  color: rgba(255,253,249,.96);
  font-size: clamp(30px, 2.45vw, 44px);
  font-style: normal;
  font-weight: 930;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  width: min(100%, 168px);
  min-width: 1.2em;
  margin: 0;
  padding: clamp(6px, .75vw, 10px) clamp(10px, 1.25vw, 18px) clamp(8px, .9vw, 12px);
  overflow: hidden;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 22px;
  color: #24120c;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 27%, #ffd36d 58%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.94), transparent 62%);
  font-size: clamp(92px, 7.4vw, 140px);
  line-height: 1.02;
  text-shadow: 0 1px 0 rgba(255,253,249,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.66),
    0 0 0 1px rgba(255,253,249,.42),
    0 0 126px rgba(255,232,166,1),
    0 0 232px rgba(217,185,140,.9),
    0 22px 46px rgba(18,14,12,.28);
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .28;
  background:
    linear-gradient(104deg, transparent 18%, rgba(255,253,249,.9) 46%, rgba(255,232,166,.62) 54%, transparent 76%);
  transform: translateX(-72%) rotate(10deg);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTitleSpectacleSweep 1.75s ease-in-out infinite,
      openingQuotaTitleSpectacleBreath 4.8s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTitleSpectacleLetter 2.15s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s; }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaTitleSpectacleSpark 2.45s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTitleSpectacleBeam 1.65s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaStandardSpectacleLabel 3.6s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaStandardSpectacleNumber 2.75s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaStandardSpectacleSweep 2.75s ease-in-out infinite;
  }
}

@keyframes openingQuotaTitleSpectacleSweep {
  0%, 100% {
    background-position: 0 0, 0% 50%;
    filter:
      brightness(1.1)
      drop-shadow(0 0 34px rgba(255,232,166,.72))
      drop-shadow(0 0 72px rgba(217,185,140,.4));
  }
  44% {
    background-position: 0 0, 100% 50%;
    filter:
      brightness(1.72)
      saturate(1.24)
      drop-shadow(0 0 58px rgba(255,253,249,.96))
      drop-shadow(0 0 126px rgba(255,232,166,.92))
      drop-shadow(0 0 184px rgba(217,185,140,.58));
  }
  70% {
    background-position: 0 0, 68% 50%;
    filter:
      brightness(1.24)
      drop-shadow(0 0 42px rgba(255,232,166,.82))
      drop-shadow(0 0 82px rgba(217,185,140,.44));
  }
}

@keyframes openingQuotaTitleSpectacleBreath {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.016); }
}

@keyframes openingQuotaTitleSpectacleLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-7px) scale(1.14);
    filter:
      brightness(1.76)
      drop-shadow(0 0 24px rgba(255,253,249,.9))
      drop-shadow(0 0 48px rgba(255,232,166,.92));
  }
  62% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.16);
  }
}

@keyframes openingQuotaTitleSpectacleSpark {
  0%, 100% {
    opacity: .54;
    filter: drop-shadow(0 0 10px rgba(255,232,166,.62));
  }
  44% {
    opacity: 1;
    filter:
      drop-shadow(0 0 26px rgba(255,253,249,.92))
      drop-shadow(0 0 44px rgba(255,232,166,.68));
  }
}

@keyframes openingQuotaTitleSpectacleBeam {
  0%, 100% {
    opacity: .12;
    transform: translateX(-92%) skewX(-14deg);
  }
  46% {
    opacity: .98;
    transform: translateX(92%) skewX(-14deg);
  }
  64% {
    opacity: .22;
    transform: translateX(104%) skewX(-14deg);
  }
}

@keyframes openingQuotaStandardSpectacleLabel {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
  }
  50% {
    transform: translateY(-1px);
    filter: brightness(1.18);
  }
}

@keyframes openingQuotaStandardSpectacleNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.64),
      0 0 0 1px rgba(255,253,249,.4),
      0 0 118px rgba(255,232,166,.98),
      0 0 214px rgba(217,185,140,.82),
      0 22px 46px rgba(18,14,12,.28);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.74),
      0 0 0 1px rgba(255,253,249,.5),
      0 0 156px rgba(255,232,166,1),
      0 0 282px rgba(217,185,140,.96),
      0 26px 52px rgba(18,14,12,.3);
  }
}

@keyframes openingQuotaStandardSpectacleSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-74%) rotate(10deg);
  }
  48% {
    opacity: .88;
    transform: translateX(74%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 640px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: 18px;
    gap: 12px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 122px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    min-height: 88px;
    padding: 13px 18px 15px;
    font-size: clamp(36px, 3.05vw, 46px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 196px;
    padding: 18px 12px 20px;
    gap: 10px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(44px, 3.6vw, 58px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    gap: 6px;
    font-size: clamp(17px, 1.45vw, 22px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 112px);
    padding: 5px 7px 7px;
    font-size: clamp(44px, 3.7vw, 56px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 560px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px);
    min-height: min(520px, calc(100% - 20px));
    max-height: calc(100% - 20px);
    padding: 15px;
    gap: 9px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 104px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    min-height: 76px;
    padding: 10px 10px 12px;
    gap: 3px;
    font-size: clamp(28px, 8vw, 36px);
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .68em;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 174px;
    padding: 15px 8px 16px;
    gap: 6px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(36px, 10vw, 46px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    gap: 4px;
    font-size: clamp(13px, 3.6vw, 16px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 82px);
    padding: 4px 4px 6px;
    font-size: clamp(32px, 9vw, 39px);
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(26px, 7.4vw, 31px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(32px, 9vw, 38px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 74px);
    font-size: clamp(29px, 8.2vw, 34px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota focus sparkle center lock pass */
#dashboard .command-visual {
  display: grid !important;
  place-items: center !important;
}

#dashboard .opening-quota-card {
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(780px, calc(100% - 28px)) !important;
  min-height: min(690px, calc(100% - 34px)) !important;
  max-height: calc(100% - 34px) !important;
  padding: clamp(28px, 3vw, 50px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(16px, 1.35vw, 24px) !important;
  margin: 0 !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(132px, 10vw, 176px) !important;
  display: grid !important;
  place-items: center !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 620px) !important;
  min-height: clamp(96px, 7.4vw, 132px) !important;
  padding: clamp(16px, 1.45vw, 22px) clamp(24px, 2.55vw, 40px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .04em !important;
  overflow: hidden !important;
  contain: paint !important;
  border: 1px solid rgba(255,232,166,.62) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,253,249,.22), transparent 54%),
    linear-gradient(95deg, #fffdf4 0%, #ffe8a6 24%, #d9b98c 46%, #fff8db 64%, #fff0b8 100%) !important;
  background-size: 520% 100% !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: .8px rgba(42,24,18,.82) !important;
  font-size: clamp(62px, 5.55vw, 88px) !important;
  font-weight: 950 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.62),
    0 0 34px rgba(255,232,166,.66),
    0 0 118px rgba(217,185,140,.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 0 42px rgba(255,232,166,.14),
    0 0 0 1px rgba(42,24,18,.22),
    0 0 72px rgba(255,232,166,.2) !important;
  will-change: transform, filter, background-position !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 32%, rgba(255,253,249,.74), transparent 20%),
    radial-gradient(circle at 78% 62%, rgba(255,232,166,.54), transparent 24%),
    linear-gradient(145deg, rgba(42,27,22,.78), rgba(92,58,49,.48)) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  z-index: 2 !important;
  opacity: .92 !important;
  background:
    radial-gradient(circle at 9% 48%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 24% 23%, rgba(255,232,166,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 52% 12%, rgba(255,253,249,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 76% 72%, rgba(255,253,249,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 93% 40%, rgba(255,232,166,.96) 0 2px, transparent 5px) !important;
  filter: drop-shadow(0 0 12px rgba(255,232,166,.84)) !important;
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 1 !important;
  opacity: .44 !important;
  background: linear-gradient(104deg, transparent 0 28%, rgba(255,253,249,.2) 38%, rgba(255,232,166,.95) 48%, rgba(255,253,249,.72) 55%, transparent 70% 100%) !important;
  background-size: 230% 100% !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  z-index: 3 !important;
  display: inline-block !important;
  min-width: .74em !important;
  background: none !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .85px rgba(42,24,18,.82) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.58),
    0 0 22px rgba(255,232,166,.72),
    0 0 54px rgba(217,185,140,.42) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 670px) !important;
  min-height: clamp(300px, 24vw, 350px) !important;
  padding: clamp(28px, 2.65vw, 42px) clamp(20px, 2.45vw, 36px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  justify-content: center !important;
  gap: clamp(12px, 1.25vw, 20px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,232,166,.86) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.25), transparent 45%),
    linear-gradient(145deg, rgba(42,26,21,.66), rgba(92,58,49,.44)) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  color: #fffdf4 !important;
  font-size: clamp(58px, 5.15vw, 78px) !important;
  font-weight: 950 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.64),
    0 0 58px rgba(255,232,166,.92),
    0 0 154px rgba(217,185,140,.72) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: .58rem !important;
  min-width: 0 !important;
  color: rgba(255,253,249,.92) !important;
  font-size: clamp(18px, 1.55vw, 24px) !important;
  font-weight: 920 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: min(100%, 164px) !important;
  min-width: 2.28em !important;
  min-height: 1.06em !important;
  padding: .34rem .5rem .48rem !important;
  overflow: hidden !important;
  contain: paint !important;
  border: 1px solid rgba(255,250,222,.98) !important;
  border-radius: 22px !important;
  color: #211009 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 26%, #ffd36d 58%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 62%) !important;
  font-size: clamp(66px, 5.65vw, 86px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 0 rgba(255,253,249,.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -10px 22px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.48),
    0 0 88px rgba(255,232,166,.95),
    0 0 220px rgba(217,185,140,.72),
    0 22px 44px rgba(18,14,12,.28) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  opacity: .42 !important;
  background: linear-gradient(104deg, transparent 20%, rgba(255,253,249,.95) 46%, rgba(255,232,166,.72) 54%, transparent 76%) !important;
  transform: translateX(-80%) rotate(10deg) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaFocusTitleBeacon 2s ease-in-out infinite,
      openingQuotaFocusTitleFloat 4.8s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaFocusTitleSparkle 1.7s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaFocusTitleSweep 1.9s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaFocusLetterPop 1.82s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s !important; }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaFocusStandardLabel 3.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaFocusNumberGlow 2.75s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaFocusNumberSweep 2.25s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaFocusTitleBeacon {
  0%, 100% {
    background-position: 0% 50%;
    filter: brightness(1.1) drop-shadow(0 0 34px rgba(255,232,166,.78)) drop-shadow(0 0 86px rgba(217,185,140,.34));
  }
  44% {
    background-position: 100% 50%;
    filter: brightness(1.62) saturate(1.24) drop-shadow(0 0 48px rgba(255,253,249,.92)) drop-shadow(0 0 122px rgba(255,232,166,.9)) drop-shadow(0 0 182px rgba(217,185,140,.54));
  }
}

@keyframes openingQuotaFocusTitleFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-3px) scale(1.012);
  }
}

@keyframes openingQuotaFocusTitleSparkle {
  0%, 100% {
    opacity: .64;
    filter: drop-shadow(0 0 10px rgba(255,232,166,.54));
  }
  42% {
    opacity: 1;
    filter: drop-shadow(0 0 18px rgba(255,253,249,.88)) drop-shadow(0 0 34px rgba(255,232,166,.82));
  }
}

@keyframes openingQuotaFocusTitleSweep {
  0%, 100% {
    opacity: .18;
    background-position: 0% 50%;
  }
  48% {
    opacity: .72;
    background-position: 100% 50%;
  }
}

@keyframes openingQuotaFocusLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-5px) scale(1.08);
    filter: brightness(1.46) drop-shadow(0 0 20px rgba(255,253,249,.78)) drop-shadow(0 0 40px rgba(255,232,166,.72));
  }
  62% {
    transform: translateY(0) scale(1.02);
    filter: brightness(1.12);
  }
}

@keyframes openingQuotaFocusStandardLabel {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
  }
  46% {
    transform: translateY(-2px);
    filter: brightness(1.18) drop-shadow(0 0 22px rgba(255,232,166,.54));
  }
}

@keyframes openingQuotaFocusNumberGlow {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.84),
      inset 0 -10px 22px rgba(161,93,22,.2),
      0 0 0 1px rgba(255,253,249,.48),
      0 0 88px rgba(255,232,166,.95),
      0 0 220px rgba(217,185,140,.72),
      0 22px 44px rgba(18,14,12,.28);
  }
  44% {
    transform: translateY(-2px) scale(1.028);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -10px 22px rgba(161,93,22,.18),
      0 0 0 1px rgba(255,253,249,.62),
      0 0 118px rgba(255,232,166,1),
      0 0 290px rgba(217,185,140,.86),
      0 26px 48px rgba(18,14,12,.3);
  }
}

@keyframes openingQuotaFocusNumberSweep {
  0%, 100% {
    opacity: .12;
    transform: translateX(-82%) rotate(10deg);
  }
  48% {
    opacity: .72;
    transform: translateX(82%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(650px, calc(100% - 24px)) !important;
    min-height: min(668px, calc(100% - 24px)) !important;
    max-height: calc(100% - 24px) !important;
    padding: clamp(18px, 2vw, 28px) !important;
    gap: 12px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 124px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px) !important;
    min-height: 86px !important;
    padding: 12px 16px 14px !important;
    font-size: clamp(36px, 3.12vw, 50px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100% !important;
    min-height: 312px !important;
    padding: 22px 14px 24px !important;
    gap: 10px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(46px, 4.8vw, 68px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(16px, 1.35vw, 20px) !important;
    gap: 6px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 120px) !important;
    min-width: 2.4em !important;
    font-size: clamp(42px, 4.2vw, 60px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 700px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(660px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 15px !important;
    gap: 9px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 110px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 334px) !important;
    min-height: 78px !important;
    padding: 10px 9px 12px !important;
    font-size: clamp(30px, 8.6vw, 39px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    grid-template-columns: 1fr !important;
    min-height: 390px !important;
    padding: 18px 10px 20px !important;
    gap: 10px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 9.1vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    grid-template-columns: minmax(46px, .58fr) minmax(0, 1fr) !important;
    align-items: center !important;
    width: min(100%, 240px) !important;
    gap: 10px !important;
    font-size: clamp(14px, 3.6vw, 17px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 132px) !important;
    min-width: 0 !important;
    font-size: clamp(36px, 9.2vw, 45px) !important;
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 304px) !important;
    font-size: clamp(28px, 8vw, 34px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(31px, 8.4vw, 37px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 220px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 124px) !important;
    font-size: clamp(34px, 8.8vw, 41px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard first-screen simplification pass */
#dashboard .workflow-panel,
#dashboard .workflow-panel::before {
  display: none !important;
}

#dashboard .tool-matrix {
  margin-top: clamp(16px, 2vw, 24px) !important;
  margin-bottom: clamp(14px, 2vw, 22px) !important;
  position: relative !important;
  z-index: 2 !important;
}

#dashboard .tool-matrix::before,
#dashboard .tool-matrix::after {
  display: none !important;
}

/* Recharge plan badge legibility lock */
.profile-packages .price-card > .plan-badge {
  display: inline-grid !important;
  grid-template-columns: 18px max-content !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 6px !important;
  min-width: 108px !important;
  width: max-content !important;
  max-width: calc(100% - 28px) !important;
  min-height: 30px !important;
  padding: 5px 12px 5px 7px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.profile-packages .price-card > .plan-badge i,
.profile-packages .price-card > .plan-badge svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  grid-column: 1 !important;
  justify-self: center !important;
}

.profile-packages .price-card > .plan-badge > span {
  grid-column: 2 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.profile-packages .price-card.starter > .plan-badge,
.profile-packages .price-card.light-ops > .plan-badge {
  min-width: 112px !important;
}

.profile-packages .price-card.starter,
.profile-packages .price-card.light-ops {
  padding-top: 52px !important;
}

/* Login screen practical simplification pass */
#authScreen {
  grid-template-columns: minmax(0, 1fr) minmax(380px, 480px);
  align-items: center;
  overflow-y: auto;
  padding: 20px;
}

#authScreen .auth-copy {
  min-height: calc(100vh - 40px);
}

#authScreen .auth-panel {
  align-self: center;
  width: min(100%, 460px);
  max-height: none;
  margin: 0 auto;
  padding: clamp(24px, 3vw, 34px);
  display: grid;
  gap: 14px;
  overflow: visible;
}

#authScreen .auth-panel h2 {
  margin: 0;
  color: #2e211a;
  font-size: clamp(28px, 2.2vw, 34px);
  line-height: 1.12;
}

#authScreen .auth-panel .hint {
  margin: 0 0 2px;
  color: rgba(80, 56, 45, .72);
  font-size: 14px;
  line-height: 1.65;
}

#authScreen .auth-panel .field {
  padding: 12px;
  gap: 9px;
}

#authScreen .auth-panel .field label {
  color: rgba(80, 56, 45, .82);
  font-size: 13px;
}

#authScreen .auth-panel input {
  min-height: 50px;
  font-size: 15px;
}

#authScreen .auth-code-row {
  grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
}

#authScreen .auth-panel .btn {
  min-height: 50px;
  margin-top: 0;
  font-size: 15px;
}

#authScreen .switch-line {
  margin: 2px 0 0;
}

#authScreen .password-assist-row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  min-height: 32px;
  margin: 4px 0 0;
}

#authScreen .password-forgot-link {
  max-width: 100%;
  min-height: 32px;
  padding: 5px 8px;
  color: #8f5b55;
  font-size: 14px;
  line-height: 1.35;
  text-align: right;
  white-space: normal;
}

#authScreen .auth-onboarding-rail,
#authScreen .auth-work-profile,
#authScreen .auth-clinic-preference,
#authScreen .auth-start-plan,
#authScreen .auth-first-delivery,
#authScreen .auth-dependency-loop,
#authScreen .auth-resume-card,
#authScreen .auth-return-hint,
#authScreen .auth-readiness-card,
#authScreen .auth-access-brief,
#authScreen .auth-identity-cue,
#authScreen .auth-login-help,
#authScreen .auth-security-check,
#authScreen .auth-site-footer {
  display: none !important;
}

@media (max-width: 920px) {
  #authScreen {
    grid-template-columns: 1fr;
    align-items: start;
    padding: 0;
  }

  #authScreen .auth-copy {
    min-height: 46vh;
  }

  #authScreen .auth-panel {
    width: calc(100% - 28px);
    max-width: 480px;
    margin: 14px auto 22px;
  }
}

/* Login screen cover layout pass */
#authScreen {
  position: relative;
  min-height: 100vh;
  grid-template-columns: minmax(420px, .92fr) minmax(520px, .7fr);
  gap: clamp(32px, 5vw, 92px);
  align-items: center;
  padding: clamp(26px, 4vw, 58px);
  overflow: hidden auto;
  background:
    linear-gradient(90deg, rgba(255,253,249,.93) 0%, rgba(255,253,249,.72) 29%, rgba(255,253,249,.18) 57%, rgba(255,247,235,.62) 100%),
    radial-gradient(circle at 69% 34%, rgba(255,253,249,.34), transparent 27%),
    url("/assets/hero-clinic-suite.png") center / cover no-repeat;
}

#authScreen::before {
  inset: clamp(10px, 1.2vw, 18px);
  border-color: rgba(181,138,88,.18);
  background:
    linear-gradient(90deg, rgba(255,253,249,.1), rgba(255,253,249,.02)),
    radial-gradient(circle at 78% 54%, rgba(217,185,140,.12), transparent 24%);
}

#authScreen .auth-copy {
  min-height: calc(100vh - clamp(52px, 8vw, 116px));
  padding: clamp(28px, 4vw, 46px);
  overflow: visible;
  background: none !important;
  box-shadow: none;
}

#authScreen .auth-video,
#authScreen .auth-video-shade {
  display: none !important;
}

#authScreen .auth-copy::after {
  display: none;
}

#authScreen .auth-copy .brand,
#authScreen .auth-enterprise-card,
#authScreen .auth-hero-text .eyebrow,
#authScreen .hero-tags .tag {
  backdrop-filter: blur(14px) saturate(1.05);
}

#authScreen .auth-copy .brand-title,
#authScreen .auth-copy .brand-subtitle,
#authScreen .auth-copy h1,
#authScreen .auth-copy p,
#authScreen .auth-copy .eyebrow {
  color: #201510;
  text-shadow: 0 2px 24px rgba(255,253,249,.78);
}

#authScreen .auth-hero-text {
  max-width: 740px;
}

#authScreen .auth-copy h1 {
  max-width: 720px;
  font-size: clamp(48px, 5.2vw, 82px);
}

#authScreen .auth-copy p {
  max-width: 720px;
  color: rgba(46,33,26,.88);
  font-size: clamp(16px, 1.12vw, 20px);
}

#authScreen .auth-enterprise-card {
  color: #201510;
  background:
    linear-gradient(145deg, rgba(255,253,249,.72), rgba(255,247,235,.54)),
    radial-gradient(circle at 0 0, rgba(255,232,166,.14), transparent 42%);
  box-shadow:
    0 18px 44px rgba(92,70,59,.08),
    inset 0 1px 0 rgba(255,253,249,.58);
}

#authScreen .auth-enterprise-card strong,
#authScreen .auth-enterprise-card a {
  color: #201510;
}

#authScreen .auth-enterprise-card small {
  color: rgba(80,56,45,.68);
}

#authScreen .auth-panel {
  justify-self: center;
  align-self: center;
  width: min(100%, 560px);
  min-height: auto;
  padding: clamp(34px, 3.6vw, 50px);
  gap: 18px;
  border: 1px solid rgba(181,138,88,.28);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.82), rgba(255,247,235,.64)),
    radial-gradient(circle at 100% 0, rgba(217,185,140,.2), transparent 38%);
  box-shadow:
    0 30px 92px rgba(73,52,43,.18),
    0 0 0 1px rgba(255,253,249,.46) inset,
    inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter: blur(18px) saturate(1.12);
}

#authScreen .auth-panel h2 {
  font-size: clamp(34px, 2.7vw, 44px);
}

#authScreen .auth-panel .hint {
  font-size: 15px;
}

#authScreen .auth-panel .field {
  padding: 14px;
}

#authScreen .auth-panel .field label {
  font-size: 14px;
}

#authScreen .auth-panel input {
  min-height: 58px;
  font-size: 16px;
}

#authScreen .password-toggle {
  width: 54px;
  min-width: 54px;
  min-height: 58px;
}

#authScreen .auth-code-row {
  grid-template-columns: minmax(0, 1fr) minmax(128px, auto);
}

#authScreen .auth-panel .btn {
  min-height: 58px;
  border-radius: 13px;
  font-size: 16px;
}

#authScreen .switch-line {
  font-size: 14px;
}

#authScreen .password-assist-row {
  margin-top: 2px;
}

#authScreen .password-forgot-link {
  min-height: 36px;
  padding: 6px 8px;
}

#authScreen .auth-site-footer {
  grid-column: 1 / -1;
  width: min(100%, 1120px);
  margin: clamp(6px, 1.4vw, 16px) auto 0;
  padding: 0 6px clamp(10px, 1.8vw, 18px);
  color: rgba(55, 71, 92, .78);
  font-size: 12px;
  line-height: 1.85;
  text-align: left;
}

#authScreen .auth-site-footer-inner {
  display: grid;
  gap: 2px;
  max-width: 100%;
}

#authScreen .auth-site-footer p {
  margin: 0;
}

#authScreen .auth-site-footer-brand,
#authScreen .auth-site-footer-records {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  align-items: center;
}

#authScreen .auth-site-footer span,
#authScreen .auth-site-footer a {
  color: rgba(55, 71, 92, .82);
  text-decoration: none;
  white-space: nowrap;
}

#authScreen .auth-site-footer b {
  color: rgba(26, 40, 58, .68);
  font-weight: 500;
}

#authScreen .auth-site-footer span:not(:last-child)::after,
#authScreen .auth-site-footer a:not(:last-child)::after {
  content: "|";
  margin: 0 9px;
  color: rgba(55, 71, 92, .28);
}

#authScreen .auth-site-footer a:hover {
  color: #0b57d0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#authScreen .auth-site-footer-copy {
  color: rgba(55, 71, 92, .62);
}

@media (max-width: 1280px) {
  #authScreen {
    grid-template-columns: minmax(360px, .84fr) minmax(480px, .72fr);
    gap: clamp(24px, 3.6vw, 56px);
  }

  #authScreen .auth-panel {
    width: min(100%, 520px);
  }
}

@media (max-width: 920px) {
  #authScreen {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 18px;
    background-position: 56% center;
  }

  #authScreen .auth-copy {
    min-height: 42vh;
    padding: 18px;
  }

  #authScreen .auth-panel {
    width: min(100%, 560px);
    margin: 0 auto 18px;
    padding: 26px;
  }

  #authScreen .auth-site-footer {
    width: min(100%, 560px);
    padding-inline: 2px;
  }
}

@media (max-width: 560px) {
  #authScreen {
    padding: 12px;
  }

  #authScreen .auth-copy {
    min-height: 34vh;
    padding: 12px;
  }

  #authScreen .auth-enterprise-card {
    display: none;
  }

  #authScreen .auth-copy h1 {
    font-size: clamp(36px, 12vw, 52px);
  }

  #authScreen .auth-copy p {
    font-size: 14px;
  }

  #authScreen .auth-panel {
    padding: 22px;
    border-radius: 18px;
  }

  #authScreen .auth-site-footer {
    margin-top: 2px;
    padding-bottom: 12px;
    font-size: 11.5px;
    line-height: 1.75;
  }

  #authScreen .auth-site-footer-brand,
  #authScreen .auth-site-footer-records {
    display: block;
  }

  #authScreen .auth-site-footer span,
  #authScreen .auth-site-footer a {
    display: inline;
    white-space: normal;
  }

  #authScreen .auth-panel h2 {
    font-size: 30px;
  }

  #authScreen .auth-panel input,
  #authScreen .auth-panel .btn {
    min-height: 52px;
  }

  #authScreen .password-toggle {
    min-height: 52px;
  }
}

/* Production dashboard convergence pass */
#dashboard .command-visual {
  min-height: clamp(430px, 48vh, 540px) !important;
  display: grid;
  place-items: center;
  padding: clamp(16px, 2vw, 24px);
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(35, 28, 24, .92), rgba(63, 53, 48, .72)),
    #241d19;
}

#dashboard .command-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .34;
  filter: saturate(.9) contrast(1.02) brightness(.82) !important;
}

#dashboard .command-visual::before {
  opacity: .22 !important;
}

#dashboard .command-visual::after {
  inset: 12px;
  border-color: rgba(255, 253, 249, .18);
  opacity: .46 !important;
}

#dashboard .visual-glass {
  display: none !important;
}

#dashboard .production-board {
  position: relative;
  z-index: 4;
  width: min(100%, 620px);
  display: grid;
  gap: 14px;
  padding: clamp(18px, 2.2vw, 24px);
  border: 1px solid rgba(255, 253, 249, .26);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 253, 249, .88), rgba(255, 249, 240, .76)),
    radial-gradient(circle at 88% 8%, rgba(125, 157, 145, .18), transparent 36%);
  box-shadow:
    0 22px 56px rgba(30, 24, 20, .28),
    inset 0 1px 0 rgba(255, 255, 255, .7);
  color: #2d211b;
  backdrop-filter: blur(18px) saturate(1.04);
}

#dashboard .production-board-head {
  display: grid;
  gap: 5px;
}

#dashboard .production-board-head h3 {
  margin: 0;
  color: #2b201b;
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.12;
  letter-spacing: 0;
}

#dashboard .production-board-head p {
  margin: 0;
  color: rgba(67, 52, 44, .74);
  font-size: 13px;
  line-height: 1.5;
}

#dashboard .production-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#dashboard .production-summary-grid span,
#dashboard .production-tool-row {
  border: 1px solid rgba(95, 72, 61, .12);
  background: rgba(255, 253, 249, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

#dashboard .production-summary-grid span {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px 9px;
  border-radius: 12px;
}

#dashboard .production-summary-grid small,
#dashboard .production-tool-row small {
  color: rgba(75, 59, 51, .64);
  font-size: 11px;
  font-weight: 700;
}

#dashboard .production-summary-grid strong,
#dashboard .production-tool-row em {
  color: #1f5f67;
  font-style: normal;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

#dashboard .production-summary-grid strong {
  font-size: clamp(24px, 2.2vw, 32px);
}

#dashboard .production-summary-grid em {
  color: rgba(75, 59, 51, .58);
  font-size: 11px;
  font-style: normal;
}

#dashboard .production-tool-table {
  display: grid;
  gap: 8px;
}

#dashboard .production-tool-row {
  display: grid;
  grid-template-columns: minmax(128px, 1fr) minmax(72px, .42fr) minmax(72px, .42fr);
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 9px 10px;
  border-radius: 12px;
}

#dashboard .production-tool-row > span {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #352820;
  font-size: 14px;
}

#dashboard .production-tool-row i,
#dashboard .production-tool-row svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: #7d9d91;
  stroke-width: 2.35;
}

#dashboard .production-tool-row b {
  display: grid;
  grid-template-columns: auto minmax(24px, 1fr);
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  padding: 7px 8px;
  border-radius: 10px;
  background: rgba(248, 241, 231, .72);
}

#dashboard .production-tool-row em {
  justify-self: end;
  font-size: 22px;
}

#dashboard .dashboard-first-order.is-hidden,
#dashboard .dashboard-first-day-path.is-hidden,
#dashboard .dashboard-checkin-card.is-hidden,
#dashboard .dashboard-morning-brief.is-hidden {
  display: none !important;
}

.profile-opening-price {
  display: grid;
  gap: 12px;
  margin: 12px 0 16px;
  padding: 16px;
  border: 1px solid rgba(181, 138, 88, .22);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 253, 249, .86), rgba(255, 248, 239, .74)),
    radial-gradient(circle at 100% 0, rgba(125, 157, 145, .12), transparent 36%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68);
}

.profile-opening-price-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.profile-opening-price-head span {
  color: #6d4637;
  font-size: 16px;
  font-weight: 900;
}

.profile-opening-price-head strong {
  color: rgba(63, 48, 40, .68);
  font-size: 12px;
}

.profile-opening-price-grid,
.profile-standard-price {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.profile-opening-price-grid span,
.profile-standard-price em {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(95, 72, 61, .1);
  background: rgba(255, 253, 249, .68);
  font-style: normal;
}

.profile-opening-price-grid small,
.profile-standard-price span {
  color: rgba(75, 59, 51, .62);
  font-size: 11px;
  font-weight: 800;
}

.profile-opening-price-grid strong,
.profile-standard-price strong {
  color: #1f5f67;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.profile-opening-price-grid em {
  color: rgba(75, 59, 51, .58);
  font-size: 11px;
  font-style: normal;
}

.profile-standard-price {
  align-items: stretch;
  margin: 0;
}

.profile-standard-price > span {
  grid-column: 1 / -1;
  font-size: 12px;
}

.profile-standard-price em {
  color: rgba(55, 42, 35, .84);
  font-size: 12px;
}

@media (max-width: 920px) {
  #dashboard .production-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: auto !important;
    padding: 14px;
  }

  #dashboard .production-board {
    width: 100%;
    padding: 15px;
    border-radius: 14px;
  }

  #dashboard .production-tool-row {
    grid-template-columns: 1fr;
  }

  #dashboard .production-tool-row b {
    grid-template-columns: 1fr auto;
  }

  .profile-opening-price-grid,
  .profile-standard-price {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .production-board,
  #dashboard .production-board *,
  .profile-opening-price,
  .profile-opening-price * {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* Dashboard opening quota headline spectacle centered final active pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  min-height: clamp(700px, 68vh, 820px) !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(940px, calc(100% - 34px)) !important;
  min-height: min(640px, calc(100% - 34px)) !important;
  max-height: calc(100% - 34px) !important;
  margin: 0 !important;
  padding: clamp(28px, 3vw, 48px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(16px, 1.8vw, 28px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(118px, 10vw, 158px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 720px) !important;
  min-width: 0 !important;
  min-height: clamp(100px, 8.2vw, 136px) !important;
  padding: clamp(16px, 1.8vw, 28px) clamp(34px, 3.7vw, 68px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255,253,249,.34), transparent 58%),
    linear-gradient(92deg, #fffdf4 0%, #ffe8a6 18%, #c88925 36%, #fff4ce 52%, #ffe8a6 70%, #8e503a 100%) !important;
  background-size: 760% 100% !important;
  color: #ffe8a6 !important;
  font-size: clamp(68px, 5.55vw, 96px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.9),
    inset 0 -18px 40px rgba(255,232,166,.16),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 92px rgba(255,232,166,.82),
    0 0 210px rgba(217,185,140,.54) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  opacity: .9 !important;
  background:
    radial-gradient(circle at 12% 48%, rgba(255,253,249,.96) 0 2px, transparent 3px),
    radial-gradient(circle at 31% 20%, rgba(255,232,166,.9) 0 1px, transparent 4px),
    radial-gradient(circle at 68% 72%, rgba(255,253,249,.86) 0 2px, transparent 5px),
    radial-gradient(circle at 88% 36%, rgba(255,232,166,.78) 0 1px, transparent 4px) !important;
  filter: drop-shadow(0 0 10px rgba(255,232,166,.82)) !important;
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  opacity: .58 !important;
  background: linear-gradient(105deg, transparent 0 34%, rgba(255,253,249,.92) 45%, rgba(255,232,166,.76) 51%, transparent 64% 100%) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 3 !important;
  display: inline-block !important;
  min-width: .76em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .85px rgba(42,24,18,.88) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.86),
    0 0 16px rgba(255,253,249,.92),
    0 0 44px rgba(255,232,166,.96),
    0 0 88px rgba(217,185,140,.7) !important;
  animation-delay: calc(var(--quota-letter-index) * .08s) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 820px) !important;
  min-height: clamp(232px, 18vw, 292px) !important;
  padding: clamp(24px, 2.5vw, 42px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(14px, 1.5vw, 24px) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(62px, 5.25vw, 88px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.68),
    0 0 46px rgba(255,232,166,.96),
    0 0 128px rgba(217,185,140,.72) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  min-width: 2.3em !important;
  padding: 5px 14px 8px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  color: #261108 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff1ba 24%, #ffd36d 56%, #d9a441 80%, #a5661e 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.96), transparent 58%) !important;
  font-size: clamp(78px, 6.35vw, 118px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 22px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 92px rgba(255,232,166,.9),
    0 0 174px rgba(217,185,140,.78),
    0 18px 36px rgba(18,14,12,.28) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaHeadlineSpectaclePulse 1.9s ease-in-out infinite,
      openingQuotaHeadlineSpectacleSheen 1.18s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaHeadlineSpectacleSpark 2.1s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaHeadlineSpectacleLetter 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaHeadlineSpectacleNumber 2.65s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaHeadlineSpectaclePulse {
  0%, 100% { filter: saturate(1.04) brightness(1); transform: translateZ(0) scale(1); }
  42% { filter: saturate(1.22) brightness(1.12); transform: translateZ(0) scale(1.018); }
}

@keyframes openingQuotaHeadlineSpectacleSheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaHeadlineSpectacleSpark {
  0%, 100% { opacity: .46; transform: translate3d(-2%, 0, 0) scale(.98); }
  45% { opacity: 1; transform: translate3d(2%, -1%, 0) scale(1.03); }
}

@keyframes openingQuotaHeadlineSpectacleLetter {
  0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }
  42% { transform: translateY(-5px) scale(1.045); filter: brightness(1.16); }
}

@keyframes openingQuotaHeadlineSpectacleNumber {
  0%, 100% { filter: saturate(1.02) brightness(1); }
  50% { filter: saturate(1.2) brightness(1.1); }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 650px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota headline spectacle centered final active pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  min-height: clamp(700px, 68vh, 820px) !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(940px, calc(100% - 34px)) !important;
  min-height: min(640px, calc(100% - 34px)) !important;
  max-height: calc(100% - 34px) !important;
  margin: 0 !important;
  padding: clamp(28px, 3vw, 48px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(16px, 1.8vw, 28px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(118px, 10vw, 158px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 720px) !important;
  min-width: 0 !important;
  min-height: clamp(100px, 8.2vw, 136px) !important;
  padding: clamp(16px, 1.8vw, 28px) clamp(34px, 3.7vw, 68px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255,253,249,.34), transparent 58%),
    linear-gradient(92deg, #fffdf4 0%, #ffe8a6 18%, #c88925 36%, #fff4ce 52%, #ffe8a6 70%, #8e503a 100%) !important;
  background-size: 760% 100% !important;
  color: #ffe8a6 !important;
  font-size: clamp(68px, 5.55vw, 96px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.9),
    inset 0 -18px 40px rgba(255,232,166,.16),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 92px rgba(255,232,166,.82),
    0 0 210px rgba(217,185,140,.54) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(145deg, rgba(42,27,22,.92), rgba(92,58,49,.72)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 56%) !important;
  box-shadow: inset 0 0 32px rgba(255,232,166,.2) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  opacity: .9 !important;
  background:
    radial-gradient(circle at 12% 48%, rgba(255,253,249,.96) 0 2px, transparent 3px),
    radial-gradient(circle at 31% 20%, rgba(255,232,166,.9) 0 1px, transparent 4px),
    radial-gradient(circle at 68% 72%, rgba(255,253,249,.86) 0 2px, transparent 5px),
    radial-gradient(circle at 88% 36%, rgba(255,232,166,.78) 0 1px, transparent 4px) !important;
  filter: drop-shadow(0 0 10px rgba(255,232,166,.82)) !important;
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  opacity: .58 !important;
  background: linear-gradient(105deg, transparent 0 34%, rgba(255,253,249,.92) 45%, rgba(255,232,166,.76) 51%, transparent 64% 100%) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 3 !important;
  display: inline-block !important;
  min-width: .76em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .85px rgba(42,24,18,.88) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.86),
    0 0 16px rgba(255,253,249,.92),
    0 0 44px rgba(255,232,166,.96),
    0 0 88px rgba(217,185,140,.7) !important;
  animation-delay: calc(var(--quota-letter-index) * .08s) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
  content: "" !important;
  position: absolute !important;
  width: .18em !important;
  height: .18em !important;
  top: .02em !important;
  right: .02em !important;
  border-radius: 999px !important;
  opacity: 0 !important;
  background: radial-gradient(circle, rgba(255,253,249,.98) 0 18%, rgba(255,232,166,.88) 42%, transparent 72%) !important;
  filter: drop-shadow(0 0 12px rgba(255,232,166,.88)) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 820px) !important;
  min-height: clamp(232px, 18vw, 292px) !important;
  padding: clamp(24px, 2.5vw, 42px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(14px, 1.5vw, 24px) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(62px, 5.25vw, 88px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.68),
    0 0 46px rgba(255,232,166,.96),
    0 0 128px rgba(217,185,140,.72) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  min-width: 2.3em !important;
  padding: 5px 14px 8px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  color: #261108 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff1ba 24%, #ffd36d 56%, #d9a441 80%, #a5661e 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.96), transparent 58%) !important;
  font-size: clamp(78px, 6.35vw, 118px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 22px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 92px rgba(255,232,166,.9),
    0 0 174px rgba(217,185,140,.78),
    0 18px 36px rgba(18,14,12,.28) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaHeadlineSpectaclePulse 1.9s ease-in-out infinite,
      openingQuotaHeadlineSpectacleSheen 1.18s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaHeadlineSpectacleSpark 2.1s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaHeadlineSpectacleSweep 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaHeadlineSpectacleLetter 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
    animation: openingQuotaHeadlineSpectacleDot 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaHeadlineSpectacleNumber 2.65s ease-in-out infinite !important;
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(760px, calc(100% - 24px)) !important;
    min-height: min(610px, calc(100% - 24px)) !important;
    padding: clamp(20px, 2.3vw, 34px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 620px) !important;
    font-size: clamp(46px, 4.2vw, 64px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(52px, 5.1vw, 72px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(58px, 5.35vw, 82px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 650px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(610px, calc(100% - 20px)) !important;
    padding: 14px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 342px) !important;
    min-height: 76px !important;
    padding: 14px 18px !important;
    font-size: clamp(32px, 8.9vw, 40px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 342px) !important;
    min-height: 330px !important;
    grid-template-columns: 1fr !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(36px, 9.5vw, 46px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    min-width: 0 !important;
    font-size: clamp(42px, 10.4vw, 56px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota headline spectacle centered lock pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  min-height: clamp(700px, 68vh, 820px) !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(940px, calc(100% - 34px)) !important;
  min-height: min(640px, calc(100% - 34px)) !important;
  max-height: calc(100% - 34px) !important;
  margin: 0 !important;
  padding: clamp(28px, 3vw, 48px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(16px, 1.8vw, 28px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(118px, 10vw, 158px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 720px) !important;
  min-width: 0 !important;
  min-height: clamp(100px, 8.2vw, 136px) !important;
  padding: clamp(16px, 1.8vw, 28px) clamp(34px, 3.7vw, 68px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255,253,249,.34), transparent 58%),
    linear-gradient(92deg, #fffdf4 0%, #ffe8a6 18%, #c88925 36%, #fff4ce 52%, #ffe8a6 70%, #8e503a 100%) !important;
  background-size: 760% 100% !important;
  color: #ffe8a6 !important;
  font-size: clamp(68px, 5.55vw, 96px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.9),
    inset 0 -18px 40px rgba(255,232,166,.16),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 92px rgba(255,232,166,.82),
    0 0 210px rgba(217,185,140,.54) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(145deg, rgba(42,27,22,.92), rgba(92,58,49,.72)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 56%) !important;
  box-shadow: inset 0 0 32px rgba(255,232,166,.2) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  opacity: .9 !important;
  background:
    radial-gradient(circle at 12% 48%, rgba(255,253,249,.96) 0 2px, transparent 3px),
    radial-gradient(circle at 31% 20%, rgba(255,232,166,.9) 0 1px, transparent 4px),
    radial-gradient(circle at 68% 72%, rgba(255,253,249,.86) 0 2px, transparent 5px),
    radial-gradient(circle at 88% 36%, rgba(255,232,166,.78) 0 1px, transparent 4px) !important;
  filter: drop-shadow(0 0 10px rgba(255,232,166,.82)) !important;
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  opacity: .58 !important;
  background: linear-gradient(105deg, transparent 0 34%, rgba(255,253,249,.92) 45%, rgba(255,232,166,.76) 51%, transparent 64% 100%) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 3 !important;
  display: inline-block !important;
  min-width: .76em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .85px rgba(42,24,18,.88) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.86),
    0 0 16px rgba(255,253,249,.92),
    0 0 44px rgba(255,232,166,.96),
    0 0 88px rgba(217,185,140,.7) !important;
  animation-delay: calc(var(--quota-letter-index) * .08s) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
  content: "" !important;
  position: absolute !important;
  width: .18em !important;
  height: .18em !important;
  top: .02em !important;
  right: .02em !important;
  border-radius: 999px !important;
  opacity: 0 !important;
  background: radial-gradient(circle, rgba(255,253,249,.98) 0 18%, rgba(255,232,166,.88) 42%, transparent 72%) !important;
  filter: drop-shadow(0 0 12px rgba(255,232,166,.88)) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 820px) !important;
  min-height: clamp(232px, 18vw, 292px) !important;
  padding: clamp(24px, 2.5vw, 42px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(14px, 1.5vw, 24px) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(62px, 5.25vw, 88px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.68),
    0 0 46px rgba(255,232,166,.96),
    0 0 128px rgba(217,185,140,.72) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  min-width: 2.3em !important;
  padding: 5px 14px 8px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  color: #261108 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff1ba 24%, #ffd36d 56%, #d9a441 80%, #a5661e 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.96), transparent 58%) !important;
  font-size: clamp(78px, 6.35vw, 118px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 22px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 92px rgba(255,232,166,.9),
    0 0 174px rgba(217,185,140,.78),
    0 18px 36px rgba(18,14,12,.28) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaHeadlineSpectaclePulse 1.9s ease-in-out infinite,
      openingQuotaHeadlineSpectacleSheen 1.18s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaHeadlineSpectacleSpark 2.1s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaHeadlineSpectacleSweep 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaHeadlineSpectacleLetter 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
    animation: openingQuotaHeadlineSpectacleDot 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaHeadlineSpectacleNumber 2.65s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaHeadlineSpectaclePulse {
  0%, 100% {
    filter: saturate(1.04) brightness(1);
    transform: translateZ(0) scale(1);
  }
  42% {
    filter: saturate(1.22) brightness(1.12);
    transform: translateZ(0) scale(1.018);
  }
}

@keyframes openingQuotaHeadlineSpectacleSheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaHeadlineSpectacleSpark {
  0%, 100% {
    opacity: .46;
    transform: translate3d(-2%, 0, 0) scale(.98);
  }
  45% {
    opacity: 1;
    transform: translate3d(2%, -1%, 0) scale(1.03);
  }
}

@keyframes openingQuotaHeadlineSpectacleSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-42%) skewX(-12deg);
  }
  48% {
    opacity: .74;
    transform: translateX(42%) skewX(-12deg);
  }
}

@keyframes openingQuotaHeadlineSpectacleLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  42% {
    transform: translateY(-5px) scale(1.045);
    filter: brightness(1.16);
  }
}

@keyframes openingQuotaHeadlineSpectacleDot {
  0%, 100% {
    opacity: 0;
    transform: scale(.45);
  }
  42% {
    opacity: .98;
    transform: scale(1.14);
  }
}

@keyframes openingQuotaHeadlineSpectacleNumber {
  0%, 100% {
    filter: saturate(1.02) brightness(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.9),
      inset 0 -10px 22px rgba(161,93,22,.2),
      0 0 0 1px rgba(255,253,249,.36),
      0 0 92px rgba(255,232,166,.9),
      0 0 174px rgba(217,185,140,.78),
      0 18px 36px rgba(18,14,12,.28);
  }
  50% {
    filter: saturate(1.2) brightness(1.1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      inset 0 -10px 22px rgba(161,93,22,.16),
      0 0 0 1px rgba(255,253,249,.46),
      0 0 118px rgba(255,232,166,1),
      0 0 220px rgba(217,185,140,.92),
      0 20px 40px rgba(18,14,12,.3);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(760px, calc(100% - 24px)) !important;
    min-height: min(610px, calc(100% - 24px)) !important;
    padding: clamp(20px, 2.3vw, 34px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 620px) !important;
    font-size: clamp(46px, 4.2vw, 64px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(52px, 5.1vw, 72px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(58px, 5.35vw, 82px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 650px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(610px, calc(100% - 20px)) !important;
    padding: 14px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 342px) !important;
    min-height: 76px !important;
    padding: 14px 18px !important;
    font-size: clamp(32px, 8.9vw, 40px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 342px) !important;
    min-height: 330px !important;
    grid-template-columns: 1fr !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(36px, 9.5vw, 46px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    min-width: 0 !important;
    font-size: clamp(42px, 10.4vw, 56px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota focus sparkle center lock pass */
#dashboard .command-visual {
  display: grid !important;
  place-items: center !important;
}

#dashboard .opening-quota-card {
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(780px, calc(100% - 28px)) !important;
  min-height: min(690px, calc(100% - 34px)) !important;
  max-height: calc(100% - 34px) !important;
  padding: clamp(28px, 3vw, 50px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(16px, 1.35vw, 24px) !important;
  margin: 0 !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(132px, 10vw, 176px) !important;
  display: grid !important;
  place-items: center !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  isolation: isolate !important;
  width: min(100%, 620px) !important;
  min-width: 0 !important;
  min-height: clamp(96px, 7.4vw, 132px) !important;
  padding: clamp(16px, 1.45vw, 22px) clamp(24px, 2.55vw, 40px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .04em !important;
  overflow: hidden !important;
  contain: paint !important;
  border: 1px solid rgba(255,232,166,.62) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,253,249,.22), transparent 54%),
    linear-gradient(95deg, #fffdf4 0%, #ffe8a6 24%, #d9b98c 46%, #fff8db 64%, #fff0b8 100%) !important;
  background-size: 520% 100% !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: .8px rgba(42,24,18,.82) !important;
  font-size: clamp(62px, 5.55vw, 88px) !important;
  font-weight: 950 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.62),
    0 0 34px rgba(255,232,166,.66),
    0 0 118px rgba(217,185,140,.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 0 42px rgba(255,232,166,.14),
    0 0 0 1px rgba(42,24,18,.22),
    0 0 72px rgba(255,232,166,.2) !important;
  will-change: transform, filter, background-position !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 32%, rgba(255,253,249,.74), transparent 20%),
    radial-gradient(circle at 78% 62%, rgba(255,232,166,.54), transparent 24%),
    linear-gradient(145deg, rgba(42,27,22,.78), rgba(92,58,49,.48)) !important;
  box-shadow:
    inset 0 0 24px rgba(255,232,166,.18),
    inset 0 0 0 1px rgba(255,247,221,.16) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  z-index: 2 !important;
  opacity: .92 !important;
  background:
    radial-gradient(circle at 9% 48%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 24% 23%, rgba(255,232,166,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 52% 12%, rgba(255,253,249,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 76% 72%, rgba(255,253,249,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 93% 40%, rgba(255,232,166,.96) 0 2px, transparent 5px) !important;
  filter: drop-shadow(0 0 12px rgba(255,232,166,.84)) !important;
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 1 !important;
  opacity: .44 !important;
  background: linear-gradient(104deg, transparent 0 28%, rgba(255,253,249,.2) 38%, rgba(255,232,166,.95) 48%, rgba(255,253,249,.72) 55%, transparent 70% 100%) !important;
  background-size: 230% 100% !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 3 !important;
  display: inline-block !important;
  min-width: .74em !important;
  background: none !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .85px rgba(42,24,18,.82) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.58),
    0 0 22px rgba(255,232,166,.72),
    0 0 54px rgba(217,185,140,.42) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 670px) !important;
  min-height: clamp(300px, 24vw, 350px) !important;
  padding: clamp(28px, 2.65vw, 42px) clamp(20px, 2.45vw, 36px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  justify-content: center !important;
  gap: clamp(12px, 1.25vw, 20px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,232,166,.86) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.25), transparent 45%),
    linear-gradient(145deg, rgba(42,26,21,.66), rgba(92,58,49,.44)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 0 48px rgba(255,232,166,.1),
    0 22px 48px rgba(28,18,14,.24) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 1.02em !important;
  display: grid !important;
  place-items: center !important;
  color: #fffdf4 !important;
  font-size: clamp(58px, 5.15vw, 78px) !important;
  font-weight: 950 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.64),
    0 0 58px rgba(255,232,166,.92),
    0 0 154px rgba(217,185,140,.72) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: end !important;
  gap: .58rem !important;
  min-width: 0 !important;
  color: rgba(255,253,249,.92) !important;
  font-size: clamp(18px, 1.55vw, 24px) !important;
  font-weight: 920 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  width: min(100%, 164px) !important;
  min-width: 2.28em !important;
  min-height: 1.06em !important;
  padding: .34rem .5rem .48rem !important;
  overflow: hidden !important;
  contain: paint !important;
  border: 1px solid rgba(255,250,222,.98) !important;
  border-radius: 22px !important;
  color: #211009 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 26%, #ffd36d 58%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 62%) !important;
  font-size: clamp(66px, 5.65vw, 86px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 0 rgba(255,253,249,.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -10px 22px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.48),
    0 0 88px rgba(255,232,166,.95),
    0 0 220px rgba(217,185,140,.72),
    0 22px 44px rgba(18,14,12,.28) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  opacity: .42 !important;
  background: linear-gradient(104deg, transparent 20%, rgba(255,253,249,.95) 46%, rgba(255,232,166,.72) 54%, transparent 76%) !important;
  transform: translateX(-80%) rotate(10deg) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaFocusTitleBeacon 2s ease-in-out infinite,
      openingQuotaFocusTitleFloat 4.8s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaFocusTitleSparkle 1.7s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaFocusTitleSweep 1.9s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaFocusLetterPop 1.82s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s !important; }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaFocusStandardLabel 3.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaFocusNumberGlow 2.75s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaFocusNumberSweep 2.25s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaFocusTitleBeacon {
  0%, 100% {
    background-position: 0% 50%;
    filter: brightness(1.1) drop-shadow(0 0 34px rgba(255,232,166,.78)) drop-shadow(0 0 86px rgba(217,185,140,.34));
  }
  44% {
    background-position: 100% 50%;
    filter: brightness(1.62) saturate(1.24) drop-shadow(0 0 48px rgba(255,253,249,.92)) drop-shadow(0 0 122px rgba(255,232,166,.9)) drop-shadow(0 0 182px rgba(217,185,140,.54));
  }
}

@keyframes openingQuotaFocusTitleFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-3px) scale(1.012);
  }
}

@keyframes openingQuotaFocusTitleSparkle {
  0%, 100% {
    opacity: .64;
    filter: drop-shadow(0 0 10px rgba(255,232,166,.54));
  }
  42% {
    opacity: 1;
    filter: drop-shadow(0 0 18px rgba(255,253,249,.88)) drop-shadow(0 0 34px rgba(255,232,166,.82));
  }
}

@keyframes openingQuotaFocusTitleSweep {
  0%, 100% {
    opacity: .18;
    background-position: 0% 50%;
  }
  48% {
    opacity: .72;
    background-position: 100% 50%;
  }
}

@keyframes openingQuotaFocusLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-5px) scale(1.08);
    filter: brightness(1.46) drop-shadow(0 0 20px rgba(255,253,249,.78)) drop-shadow(0 0 40px rgba(255,232,166,.72));
  }
  62% {
    transform: translateY(0) scale(1.02);
    filter: brightness(1.12);
  }
}

@keyframes openingQuotaFocusStandardLabel {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
  }
  46% {
    transform: translateY(-2px);
    filter: brightness(1.18) drop-shadow(0 0 22px rgba(255,232,166,.54));
  }
}

@keyframes openingQuotaFocusNumberGlow {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.84),
      inset 0 -10px 22px rgba(161,93,22,.2),
      0 0 0 1px rgba(255,253,249,.48),
      0 0 88px rgba(255,232,166,.95),
      0 0 220px rgba(217,185,140,.72),
      0 22px 44px rgba(18,14,12,.28);
  }
  44% {
    transform: translateY(-2px) scale(1.028);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -10px 22px rgba(161,93,22,.18),
      0 0 0 1px rgba(255,253,249,.62),
      0 0 118px rgba(255,232,166,1),
      0 0 290px rgba(217,185,140,.86),
      0 26px 48px rgba(18,14,12,.3);
  }
}

@keyframes openingQuotaFocusNumberSweep {
  0%, 100% {
    opacity: .12;
    transform: translateX(-82%) rotate(10deg);
  }
  48% {
    opacity: .72;
    transform: translateX(82%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(650px, calc(100% - 24px)) !important;
    min-height: min(668px, calc(100% - 24px)) !important;
    max-height: calc(100% - 24px) !important;
    padding: clamp(18px, 2vw, 28px) !important;
    gap: 12px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 124px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px) !important;
    min-height: 86px !important;
    padding: 12px 16px 14px !important;
    font-size: clamp(36px, 3.12vw, 50px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100% !important;
    min-height: 312px !important;
    padding: 22px 14px 24px !important;
    gap: 10px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(46px, 4.8vw, 68px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(16px, 1.35vw, 20px) !important;
    gap: 6px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 120px) !important;
    min-width: 2.4em !important;
    font-size: clamp(42px, 4.2vw, 60px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 700px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(660px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 15px !important;
    gap: 9px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 110px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 334px) !important;
    min-height: 78px !important;
    padding: 10px 9px 12px !important;
    font-size: clamp(30px, 8.6vw, 39px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .7em !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    grid-template-columns: 1fr !important;
    min-height: 390px !important;
    padding: 18px 10px 20px !important;
    gap: 10px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 9.1vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    grid-template-columns: minmax(46px, .58fr) minmax(0, 1fr) !important;
    align-items: center !important;
    width: min(100%, 240px) !important;
    gap: 10px !important;
    font-size: clamp(14px, 3.6vw, 17px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 132px) !important;
    min-width: 0 !important;
    font-size: clamp(36px, 9.2vw, 45px) !important;
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 304px) !important;
    font-size: clamp(28px, 8vw, 34px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(31px, 8.4vw, 37px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 220px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 124px) !important;
    font-size: clamp(34px, 8.8vw, 41px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota hero attention important guard pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto;
  bottom: auto;
  width: min(760px, calc(100% - 32px)) !important;
  min-height: min(720px, calc(100% - 40px)) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  text-align: center;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center;
}

#dashboard .opening-quota-head {
  width: 100%;
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-head span.opening-quota-title {
  position: relative;
  isolation: isolate;
  width: min(100%, 650px) !important;
  min-height: clamp(112px, 8.4rem, 140px) !important;
  padding: clamp(18px, 1.45rem, 24px) clamp(28px, 3.1rem, 54px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  overflow: hidden;
  contain: paint;
  border-radius: 999px;
  font-size: clamp(58px, 5.6vw, 88px) !important;
  line-height: 1.02;
  white-space: nowrap;
  animation-composition: add;
}

#dashboard .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: 6px !important;
  z-index: -1;
  overflow: hidden;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.36), rgba(255,232,166,.2) 40%, transparent 72%),
    linear-gradient(145deg, rgba(42,27,22,.9), rgba(104,62,45,.72));
  box-shadow:
    inset 0 0 0 1px rgba(255,247,206,.64),
    inset 0 0 32px rgba(255,232,166,.2);
}

#dashboard .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  transform-origin: center 72%;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .9px rgba(42,24,18,.86);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 30px rgba(255,253,249,.92),
    0 0 74px rgba(255,232,166,1),
    0 0 150px rgba(217,185,140,.76);
}

#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s; }

#dashboard .opening-quota-title-glint,
#dashboard .opening-quota-title-shine,
#dashboard .opening-quota-title::after {
  position: absolute;
  inset: 8px;
  width: auto;
  height: auto;
  max-width: none;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

#dashboard .opening-quota-title-glint {
  z-index: 1;
  background:
    radial-gradient(circle at 10% 52%, rgba(255,253,249,1) 0 2px, transparent 4px),
    radial-gradient(circle at 25% 24%, rgba(255,232,166,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 52% 12%, rgba(255,253,249,1) 0 2px, transparent 5px),
    radial-gradient(circle at 76% 72%, rgba(255,253,249,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 92% 42%, rgba(255,232,166,.94) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 18px rgba(255,232,166,.96))
    drop-shadow(0 0 42px rgba(217,185,140,.58));
}

#dashboard .opening-quota-title-shine,
#dashboard .opening-quota-title::after {
  z-index: 2;
  opacity: .78;
  background:
    linear-gradient(104deg, transparent 0 28%, rgba(255,253,249,.24) 37%, rgba(255,232,166,1) 48%, rgba(255,253,249,.86) 56%, transparent 72% 100%);
  background-size: 220% 100%;
  mix-blend-mode: screen;
}

#dashboard .opening-standard-price {
  width: min(100%, 660px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  place-content: center;
  gap: clamp(12px, 1rem, 20px);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 1.12em;
  display: grid;
  place-items: center;
  color: #fffdf4;
  font-size: clamp(64px, 5.2vw, 84px) !important;
  font-weight: 950;
  line-height: 1.12;
  text-align: center;
  text-shadow:
    0 2px 0 rgba(42,24,18,.66),
    0 0 64px rgba(255,232,166,1),
    0 0 190px rgba(217,185,140,.86),
    0 0 220px rgba(255,253,249,.42);
}

#dashboard .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: .56rem;
  white-space: nowrap;
}

#dashboard .opening-standard-price i {
  display: none;
}

#dashboard .opening-standard-price strong {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: min(100%, 164px);
  min-width: 2.45em;
  min-height: 1.18em;
  padding: .34rem .62rem .46rem;
  overflow: visible;
  border: 1px solid rgba(255,247,206,.98);
  border-radius: 22px;
  color: #201008 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 30%, #ffd36d 62%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.98), transparent 64%);
  font-size: clamp(62px, 5.45vw, 78px) !important;
  font-weight: 950;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255,253,249,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 1px rgba(255,253,249,.54),
    0 0 190px rgba(255,232,166,1),
    0 0 360px rgba(217,185,140,1),
    0 26px 54px rgba(18,14,12,.34);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaHeroTitlePulse 2.35s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.6s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaHeroLetterPop 1.65s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-title::after {
    animation: openingQuotaBeaconTitleSheen 1.28s ease-in-out infinite;
  }

  #dashboard .opening-standard-price span {
    animation: openingQuotaMagneticStandardLabel 2.8s ease-in-out infinite !important;
  }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaHeroNumberGlow 2.9s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaHeroTitlePulse {
  0%, 100% {
    filter:
      brightness(1.12)
      drop-shadow(0 0 42px rgba(255,232,166,.9))
      drop-shadow(0 0 100px rgba(217,185,140,.48));
  }
  38% {
    filter:
      brightness(1.86)
      saturate(1.25)
      drop-shadow(0 0 72px rgba(255,253,249,.98))
      drop-shadow(0 0 160px rgba(255,232,166,.94))
      drop-shadow(0 0 240px rgba(217,185,140,.72));
  }
  68% {
    filter:
      brightness(1.32)
      drop-shadow(0 0 54px rgba(255,232,166,.95))
      drop-shadow(0 0 120px rgba(217,185,140,.58));
  }
}

@keyframes openingQuotaHeroLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  34% {
    transform: translateY(-6px) scale(1.1);
    filter:
      brightness(1.92)
      drop-shadow(0 0 28px rgba(255,253,249,.94))
      drop-shadow(0 0 58px rgba(255,232,166,.96));
  }
  58% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.16);
  }
}

@keyframes openingQuotaHeroNumberGlow {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 0 0 1px rgba(255,253,249,.54),
      0 0 190px rgba(255,232,166,1),
      0 0 360px rgba(217,185,140,1),
      0 26px 54px rgba(18,14,12,.34);
  }
  45% {
    transform: translateY(-2px) scale(1.025);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 0 0 1px rgba(255,253,249,.68),
      0 0 230px rgba(255,232,166,1),
      0 0 420px rgba(217,185,140,1),
      0 30px 58px rgba(18,14,12,.36);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    min-height: 5.8rem;
    padding: .72rem .95rem .9rem;
    font-size: clamp(36px, 3.25rem, 52px);
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(42px, 3.7rem, 60px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 152px);
    font-size: clamp(50px, 4.35rem, 70px);
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 300px) !important;
    min-height: 5rem !important;
    padding: .58rem .62rem .76rem !important;
    font-size: clamp(34px, 10vw, 40px) !important;
  }

  #dashboard .opening-standard-price {
    grid-template-columns: 1fr;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 9.6vw, 42px) !important;
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 168px);
    min-width: 4.55em;
    font-size: clamp(34px, 9.4vw, 44px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota hero attention final eof lock pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(760px, calc(100% - 32px));
  min-height: min(720px, calc(100% - 40px));
  display: grid;
  place-items: center;
  place-content: center;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
}

#dashboard .opening-quota-head {
  width: 100%;
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-head span.opening-quota-title {
  position: relative;
  isolation: isolate;
  width: min(100%, 650px);
  min-height: clamp(112px, 8.4rem, 140px);
  padding: clamp(18px, 1.45rem, 24px) clamp(28px, 3.1rem, 54px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  overflow: hidden;
  contain: paint;
  border-radius: 999px;
  font-size: clamp(58px, 5.6vw, 88px);
  line-height: 1.02;
  white-space: nowrap;
  animation-composition: add;
}

#dashboard .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: -1;
  overflow: hidden;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.36), rgba(255,232,166,.2) 40%, transparent 72%),
    linear-gradient(145deg, rgba(42,27,22,.9), rgba(104,62,45,.72));
  box-shadow:
    inset 0 0 0 1px rgba(255,247,206,.64),
    inset 0 0 32px rgba(255,232,166,.2);
}

#dashboard .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  transform-origin: center 72%;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .9px rgba(42,24,18,.86);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 30px rgba(255,253,249,.92),
    0 0 74px rgba(255,232,166,1),
    0 0 150px rgba(217,185,140,.76);
}

#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s; }

#dashboard .opening-quota-title-glint,
#dashboard .opening-quota-title-shine,
#dashboard .opening-quota-title::after {
  position: absolute;
  inset: 8px;
  width: auto;
  height: auto;
  max-width: none;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

#dashboard .opening-quota-title-glint {
  z-index: 1;
  background:
    radial-gradient(circle at 10% 52%, rgba(255,253,249,1) 0 2px, transparent 4px),
    radial-gradient(circle at 25% 24%, rgba(255,232,166,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 52% 12%, rgba(255,253,249,1) 0 2px, transparent 5px),
    radial-gradient(circle at 76% 72%, rgba(255,253,249,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 92% 42%, rgba(255,232,166,.94) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 18px rgba(255,232,166,.96))
    drop-shadow(0 0 42px rgba(217,185,140,.58));
}

#dashboard .opening-quota-title-shine,
#dashboard .opening-quota-title::after {
  z-index: 2;
  opacity: .78;
  background:
    linear-gradient(104deg, transparent 0 28%, rgba(255,253,249,.24) 37%, rgba(255,232,166,1) 48%, rgba(255,253,249,.86) 56%, transparent 72% 100%);
  background-size: 220% 100%;
  mix-blend-mode: screen;
}

#dashboard .opening-standard-price {
  width: min(100%, 660px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  place-content: center;
  gap: clamp(12px, 1rem, 20px);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 1.12em;
  display: grid;
  place-items: center;
  color: #fffdf4;
  font-size: clamp(64px, 5.2vw, 84px);
  font-weight: 950;
  line-height: 1.12;
  text-align: center;
  text-shadow:
    0 2px 0 rgba(42,24,18,.66),
    0 0 64px rgba(255,232,166,1),
    0 0 190px rgba(217,185,140,.86),
    0 0 220px rgba(255,253,249,.42);
}

#dashboard .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: .56rem;
  white-space: nowrap;
}

#dashboard .opening-standard-price i {
  display: none;
}

#dashboard .opening-standard-price strong {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: min(100%, 164px);
  min-width: 2.45em;
  min-height: 1.18em;
  padding: .34rem .62rem .46rem;
  overflow: visible;
  border: 1px solid rgba(255,247,206,.98);
  border-radius: 22px;
  color: #201008;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 30%, #ffd36d 62%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.98), transparent 64%);
  font-size: clamp(62px, 5.45vw, 78px);
  font-weight: 950;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255,253,249,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 1px rgba(255,253,249,.54),
    0 0 190px rgba(255,232,166,1),
    0 0 360px rgba(217,185,140,1),
    0 26px 54px rgba(18,14,12,.34);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaHeroTitlePulse 2.35s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.6s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaHeroLetterPop 1.65s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-title::after {
    animation: openingQuotaBeaconTitleSheen 1.28s ease-in-out infinite;
  }

  #dashboard .opening-standard-price span {
    animation: openingQuotaMagneticStandardLabel 2.8s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaHeroNumberGlow 2.9s ease-in-out infinite;
  }
}

@keyframes openingQuotaHeroTitlePulse {
  0%, 100% {
    filter:
      brightness(1.12)
      drop-shadow(0 0 42px rgba(255,232,166,.9))
      drop-shadow(0 0 100px rgba(217,185,140,.48));
  }
  38% {
    filter:
      brightness(1.86)
      saturate(1.25)
      drop-shadow(0 0 72px rgba(255,253,249,.98))
      drop-shadow(0 0 160px rgba(255,232,166,.94))
      drop-shadow(0 0 240px rgba(217,185,140,.72));
  }
  68% {
    filter:
      brightness(1.32)
      drop-shadow(0 0 54px rgba(255,232,166,.95))
      drop-shadow(0 0 120px rgba(217,185,140,.58));
  }
}

@keyframes openingQuotaHeroLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  34% {
    transform: translateY(-6px) scale(1.1);
    filter:
      brightness(1.92)
      drop-shadow(0 0 28px rgba(255,253,249,.94))
      drop-shadow(0 0 58px rgba(255,232,166,.96));
  }
  58% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.16);
  }
}

@keyframes openingQuotaHeroNumberGlow {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 0 0 1px rgba(255,253,249,.54),
      0 0 190px rgba(255,232,166,1),
      0 0 360px rgba(217,185,140,1),
      0 26px 54px rgba(18,14,12,.34);
  }
  45% {
    transform: translateY(-2px) scale(1.025);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 0 0 1px rgba(255,253,249,.68),
      0 0 230px rgba(255,232,166,1),
      0 0 420px rgba(217,185,140,1),
      0 30px 58px rgba(18,14,12,.36);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    min-height: 5.8rem;
    padding: .72rem .95rem .9rem;
    font-size: clamp(36px, 3.25rem, 52px);
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(42px, 3.7rem, 60px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 152px);
    font-size: clamp(50px, 4.35rem, 70px);
  }
}

@media (max-width: 720px) {
  #dashboard .opening-standard-price {
    grid-template-columns: 1fr;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 9.6vw, 42px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 168px);
    min-width: 4.55em;
    font-size: clamp(34px, 9.4vw, 44px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota hero attention center lock pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(760px, calc(100% - 32px));
  min-height: min(720px, calc(100% - 40px));
  display: grid;
  place-items: center;
  place-content: center;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
}

#dashboard .opening-quota-head {
  width: 100%;
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-head span.opening-quota-title {
  position: relative;
  isolation: isolate;
  width: min(100%, 650px);
  min-height: clamp(112px, 8.4rem, 140px);
  padding: clamp(18px, 1.45rem, 24px) clamp(28px, 3.1rem, 54px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  overflow: hidden;
  contain: paint;
  border-radius: 999px;
  font-size: clamp(58px, 5.6vw, 88px);
  line-height: 1.02;
  white-space: nowrap;
  animation-composition: add;
}

#dashboard .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: 6px;
  z-index: -1;
  overflow: hidden;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.36), rgba(255,232,166,.2) 40%, transparent 72%),
    linear-gradient(145deg, rgba(42,27,22,.9), rgba(104,62,45,.72));
  box-shadow:
    inset 0 0 0 1px rgba(255,247,206,.64),
    inset 0 0 32px rgba(255,232,166,.2);
}

#dashboard .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  transform-origin: center 72%;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .9px rgba(42,24,18,.86);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 30px rgba(255,253,249,.92),
    0 0 74px rgba(255,232,166,1),
    0 0 150px rgba(217,185,140,.76);
}

#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s; }
#dashboard .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s; }

#dashboard .opening-quota-title-glint,
#dashboard .opening-quota-title-shine,
#dashboard .opening-quota-title::after {
  position: absolute;
  inset: 8px;
  width: auto;
  height: auto;
  max-width: none;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

#dashboard .opening-quota-title-glint {
  z-index: 1;
  background:
    radial-gradient(circle at 10% 52%, rgba(255,253,249,1) 0 2px, transparent 4px),
    radial-gradient(circle at 25% 24%, rgba(255,232,166,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 52% 12%, rgba(255,253,249,1) 0 2px, transparent 5px),
    radial-gradient(circle at 76% 72%, rgba(255,253,249,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 92% 42%, rgba(255,232,166,.94) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 18px rgba(255,232,166,.96))
    drop-shadow(0 0 42px rgba(217,185,140,.58));
}

#dashboard .opening-quota-title-shine,
#dashboard .opening-quota-title::after {
  z-index: 2;
  opacity: .78;
  background:
    linear-gradient(104deg, transparent 0 28%, rgba(255,253,249,.24) 37%, rgba(255,232,166,1) 48%, rgba(255,253,249,.86) 56%, transparent 72% 100%);
  background-size: 220% 100%;
  mix-blend-mode: screen;
}

#dashboard .opening-standard-price {
  width: min(100%, 660px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  place-content: center;
  gap: clamp(12px, 1rem, 20px);
}

#dashboard .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 1.12em;
  display: grid;
  place-items: center;
  color: #fffdf4;
  font-size: clamp(64px, 5.2vw, 84px);
  font-weight: 950;
  line-height: 1.12;
  text-align: center;
  text-shadow:
    0 2px 0 rgba(42,24,18,.66),
    0 0 64px rgba(255,232,166,1),
    0 0 190px rgba(217,185,140,.86),
    0 0 220px rgba(255,253,249,.42);
}

#dashboard .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: .56rem;
  white-space: nowrap;
}

#dashboard .opening-standard-price i {
  display: none;
}

#dashboard .opening-standard-price strong {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: min(100%, 164px);
  min-width: 2.45em;
  min-height: 1.18em;
  padding: .34rem .62rem .46rem;
  overflow: visible;
  border: 1px solid rgba(255,247,206,.98);
  border-radius: 22px;
  color: #201008;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 30%, #ffd36d 62%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.98), transparent 64%);
  font-size: clamp(62px, 5.45vw, 78px);
  font-weight: 950;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255,253,249,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 1px rgba(255,253,249,.54),
    0 0 190px rgba(255,232,166,1),
    0 0 360px rgba(217,185,140,1),
    0 26px 54px rgba(18,14,12,.34);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaHeroTitlePulse 2.35s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.6s ease-in-out infinite;
  }

  #dashboard .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaHeroLetterPop 1.65s ease-in-out infinite;
  }

  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-title::after {
    animation: openingQuotaBeaconTitleSheen 1.28s ease-in-out infinite;
  }

  #dashboard .opening-standard-price span {
    animation: openingQuotaMagneticStandardLabel 2.8s ease-in-out infinite;
  }

  #dashboard .opening-standard-price strong {
    animation: openingQuotaHeroNumberGlow 2.9s ease-in-out infinite;
  }
}

@keyframes openingQuotaHeroTitlePulse {
  0%, 100% {
    filter:
      brightness(1.12)
      drop-shadow(0 0 42px rgba(255,232,166,.9))
      drop-shadow(0 0 100px rgba(217,185,140,.48));
  }
  38% {
    filter:
      brightness(1.86)
      saturate(1.25)
      drop-shadow(0 0 72px rgba(255,253,249,.98))
      drop-shadow(0 0 160px rgba(255,232,166,.94))
      drop-shadow(0 0 240px rgba(217,185,140,.72));
  }
  68% {
    filter:
      brightness(1.32)
      drop-shadow(0 0 54px rgba(255,232,166,.95))
      drop-shadow(0 0 120px rgba(217,185,140,.58));
  }
}

@keyframes openingQuotaHeroLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  34% {
    transform: translateY(-6px) scale(1.1);
    filter:
      brightness(1.92)
      drop-shadow(0 0 28px rgba(255,253,249,.94))
      drop-shadow(0 0 58px rgba(255,232,166,.96));
  }
  58% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.16);
  }
}

@keyframes openingQuotaHeroNumberGlow {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 0 0 1px rgba(255,253,249,.54),
      0 0 190px rgba(255,232,166,1),
      0 0 360px rgba(217,185,140,1),
      0 26px 54px rgba(18,14,12,.34);
  }
  45% {
    transform: translateY(-2px) scale(1.025);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 0 0 1px rgba(255,253,249,.68),
      0 0 230px rgba(255,232,166,1),
      0 0 420px rgba(217,185,140,1),
      0 30px 58px rgba(18,14,12,.36);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    min-height: 5.8rem;
    padding: .72rem .95rem .9rem;
    font-size: clamp(36px, 3.25rem, 52px);
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(42px, 3.7rem, 60px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 152px);
    font-size: clamp(50px, 4.35rem, 70px);
  }
}

@media (max-width: 720px) {
  #dashboard .opening-standard-price {
    grid-template-columns: 1fr;
  }

  #dashboard .opening-standard-price span {
    font-size: clamp(34px, 9.6vw, 42px);
  }

  #dashboard .opening-standard-price strong {
    width: min(100%, 168px);
    min-width: 4.55em;
    font-size: clamp(34px, 9.4vw, 44px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota beacon centered draft pass */
#dashboard .command-visual {
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(760px, calc(100% - 32px));
  min-width: 0;
  min-height: min(720px, calc(100% - 36px));
  max-height: calc(100% - 36px);
  padding: clamp(32px, 3.55rem, 58px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  align-content: center;
  justify-content: center;
  place-items: center;
  place-content: center;
  place-self: center;
  gap: clamp(18px, 1.52rem, 26px);
  margin: 0;
  overflow: hidden;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  border-color: rgba(255,232,166,.98);
  background:
    radial-gradient(circle at 50% -8%, rgba(255,247,206,.56), transparent 48%),
    radial-gradient(circle at 8% 100%, rgba(125,157,145,.22), transparent 40%),
    radial-gradient(circle at 96% 92%, rgba(255,210,116,.28), transparent 43%),
    linear-gradient(145deg, rgba(31,18,14,.92), rgba(112,62,45,.72));
  box-shadow:
    0 40px 92px rgba(18,14,12,.38),
    0 0 0 1px rgba(255,253,249,.3) inset,
    0 0 128px rgba(255,232,166,.42),
    0 0 226px rgba(217,185,140,.32);
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100%;
  min-height: clamp(146px, 11rem, 190px);
  display: grid;
  place-items: center;
  justify-self: stretch;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative;
  box-sizing: border-box;
  isolation: isolate;
  width: min(100%, 650px);
  min-width: 0;
  min-height: clamp(116px, 8.55rem, 146px);
  padding: clamp(18px, 1.45rem, 26px) clamp(24px, 3rem, 54px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1px, .28rem, 6px);
  overflow: hidden;
  contain: paint;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 999px;
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 11%, #ffd36d 23%, #fffaf0 41%, #ffbf55 55%, #8f4b25 67%, #fff7d5 84%, #ffe8a6 100%);
  background-size: 1100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(42,24,18,.96);
  font-size: clamp(70px, 5.25rem, 90px);
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.46) inset,
    0 0 0 9px rgba(255,232,166,.17) inset,
    0 0 164px rgba(255,232,166,.98),
    0 0 316px rgba(217,185,140,.74),
    0 0 390px rgba(255,253,249,.34);
  text-shadow:
    0 2px 0 rgba(42,24,18,.82),
    0 0 44px rgba(255,253,249,.98),
    0 0 118px rgba(255,232,166,1),
    0 0 210px rgba(217,185,140,.78);
  will-change: transform, filter, background-position;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: -30%;
  z-index: -1;
  border-radius: inherit;
  opacity: .98;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.56), rgba(255,232,166,.34) 34%, transparent 68%),
    conic-gradient(from 18deg, transparent 0 9%, rgba(255,232,166,.84), rgba(255,253,249,.74), rgba(125,157,145,.32), transparent 62% 100%);
  filter: blur(12px) saturate(1.32);
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  min-width: .62em;
  color: #fff0b8;
  -webkit-text-fill-color: #fff0b8;
  -webkit-text-stroke: 1px rgba(42,24,18,.92);
  line-height: 1.04;
  transform-origin: center 72%;
  text-shadow:
    0 2px 0 rgba(42,24,18,.74),
    0 0 34px rgba(255,253,249,.96),
    0 0 76px rgba(255,232,166,1),
    0 0 148px rgba(217,185,140,.82);
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  position: absolute;
  inset: -4px;
  width: auto;
  max-width: none;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  z-index: 1;
  opacity: 1;
  background:
    radial-gradient(circle at 8% 52%, rgba(255,253,249,1) 0 2px, transparent 4px),
    radial-gradient(circle at 21% 25%, rgba(255,232,166,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 50% 12%, rgba(255,253,249,1) 0 2px, transparent 5px),
    radial-gradient(circle at 72% 70%, rgba(255,253,249,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 92% 40%, rgba(255,232,166,.94) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 20px rgba(255,232,166,1))
    drop-shadow(0 0 52px rgba(217,185,140,.62));
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 2;
  opacity: .9;
  background:
    linear-gradient(104deg, transparent 0 24%, rgba(255,253,249,.34) 35%, rgba(255,232,166,1) 47%, rgba(255,253,249,.96) 55%, transparent 72% 100%);
  mix-blend-mode: screen;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 660px);
  min-height: clamp(286px, 20rem, 336px);
  padding: clamp(26px, 2.35rem, 42px) clamp(20px, 2.5rem, 44px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  gap: clamp(13px, 1.16rem, 22px);
  overflow: hidden;
  border: 1px solid rgba(255,232,166,.9);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(42,26,21,.86), rgba(112,64,45,.58)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.58), transparent 62%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.24), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 18px 46px rgba(18,14,12,.26),
    0 0 112px rgba(217,185,140,.4);
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  display: grid;
  place-items: center;
  color: #fffdf4;
  font-size: clamp(62px, 5.05rem, 86px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
  text-align: center;
  text-shadow:
    0 2px 0 rgba(42,24,18,.64),
    0 0 64px rgba(255,232,166,1),
    0 0 166px rgba(217,185,140,.86),
    0 0 210px rgba(255,253,249,.42);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: clamp(7px, .74rem, 12px);
  min-width: 0;
  color: rgba(255,253,249,.98);
  font-size: clamp(27px, 2.02rem, 38px);
  font-style: normal;
  font-weight: 930;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  width: min(100%, 168px);
  min-width: 1.2em;
  margin: 0;
  padding: clamp(7px, .76rem, 11px) clamp(11px, 1rem, 18px) clamp(9px, .86rem, 13px);
  overflow: hidden;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 22px;
  color: #1b0d08;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 24%, #ffd36d 56%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 62%);
  font-size: clamp(78px, 6.15rem, 118px);
  font-weight: 950;
  line-height: 1.02;
  text-shadow: 0 1px 0 rgba(255,253,249,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 1px rgba(255,253,249,.52),
    0 0 230px rgba(255,232,166,1),
    0 0 390px rgba(217,185,140,.98),
    0 28px 58px rgba(18,14,12,.34);
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .48;
  background:
    linear-gradient(104deg, transparent 18%, rgba(255,253,249,1) 46%, rgba(255,232,166,.78) 54%, transparent 76%);
  transform: translateX(-76%) rotate(10deg);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaBeaconTitlePulse 1.22s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaMagneticTitleHalo 2.35s linear infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaBeaconLetterPop 1.5s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .06s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .12s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .18s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .24s; }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaMagneticTitleSparkle 1.68s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaMagneticTitleSweep 1.12s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaMagneticStandardLabel 2.4s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaBeaconStandardNumber 2.08s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaMagneticStandardSweep 1.92s ease-in-out infinite;
  }
}

@keyframes openingQuotaBeaconTitlePulse {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.2)
      drop-shadow(0 0 46px rgba(255,232,166,.94))
      drop-shadow(0 0 102px rgba(217,185,140,.54));
  }
  36% {
    background-position: 100% 50%;
    filter:
      brightness(2.18)
      saturate(1.38)
      drop-shadow(0 0 82px rgba(255,253,249,1))
      drop-shadow(0 0 178px rgba(255,232,166,1))
      drop-shadow(0 0 260px rgba(217,185,140,.78));
  }
  64% {
    background-position: 72% 50%;
    filter:
      brightness(1.42)
      drop-shadow(0 0 58px rgba(255,232,166,.98))
      drop-shadow(0 0 122px rgba(217,185,140,.6));
  }
}

@keyframes openingQuotaBeaconLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  32% {
    transform: translateY(-9px) scale(1.18);
    filter:
      brightness(2.08)
      drop-shadow(0 0 34px rgba(255,253,249,1))
      drop-shadow(0 0 70px rgba(255,232,166,1));
  }
  58% {
    transform: translateY(0) scale(1.05);
    filter: brightness(1.24);
  }
}

@keyframes openingQuotaBeaconStandardNumber {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 0 0 1px rgba(255,253,249,.52),
      0 0 210px rgba(255,232,166,.98),
      0 0 360px rgba(217,185,140,.94),
      0 28px 58px rgba(18,14,12,.34);
  }
  44% {
    transform: translateY(-2px) scale(1.03);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.86),
      0 0 0 1px rgba(255,253,249,.62),
      0 0 250px rgba(255,232,166,1),
      0 0 430px rgba(217,185,140,1),
      0 32px 62px rgba(18,14,12,.36);
  }
}

@keyframes openingQuotaBeaconTitlePulse {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.2)
      drop-shadow(0 0 46px rgba(255,232,166,.94))
      drop-shadow(0 0 102px rgba(217,185,140,.54));
  }
  36% {
    background-position: 100% 50%;
    filter:
      brightness(2.18)
      saturate(1.38)
      drop-shadow(0 0 82px rgba(255,253,249,1))
      drop-shadow(0 0 178px rgba(255,232,166,1))
      drop-shadow(0 0 260px rgba(217,185,140,.78));
  }
  64% {
    background-position: 72% 50%;
    filter:
      brightness(1.42)
      drop-shadow(0 0 58px rgba(255,232,166,.98))
      drop-shadow(0 0 122px rgba(217,185,140,.6));
  }
}

@keyframes openingQuotaBeaconLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  32% {
    transform: translateY(-9px) scale(1.18);
    filter:
      brightness(2.08)
      drop-shadow(0 0 34px rgba(255,253,249,1))
      drop-shadow(0 0 70px rgba(255,232,166,1));
  }
  58% {
    transform: translateY(0) scale(1.05);
    filter: brightness(1.24);
  }
}

@keyframes openingQuotaBeaconStandardNumber {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 0 0 1px rgba(255,253,249,.52),
      0 0 210px rgba(255,232,166,.98),
      0 0 360px rgba(217,185,140,.94),
      0 28px 58px rgba(18,14,12,.34);
  }
  44% {
    transform: translateY(-2px) scale(1.03);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.86),
      0 0 0 1px rgba(255,253,249,.62),
      0 0 250px rgba(255,232,166,1),
      0 0 430px rgba(217,185,140,1),
      0 32px 62px rgba(18,14,12,.36);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(648px, calc(100% - 24px));
    min-height: min(670px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: clamp(18px, 1.35rem, 28px);
    gap: .78rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    min-height: 5.9rem;
    padding: .78rem .9rem .96rem;
    font-size: clamp(36px, 3.18rem, 54px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 604px);
    min-height: 21rem;
    padding: 1.52rem 1rem 1.68rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(40px, 3.45rem, 58px);
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(20px, 1.6rem, 28px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 144px);
    min-height: 4.8rem;
    height: auto;
    font-size: clamp(48px, 4.1rem, 66px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 700px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-height: min(648px, calc(100% - 18px));
    max-height: calc(100% - 18px);
    padding: .95rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 342px);
    min-height: 5rem;
    padding: .55rem .5rem .74rem;
    font-size: clamp(31px, 8.9vw, 42px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 20.25rem;
    padding: 1.25rem .72rem 1.45rem;
    gap: .78rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 3.4rem;
    font-size: clamp(34px, 9.8vw, 42px);
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(16px, 4.5vw, 20px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 118px);
    min-height: 4.1rem;
    font-size: clamp(40px, 11vw, 52px);
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 314px);
    font-size: clamp(29px, 8.35vw, 36px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(32px, 9vw, 38px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 110px);
    font-size: clamp(38px, 10.4vw, 48px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota magnetic center polish pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
  min-height: 760px;
}

#dashboard .opening-quota-card {
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  width: min(980px, calc(100vw - 320px));
  min-width: min(760px, calc(100vw - 320px));
  min-height: min(720px, calc(100% - 40px));
  max-height: calc(100% - 40px);
  padding: 3.35rem;
  place-items: center;
  place-content: center;
  gap: 1.55rem;
  transform: translate3d(-50%, -50%, 0);
}

#dashboard .opening-quota-card .opening-quota-head {
  min-height: 11.75rem;
  display: grid;
  place-items: center;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 910px);
  min-height: 9.35rem;
  padding: 1.28rem 4.1rem 1.48rem;
  overflow: visible;
  contain: none;
  background-size: 900% 100%;
  -webkit-text-stroke: 1px rgba(42,24,18,.96);
  font-size: 6.15rem;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 1000px);
  min-height: 22rem;
  padding: 2.25rem 2.75rem 2.45rem;
  gap: 1.2rem;
}

#dashboard .opening-quota-card .opening-standard-price span {
  color: #fffef5;
  font-size: 6.35rem;
  text-align: center;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  width: min(100%, 206px);
  color: #190b07;
  font-size: 8.4rem;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 0 0 1px rgba(255,253,249,.5),
    0 0 178px rgba(255,232,166,1),
    0 0 340px rgba(217,185,140,1),
    0 28px 56px rgba(18,14,12,.34);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaMagneticTitleBeacon 1.46s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaMagneticTitleLetter 1.72s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaMagneticStandardNumber 2.22s ease-in-out infinite;
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 720px;
  }

  #dashboard .opening-quota-card {
    width: min(760px, calc(100vw - 56px));
    min-width: 0;
    min-height: min(670px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: 1.35rem 1rem;
    gap: .72rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    min-height: 5.75rem;
    padding: .75rem .8rem .92rem;
    font-size: 3rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 3.7rem;
    font-size: 3.45rem;
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 148px);
    min-height: 4.8rem;
    height: auto;
    font-size: 3.85rem;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 760px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-width: 0;
    min-height: min(728px, calc(100% - 18px));
    max-height: calc(100% - 18px);
    padding: .95rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 342px);
    min-height: 4.95rem;
    padding: .55rem .48rem .72rem;
    font-size: 2.2rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 3.3rem;
    font-size: 2.7rem;
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 130px);
    min-height: 4.1rem;
    font-size: 3.05rem;
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 314px);
    font-size: 2.04rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: 2.6rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 120px);
    font-size: 3.05rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota magnetic center polish pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
  min-height: 760px;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(1140px, calc(100% - 40px));
  min-height: min(720px, calc(100% - 40px));
  max-height: calc(100% - 40px);
  padding: 3.35rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  place-items: center;
  place-content: center;
  gap: 1.55rem;
  margin: 0;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100%;
  min-height: 11.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  justify-self: stretch;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative;
  box-sizing: border-box;
  isolation: isolate;
  width: min(100%, 910px);
  min-width: 0;
  min-height: 9.35rem;
  padding: 1.28rem 4.1rem 1.48rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .34rem;
  overflow: visible;
  contain: none;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 999px;
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 12%, #ffd36d 24%, #fffaf0 42%, #f2b95f 56%, #b9682c 68%, #fff7d5 84%, #ffe8a6 100%);
  background-size: 900% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(42,24,18,.96);
  font-size: 6.15rem;
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.44) inset,
    0 0 0 9px rgba(255,232,166,.16) inset,
    0 0 150px rgba(255,232,166,.96),
    0 0 286px rgba(217,185,140,.72),
    0 0 360px rgba(255,253,249,.32);
  text-shadow:
    0 2px 0 rgba(42,24,18,.8),
    0 0 40px rgba(255,253,249,.94),
    0 0 108px rgba(255,232,166,1),
    0 0 190px rgba(217,185,140,.76);
  will-change: transform, filter, background-position;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: -28%;
  z-index: -1;
  border-radius: inherit;
  opacity: .98;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.52), rgba(255,232,166,.34) 34%, transparent 68%),
    conic-gradient(from 18deg, transparent 0 10%, rgba(255,232,166,.8), rgba(255,253,249,.72), rgba(125,157,145,.3), transparent 60% 100%);
  filter: blur(12px) saturate(1.3);
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  min-width: .62em;
  color: #fff0b8;
  -webkit-text-fill-color: #fff0b8;
  -webkit-text-stroke: 1px rgba(42,24,18,.92);
  line-height: 1.04;
  transform-origin: center 72%;
  text-shadow:
    0 2px 0 rgba(42,24,18,.72),
    0 0 30px rgba(255,253,249,.9),
    0 0 72px rgba(255,232,166,1),
    0 0 138px rgba(217,185,140,.78);
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  position: absolute;
  inset: -4px;
  width: auto;
  max-width: none;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  z-index: 1;
  opacity: 1;
  background:
    radial-gradient(circle at 8% 52%, rgba(255,253,249,1) 0 2px, transparent 4px),
    radial-gradient(circle at 22% 25%, rgba(255,232,166,.9) 0 2px, transparent 5px),
    radial-gradient(circle at 50% 12%, rgba(255,253,249,.96) 0 1px, transparent 4px),
    radial-gradient(circle at 72% 70%, rgba(255,253,249,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 92% 40%, rgba(255,232,166,.92) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 18px rgba(255,232,166,1))
    drop-shadow(0 0 46px rgba(217,185,140,.58));
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 2;
  opacity: .88;
  background:
    linear-gradient(104deg, transparent 0 25%, rgba(255,253,249,.32) 36%, rgba(255,232,166,1) 47%, rgba(255,253,249,.92) 55%, transparent 72% 100%);
  mix-blend-mode: screen;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 1000px);
  min-height: 22rem;
  padding: 2.25rem 2.75rem 2.45rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  gap: 1.2rem;
  overflow: hidden;
  border: 1px solid rgba(255,232,166,.94);
  border-radius: 30px;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 1.08em;
  display: grid;
  place-items: center;
  color: #fffef5;
  font-size: 6.35rem;
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
  text-align: center;
  text-shadow:
    0 2px 0 rgba(42,24,18,.64),
    0 0 72px rgba(255,232,166,1),
    0 0 186px rgba(217,185,140,.88),
    0 0 250px rgba(255,253,249,.42);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: .78rem;
  min-width: 0;
  color: rgba(255,253,249,.98);
  font-size: 2.35rem;
  font-style: normal;
  font-weight: 930;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  width: min(100%, 206px);
  min-width: 1.18em;
  min-height: 1.1em;
  height: auto;
  margin: 0;
  padding: .52rem .9rem .68rem;
  overflow: visible;
  contain: paint;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 24px;
  color: #190b07;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 22%, #ffd36d 55%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 62%);
  font-size: 8.4rem;
  font-weight: 950;
  line-height: 1.01;
  letter-spacing: 0;
  text-shadow: 0 1px 0 rgba(255,253,249,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 0 0 1px rgba(255,253,249,.5),
    0 0 178px rgba(255,232,166,1),
    0 0 340px rgba(217,185,140,1),
    0 28px 56px rgba(18,14,12,.34);
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .46;
  overflow: hidden;
  background:
    linear-gradient(104deg, transparent 18%, rgba(255,253,249,1) 46%, rgba(255,232,166,.78) 54%, transparent 76%);
  transform: translateX(-74%) rotate(10deg);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaMagneticTitleBeacon 1.46s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaMagneticTitleHalo 2.4s linear infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaMagneticTitleLetter 1.72s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .06s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .12s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .18s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .24s; }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaMagneticTitleSparkle 1.86s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaBeaconTitleSheen 1.18s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaMagneticStandardLabel 2.55s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaMagneticStandardNumber 2.22s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaMagneticStandardSweep 2.08s ease-in-out infinite;
  }
}

@keyframes openingQuotaMagneticTitleBeacon {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.16)
      drop-shadow(0 0 42px rgba(255,232,166,.92))
      drop-shadow(0 0 94px rgba(217,185,140,.5));
  }
  38% {
    background-position: 100% 50%;
    filter:
      brightness(2.05)
      saturate(1.34)
      drop-shadow(0 0 76px rgba(255,253,249,1))
      drop-shadow(0 0 168px rgba(255,232,166,1))
      drop-shadow(0 0 240px rgba(217,185,140,.74));
  }
  68% {
    background-position: 72% 50%;
    filter:
      brightness(1.36)
      drop-shadow(0 0 54px rgba(255,232,166,.96))
      drop-shadow(0 0 112px rgba(217,185,140,.58));
  }
}

@keyframes openingQuotaMagneticTitleHalo {
  0% {
    opacity: .7;
    transform: rotate(0deg) scale(.96);
  }
  46% {
    opacity: 1;
    transform: rotate(150deg) scale(1.08);
  }
  100% {
    opacity: .7;
    transform: rotate(360deg) scale(.96);
  }
}

@keyframes openingQuotaMagneticTitleLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  34% {
    transform: translateY(-9px) scale(1.18);
    filter:
      brightness(2)
      drop-shadow(0 0 30px rgba(255,253,249,1))
      drop-shadow(0 0 64px rgba(255,232,166,1));
  }
  60% {
    transform: translateY(0) scale(1.05);
    filter: brightness(1.22);
  }
}

@keyframes openingQuotaMagneticTitleSparkle {
  0%, 100% {
    opacity: .5;
    transform: translateX(-8px) scale(.98);
  }
  44% {
    opacity: 1;
    transform: translateX(8px) scale(1.05);
  }
}

@keyframes openingQuotaMagneticTitleSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-118%) skewX(-14deg);
  }
  46% {
    opacity: .96;
    transform: translateX(118%) skewX(-14deg);
  }
  62% {
    opacity: .28;
    transform: translateX(138%) skewX(-14deg);
  }
}

@keyframes openingQuotaMagneticStandardLabel {
  0%, 100% {
    filter: brightness(1);
  }
  45% {
    filter:
      brightness(1.32)
      drop-shadow(0 0 44px rgba(255,232,166,.86));
  }
}

@keyframes openingQuotaMagneticStandardNumber {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.76),
      0 0 0 1px rgba(255,253,249,.5),
      0 0 168px rgba(255,232,166,.98),
      0 0 316px rgba(217,185,140,.94),
      0 28px 56px rgba(18,14,12,.33);
  }
  46% {
    transform: translateY(-2px) scale(1.025);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.84),
      0 0 0 1px rgba(255,253,249,.6),
      0 0 208px rgba(255,232,166,1),
      0 0 374px rgba(217,185,140,1),
      0 32px 60px rgba(18,14,12,.35);
  }
}

@keyframes openingQuotaMagneticStandardSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-78%) rotate(10deg);
  }
  48% {
    opacity: .86;
    transform: translateX(78%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 720px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: min(670px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: 1.35rem 1rem;
    gap: .72rem;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 6.95rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    min-height: 5.75rem;
    padding: .75rem .8rem .92rem;
    gap: 1px;
    font-size: 3rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .56em;
    -webkit-text-stroke: .82px rgba(42,24,18,.92);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 19.4rem;
    padding: .95rem .8rem 1.05rem;
    grid-template-columns: 1fr;
    gap: .45rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 3.7rem;
    font-size: 3.45rem;
    line-height: 1.04;
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: 100%;
    min-height: 3.85rem;
    padding: .35rem .68rem;
    display: grid;
    grid-template-columns: minmax(54px, .55fr) minmax(0, 1fr);
    align-items: center;
    justify-items: center;
    gap: .5rem;
    border: 1px solid rgba(255,232,166,.24);
    border-radius: 18px;
    background:
      radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 58%),
      linear-gradient(90deg, rgba(255,253,249,.08), rgba(255,232,166,.1));
    font-size: 1.36rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 148px);
    min-width: 0;
    min-height: 4.8rem;
    height: auto;
    padding: .18rem .5rem .32rem;
    font-size: 3.85rem;
    line-height: .98;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 700px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-height: min(648px, calc(100% - 18px));
    max-height: calc(100% - 18px);
    padding: .95rem;
    gap: .52rem;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 6.25rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 342px);
    min-height: 4.95rem;
    padding: .55rem .48rem .72rem;
    font-size: 2.2rem;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 18.75rem;
    padding: .78rem .46rem .9rem;
    gap: .42rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 3.3rem;
    font-size: 2.7rem;
    line-height: 1.06;
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 3.48rem;
    grid-template-columns: minmax(48px, .55fr) minmax(0, 1fr);
    gap: .4rem;
    padding: .3rem .45rem;
    font-size: 1.04rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 130px);
    min-height: 4.1rem;
    padding: .14rem .45rem .28rem;
    font-size: 3.05rem;
    line-height: .98;
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 314px);
    font-size: 2.04rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: 2.6rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 120px);
    font-size: 3.05rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota grand narrow fit lock pass */
@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 650px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: min(594px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: 16px 14px;
    gap: 10px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 92px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 310px);
    min-height: 70px;
    padding: 10px 8px 12px;
    overflow: hidden;
    font-size: clamp(34px, 3vw, 42px);
    box-shadow:
      0 0 0 1px rgba(255,253,249,.36) inset,
      0 0 0 6px rgba(255,232,166,.14) inset,
      0 0 78px rgba(255,232,166,.72),
      0 0 132px rgba(217,185,140,.48);
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .56em;
    -webkit-text-stroke: .74px rgba(42,24,18,.88);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 292px;
    padding: 14px 10px 16px;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(40px, 3.45vw, 48px);
    line-height: 1.08;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 56px;
    padding: 6px 8px;
    grid-template-columns: minmax(48px, .58fr) minmax(0, 1fr);
    gap: 7px;
    font-size: clamp(16px, 1.18rem, 20px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 132px);
    min-height: 1.22em;
    padding: 4px 8px 6px;
    overflow: hidden;
    font-size: clamp(42px, 3.45vw, 52px);
    line-height: 1.1;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.68),
      0 0 0 1px rgba(255,253,249,.44),
      0 0 94px rgba(255,232,166,.94),
      0 0 166px rgba(217,185,140,.74),
      0 16px 32px rgba(18,14,12,.28);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 622px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-height: min(584px, calc(100% - 18px));
    padding: 13px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 88px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 300px);
    min-height: 66px;
    font-size: clamp(29px, 7.7vw, 34px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 286px;
    padding: 13px 7px 14px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 8.8vw, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 54px;
    font-size: clamp(14px, 3.8vw, 16px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 120px);
    font-size: clamp(36px, 9.4vw, 44px);
  }
}

/* Dashboard opening quota grand eof legibility seal pass */
@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    isolation: isolate;
    width: min(100%, 322px);
    min-height: 82px;
    padding: 13px 8px 14px;
    overflow: hidden;
    font-size: clamp(32px, 2.82vw, 38px);
    -webkit-text-stroke: .9px rgba(42,24,18,.96);
    text-shadow:
      0 2px 0 rgba(42,24,18,.78),
      0 0 24px rgba(255,253,249,.72),
      0 0 52px rgba(255,232,166,.86);
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    inset: 4px;
    z-index: 0;
    opacity: .84;
    background:
      linear-gradient(145deg, rgba(42,27,22,.84), rgba(96,57,42,.62)),
      radial-gradient(circle at 50% 0, rgba(255,232,166,.24), transparent 62%);
    filter: none;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    z-index: 3;
    -webkit-text-fill-color: #fff0b8;
    -webkit-text-stroke: .82px rgba(42,24,18,.94);
    text-shadow:
      0 2px 0 rgba(42,24,18,.76),
      0 0 18px rgba(255,253,249,.76),
      0 0 42px rgba(255,232,166,.9);
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    opacity: .62;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    opacity: .42;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 58px;
    display: grid;
    place-items: center;
    line-height: 1.08;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 72px;
    min-height: 72px;
    padding: 0 8px 2px;
    align-content: center;
    line-height: 1;
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 304px);
    min-height: 74px;
    font-size: clamp(28px, 7.2vw, 32px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 52px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 64px;
    min-height: 64px;
    font-size: clamp(34px, 8.8vw, 40px);
  }
}

/* Dashboard opening quota grand eof metric fit seal pass */
@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-standard-price {
    gap: 7px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 64px;
    line-height: 1.16;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 54px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 78px;
    min-height: 78px;
    font-size: clamp(40px, 3.16vw, 48px);
    line-height: .96;
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 58px;
    line-height: 1.14;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 70px;
    min-height: 70px;
    font-size: clamp(32px, 8.2vw, 38px);
  }
}

/* Dashboard first day dependency path pass */
#dashboard .dashboard-first-day-path {
  --first-day-dot: #b58a58;
  --first-day-glow: rgba(181,138,88,.16);
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 102px;
  margin-top: 10px;
  padding: 14px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: var(--radius);
  color: #50382d;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.68)),
    radial-gradient(circle at 0 0, var(--first-day-glow), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.14), transparent 40%);
  box-shadow:
    0 18px 38px rgba(80,56,45,.07),
    inset 0 1px 0 rgba(255,255,255,.78);
  text-align: left;
  cursor: pointer;
  transition: transform .22s var(--ease-out), border-color .22s var(--ease-out), box-shadow .22s var(--ease-out);
}

#dashboard .dashboard-first-day-path[data-tone="ready"],
#dashboard .dashboard-first-day-path.is-ready {
  --first-day-dot: #2f6f64;
  --first-day-glow: rgba(47,111,100,.18);
}

#dashboard .dashboard-first-day-path[data-tone="low"],
#dashboard .dashboard-first-day-path.is-low {
  --first-day-dot: #c4776d;
  --first-day-glow: rgba(196,119,109,.18);
}

#dashboard .dashboard-first-day-path::before,
#dashboard .dashboard-first-day-path::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-first-day-path::before {
  inset: 0;
  opacity: .5;
  background: linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.82) 52%, color-mix(in srgb, var(--first-day-dot) 22%, transparent) 60%, transparent 74%);
  transform: translateX(-120%);
}

#dashboard .dashboard-first-day-path::after {
  left: 56px;
  right: 86px;
  bottom: 9px;
  height: 1px;
  opacity: .54;
  background: linear-gradient(90deg, transparent, var(--first-day-dot), rgba(255,232,166,.74), transparent);
}

#dashboard .dashboard-first-day-path > * {
  position: relative;
  z-index: 1;
}

#dashboard .dashboard-first-day-path > i,
#dashboard .dashboard-first-day-path > svg {
  width: 42px;
  height: 42px;
  padding: 9px;
  border-radius: 15px;
  border: 1px solid color-mix(in srgb, var(--first-day-dot) 32%, rgba(255,253,249,.64));
  color: color-mix(in srgb, var(--first-day-dot) 78%, #50382d);
  background:
    radial-gradient(circle at 34% 18%, rgba(255,255,255,.9), transparent 42%),
    linear-gradient(145deg, rgba(255,253,249,.94), color-mix(in srgb, var(--first-day-dot) 12%, rgba(255,247,235,.72)));
  box-shadow:
    0 10px 20px var(--first-day-glow),
    inset 0 1px 0 rgba(255,255,255,.82);
  stroke-width: 2.4;
}

#dashboard .first-day-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}

#dashboard .first-day-copy small,
#dashboard .first-day-copy strong,
#dashboard .first-day-copy em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard .first-day-copy small {
  color: color-mix(in srgb, var(--first-day-dot) 74%, rgba(80,56,45,.58));
  font-size: 10.5px;
  font-weight: 950;
}

#dashboard .first-day-copy strong {
  color: #35231d;
  font-size: clamp(16px, 1.15vw, 19px);
  font-weight: 950;
  min-height: 23px;
  line-height: 1.28;
}

#dashboard .first-day-copy em {
  color: rgba(80,56,45,.66);
  font-size: 12px;
  font-style: normal;
  font-weight: 820;
  line-height: 1.35;
}

#dashboard .first-day-proof {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

#dashboard .first-day-proof span {
  min-width: 0;
  min-height: 54px;
  padding: 9px 8px;
  display: grid;
  align-content: center;
  gap: 3px;
  border: 1px solid color-mix(in srgb, var(--first-day-dot) 18%, rgba(181,138,88,.12));
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.76), color-mix(in srgb, var(--first-day-dot) 8%, rgba(255,247,235,.58))),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--first-day-dot) 12%, transparent), transparent 62%);
  text-align: center;
}

#dashboard .first-day-proof small {
  color: rgba(80,56,45,.56);
  font-size: 10px;
  line-height: 1.05;
  font-weight: 860;
}

#dashboard .first-day-proof strong {
  min-width: 0;
  color: color-mix(in srgb, var(--first-day-dot) 78%, #50382d);
  font-size: 12px;
  line-height: 1.16;
  font-weight: 950;
  overflow-wrap: anywhere;
}

#dashboard .dashboard-first-day-path > b {
  grid-column: 2;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--first-day-dot) 34%, rgba(255,253,249,.68));
  border-radius: 999px;
  color: color-mix(in srgb, var(--first-day-dot) 78%, #50382d);
  background:
    linear-gradient(145deg, rgba(255,253,249,.86), color-mix(in srgb, var(--first-day-dot) 12%, rgba(255,247,235,.72))),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.22), transparent 60%);
  box-shadow:
    0 9px 18px var(--first-day-glow),
    inset 0 1px 0 rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .dashboard-first-day-path:hover,
#dashboard .dashboard-first-day-path:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--first-day-dot) 42%, rgba(181,138,88,.18));
  box-shadow:
    0 20px 44px rgba(80,56,45,.1),
    0 0 30px var(--first-day-glow),
    inset 0 1px 0 rgba(255,255,255,.84);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .dashboard-first-day-path::before {
    animation: dashboardFirstDayPathSweep 8.2s ease-in-out infinite;
  }

  #dashboard .dashboard-first-day-path::after {
    animation: dashboardFirstDayPathRail 5.4s ease-in-out infinite;
  }

  #dashboard .dashboard-first-day-path > i,
  #dashboard .dashboard-first-day-path > svg {
    animation: dashboardFirstDayPathIcon 4.5s ease-in-out infinite;
  }
}

@keyframes dashboardFirstDayPathSweep {
  0%, 48% { opacity: .14; transform: translateX(-120%); }
  76%, 100% { opacity: .56; transform: translateX(120%); }
}

@keyframes dashboardFirstDayPathRail {
  0%, 100% { opacity: .24; transform: scaleX(.58); }
  50% { opacity: .7; transform: scaleX(1); }
}

@keyframes dashboardFirstDayPathIcon {
  0%, 100% { filter: brightness(1); transform: translateY(0); }
  50% { filter: brightness(1.14); transform: translateY(-1px); }
}

@media (min-width: 1501px) {
  #dashboard .dashboard-first-day-path {
    grid-template-columns: 42px minmax(0, 1fr) minmax(260px, .72fr) auto;
  }

  #dashboard .first-day-proof,
  #dashboard .dashboard-first-day-path > b {
    grid-column: auto;
  }

  #dashboard .dashboard-first-day-path > b {
    justify-self: end;
  }
}

@media (max-width: 1100px) {
  #dashboard .dashboard-first-day-path {
    grid-template-columns: 38px minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  #dashboard .dashboard-first-day-path {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 13px;
  }

  #dashboard .dashboard-first-day-path > i,
  #dashboard .dashboard-first-day-path > svg,
  #dashboard .first-day-proof,
  #dashboard .dashboard-first-day-path > b {
    grid-column: 1;
  }

  #dashboard .dashboard-first-day-path > i,
  #dashboard .dashboard-first-day-path > svg {
    display: none;
  }

  #dashboard .first-day-copy small,
  #dashboard .first-day-copy strong,
  #dashboard .first-day-copy em {
    white-space: normal;
  }

  #dashboard .first-day-proof {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .dashboard-first-day-path::before,
  #dashboard .dashboard-first-day-path::after,
  #dashboard .dashboard-first-day-path > i,
  #dashboard .dashboard-first-day-path > svg {
    animation: none !important;
  }
}

/* Dashboard opening quota grand eof metric fit seal pass */
@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-standard-price {
    gap: 7px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 64px;
    line-height: 1.16;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 54px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 78px;
    min-height: 78px;
    font-size: clamp(40px, 3.16vw, 48px);
    line-height: .96;
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 58px;
    line-height: 1.14;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 70px;
    min-height: 70px;
    font-size: clamp(32px, 8.2vw, 38px);
  }
}

/* Dashboard opening quota grand narrow fit lock pass */
@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 650px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: min(594px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: 16px 14px;
    gap: 10px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 92px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 310px);
    min-height: 70px;
    padding: 10px 8px 12px;
    overflow: hidden;
    font-size: clamp(34px, 3vw, 42px);
    box-shadow:
      0 0 0 1px rgba(255,253,249,.36) inset,
      0 0 0 6px rgba(255,232,166,.14) inset,
      0 0 78px rgba(255,232,166,.72),
      0 0 132px rgba(217,185,140,.48);
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .56em;
    -webkit-text-stroke: .74px rgba(42,24,18,.88);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 292px;
    padding: 14px 10px 16px;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(40px, 3.45vw, 48px);
    line-height: 1.08;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 56px;
    padding: 6px 8px;
    grid-template-columns: minmax(48px, .58fr) minmax(0, 1fr);
    gap: 7px;
    font-size: clamp(16px, 1.18rem, 20px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 132px);
    min-height: 1.22em;
    padding: 4px 8px 6px;
    overflow: hidden;
    font-size: clamp(42px, 3.45vw, 52px);
    line-height: 1.1;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.68),
      0 0 0 1px rgba(255,253,249,.44),
      0 0 94px rgba(255,232,166,.94),
      0 0 166px rgba(217,185,140,.74),
      0 16px 32px rgba(18,14,12,.28);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 622px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-height: min(584px, calc(100% - 18px));
    padding: 13px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 88px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 300px);
    min-height: 66px;
    font-size: clamp(29px, 7.7vw, 34px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 286px;
    padding: 13px 7px 14px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 8.8vw, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 54px;
    font-size: clamp(14px, 3.8vw, 16px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 120px);
    font-size: clamp(36px, 9.4vw, 44px);
  }
}

/* Dashboard opening quota narrow fit final lock */
@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: 16px 14px;
    gap: 10px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 104px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    min-height: 78px;
    padding: 10px 8px 12px;
    gap: 1px;
    overflow: visible;
    contain: none;
    font-size: clamp(30px, 2.65vw, 37px);
    line-height: 1.04;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .64em;
    -webkit-text-stroke: .76px rgba(42,24,18,.9);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 186px;
    padding: 16px 8px 18px;
    gap: 8px 6px;
    overflow: visible;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(40px, 3.25vw, 50px);
    line-height: 1.05;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    gap: 5px;
    font-size: clamp(15px, 1.28vw, 19px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 102px);
    min-width: 0;
    padding: 5px 4px 7px;
    overflow: visible;
    contain: none;
    font-size: clamp(36px, 3.05vw, 45px);
    line-height: 1.02;
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    min-height: 74px;
    padding-right: 7px;
    padding-left: 7px;
    font-size: clamp(27px, 7.4vw, 33px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 9.2vw, 42px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 80px);
    font-size: clamp(30px, 8.3vw, 37px);
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(25px, 7vw, 29px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(31px, 8.6vw, 37px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 74px);
    font-size: clamp(28px, 7.8vw, 33px);
  }
}

/* Dashboard opening quota opening price center polish pass */
#dashboard .command-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(620px, 42rem, 720px);
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(1060px, calc(100% - 40px));
  min-height: min(654px, calc(100% - 40px));
  max-height: calc(100% - 40px);
  padding: clamp(28px, 3rem, 48px);
  display: grid;
  grid-template-rows: auto auto auto;
  align-items: center;
  justify-items: center;
  place-content: center;
  gap: clamp(16px, 1.35rem, 24px);
  margin: 0;
  overflow: hidden;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  border-color: rgba(255,232,166,.9);
  background:
    radial-gradient(circle at 50% -12%, rgba(255,247,206,.46), transparent 48%),
    radial-gradient(circle at 7% 100%, rgba(125,157,145,.22), transparent 36%),
    radial-gradient(circle at 96% 92%, rgba(255,210,116,.18), transparent 42%),
    linear-gradient(145deg, rgba(34,20,16,.88), rgba(107,58,42,.66));
  box-shadow:
    0 34px 78px rgba(18,14,12,.34),
    0 0 0 1px rgba(255,253,249,.24) inset,
    0 0 98px rgba(255,232,166,.34),
    0 0 180px rgba(217,185,140,.24);
}

#dashboard .opening-quota-card::before {
  inset: 10px;
  border-color: rgba(255,232,166,.48);
  background:
    linear-gradient(90deg, rgba(255,232,166,.38), transparent 22%, transparent 78%, rgba(255,253,249,.24)),
    linear-gradient(180deg, rgba(255,253,249,.2), transparent 42%, rgba(217,185,140,.22));
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100%;
  min-height: clamp(142px, 10.5rem, 176px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  justify-self: stretch;
  margin: 0;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative;
  box-sizing: border-box;
  width: min(100%, 840px);
  justify-self: center;
  min-height: clamp(96px, 7.5rem, 132px);
  padding: clamp(16px, 1.45rem, 24px) clamp(18px, 2.8rem, 54px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1px, .35rem, 6px);
  overflow: hidden;
  border: 1px solid rgba(255,247,206,.98);
  border-radius: 999px;
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffaf0 0%, #ffe8a6 14%, #ffcd62 28%, #fffdf4 46%, #b96b2d 64%, #fff1bd 82%, #ffe8a6 100%);
  background-size: 560% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .86px rgba(42,24,18,.92);
  font-size: clamp(60px, 4.25rem, 82px);
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.36) inset,
    0 0 0 8px rgba(255,232,166,.15) inset,
    0 0 96px rgba(255,232,166,.8),
    0 0 190px rgba(217,185,140,.56),
    0 0 260px rgba(255,253,249,.25);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 30px rgba(255,253,249,.84),
    0 0 74px rgba(255,232,166,1),
    0 0 138px rgba(217,185,140,.66);
  will-change: transform, filter, background-position;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: -18%;
  z-index: -1;
  border-radius: inherit;
  opacity: .92;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.32), rgba(255,232,166,.22) 42%, transparent 74%),
    conic-gradient(from 24deg, transparent 0 12%, rgba(255,232,166,.62), rgba(255,253,249,.52), rgba(125,157,145,.24), transparent 56% 100%);
  filter: blur(9px) saturate(1.2);
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  min-width: .64em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .9px rgba(42,24,18,.9);
  line-height: 1.04;
  transform-origin: center 72%;
  text-shadow:
    0 2px 0 rgba(42,24,18,.72),
    0 0 20px rgba(255,253,249,.78),
    0 0 54px rgba(255,232,166,1),
    0 0 106px rgba(217,185,140,.7);
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  z-index: 1;
  opacity: .96;
  background:
    radial-gradient(circle at 10% 52%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 23% 28%, rgba(255,232,166,.78) 0 2px, transparent 5px),
    radial-gradient(circle at 70% 70%, rgba(255,253,249,.86) 0 2px, transparent 5px),
    radial-gradient(circle at 91% 40%, rgba(255,232,166,.82) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 14px rgba(255,232,166,.9))
    drop-shadow(0 0 34px rgba(217,185,140,.48));
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 2;
  opacity: .72;
  background:
    linear-gradient(105deg, transparent 0 28%, rgba(255,253,249,.24) 38%, rgba(255,232,166,1) 48%, rgba(255,253,249,.76) 56%, transparent 72% 100%);
  mix-blend-mode: screen;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 900px);
  min-height: clamp(256px, 18.5rem, 306px);
  padding: clamp(24px, 2.25rem, 38px) clamp(18px, 2.65rem, 42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  gap: clamp(12px, 1.1rem, 20px);
  overflow: hidden;
  border: 1px solid rgba(255,232,166,.84);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(42,26,21,.82), rgba(112,64,45,.54)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.52), transparent 62%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.24), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.3),
    0 18px 44px rgba(18,14,12,.25),
    0 0 92px rgba(217,185,140,.34);
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  color: #fffdf4;
  font-size: clamp(64px, 5rem, 90px);
  font-weight: 950;
  line-height: 1.04;
  text-shadow:
    0 2px 0 rgba(42,24,18,.62),
    0 0 50px rgba(255,232,166,1),
    0 0 140px rgba(217,185,140,.78),
    0 0 196px rgba(255,253,249,.34);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: clamp(7px, .75rem, 12px);
  min-width: 0;
  color: rgba(255,253,249,.98);
  font-size: clamp(26px, 2rem, 38px);
  font-style: normal;
  font-weight: 930;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  width: min(100%, 168px);
  min-width: 1.22em;
  margin: 0;
  padding: clamp(6px, .75rem, 10px) clamp(10px, 1rem, 18px) clamp(8px, .85rem, 12px);
  overflow: hidden;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 22px;
  color: #24120c;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 27%, #ffd36d 58%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.94), transparent 62%);
  font-size: clamp(86px, 6.5rem, 128px);
  line-height: 1.02;
  text-shadow: 0 1px 0 rgba(255,253,249,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 0 0 1px rgba(255,253,249,.44),
    0 0 136px rgba(255,232,166,1),
    0 0 250px rgba(217,185,140,.94),
    0 22px 46px rgba(18,14,12,.3);
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .32;
  background:
    linear-gradient(104deg, transparent 18%, rgba(255,253,249,.92) 46%, rgba(255,232,166,.66) 54%, transparent 76%);
  transform: translateX(-74%) rotate(10deg);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaOpeningTitlePulse 1.55s ease-in-out infinite,
      openingQuotaOpeningTitleBreath 4.6s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaOpeningTitleHalo 3.15s linear infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaOpeningTitleLetter 2.05s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s; }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaOpeningTitleSparkle 2.25s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaOpeningTitleSweep 1.58s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaOpeningStandardLabel 3.25s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaOpeningStandardNumber 2.55s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaOpeningStandardSweep 2.55s ease-in-out infinite;
  }
}

@keyframes openingQuotaOpeningTitlePulse {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.1)
      drop-shadow(0 0 34px rgba(255,232,166,.78))
      drop-shadow(0 0 74px rgba(217,185,140,.42));
  }
  43% {
    background-position: 100% 50%;
    filter:
      brightness(1.74)
      saturate(1.26)
      drop-shadow(0 0 60px rgba(255,253,249,.98))
      drop-shadow(0 0 128px rgba(255,232,166,.94))
      drop-shadow(0 0 190px rgba(217,185,140,.6));
  }
  70% {
    background-position: 70% 50%;
    filter:
      brightness(1.25)
      drop-shadow(0 0 44px rgba(255,232,166,.84))
      drop-shadow(0 0 86px rgba(217,185,140,.46));
  }
}

@keyframes openingQuotaOpeningTitleBreath {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.015); }
}

@keyframes openingQuotaOpeningTitleHalo {
  0% { transform: rotate(0deg) scale(.98); opacity: .74; }
  50% { transform: rotate(180deg) scale(1.04); opacity: 1; }
  100% { transform: rotate(360deg) scale(.98); opacity: .74; }
}

@keyframes openingQuotaOpeningTitleLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-7px) scale(1.14);
    filter:
      brightness(1.78)
      drop-shadow(0 0 25px rgba(255,253,249,.92))
      drop-shadow(0 0 50px rgba(255,232,166,.94));
  }
  62% {
    transform: translateY(0) scale(1.03);
    filter: brightness(1.16);
  }
}

@keyframes openingQuotaOpeningTitleSparkle {
  0%, 100% {
    opacity: .56;
    filter: drop-shadow(0 0 11px rgba(255,232,166,.64));
  }
  44% {
    opacity: 1;
    filter:
      drop-shadow(0 0 28px rgba(255,253,249,.94))
      drop-shadow(0 0 48px rgba(255,232,166,.7));
  }
}

@keyframes openingQuotaOpeningTitleSweep {
  0%, 100% {
    opacity: .12;
    transform: translateX(-96%) skewX(-14deg);
  }
  46% {
    opacity: 1;
    transform: translateX(96%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(108%) skewX(-14deg);
  }
}

@keyframes openingQuotaOpeningStandardLabel {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
  }
  50% {
    transform: translateY(-1px);
    filter: brightness(1.2);
  }
}

@keyframes openingQuotaOpeningStandardNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.66),
      0 0 0 1px rgba(255,253,249,.42),
      0 0 124px rgba(255,232,166,.98),
      0 0 224px rgba(217,185,140,.84),
      0 22px 46px rgba(18,14,12,.28);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.76),
      0 0 0 1px rgba(255,253,249,.52),
      0 0 166px rgba(255,232,166,1),
      0 0 300px rgba(217,185,140,.98),
      0 26px 52px rgba(18,14,12,.3);
  }
}

@keyframes openingQuotaOpeningStandardSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-74%) rotate(10deg);
  }
  48% {
    opacity: .9;
    transform: translateX(74%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 760px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: min(720px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: 22px 18px;
    gap: 14px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 122px;
    justify-self: stretch;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: none;
    justify-self: stretch;
    min-height: 88px;
    padding: 12px 10px 14px;
    gap: 1px;
    overflow: visible;
    font-size: clamp(34px, 2.72rem, 48px);
    line-height: 1.04;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .58em;
    -webkit-text-stroke: .76px rgba(42,24,18,.9);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 352px;
    padding: 18px 14px 20px;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(42px, 3.25rem, 56px);
    line-height: 1.05;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: 100%;
    min-height: 70px;
    padding: 7px 10px;
    display: grid;
    grid-template-columns: minmax(48px, .55fr) minmax(0, 1fr);
    align-items: center;
    justify-items: center;
    gap: 8px;
    border: 1px solid rgba(255,232,166,.24);
    border-radius: 18px;
    background:
      radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 58%),
      linear-gradient(90deg, rgba(255,253,249,.08), rgba(255,232,166,.1));
    font-size: clamp(17px, 1.2rem, 22px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 160px);
    min-width: 0;
    padding: 5px 10px 7px;
    font-size: clamp(48px, 3.55rem, 62px);
    line-height: 1.02;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 684px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-height: min(646px, calc(100% - 18px));
    max-height: calc(100% - 18px);
    padding: 14px;
    gap: 9px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 100px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    min-height: 74px;
    padding: 9px 7px 11px;
    gap: 1px;
    font-size: clamp(27px, 1.9rem, 32px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 320px;
    padding: 15px 7px 16px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(32px, 2.35rem, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 62px;
    grid-template-columns: minmax(46px, .55fr) minmax(0, 1fr);
    gap: 6px;
    padding: 6px 7px;
    font-size: clamp(14px, 1rem, 16px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 146px);
    padding: 4px 8px 6px;
    font-size: clamp(36px, 2.65rem, 46px);
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(25px, 1.72rem, 29px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(30px, 2.15rem, 36px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    grid-template-columns: minmax(42px, .55fr) minmax(0, 1fr);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 132px);
    font-size: clamp(32px, 2.35rem, 42px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Daily dependency memory desk pass */
.auth-dependency-loop,
#dashboard .dashboard-duty-desk {
  --dependency-dot: #7d9d91;
  --dependency-glow: rgba(125,157,145,.16);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.16);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.72)),
    radial-gradient(circle at 0 0, var(--dependency-glow), transparent 42%);
  box-shadow:
    0 16px 34px rgba(80,56,45,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.auth-dependency-loop[data-tone="ready"],
#dashboard .dashboard-duty-desk[data-tone="ready"] {
  --dependency-dot: #2f6f64;
  --dependency-glow: rgba(47,111,100,.18);
}

.auth-dependency-loop[data-tone="low"],
#dashboard .dashboard-duty-desk[data-tone="low"] {
  --dependency-dot: #9f665d;
  --dependency-glow: rgba(159,102,93,.18);
}

.auth-dependency-loop::before,
#dashboard .dashboard-duty-desk::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .64;
  pointer-events: none;
  background:
    linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.82) 52%, color-mix(in srgb, var(--dependency-dot) 22%, transparent) 60%, transparent 74%);
  transform: translateX(-120%);
}

.auth-dependency-loop {
  margin-top: 12px;
  padding: 14px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  border-radius: 22px;
}

.auth-dependency-loop > i,
.auth-dependency-loop > svg,
#dashboard .dashboard-duty-desk > i,
#dashboard .dashboard-duty-desk > svg {
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--dependency-dot) 34%, rgba(255,253,249,.68));
  color: color-mix(in srgb, var(--dependency-dot) 76%, #50382d);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), color-mix(in srgb, var(--dependency-dot) 14%, rgba(255,247,235,.72)));
  box-shadow:
    0 10px 22px var(--dependency-glow),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.dependency-loop-copy,
#dashboard .duty-desk-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.dependency-loop-copy small,
.dependency-loop-copy strong,
.dependency-loop-copy em,
#dashboard .duty-desk-copy small,
#dashboard .duty-desk-copy strong,
#dashboard .duty-desk-copy em {
  display: block;
  min-width: 0;
}

.dependency-loop-copy small,
#dashboard .duty-desk-copy small {
  color: color-mix(in srgb, var(--dependency-dot) 72%, rgba(80,56,45,.6));
  font-size: 11px;
  font-weight: 860;
}

.dependency-loop-copy strong,
#dashboard .duty-desk-copy strong {
  color: #35231d;
  font-size: clamp(17px, 1.2vw, 22px);
  line-height: 1.25;
  font-weight: 920;
}

.dependency-loop-copy em,
#dashboard .duty-desk-copy em {
  color: color-mix(in srgb, var(--dependency-dot) 58%, rgba(80,56,45,.68));
  font-size: 12px;
  line-height: 1.5;
  font-style: normal;
  font-weight: 760;
}

.dependency-loop-grid,
#dashboard .duty-desk-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dependency-loop-grid span,
#dashboard .duty-desk-grid b {
  min-width: 0;
  min-height: 54px;
  padding: 9px 8px;
  display: grid;
  align-content: center;
  gap: 3px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--dependency-dot) 18%, rgba(255,253,249,.7));
  background:
    linear-gradient(180deg, rgba(255,253,249,.7), rgba(255,247,235,.48)),
    radial-gradient(circle at 50% 0, var(--dependency-glow), transparent 58%);
  font-style: normal;
}

.dependency-loop-grid small,
#dashboard .duty-desk-grid small {
  color: rgba(80,56,45,.58);
  font-size: 10px;
  font-weight: 820;
  line-height: 1.1;
}

.dependency-loop-grid strong,
#dashboard .duty-desk-grid strong {
  min-width: 0;
  color: color-mix(in srgb, var(--dependency-dot) 76%, #3f2d27);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 920;
  overflow-wrap: anywhere;
}

#dashboard .dashboard-duty-desk {
  width: 100%;
  padding: 16px;
  display: grid;
  grid-template-columns: 48px minmax(220px, 1fr);
  gap: 14px;
  align-items: center;
  border-radius: 24px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

#dashboard .dashboard-duty-desk:hover,
#dashboard .dashboard-duty-desk:focus-visible {
  border-color: color-mix(in srgb, var(--dependency-dot) 42%, rgba(181,138,88,.18));
  box-shadow:
    0 18px 42px rgba(80,56,45,.1),
    0 0 28px var(--dependency-glow),
    inset 0 1px 0 rgba(255,255,255,.76);
  transform: translateY(-1px);
}

#dashboard .duty-desk-grid {
  grid-column: 1 / -1;
  width: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  .auth-dependency-loop::before {
    animation: dailyDependencySweep 8.6s ease-in-out infinite;
  }

  #dashboard .dashboard-duty-desk::before {
    animation: dailyDependencySweep 8.6s ease-in-out infinite;
  }

  #dashboard .dashboard-duty-desk > i,
  #dashboard .dashboard-duty-desk > svg {
    animation: dailyDependencyIconPulse 4.6s ease-in-out infinite;
  }
}

@keyframes dailyDependencySweep {
  0%, 18% { transform: translateX(-120%); opacity: .28; }
  45% { transform: translateX(120%); opacity: .74; }
  100% { transform: translateX(120%); opacity: .28; }
}

@keyframes dailyDependencyIconPulse {
  0%, 100% {
    box-shadow:
      0 10px 22px var(--dependency-glow),
      inset 0 1px 0 rgba(255,255,255,.72);
  }
  50% {
    box-shadow:
      0 14px 30px var(--dependency-glow),
      0 0 28px color-mix(in srgb, var(--dependency-dot) 28%, transparent),
      inset 0 1px 0 rgba(255,255,255,.78);
  }
}

@media (min-width: 1501px) {
  #dashboard .dashboard-duty-desk {
    grid-template-columns: 48px minmax(260px, 1fr) minmax(360px, 42%);
  }

  #dashboard .duty-desk-grid {
    grid-column: 3;
    width: 100%;
  }
}

@media (max-width: 720px) {
  .auth-dependency-loop,
  #dashboard .dashboard-duty-desk {
    padding: 13px;
    border-radius: 20px;
  }

  .dependency-loop-grid,
  #dashboard .duty-desk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dependency-loop-grid span,
  #dashboard .duty-desk-grid b {
    min-height: 50px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auth-dependency-loop::before,
  #dashboard .dashboard-duty-desk::before,
  #dashboard .dashboard-duty-desk > i,
  #dashboard .dashboard-duty-desk > svg {
    animation: none !important;
  }
}

/* Dashboard checkin dependency pass */
#dashboard .dashboard-checkin-card {
  --checkin-dot: #b58a58;
  --checkin-glow: rgba(181,138,88,.16);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  min-height: 116px;
  padding: 16px;
  display: grid;
  grid-template-columns: 46px minmax(220px, 1fr);
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(181,138,88,.18);
  border-radius: 24px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(255,247,235,.7)),
    radial-gradient(circle at 0 0, var(--checkin-glow), transparent 42%);
  box-shadow:
    0 16px 34px rgba(80,56,45,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition: transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out);
}

#dashboard .dashboard-checkin-card[data-tone="ready"] {
  --checkin-dot: #7d9d91;
  --checkin-glow: rgba(125,157,145,.18);
}

#dashboard .dashboard-checkin-card[data-tone="active"] {
  --checkin-dot: #2f6f64;
  --checkin-glow: rgba(47,111,100,.16);
}

#dashboard .dashboard-checkin-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .62;
  pointer-events: none;
  background:
    linear-gradient(112deg, transparent 0%, transparent 42%, rgba(255,253,249,.84) 52%, color-mix(in srgb, var(--checkin-dot) 24%, transparent) 60%, transparent 74%);
  transform: translateX(-120%);
}

#dashboard .dashboard-checkin-card > i,
#dashboard .dashboard-checkin-card > svg {
  width: 46px;
  height: 46px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--checkin-dot) 34%, rgba(255,253,249,.68));
  color: color-mix(in srgb, var(--checkin-dot) 78%, #50382d);
  background:
    linear-gradient(145deg, rgba(255,253,249,.94), color-mix(in srgb, var(--checkin-dot) 14%, rgba(255,247,235,.74)));
  box-shadow:
    0 10px 22px var(--checkin-glow),
    inset 0 1px 0 rgba(255,255,255,.74);
}

#dashboard .checkin-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

#dashboard .checkin-copy small,
#dashboard .checkin-copy strong,
#dashboard .checkin-copy em {
  display: block;
  min-width: 0;
}

#dashboard .checkin-copy small {
  color: color-mix(in srgb, var(--checkin-dot) 74%, rgba(80,56,45,.6));
  font-size: 11px;
  font-weight: 860;
}

#dashboard .checkin-copy strong {
  color: #35231d;
  font-size: clamp(17px, 1.2vw, 22px);
  line-height: 1.25;
  font-weight: 930;
}

#dashboard .checkin-copy em {
  color: color-mix(in srgb, var(--checkin-dot) 54%, rgba(80,56,45,.68));
  font-size: 12px;
  line-height: 1.5;
  font-style: normal;
  font-weight: 760;
}

#dashboard .checkin-metrics {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

#dashboard .checkin-metrics b {
  min-width: 0;
  min-height: 64px;
  padding: 10px 8px;
  display: grid;
  align-content: center;
  gap: 4px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--checkin-dot) 18%, rgba(181,138,88,.12));
  background:
    linear-gradient(180deg, rgba(255,253,249,.74), rgba(255,247,235,.5)),
    radial-gradient(circle at 50% 0, var(--checkin-glow), transparent 58%);
  font-style: normal;
}

#dashboard .checkin-metrics small {
  color: rgba(80,56,45,.58);
  font-size: 10px;
  line-height: 1.1;
  font-weight: 820;
}

#dashboard .checkin-metrics strong {
  min-width: 0;
  color: color-mix(in srgb, var(--checkin-dot) 78%, #50382d);
  font-size: clamp(13px, .95vw, 16px);
  line-height: 1.18;
  font-weight: 940;
  overflow-wrap: anywhere;
}

#dashboard .dashboard-checkin-card:hover,
#dashboard .dashboard-checkin-card:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--checkin-dot) 42%, rgba(181,138,88,.18));
  box-shadow:
    0 18px 42px rgba(80,56,45,.1),
    0 0 30px var(--checkin-glow),
    inset 0 1px 0 rgba(255,255,255,.76);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .dashboard-checkin-card::before {
    animation: dashboardCheckinSweep 8.7s ease-in-out infinite;
  }

  #dashboard .dashboard-checkin-card > i,
  #dashboard .dashboard-checkin-card > svg {
    animation: dashboardCheckinIconPulse 4.8s ease-in-out infinite;
  }
}

@keyframes dashboardCheckinSweep {
  0%, 18% { transform: translateX(-120%); opacity: .26; }
  45% { transform: translateX(120%); opacity: .74; }
  100% { transform: translateX(120%); opacity: .26; }
}

@keyframes dashboardCheckinIconPulse {
  0%, 100% {
    box-shadow:
      0 10px 22px var(--checkin-glow),
      inset 0 1px 0 rgba(255,255,255,.74);
  }
  50% {
    box-shadow:
      0 14px 30px var(--checkin-glow),
      0 0 28px color-mix(in srgb, var(--checkin-dot) 28%, transparent),
      inset 0 1px 0 rgba(255,255,255,.8);
  }
}

@media (min-width: 1501px) {
  #dashboard .dashboard-checkin-card {
    grid-template-columns: 46px minmax(260px, .9fr) minmax(300px, 1.1fr);
  }

  #dashboard .checkin-metrics {
    grid-column: 3;
  }
}

@media (max-width: 920px) {
  #dashboard .dashboard-checkin-card {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  #dashboard .checkin-metrics {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  #dashboard .dashboard-checkin-card {
    padding: 13px;
    border-radius: 20px;
  }

  #dashboard .checkin-metrics {
    grid-template-columns: 1fr;
  }

  #dashboard .checkin-metrics b {
    min-height: 54px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .dashboard-checkin-card::before,
  #dashboard .dashboard-checkin-card > i,
  #dashboard .dashboard-checkin-card > svg {
    animation: none !important;
  }
}

/* Dashboard opening quota grand center finale pass */
#dashboard .command-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(650px, 44rem, 760px);
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(1120px, calc(100% - 40px));
  min-height: min(690px, calc(100% - 40px));
  max-height: calc(100% - 40px);
  padding: clamp(30px, 3.2rem, 52px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-items: center;
  justify-items: center;
  place-items: center;
  align-content: center;
  justify-content: center;
  place-content: center;
  gap: clamp(18px, 1.45rem, 26px);
  margin: 0;
  overflow: hidden;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  border-color: rgba(255,232,166,.96);
  background:
    radial-gradient(circle at 50% -10%, rgba(255,247,206,.5), transparent 48%),
    radial-gradient(circle at 4% 102%, rgba(125,157,145,.2), transparent 38%),
    radial-gradient(circle at 98% 92%, rgba(255,210,116,.2), transparent 42%),
    linear-gradient(145deg, rgba(33,19,15,.9), rgba(112,62,45,.68));
  box-shadow:
    0 38px 88px rgba(18,14,12,.36),
    0 0 0 1px rgba(255,253,249,.26) inset,
    0 0 110px rgba(255,232,166,.38),
    0 0 196px rgba(217,185,140,.28);
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100%;
  min-height: clamp(148px, 10.8rem, 184px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  justify-content: center;
  justify-self: stretch;
  margin: 0;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative;
  box-sizing: border-box;
  width: min(100%, 880px);
  min-width: 0;
  min-height: clamp(104px, 7.85rem, 138px);
  padding: clamp(18px, 1.55rem, 26px) clamp(22px, 3rem, 58px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1px, .38rem, 7px);
  overflow: hidden;
  border: 1px solid rgba(255,247,206,.98);
  border-radius: 999px;
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 15%, #ffca5f 29%, #fffaf0 47%, #b9682c 63%, #fff1bd 82%, #ffe8a6 100%);
  background-size: 620% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .86px rgba(42,24,18,.92);
  font-size: clamp(64px, 4.65rem, 88px);
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.38) inset,
    0 0 0 8px rgba(255,232,166,.15) inset,
    0 0 108px rgba(255,232,166,.88),
    0 0 210px rgba(217,185,140,.6),
    0 0 290px rgba(255,253,249,.28);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 32px rgba(255,253,249,.88),
    0 0 82px rgba(255,232,166,1),
    0 0 150px rgba(217,185,140,.68);
  will-change: transform, filter, background-position;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: -20%;
  z-index: -1;
  border-radius: inherit;
  opacity: .94;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.34), rgba(255,232,166,.25) 42%, transparent 74%),
    conic-gradient(from 26deg, transparent 0 12%, rgba(255,232,166,.68), rgba(255,253,249,.58), rgba(125,157,145,.24), transparent 56% 100%);
  filter: blur(9px) saturate(1.24);
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  min-width: .64em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .9px rgba(42,24,18,.9);
  line-height: 1.04;
  transform-origin: center 72%;
  text-shadow:
    0 2px 0 rgba(42,24,18,.72),
    0 0 22px rgba(255,253,249,.82),
    0 0 58px rgba(255,232,166,1),
    0 0 116px rgba(217,185,140,.72);
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  z-index: 1;
  opacity: .98;
  background:
    radial-gradient(circle at 10% 52%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 23% 28%, rgba(255,232,166,.8) 0 2px, transparent 5px),
    radial-gradient(circle at 70% 70%, rgba(255,253,249,.88) 0 2px, transparent 5px),
    radial-gradient(circle at 91% 40%, rgba(255,232,166,.84) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 14px rgba(255,232,166,.92))
    drop-shadow(0 0 36px rgba(217,185,140,.5));
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 2;
  opacity: .76;
  background:
    linear-gradient(105deg, transparent 0 27%, rgba(255,253,249,.24) 38%, rgba(255,232,166,1) 48%, rgba(255,253,249,.78) 56%, transparent 72% 100%);
  mix-blend-mode: screen;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 940px);
  min-height: clamp(276px, 19.4rem, 326px);
  padding: clamp(26px, 2.35rem, 40px) clamp(20px, 2.75rem, 44px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  gap: clamp(13px, 1.16rem, 22px);
  overflow: hidden;
  border: 1px solid rgba(255,232,166,.86);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(42,26,21,.84), rgba(112,64,45,.56)),
    radial-gradient(circle at 50% 0, rgba(255,232,166,.54), transparent 62%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.24), transparent 44%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 18px 46px rgba(18,14,12,.26),
    0 0 98px rgba(217,185,140,.36);
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  color: #fffdf4;
  font-size: clamp(70px, 5.45rem, 98px);
  font-weight: 950;
  line-height: 1.04;
  text-shadow:
    0 2px 0 rgba(42,24,18,.62),
    0 0 54px rgba(255,232,166,1),
    0 0 150px rgba(217,185,140,.8),
    0 0 210px rgba(255,253,249,.36);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: clamp(7px, .78rem, 12px);
  min-width: 0;
  color: rgba(255,253,249,.98);
  font-size: clamp(28px, 2.12rem, 40px);
  font-style: normal;
  font-weight: 930;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  width: min(100%, 178px);
  min-width: 1.22em;
  margin: 0;
  padding: clamp(7px, .78rem, 11px) clamp(11px, 1.05rem, 19px) clamp(9px, .88rem, 13px);
  overflow: hidden;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 22px;
  color: #24120c;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 27%, #ffd36d 58%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.96), transparent 62%);
  font-size: clamp(94px, 7rem, 138px);
  line-height: 1.02;
  text-shadow: 0 1px 0 rgba(255,253,249,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 0 0 1px rgba(255,253,249,.46),
    0 0 148px rgba(255,232,166,1),
    0 0 278px rgba(217,185,140,.96),
    0 24px 50px rgba(18,14,12,.31);
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .36;
  background:
    linear-gradient(104deg, transparent 18%, rgba(255,253,249,.94) 46%, rgba(255,232,166,.68) 54%, transparent 76%);
  transform: translateX(-74%) rotate(10deg);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaGrandTitleFlash 1.45s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.4s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaGrandTitleHalo 2.9s linear infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaGrandTitleLetter 1.9s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .07s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .14s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .21s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .28s; }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaGrandTitleSparkle 2.1s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaGrandTitleSweep 1.46s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaGrandStandardLabel 3.1s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaGrandStandardNumber 2.4s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaGrandStandardSweep 2.4s ease-in-out infinite;
  }
}

@keyframes openingQuotaGrandTitleFlash {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.12)
      drop-shadow(0 0 36px rgba(255,232,166,.82))
      drop-shadow(0 0 78px rgba(217,185,140,.44));
  }
  42% {
    background-position: 100% 50%;
    filter:
      brightness(1.82)
      saturate(1.28)
      drop-shadow(0 0 64px rgba(255,253,249,1))
      drop-shadow(0 0 136px rgba(255,232,166,.98))
      drop-shadow(0 0 200px rgba(217,185,140,.62));
  }
  70% {
    background-position: 70% 50%;
    filter:
      brightness(1.28)
      drop-shadow(0 0 46px rgba(255,232,166,.86))
      drop-shadow(0 0 90px rgba(217,185,140,.48));
  }
}

@keyframes openingQuotaGrandTitleFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.018); }
}

@keyframes openingQuotaGrandTitleHalo {
  0% { transform: rotate(0deg) scale(.98); opacity: .76; }
  50% { transform: rotate(180deg) scale(1.05); opacity: 1; }
  100% { transform: rotate(360deg) scale(.98); opacity: .76; }
}

@keyframes openingQuotaGrandTitleLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-8px) scale(1.16);
    filter:
      brightness(1.84)
      drop-shadow(0 0 26px rgba(255,253,249,.94))
      drop-shadow(0 0 54px rgba(255,232,166,.98));
  }
  62% {
    transform: translateY(0) scale(1.04);
    filter: brightness(1.18);
  }
}

@keyframes openingQuotaGrandTitleSparkle {
  0%, 100% {
    opacity: .58;
    filter: drop-shadow(0 0 12px rgba(255,232,166,.66));
  }
  44% {
    opacity: 1;
    filter:
      drop-shadow(0 0 30px rgba(255,253,249,.96))
      drop-shadow(0 0 52px rgba(255,232,166,.72));
  }
}

@keyframes openingQuotaGrandTitleSweep {
  0%, 100% {
    opacity: .12;
    transform: translateX(-98%) skewX(-14deg);
  }
  46% {
    opacity: 1;
    transform: translateX(98%) skewX(-14deg);
  }
  64% {
    opacity: .24;
    transform: translateX(110%) skewX(-14deg);
  }
}

@keyframes openingQuotaGrandStandardLabel {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
  }
  50% {
    transform: translateY(-1px);
    filter: brightness(1.22);
  }
}

@keyframes openingQuotaGrandStandardNumber {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.68),
      0 0 0 1px rgba(255,253,249,.44),
      0 0 136px rgba(255,232,166,.98),
      0 0 250px rgba(217,185,140,.86),
      0 24px 50px rgba(18,14,12,.3);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 0 0 1px rgba(255,253,249,.54),
      0 0 178px rgba(255,232,166,1),
      0 0 320px rgba(217,185,140,1),
      0 28px 56px rgba(18,14,12,.32);
  }
}

@keyframes openingQuotaGrandStandardSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-74%) rotate(10deg);
  }
  48% {
    opacity: .92;
    transform: translateX(74%) rotate(10deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 780px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: min(738px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: 22px 18px;
    gap: 14px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 126px;
    justify-self: stretch;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: 100%;
    max-width: none;
    justify-self: stretch;
    min-height: 92px;
    padding: 13px 11px 15px;
    gap: 1px;
    overflow: visible;
    font-size: clamp(36px, 2.92rem, 50px);
    line-height: 1.04;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .58em;
    -webkit-text-stroke: .76px rgba(42,24,18,.9);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 368px;
    padding: 18px 14px 20px;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(44px, 3.42rem, 58px);
    line-height: 1.05;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: 100%;
    min-height: 72px;
    padding: 7px 10px;
    display: grid;
    grid-template-columns: minmax(52px, .55fr) minmax(0, 1fr);
    align-items: center;
    justify-items: center;
    gap: 8px;
    border: 1px solid rgba(255,232,166,.24);
    border-radius: 18px;
    background:
      radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 58%),
      linear-gradient(90deg, rgba(255,253,249,.08), rgba(255,232,166,.1));
    font-size: clamp(18px, 1.26rem, 23px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 164px);
    min-width: 0;
    padding: 5px 10px 7px;
    font-size: clamp(50px, 3.74rem, 64px);
    line-height: 1.02;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 704px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-height: min(666px, calc(100% - 18px));
    max-height: calc(100% - 18px);
    padding: 14px;
    gap: 9px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 102px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    min-height: 76px;
    padding: 9px 7px 11px;
    gap: 1px;
    font-size: clamp(28px, 2rem, 34px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 336px;
    padding: 15px 7px 16px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 2.5rem, 42px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 64px;
    grid-template-columns: minmax(48px, .55fr) minmax(0, 1fr);
    gap: 6px;
    padding: 6px 7px;
    font-size: clamp(15px, 1.04rem, 17px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 150px);
    padding: 4px 8px 6px;
    font-size: clamp(38px, 2.78rem, 48px);
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(26px, 1.78rem, 30px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(31px, 2.22rem, 37px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    grid-template-columns: minmax(44px, .55fr) minmax(0, 1fr);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 136px);
    font-size: clamp(34px, 2.42rem, 43px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota grand eof narrow fit lock pass */
@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 650px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: min(594px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: 16px 14px;
    gap: 10px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 92px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 310px);
    min-height: 70px;
    padding: 10px 8px 12px;
    overflow: hidden;
    font-size: clamp(34px, 3vw, 42px);
    box-shadow:
      0 0 0 1px rgba(255,253,249,.36) inset,
      0 0 0 6px rgba(255,232,166,.14) inset,
      0 0 78px rgba(255,232,166,.72),
      0 0 132px rgba(217,185,140,.48);
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .56em;
    -webkit-text-stroke: .74px rgba(42,24,18,.88);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 292px;
    padding: 14px 10px 16px;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(40px, 3.45vw, 48px);
    line-height: 1.08;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 56px;
    padding: 6px 8px;
    grid-template-columns: minmax(48px, .58fr) minmax(0, 1fr);
    gap: 7px;
    font-size: clamp(16px, 1.18rem, 20px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 132px);
    min-height: 1.22em;
    padding: 4px 8px 6px;
    overflow: hidden;
    font-size: clamp(42px, 3.45vw, 52px);
    line-height: 1.1;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.68),
      0 0 0 1px rgba(255,253,249,.44),
      0 0 94px rgba(255,232,166,.94),
      0 0 166px rgba(217,185,140,.74),
      0 16px 32px rgba(18,14,12,.28);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 622px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-height: min(584px, calc(100% - 18px));
    padding: 13px;
    gap: 8px;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 88px;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 300px);
    min-height: 66px;
    font-size: clamp(29px, 7.7vw, 34px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 286px;
    padding: 13px 7px 14px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 8.8vw, 40px);
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 54px;
    font-size: clamp(14px, 3.8vw, 16px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 120px);
    font-size: clamp(36px, 9.4vw, 44px);
  }
}

/* Dashboard opening quota grand eof legibility seal pass */
@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    isolation: isolate;
    width: min(100%, 322px);
    min-height: 82px;
    padding: 13px 8px 14px;
    overflow: hidden;
    font-size: clamp(32px, 2.82vw, 38px);
    -webkit-text-stroke: .9px rgba(42,24,18,.96);
    text-shadow:
      0 2px 0 rgba(42,24,18,.78),
      0 0 24px rgba(255,253,249,.72),
      0 0 52px rgba(255,232,166,.86);
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    inset: 4px;
    z-index: 0;
    opacity: .84;
    background:
      linear-gradient(145deg, rgba(42,27,22,.84), rgba(96,57,42,.62)),
      radial-gradient(circle at 50% 0, rgba(255,232,166,.24), transparent 62%);
    filter: none;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    z-index: 3;
    -webkit-text-fill-color: #fff0b8;
    -webkit-text-stroke: .82px rgba(42,24,18,.94);
    text-shadow:
      0 2px 0 rgba(42,24,18,.76),
      0 0 18px rgba(255,253,249,.76),
      0 0 42px rgba(255,232,166,.9);
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    opacity: .62;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    opacity: .42;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 58px;
    display: grid;
    place-items: center;
    line-height: 1.08;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 72px;
    min-height: 72px;
    padding: 0 8px 2px;
    align-content: center;
    line-height: 1;
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 304px);
    min-height: 74px;
    font-size: clamp(28px, 7.2vw, 32px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 52px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 64px;
    min-height: 64px;
    font-size: clamp(34px, 8.8vw, 40px);
  }
}

/* Dashboard opening quota grand true eof metric fit seal pass */
@media (max-width: 1320px) {
  #dashboard .opening-quota-card .opening-standard-price {
    gap: 7px;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 64px;
    line-height: 1.16;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 54px;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 78px;
    min-height: 78px;
    font-size: clamp(40px, 3.16vw, 48px);
    line-height: .96;
  }
}

@media (max-width: 720px) {
  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 58px;
    line-height: 1.14;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    height: 70px;
    min-height: 70px;
    font-size: clamp(32px, 8.2vw, 38px);
  }
}

/* Dashboard opening quota physical eof centered shimmer lock pass */
#dashboard .command-visual {
  display: grid;
  place-items: center;
  min-height: clamp(680px, 46rem, 780px);
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(1120px, calc(100% - 40px));
  min-height: min(700px, calc(100% - 40px));
  max-height: calc(100% - 40px);
  padding: 3.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  place-content: center;
  gap: 1.75rem;
  margin: 0;
  overflow: hidden;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100%;
  min-height: 12rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  justify-self: stretch;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative;
  box-sizing: border-box;
  isolation: isolate;
  width: min(100%, 880px);
  min-width: 0;
  min-height: 9rem;
  padding: 1.35rem 4.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  overflow: hidden;
  contain: paint;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 999px;
  color: #ffe8a6;
  background:
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 14%, #ffcf67 28%, #fffaf0 45%, #b9682c 60%, #fff1bd 78%, #ffe8a6 100%);
  background-size: 720% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .9px rgba(42,24,18,.92);
  font-size: 5.75rem;
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: 0;
  box-shadow:
    0 0 0 1px rgba(255,253,249,.4) inset,
    0 0 0 9px rgba(255,232,166,.15) inset,
    0 0 132px rgba(255,232,166,.9),
    0 0 250px rgba(217,185,140,.62),
    0 0 320px rgba(255,253,249,.3);
  text-shadow:
    0 2px 0 rgba(42,24,18,.78),
    0 0 36px rgba(255,253,249,.9),
    0 0 94px rgba(255,232,166,1),
    0 0 170px rgba(217,185,140,.72);
  will-change: transform, filter, background-position;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "";
  position: absolute;
  inset: -22%;
  z-index: -1;
  border-radius: inherit;
  opacity: .96;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.42), rgba(255,232,166,.28) 38%, transparent 72%),
    conic-gradient(from 18deg, transparent 0 12%, rgba(255,232,166,.72), rgba(255,253,249,.66), rgba(125,157,145,.28), transparent 58% 100%);
  filter: blur(10px) saturate(1.28);
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative;
  z-index: 3;
  display: inline-block;
  flex: 0 0 auto;
  min-width: .62em;
  color: #ffe8a6;
  -webkit-text-fill-color: #ffe8a6;
  -webkit-text-stroke: .9px rgba(42,24,18,.9);
  line-height: 1.04;
  transform-origin: center 72%;
  text-shadow:
    0 2px 0 rgba(42,24,18,.72),
    0 0 26px rgba(255,253,249,.84),
    0 0 64px rgba(255,232,166,1),
    0 0 126px rgba(217,185,140,.74);
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  z-index: 1;
  opacity: .98;
  background:
    radial-gradient(circle at 9% 52%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 23% 28%, rgba(255,232,166,.82) 0 2px, transparent 5px),
    radial-gradient(circle at 70% 70%, rgba(255,253,249,.9) 0 2px, transparent 5px),
    radial-gradient(circle at 92% 40%, rgba(255,232,166,.86) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 16px rgba(255,232,166,.94))
    drop-shadow(0 0 40px rgba(217,185,140,.52));
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 2;
  opacity: .8;
  background:
    linear-gradient(104deg, transparent 0 27%, rgba(255,253,249,.28) 38%, rgba(255,232,166,1) 48%, rgba(255,253,249,.82) 56%, transparent 72% 100%);
  mix-blend-mode: screen;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 980px);
  min-height: 21rem;
  padding: 2.25rem 3rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  gap: 1.25rem;
  overflow: hidden;
  border: 1px solid rgba(255,232,166,.9);
  border-radius: 30px;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 1.08em;
  display: grid;
  place-items: center;
  color: #fffdf4;
  font-size: 5.75rem;
  font-weight: 950;
  line-height: 1.04;
  text-align: center;
  text-shadow:
    0 2px 0 rgba(42,24,18,.62),
    0 0 60px rgba(255,232,166,1),
    0 0 166px rgba(217,185,140,.82),
    0 0 230px rgba(255,253,249,.38);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  align-items: baseline;
  justify-items: center;
  gap: .8rem;
  min-width: 0;
  color: rgba(255,253,249,.98);
  font-size: 2.35rem;
  font-style: normal;
  font-weight: 930;
  line-height: 1;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  width: min(100%, 192px);
  min-width: 1.18em;
  min-height: 1.12em;
  height: auto;
  margin: 0;
  padding: .55rem .9rem .7rem;
  overflow: visible;
  contain: paint;
  border: 1px solid rgba(255,247,206,1);
  border-radius: 24px;
  color: #21110b;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 26%, #ffd36d 58%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.98), transparent 62%);
  font-size: 7.75rem;
  font-weight: 950;
  line-height: 1.02;
  text-shadow: 0 1px 0 rgba(255,253,249,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 0 0 1px rgba(255,253,249,.48),
    0 0 162px rgba(255,232,166,1),
    0 0 300px rgba(217,185,140,.98),
    0 26px 54px rgba(18,14,12,.32);
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  opacity: .4;
  overflow: hidden;
  background:
    linear-gradient(104deg, transparent 18%, rgba(255,253,249,.96) 46%, rgba(255,232,166,.7) 54%, transparent 76%);
  transform: translateX(-74%) rotate(10deg);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaEofTitleMagnet 1.72s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaGrandTitleHalo 2.8s linear infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaEofTitleLetterPop 1.98s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .07s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .14s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .21s; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .28s; }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaGrandTitleSparkle 2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaGrandTitleSweep 1.42s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaGrandStandardLabel 3s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaEofStandardNumberGlow 2.5s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaGrandStandardSweep 2.35s ease-in-out infinite;
  }
}

@keyframes openingQuotaEofTitleMagnet {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.14)
      drop-shadow(0 0 40px rgba(255,232,166,.86))
      drop-shadow(0 0 88px rgba(217,185,140,.46));
  }
  42% {
    background-position: 100% 50%;
    filter:
      brightness(1.92)
      saturate(1.3)
      drop-shadow(0 0 70px rgba(255,253,249,1))
      drop-shadow(0 0 150px rgba(255,232,166,1))
      drop-shadow(0 0 220px rgba(217,185,140,.68));
  }
  70% {
    background-position: 70% 50%;
    filter:
      brightness(1.3)
      drop-shadow(0 0 50px rgba(255,232,166,.9))
      drop-shadow(0 0 100px rgba(217,185,140,.52));
  }
}

@keyframes openingQuotaEofTitleLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-8px) scale(1.17);
    filter:
      brightness(1.9)
      drop-shadow(0 0 28px rgba(255,253,249,.96))
      drop-shadow(0 0 58px rgba(255,232,166,1));
  }
  62% {
    transform: translateY(0) scale(1.04);
    filter: brightness(1.2);
  }
}

@keyframes openingQuotaEofStandardNumberGlow {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.7),
      0 0 0 1px rgba(255,253,249,.46),
      0 0 150px rgba(255,232,166,.98),
      0 0 278px rgba(217,185,140,.9),
      0 26px 54px rgba(18,14,12,.31);
  }
  48% {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.8),
      0 0 0 1px rgba(255,253,249,.56),
      0 0 192px rgba(255,232,166,1),
      0 0 340px rgba(217,185,140,1),
      0 30px 58px rgba(18,14,12,.33);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: 700px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 24px);
    min-height: min(648px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: 1.25rem 1rem;
    gap: .75rem;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 6.75rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 430px);
    min-height: 5.5rem;
    padding: .75rem .75rem .9rem;
    gap: 1px;
    overflow: hidden;
    font-size: 2.8rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    min-width: .56em;
    -webkit-text-stroke: .78px rgba(42,24,18,.9);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: 100%;
    min-height: 18.75rem;
    padding: .85rem .75rem 1rem;
    grid-template-columns: 1fr;
    gap: .45rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 3.4rem;
    font-size: 3.1rem;
    line-height: 1.04;
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: 100%;
    min-height: 3.75rem;
    padding: .35rem .65rem;
    display: grid;
    grid-template-columns: minmax(54px, .55fr) minmax(0, 1fr);
    align-items: center;
    justify-items: center;
    gap: .5rem;
    border: 1px solid rgba(255,232,166,.24);
    border-radius: 18px;
    background:
      radial-gradient(circle at 50% 0, rgba(255,232,166,.18), transparent 58%),
      linear-gradient(90deg, rgba(255,253,249,.08), rgba(255,232,166,.1));
    font-size: 1.35rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 142px);
    min-width: 0;
    min-height: 4.65rem;
    height: auto;
    padding: .2rem .5rem .32rem;
    font-size: 3.55rem;
    line-height: .98;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 680px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-height: min(626px, calc(100% - 18px));
    max-height: calc(100% - 18px);
    padding: .9rem;
    gap: .55rem;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 6.125rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 326px);
    min-height: 4.75rem;
    padding: .55rem .45rem .7rem;
    font-size: 2rem;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    min-height: 18.25rem;
    padding: .75rem .45rem .85rem;
    gap: .42rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 3.1rem;
    font-size: 2.4rem;
    line-height: 1.06;
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    min-height: 3.35rem;
    grid-template-columns: minmax(48px, .55fr) minmax(0, 1fr);
    gap: .4rem;
    padding: .3rem .45rem;
    font-size: 1.02rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 126px);
    min-height: 3.9rem;
    padding: .16rem .45rem .28rem;
    font-size: 2.75rem;
    line-height: .98;
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 304px);
    font-size: 1.95rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: 2.5rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 116px);
    font-size: 2.9rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota magnetic final center polish pass */
#dashboard .command-hero {
  grid-template-columns: minmax(0, .72fr) minmax(720px, 1.28fr);
}

#dashboard .command-visual {
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  min-height: 760px;
}

#dashboard .opening-quota-card {
  position: absolute;
  inset: 50% auto auto 50%;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: min(760px, calc(100% - 32px));
  min-width: 0;
  min-height: min(720px, calc(100% - 40px));
  max-height: calc(100% - 40px);
  padding: clamp(32px, 3.55rem, 58px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  align-content: center;
  justify-content: center;
  place-items: center;
  place-content: center;
  place-self: center;
  gap: clamp(18px, 1.52rem, 26px);
  margin: 0;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100%;
  min-height: clamp(146px, 11rem, 190px);
  display: grid;
  place-items: center;
  justify-self: stretch;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 650px);
  min-height: clamp(116px, 8.55rem, 146px);
  padding: clamp(18px, 1.45rem, 26px) clamp(24px, 3rem, 54px);
  overflow: hidden;
  contain: paint;
  background-size: 1100% 100%;
  -webkit-text-stroke: 1px rgba(42,24,18,.96);
  font-size: clamp(70px, 5.25rem, 90px);
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  inset: 0;
  width: 100%;
  max-width: 100%;
  opacity: 1;
  background:
    radial-gradient(circle at 8% 52%, rgba(255,253,249,1) 0 2px, transparent 4px),
    radial-gradient(circle at 21% 25%, rgba(255,232,166,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 50% 12%, rgba(255,253,249,1) 0 2px, transparent 5px),
    radial-gradient(circle at 72% 70%, rgba(255,253,249,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 92% 40%, rgba(255,232,166,.94) 0 2px, transparent 5px);
  filter:
    drop-shadow(0 0 20px rgba(255,232,166,1))
    drop-shadow(0 0 52px rgba(217,185,140,.62));
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0;
  width: 100%;
  max-width: 100%;
  opacity: .9;
  background:
    linear-gradient(104deg, transparent 0 24%, rgba(255,253,249,.34) 35%, rgba(255,232,166,1) 47%, rgba(255,253,249,.96) 55%, transparent 72% 100%);
  background-size: 220% 100%;
  mix-blend-mode: screen;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 660px);
  min-height: clamp(286px, 20rem, 336px);
  padding: clamp(26px, 2.35rem, 42px) clamp(20px, 2.5rem, 44px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  justify-content: center;
  gap: clamp(13px, 1.16rem, 22px);
}

#dashboard .opening-quota-card .opening-standard-price span {
  color: #fffef5;
  font-size: clamp(62px, 5.05rem, 86px);
  font-weight: 950;
  line-height: 1.16;
  padding: .08em 0 .12em;
  text-align: center;
  text-shadow:
    0 2px 0 rgba(42,24,18,.64),
    0 0 64px rgba(255,232,166,1),
    0 0 166px rgba(217,185,140,.86),
    0 0 210px rgba(255,253,249,.42);
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: .72rem;
  min-width: 0;
  white-space: nowrap;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  width: min(100%, 168px);
  min-width: 1.18em;
  color: #1b0d08;
  font-size: clamp(78px, 6.15rem, 118px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 1px rgba(255,253,249,.52),
    0 0 230px rgba(255,232,166,1),
    0 0 390px rgba(217,185,140,.98),
    0 28px 58px rgba(18,14,12,.34);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaBeaconTitlePulse 1.22s ease-in-out infinite,
      openingQuotaGrandTitleFloat 4.2s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaBeaconLetterPop 1.5s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaMagneticTitleSparkle 1.86s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaBeaconTitleSheen 1.18s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaMagneticStandardLabel 2.55s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaBeaconStandardNumber 2.08s ease-in-out infinite;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaMagneticStandardSweep 2.08s ease-in-out infinite;
  }
}

@keyframes openingQuotaBeaconTitlePulse {
  0%, 100% {
    background-position: 0% 50%;
    filter:
      brightness(1.2)
      drop-shadow(0 0 46px rgba(255,232,166,.94))
      drop-shadow(0 0 102px rgba(217,185,140,.54));
  }
  36% {
    background-position: 100% 50%;
    filter:
      brightness(2.18)
      saturate(1.38)
      drop-shadow(0 0 82px rgba(255,253,249,1))
      drop-shadow(0 0 178px rgba(255,232,166,1))
      drop-shadow(0 0 260px rgba(217,185,140,.78));
  }
  64% {
    background-position: 72% 50%;
    filter:
      brightness(1.42)
      drop-shadow(0 0 58px rgba(255,232,166,.98))
      drop-shadow(0 0 122px rgba(217,185,140,.6));
  }
}

@keyframes openingQuotaBeaconLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  32% {
    transform: translateY(-9px) scale(1.18);
    filter:
      brightness(2.08)
      drop-shadow(0 0 34px rgba(255,253,249,1))
      drop-shadow(0 0 70px rgba(255,232,166,1));
  }
  58% {
    transform: translateY(0) scale(1.05);
    filter: brightness(1.24);
  }
}

@keyframes openingQuotaBeaconTitleSheen {
  0%, 100% {
    opacity: .18;
    background-position: 0% 50%;
  }
  46% {
    opacity: .96;
    background-position: 100% 50%;
  }
  68% {
    opacity: .34;
    background-position: 74% 50%;
  }
}

@keyframes openingQuotaBeaconStandardNumber {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 0 0 1px rgba(255,253,249,.52),
      0 0 210px rgba(255,232,166,.98),
      0 0 360px rgba(217,185,140,.94),
      0 28px 58px rgba(18,14,12,.34);
  }
  44% {
    transform: translateY(-2px) scale(1.03);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.86),
      0 0 0 1px rgba(255,253,249,.62),
      0 0 250px rgba(255,232,166,1),
      0 0 430px rgba(217,185,140,1),
      0 32px 62px rgba(18,14,12,.36);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-hero {
    grid-template-columns: minmax(0, .76fr) minmax(620px, 1.24fr);
  }

  #dashboard .command-visual {
    min-height: 720px;
  }

  #dashboard .opening-quota-card {
    width: min(648px, calc(100% - 24px));
    min-width: 0;
    min-height: min(670px, calc(100% - 24px));
    max-height: calc(100% - 24px);
    padding: clamp(18px, 1.35rem, 28px);
    gap: .78rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px);
    min-height: 5.9rem;
    padding: .78rem .9rem .96rem;
    font-size: clamp(36px, 3.18rem, 54px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    min-height: 3.7rem;
    font-size: clamp(44px, 3.75rem, 64px);
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    grid-template-columns: 1fr;
    min-width: 0;
    gap: .56rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 154px);
    min-width: 2.5em;
    min-height: 4.8rem;
    height: auto;
    font-size: clamp(54px, 4.4rem, 72px);
  }
}

@media (max-width: 720px) {
  #dashboard .command-hero {
    grid-template-columns: 1fr;
  }

  #dashboard .command-visual {
    min-height: 760px;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 18px);
    min-width: 0;
    min-height: min(728px, calc(100% - 18px));
    max-height: calc(100% - 18px);
    padding: .95rem;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 342px);
    min-height: 5rem;
    padding: .55rem .5rem .74rem;
    font-size: clamp(31px, 8.9vw, 42px);
  }

  #dashboard .opening-quota-card .opening-standard-price {
    grid-template-columns: 1fr;
    gap: .78rem;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1;
    min-height: 3.3rem;
    font-size: clamp(34px, 9.8vw, 42px);
    white-space: nowrap;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    grid-template-columns: 1fr;
    min-width: 0;
    gap: .42rem;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 172px);
    min-width: 4.65em;
    min-height: 4.1rem;
    font-size: clamp(34px, 9.2vw, 44px);
  }
}

@media (max-width: 390px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 314px);
    font-size: clamp(29px, 8.35vw, 36px);
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(32px, 9vw, 38px);
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 160px);
    min-width: 4.65em;
    font-size: clamp(32px, 8.6vw, 40px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota focus sparkle eof active lock pass */
#dashboard .command-visual {
  display: grid !important;
  place-items: center !important;
}

#dashboard .opening-quota-card {
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  width: min(780px, calc(100% - 28px)) !important;
  min-height: min(690px, calc(100% - 34px)) !important;
  max-height: calc(100% - 34px) !important;
  padding: clamp(28px, 3vw, 50px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  transform: translate3d(-50%, -50%, 0) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 620px) !important;
  min-height: clamp(96px, 7.4vw, 132px) !important;
  padding: clamp(16px, 1.45vw, 22px) clamp(24px, 2.55vw, 40px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,232,166,.62) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,253,249,.22), transparent 54%),
    linear-gradient(95deg, #fffdf4 0%, #ffe8a6 24%, #d9b98c 46%, #fff8db 64%, #fff0b8 100%) !important;
  background-size: 520% 100% !important;
  font-size: clamp(62px, 5.55vw, 88px) !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .85px rgba(42,24,18,.82) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.58),
    0 0 22px rgba(255,232,166,.72),
    0 0 54px rgba(217,185,140,.42) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 670px) !important;
  min-height: clamp(300px, 24vw, 350px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  gap: clamp(12px, 1.25vw, 20px) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.25), transparent 45%),
    linear-gradient(145deg, rgba(42,26,21,.66), rgba(92,58,49,.44)) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(58px, 5.15vw, 78px) !important;
  line-height: 1.04 !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.64),
    0 0 58px rgba(255,232,166,.92),
    0 0 154px rgba(217,185,140,.72) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  gap: .58rem !important;
  color: rgba(255,253,249,.92) !important;
  font-size: clamp(18px, 1.55vw, 24px) !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  width: min(100%, 164px) !important;
  min-width: 2.28em !important;
  overflow: hidden !important;
  color: #211009 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 26%, #ffd36d 58%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 62%) !important;
  font-size: clamp(66px, 5.65vw, 86px) !important;
  line-height: 1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -10px 22px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.48),
    0 0 88px rgba(255,232,166,.95),
    0 0 220px rgba(217,185,140,.72),
    0 22px 44px rgba(18,14,12,.28) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaFocusTitleBeacon 2s ease-in-out infinite,
      openingQuotaFocusTitleFloat 4.8s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaFocusLetterPop 1.82s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaFocusStandardLabel 3.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaFocusNumberGlow 2.75s ease-in-out infinite !important;
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(650px, calc(100% - 24px)) !important;
    min-height: min(668px, calc(100% - 24px)) !important;
    padding: clamp(18px, 2vw, 28px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 560px) !important;
    font-size: clamp(42px, 3.6vw, 58px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(48px, 5vw, 68px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 142px) !important;
    font-size: clamp(56px, 5.35vw, 76px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 700px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(660px, calc(100% - 20px)) !important;
    padding: 15px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 334px) !important;
    font-size: clamp(30px, 8.6vw, 39px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    grid-template-columns: 1fr !important;
    min-height: 390px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 9.1vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    grid-template-columns: minmax(46px, .58fr) minmax(0, 1fr) !important;
    width: min(100%, 240px) !important;
    font-size: clamp(14px, 3.6vw, 17px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 132px) !important;
    min-width: 0 !important;
    font-size: clamp(36px, 9.2vw, 45px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard opening quota true center attraction active pass */
#dashboard .command-visual {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  justify-content: center !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  width: min(860px, calc(100% - 32px)) !important;
  min-height: min(710px, calc(100% - 32px)) !important;
  max-height: calc(100% - 32px) !important;
  padding: clamp(30px, 3.2vw, 52px) clamp(28px, 3.2vw, 56px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(18px, 2vw, 28px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
}

#dashboard .opening-quota-card::after {
  opacity: .52 !important;
  background:
    linear-gradient(120deg, transparent 0 24%, rgba(255,253,249,.42) 40%, rgba(255,232,166,.58) 48%, transparent 64% 100%),
    radial-gradient(circle at 50% 50%, rgba(255,232,166,.28), transparent 62%) !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  display: grid !important;
  justify-items: center !important;
  place-content: center !important;
  gap: 10px !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 680px) !important;
  min-width: 0 !important;
  min-height: clamp(112px, 8.4vw, 150px) !important;
  padding: clamp(18px, 1.8vw, 28px) clamp(28px, 3vw, 50px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .04em !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,232,166,.76) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,253,249,.44), transparent 56%),
    linear-gradient(94deg, #fffdf4 0%, #ffe8a6 18%, #f5c96b 36%, #fff8db 50%, #d9b98c 66%, #fff1bd 100%) !important;
  background-size: 620% 100% !important;
  color: #ffe8a6 !important;
  font-size: clamp(70px, 6.2vw, 100px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.72),
    inset 0 -18px 34px rgba(92,58,49,.24),
    0 0 0 1px rgba(255,253,249,.18),
    0 0 86px rgba(255,232,166,.44),
    0 0 176px rgba(217,185,140,.24) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.36), transparent 56%),
    linear-gradient(145deg, rgba(42,27,22,.92), rgba(104,62,45,.68)) !important;
  opacity: .9 !important;
  filter: saturate(1.1) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 3 !important;
  display: inline-block !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .9px rgba(42,24,18,.86) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.72),
    0 0 24px rgba(255,232,166,.92),
    0 0 72px rgba(217,185,140,.56),
    0 0 116px rgba(255,253,249,.22) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  z-index: 2 !important;
  opacity: .72 !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 780px) !important;
  min-height: clamp(260px, 22vw, 330px) !important;
  padding: clamp(24px, 2.35vw, 36px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(14px, 1.6vw, 24px) !important;
  border: 1px solid rgba(255,232,166,.34) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.28), transparent 46%),
    linear-gradient(145deg, rgba(42,26,21,.72), rgba(92,58,49,.5)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.18),
    0 0 0 1px rgba(255,253,249,.08),
    0 30px 70px rgba(42,26,21,.24) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(64px, 5.9vw, 96px) !important;
  font-weight: 950 !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.68),
    0 0 48px rgba(255,232,166,.88),
    0 0 138px rgba(217,185,140,.72) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: center !important;
  gap: .62rem !important;
  color: rgba(255,253,249,.92) !important;
  font-size: clamp(19px, 1.55vw, 25px) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  text-shadow: 0 0 18px rgba(255,232,166,.16) !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  width: min(100%, 178px) !important;
  min-width: 2.36em !important;
  min-height: 1.08em !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,253,249,.56) !important;
  border-radius: 24px !important;
  color: #24110a !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 26%, #ffd36d 60%, #c88d28 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 60%) !important;
  font-size: clamp(78px, 6.5vw, 112px) !important;
  font-weight: 1000 !important;
  line-height: .96 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -12px 24px rgba(161,93,22,.22),
    0 0 0 1px rgba(255,253,249,.34),
    0 0 70px rgba(255,232,166,.95),
    0 0 180px rgba(217,185,140,.76),
    0 20px 38px rgba(18,14,12,.3) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card {
    animation: openingQuotaTrueCenterCardBreath 6.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaTrueCenterTitleBeacon 1.82s ease-in-out infinite,
      openingQuotaTrueCenterTitleSheen 1.35s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaTrueCenterLetterSpark 1.55s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s !important; }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaTrueCenterSweep 2.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaTrueCenterStandardPulse 3.05s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaTrueCenterNumberGlow 2.45s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaTrueCenterCardBreath {
  0%, 100% {
    filter: drop-shadow(0 26px 64px rgba(42,26,21,.22)) saturate(1);
  }
  50% {
    filter: drop-shadow(0 34px 90px rgba(217,185,140,.24)) saturate(1.08);
  }
}

@keyframes openingQuotaTrueCenterTitleBeacon {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255,253,249,.72),
      inset 0 -18px 34px rgba(92,58,49,.24),
      0 0 0 1px rgba(255,253,249,.18),
      0 0 86px rgba(255,232,166,.44),
      0 0 176px rgba(217,185,140,.24);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255,253,249,.9),
      inset 0 -16px 32px rgba(92,58,49,.18),
      0 0 0 1px rgba(255,232,166,.54),
      0 0 116px rgba(255,232,166,.68),
      0 0 230px rgba(217,185,140,.34);
  }
}

@keyframes openingQuotaTrueCenterTitleSheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaTrueCenterLetterSpark {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  42% {
    transform: translateY(-3px) scale(1.045);
    filter: brightness(1.34);
  }
}

@keyframes openingQuotaTrueCenterSweep {
  0%, 100% {
    transform: translateX(-22%) skewX(-12deg);
    opacity: .34;
  }
  48% {
    transform: translateX(22%) skewX(-12deg);
    opacity: .82;
  }
}

@keyframes openingQuotaTrueCenterStandardPulse {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  50% {
    filter: brightness(1.22);
    transform: translateY(-2px);
  }
}

@keyframes openingQuotaTrueCenterNumberGlow {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.9),
      inset 0 -12px 24px rgba(161,93,22,.22),
      0 0 0 1px rgba(255,253,249,.34),
      0 0 70px rgba(255,232,166,.95),
      0 0 180px rgba(217,185,140,.76),
      0 20px 38px rgba(18,14,12,.3);
  }
  50% {
    filter: brightness(1.18) saturate(1.14);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -10px 22px rgba(161,93,22,.16),
      0 0 0 1px rgba(255,253,249,.66),
      0 0 96px rgba(255,232,166,1),
      0 0 230px rgba(217,185,140,.92),
      0 24px 46px rgba(18,14,12,.32);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(690px, calc(100% - 24px)) !important;
    min-height: min(690px, calc(100% - 24px)) !important;
    padding: clamp(20px, 2.25vw, 34px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 590px) !important;
    min-height: clamp(92px, 8vw, 118px) !important;
    font-size: clamp(45px, 4.45vw, 64px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 630px) !important;
    min-height: clamp(260px, 24vw, 320px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(48px, 5.25vw, 70px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 146px) !important;
    font-size: clamp(56px, 5.65vw, 78px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 720px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(680px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 16px !important;
    gap: 14px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 342px) !important;
    min-height: 76px !important;
    padding: 12px 16px !important;
    font-size: clamp(32px, 8.9vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 342px) !important;
    min-height: 410px !important;
    grid-template-columns: 1fr !important;
    padding: 18px !important;
    gap: 12px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(36px, 9.8vw, 46px) !important;
    white-space: nowrap !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 250px) !important;
    grid-template-columns: minmax(54px, .62fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.7vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 138px) !important;
    min-width: 0 !important;
    font-size: clamp(39px, 9.8vw, 48px) !important;
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(29px, 8.25vw, 36px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(32px, 8.8vw, 40px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(35px, 9vw, 44px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard compact employee workstation final pass */
#dashboard .opening-quota-card {
  display: none !important;
}

#dashboard .command-hero {
  min-height: auto !important;
  grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2.2vw, 28px) !important;
  margin-bottom: clamp(14px, 1.8vw, 22px) !important;
}

#dashboard .command-copy {
  min-width: 0 !important;
  padding: clamp(22px, 2.4vw, 34px) !important;
}

#dashboard .command-copy h2 {
  max-width: 12em !important;
  font-size: clamp(34px, 3.7vw, 56px) !important;
  line-height: 1.08 !important;
}

#dashboard .command-copy p {
  max-width: 54ch !important;
  margin-top: 14px !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
}

#dashboard .hero-actions {
  margin-top: 20px !important;
}

#dashboard .command-visual {
  min-height: clamp(500px, 52vh, 620px) !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

#dashboard .command-visual > img {
  min-height: 100% !important;
}

#dashboard .production-board {
  width: min(100%, 560px) !important;
  max-height: calc(100% - 32px) !important;
  overflow: auto !important;
}

#dashboard .tool-matrix {
  margin-top: clamp(10px, 1.4vw, 16px) !important;
}

@media (max-width: 1320px) {
  #dashboard .command-hero {
    grid-template-columns: minmax(260px, .9fr) minmax(420px, 1.1fr) !important;
  }

  #dashboard .command-visual {
    min-height: clamp(470px, 50vh, 580px) !important;
  }
}

@media (max-width: 1080px) {
  #dashboard .command-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #dashboard .command-copy {
    padding-bottom: 12px !important;
  }

  #dashboard .command-visual {
    min-height: clamp(420px, 54vh, 520px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-hero {
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  #dashboard .command-copy {
    padding: 20px !important;
  }

  #dashboard .command-copy h2 {
    font-size: clamp(30px, 8.2vw, 42px) !important;
  }

  #dashboard .command-copy p {
    font-size: 14px !important;
  }

  #dashboard .hero-actions {
    margin-top: 16px !important;
  }

  #dashboard .command-visual {
    min-height: clamp(520px, 70vh, 620px) !important;
  }

  #dashboard .production-board {
    width: min(100%, 320px) !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Dashboard opening quota final centered attraction eof lock pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  min-height: clamp(700px, 68vh, 820px) !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 10 !important;
  width: min(980px, calc(100% - 32px)) !important;
  min-height: min(660px, calc(100% - 32px)) !important;
  max-height: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: clamp(30px, 3.2vw, 54px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  align-items: center !important;
  justify-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(18px, 2.1vw, 32px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(128px, 11vw, 174px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  gap: 12px !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 760px) !important;
  min-width: 0 !important;
  min-height: clamp(108px, 9vw, 150px) !important;
  padding: clamp(18px, 2vw, 32px) clamp(42px, 4.2vw, 78px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: .025em !important;
  overflow: hidden !important;
  contain: paint !important;
  isolation: isolate !important;
  border: 1px solid rgba(255,247,206,.98) !important;
  border-radius: 999px !important;
  background-size: 860% 100% !important;
  font-size: clamp(70px, 5.9vw, 106px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  animation-composition: add;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.94),
    inset 0 -18px 40px rgba(255,232,166,.18),
    0 0 0 1px rgba(255,253,249,.34),
    0 0 116px rgba(255,232,166,.84),
    0 0 260px rgba(217,185,140,.66) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  min-width: .76em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .9px rgba(42,24,18,.92) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.92),
    0 0 14px rgba(255,253,249,.94),
    0 0 40px rgba(255,232,166,1),
    0 0 92px rgba(217,185,140,.76) !important;
  animation-delay: calc(var(--quota-letter-index) * .08s) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
  content: "" !important;
  position: absolute !important;
  width: .18em !important;
  height: .18em !important;
  top: .02em !important;
  right: .02em !important;
  z-index: 6 !important;
  border-radius: 999px !important;
  opacity: 0 !important;
  background: radial-gradient(circle, rgba(255,253,249,.98) 0 18%, rgba(255,232,166,.9) 44%, transparent 74%) !important;
  filter: drop-shadow(0 0 12px rgba(255,232,166,.88)) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 880px) !important;
  min-height: clamp(270px, 20vw, 340px) !important;
  padding: clamp(28px, 2.8vw, 48px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(16px, 1.7vw, 26px) !important;
  border: 1px solid rgba(255,232,166,.76) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  display: grid !important;
  min-height: 1.05em !important;
  place-items: center !important;
  color: #fffdf4 !important;
  font-size: clamp(86px, 7vw, 126px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.66),
    0 0 50px rgba(255,232,166,1),
    0 0 146px rgba(217,185,140,.82),
    0 0 210px rgba(255,253,249,.36) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  gap: 10px !important;
  color: rgba(255,253,249,.98) !important;
  font-size: clamp(25px, 2vw, 36px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  width: min(100%, 188px) !important;
  min-width: 2.34em !important;
  min-height: 1.08em !important;
  padding: 6px 16px 9px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  contain: paint !important;
  border-radius: 24px !important;
  color: #211009 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 24%, #ffd36d 56%, #d9a441 80%, #a5661e 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.94), transparent 58%) !important;
  font-size: clamp(90px, 7vw, 136px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 24px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.38),
    0 0 116px rgba(255,232,166,1),
    0 0 236px rgba(217,185,140,.94),
    0 22px 44px rgba(18,14,12,.3) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: -22% -72% !important;
  border-radius: inherit !important;
  opacity: .52 !important;
  background: linear-gradient(105deg, transparent 35%, rgba(255,253,249,.94) 47%, rgba(255,232,166,.76) 53%, transparent 66%) !important;
  transform: translateX(-62%) skewX(-12deg) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaFinalCenteredTitlePulse 1.75s ease-in-out infinite,
      openingQuotaFinalCenteredTitleSheen 1.08s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaFinalCenteredSparkField 2.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaFinalCenteredTitleSweep 1.5s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaFinalCenteredLetterPop 1.42s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
    animation: openingQuotaFinalCenteredLetterSpark 1.42s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaFinalCenteredStandardLabel 3.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaFinalCenteredStandardNumber 2.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaFinalCenteredNumberSweep 2.2s ease-in-out infinite !important;
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(760px, calc(100% - 24px)) !important;
    min-height: min(640px, calc(100% - 24px)) !important;
    padding: clamp(20px, 2.3vw, 34px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 640px) !important;
    font-size: clamp(48px, 4.25vw, 66px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(58px, 5.45vw, 78px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 156px) !important;
    font-size: clamp(62px, 5.55vw, 86px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 720px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(680px, calc(100% - 20px)) !important;
    padding: 14px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 348px) !important;
    font-size: clamp(34px, 9.2vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 348px) !important;
    min-height: 360px !important;
    grid-template-columns: 1fr !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(40px, 10.4vw, 50px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 252px) !important;
    grid-template-columns: minmax(54px, .6fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.7vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 140px) !important;
    min-width: 0 !important;
    font-size: clamp(42px, 10.1vw, 54px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota final centered attraction lock pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  min-height: clamp(700px, 68vh, 820px) !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 9 !important;
  width: min(980px, calc(100% - 32px)) !important;
  min-height: min(660px, calc(100% - 32px)) !important;
  max-height: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: clamp(30px, 3.2vw, 54px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  align-items: center !important;
  justify-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(18px, 2.1vw, 32px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(128px, 11vw, 174px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  gap: 12px !important;
}

#dashboard .opening-quota-card .opening-quota-head strong {
  color: rgba(255,253,249,.9) !important;
  font-size: clamp(16px, 1.14vw, 20px) !important;
  font-weight: 1000 !important;
  letter-spacing: .18em !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 760px) !important;
  min-width: 0 !important;
  min-height: clamp(108px, 9vw, 150px) !important;
  padding: clamp(18px, 2vw, 32px) clamp(42px, 4.2vw, 78px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: .025em !important;
  overflow: hidden !important;
  contain: paint !important;
  isolation: isolate !important;
  border: 1px solid rgba(255,247,206,.98) !important;
  border-radius: 999px !important;
  color: #ffe8a6 !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,253,249,.34), transparent 44%),
    linear-gradient(94deg, #1f0f09 0%, #744534 12%, #e4ad52 24%, #fff6cf 36%, #8e503a 50%, #ffd36d 62%, #fffdf4 70%, #a76439 82%, #211008 100%) !important;
  background-size: 860% 100% !important;
  font-size: clamp(70px, 5.9vw, 106px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.92),
    0 0 18px rgba(255,253,249,.92),
    0 0 56px rgba(255,232,166,1),
    0 0 142px rgba(217,185,140,.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.94),
    inset 0 -18px 40px rgba(255,232,166,.18),
    0 0 0 1px rgba(255,253,249,.34),
    0 0 116px rgba(255,232,166,.84),
    0 0 260px rgba(217,185,140,.66) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  opacity: .98 !important;
  overflow: hidden !important;
  background:
    conic-gradient(from 34deg, transparent 0 10%, rgba(255,232,166,.92), rgba(255,253,249,.78), rgba(125,157,145,.28), transparent 58% 100%),
    radial-gradient(ellipse at 50% 50%, rgba(42,27,22,.98), rgba(104,62,45,.84) 50%, rgba(42,26,21,.74) 78%) !important;
  filter: blur(4px) saturate(1.26) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  z-index: 2 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-title::after {
  content: "" !important;
  opacity: .64 !important;
  background:
    linear-gradient(104deg, transparent 0%, rgba(255,253,249,.22) 35%, rgba(255,232,166,1) 48%, rgba(255,253,249,.84) 55%, transparent 72%),
    radial-gradient(circle at 18% 50%, rgba(255,253,249,.58), transparent 42%) !important;
  background-size: 230% 100% !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  opacity: .92 !important;
  background:
    radial-gradient(circle at 9% 52%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 24% 24%, rgba(255,232,166,.96) 0 2px, transparent 5px),
    radial-gradient(circle at 48% 18%, rgba(255,253,249,1) 0 2px, transparent 6px),
    radial-gradient(circle at 72% 31%, rgba(255,232,166,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 91% 63%, rgba(255,253,249,.96) 0 2px, transparent 6px) !important;
  filter:
    drop-shadow(0 0 14px rgba(255,232,166,.9))
    drop-shadow(0 0 42px rgba(217,185,140,.54)) !important;
}

#dashboard .opening-quota-card .opening-quota-title-shine {
  opacity: .5 !important;
  background: linear-gradient(112deg, transparent 0 32%, rgba(255,253,249,.94) 44%, rgba(255,232,166,.78) 50%, transparent 64%) !important;
  background-size: 240% 100% !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  min-width: .76em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .9px rgba(42,24,18,.92) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.92),
    0 0 14px rgba(255,253,249,.94),
    0 0 40px rgba(255,232,166,1),
    0 0 92px rgba(217,185,140,.76) !important;
  animation-delay: calc(var(--quota-letter-index) * .08s) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::before {
  content: none !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
  content: "" !important;
  position: absolute !important;
  width: .18em !important;
  height: .18em !important;
  top: .02em !important;
  right: .02em !important;
  z-index: 6 !important;
  border-radius: 999px !important;
  opacity: 0 !important;
  background: radial-gradient(circle, rgba(255,253,249,.98) 0 18%, rgba(255,232,166,.9) 44%, transparent 74%) !important;
  filter: drop-shadow(0 0 12px rgba(255,232,166,.88)) !important;
}

#dashboard .opening-quota-card .opening-quota-grid {
  width: min(100%, 790px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 880px) !important;
  min-height: clamp(270px, 20vw, 340px) !important;
  padding: clamp(28px, 2.8vw, 48px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-items: center !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(16px, 1.7vw, 26px) !important;
  border: 1px solid rgba(255,232,166,.76) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.4), transparent 54%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.2), transparent 42%),
    linear-gradient(145deg, rgba(42,26,21,.8), rgba(92,58,49,.58)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.28),
    0 0 0 1px rgba(255,253,249,.12),
    0 28px 64px rgba(42,26,21,.26),
    0 0 96px rgba(217,185,140,.36) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  display: grid !important;
  min-height: 1.05em !important;
  place-items: center !important;
  color: #fffdf4 !important;
  font-size: clamp(86px, 7vw, 126px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.66),
    0 0 50px rgba(255,232,166,1),
    0 0 146px rgba(217,185,140,.82),
    0 0 210px rgba(255,253,249,.36) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 10px !important;
  color: rgba(255,253,249,.98) !important;
  font-size: clamp(25px, 2vw, 36px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  width: min(100%, 188px) !important;
  min-width: 2.34em !important;
  min-height: 1.08em !important;
  padding: 6px 16px 9px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  contain: paint !important;
  border: 1px solid rgba(255,246,198,.98) !important;
  border-radius: 24px !important;
  color: #211009 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 24%, #ffd36d 56%, #d9a441 80%, #a5661e 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.94), transparent 58%) !important;
  font-size: clamp(90px, 7vw, 136px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-sizing: border-box !important;
  text-shadow:
    0 1px 0 rgba(255,253,249,.78),
    0 0 20px rgba(255,232,166,.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 24px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.38),
    0 0 116px rgba(255,232,166,1),
    0 0 236px rgba(217,185,140,.94),
    0 22px 44px rgba(18,14,12,.3) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: -22% -72% !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  opacity: .52 !important;
  background: linear-gradient(105deg, transparent 35%, rgba(255,253,249,.94) 47%, rgba(255,232,166,.76) 53%, transparent 66%) !important;
  transform: translateX(-62%) skewX(-12deg) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { --quota-letter-index: 0; }
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { --quota-letter-index: 1; }
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { --quota-letter-index: 2; }
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { --quota-letter-index: 3; }
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { --quota-letter-index: 4; }

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaFinalCenteredTitlePulse 1.75s ease-in-out infinite,
      openingQuotaFinalCenteredTitleSheen 1.08s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaFinalCenteredHalo 4.4s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaFinalCenteredSparkField 2.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaFinalCenteredTitleSweep 1.5s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaFinalCenteredLetterPop 1.42s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
    animation: openingQuotaFinalCenteredLetterSpark 1.42s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaFinalCenteredStandardLabel 3.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaFinalCenteredStandardNumber 2.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaFinalCenteredNumberSweep 2.2s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaFinalCenteredTitlePulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter:
      brightness(1.04)
      drop-shadow(0 0 24px rgba(255,232,166,.64))
      drop-shadow(0 0 60px rgba(217,185,140,.36));
  }
  45% {
    transform: translateY(-4px) scale(1.026);
    filter:
      brightness(1.38)
      saturate(1.18)
      drop-shadow(0 0 38px rgba(255,253,249,.86))
      drop-shadow(0 0 82px rgba(255,232,166,.8))
      drop-shadow(0 0 150px rgba(217,185,140,.52));
  }
}

@keyframes openingQuotaFinalCenteredTitleSheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaFinalCenteredHalo {
  0% { transform: rotate(0deg) scale(.98); }
  50% { transform: rotate(180deg) scale(1.05); }
  100% { transform: rotate(360deg) scale(.98); }
}

@keyframes openingQuotaFinalCenteredSparkField {
  0%, 100% {
    opacity: .58;
    transform: scale(.98);
  }
  42% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@keyframes openingQuotaFinalCenteredTitleSweep {
  0%, 100% {
    opacity: .2;
    background-position: 0% 50%;
    transform: translateX(-112%) skewX(-14deg);
  }
  48% {
    opacity: .76;
    background-position: 100% 50%;
    transform: translateX(112%) skewX(-14deg);
  }
  66% {
    opacity: .3;
    transform: translateX(132%) skewX(-14deg);
  }
}

@keyframes openingQuotaFinalCenteredLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  36% {
    transform: translateY(-7px) scale(1.12);
    filter:
      brightness(1.52)
      drop-shadow(0 0 18px rgba(255,253,249,.86))
      drop-shadow(0 0 40px rgba(255,232,166,.84));
  }
  62% {
    transform: translateY(0) scale(1.02);
    filter: brightness(1.12);
  }
}

@keyframes openingQuotaFinalCenteredLetterSpark {
  0%, 100% {
    opacity: 0;
    transform: translateY(4px) scale(.55);
  }
  34% {
    opacity: .96;
    transform: translateY(-2px) scale(1.16);
  }
  56% {
    opacity: .42;
    transform: translateY(-5px) scale(.9);
  }
}

@keyframes openingQuotaFinalCenteredStandardLabel {
  0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
  }
  50% {
    transform: translateY(-2px);
    filter: brightness(1.18);
  }
}

@keyframes openingQuotaFinalCenteredStandardNumber {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      inset 0 -10px 24px rgba(161,93,22,.2),
      0 0 0 1px rgba(255,253,249,.38),
      0 0 108px rgba(255,232,166,.96),
      0 0 220px rgba(217,185,140,.86),
      0 22px 44px rgba(18,14,12,.3);
  }
  48% {
    filter: brightness(1.24) saturate(1.16);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -8px 22px rgba(161,93,22,.16),
      0 0 0 1px rgba(255,253,249,.6),
      0 0 142px rgba(255,232,166,1),
      0 0 286px rgba(217,185,140,.98),
      0 24px 48px rgba(18,14,12,.3);
  }
}

@keyframes openingQuotaFinalCenteredNumberSweep {
  0%, 100% {
    opacity: .2;
    transform: translateX(-62%) skewX(-12deg);
  }
  48% {
    opacity: .78;
    transform: translateX(62%) skewX(-12deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: clamp(680px, 64vh, 760px) !important;
  }

  #dashboard .opening-quota-card {
    width: min(760px, calc(100% - 24px)) !important;
    min-height: min(640px, calc(100% - 24px)) !important;
    max-height: calc(100% - 24px) !important;
    padding: clamp(20px, 2.3vw, 34px) !important;
    gap: clamp(13px, 1.55vw, 20px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: clamp(96px, 8.8vw, 132px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 640px) !important;
    min-height: clamp(82px, 7.4vw, 112px) !important;
    padding: clamp(12px, 1.35vw, 19px) clamp(22px, 2.45vw, 38px) !important;
    font-size: clamp(48px, 4.25vw, 66px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 680px) !important;
    min-height: clamp(260px, 24vw, 326px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(58px, 5.45vw, 78px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(18px, 1.7vw, 24px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 156px) !important;
    min-width: 2.26em !important;
    font-size: clamp(62px, 5.55vw, 86px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 720px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(680px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 86px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 348px) !important;
    min-height: 72px !important;
    padding: 10px 14px !important;
    font-size: clamp(34px, 9.2vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid {
    gap: 7px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid span {
    min-height: 68px !important;
    padding: 7px 5px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid strong {
    font-size: clamp(23px, 6.6vw, 30px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 348px) !important;
    min-height: 360px !important;
    grid-template-columns: 1fr !important;
    padding: 15px !important;
    gap: 9px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(40px, 10.4vw, 50px) !important;
    white-space: nowrap !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 252px) !important;
    grid-template-columns: minmax(54px, .6fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.7vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 140px) !important;
    min-width: 0 !important;
    font-size: clamp(42px, 10.1vw, 54px) !important;
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(31px, 8.6vw, 38px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(36px, 9.4vw, 44px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(38px, 9.2vw, 48px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota center pop final pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
}

#dashboard .opening-quota-card {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(900px, calc(100% - 32px)) !important;
  min-height: min(720px, calc(100% - 32px)) !important;
  max-height: calc(100% - 32px) !important;
  padding: clamp(28px, 3vw, 48px) clamp(30px, 3.4vw, 58px) !important;
  grid-template-rows: auto minmax(0, auto) auto !important;
  align-items: center !important;
  justify-items: center !important;
  place-content: center !important;
  gap: clamp(18px, 2vw, 30px) !important;
  overflow: hidden !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  min-height: clamp(130px, 10vw, 176px) !important;
  place-items: center !important;
  place-content: center !important;
  gap: 12px !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 720px) !important;
  min-height: clamp(120px, 8.8vw, 166px) !important;
  padding: clamp(18px, 1.8vw, 28px) clamp(34px, 3.5vw, 62px) !important;
  border-color: rgba(255,232,166,.9) !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,253,249,.48), transparent 54%),
    linear-gradient(94deg, #fffdf4 0%, #ffe39a 17%, #f4bd52 34%, #fff8db 50%, #c9883d 66%, #fff1bd 100%) !important;
  background-size: 720% 100% !important;
  font-size: clamp(78px, 6.5vw, 112px) !important;
  font-weight: 1000 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.82),
    inset 0 -18px 34px rgba(92,58,49,.2),
    0 0 0 1px rgba(255,253,249,.2),
    0 0 118px rgba(255,232,166,.6),
    0 0 230px rgba(217,185,140,.34) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,253,249,.42), rgba(255,232,166,.2) 36%, transparent 62%),
    linear-gradient(145deg, rgba(42,27,22,.82), rgba(104,62,45,.54)) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  transform-origin: 50% 72% !important;
  -webkit-text-fill-color: #fff3c7 !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.68),
    0 0 28px rgba(255,232,166,1),
    0 0 86px rgba(217,185,140,.68),
    0 0 138px rgba(255,253,249,.26) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  opacity: .86 !important;
  filter: drop-shadow(0 0 18px rgba(255,232,166,.78)) !important;
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  opacity: .76 !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 820px) !important;
  min-height: clamp(280px, 22vw, 350px) !important;
  padding: clamp(26px, 2.6vw, 40px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(14px, 1.8vw, 26px) !important;
  border-color: rgba(255,232,166,.48) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.34), transparent 48%),
    radial-gradient(circle at 50% 100%, rgba(255,253,249,.14), transparent 52%),
    linear-gradient(145deg, rgba(42,26,21,.74), rgba(92,58,49,.54)) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  font-size: clamp(72px, 6.4vw, 108px) !important;
  line-height: .96 !important;
  color: #fffdf4 !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.72),
    0 0 60px rgba(255,232,166,.92),
    0 0 156px rgba(217,185,140,.74) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  gap: .72rem !important;
  color: rgba(255,253,249,.94) !important;
  font-size: clamp(20px, 1.65vw, 27px) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  width: min(100%, 188px) !important;
  min-height: 1.1em !important;
  border-color: rgba(255,253,249,.68) !important;
  color: #281209 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 24%, #ffd36d 58%, #c88925 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 60%) !important;
  font-size: clamp(86px, 7vw, 130px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -12px 24px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.42),
    0 0 84px rgba(255,232,166,1),
    0 0 210px rgba(217,185,140,.84),
    0 22px 40px rgba(18,14,12,.32) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaCenterPopCrown 1.9s ease-in-out infinite,
      openingQuotaCenterPopSheen 1.15s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaCenterPopLetter 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s !important; }

  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaCenterPopSweep 1.95s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaCenterPopStandardLabel 3.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaCenterPopNumberGlow 2.35s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaCenterPopCrown {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255,253,249,.82),
      inset 0 -18px 34px rgba(92,58,49,.2),
      0 0 0 1px rgba(255,253,249,.2),
      0 0 118px rgba(255,232,166,.6),
      0 0 230px rgba(217,185,140,.34);
  }
  50% {
    filter: brightness(1.18) saturate(1.12);
    box-shadow:
      inset 0 1px 0 rgba(255,253,249,.96),
      inset 0 -15px 30px rgba(92,58,49,.16),
      0 0 0 1px rgba(255,232,166,.74),
      0 0 148px rgba(255,232,166,.86),
      0 0 280px rgba(217,185,140,.46);
  }
}

@keyframes openingQuotaCenterPopSheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaCenterPopLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  44% {
    transform: translateY(-4px) scale(1.055);
    filter: brightness(1.36);
  }
}

@keyframes openingQuotaCenterPopSweep {
  0%, 100% {
    transform: none;
    background-position: 0% 50%;
    opacity: .38;
  }
  48% {
    transform: none;
    background-position: 100% 50%;
    opacity: .92;
  }
}

@keyframes openingQuotaCenterPopStandardLabel {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  50% {
    filter: brightness(1.2);
    transform: translateY(-2px);
  }
}

@keyframes openingQuotaCenterPopNumberGlow {
  0%, 100% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.18) saturate(1.15);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(720px, calc(100% - 24px)) !important;
    min-height: min(700px, calc(100% - 24px)) !important;
    padding: clamp(20px, 2.3vw, 34px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: clamp(102px, 9vw, 132px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 620px) !important;
    min-height: clamp(92px, 8vw, 122px) !important;
    padding: clamp(12px, 1.45vw, 20px) clamp(18px, 2.2vw, 34px) !important;
    font-size: clamp(46px, 4.35vw, 64px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 660px) !important;
    min-height: clamp(260px, 24vw, 328px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(50px, 5.25vw, 72px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 152px) !important;
    font-size: clamp(58px, 5.8vw, 82px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 720px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(680px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 16px !important;
    gap: 14px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 88px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 344px) !important;
    min-height: 76px !important;
    padding: 12px 16px !important;
    font-size: clamp(32px, 8.9vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 344px) !important;
    min-height: 412px !important;
    grid-template-columns: 1fr !important;
    padding: 18px !important;
    gap: 12px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(37px, 9.8vw, 47px) !important;
    white-space: nowrap !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 254px) !important;
    grid-template-columns: minmax(56px, .62fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.7vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 140px) !important;
    min-width: 0 !important;
    font-size: clamp(40px, 10vw, 50px) !important;
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(29px, 8.25vw, 36px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(33px, 8.8vw, 41px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(36px, 9vw, 45px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: none !important;
  }
}

/* Dashboard health check dependency pass */
#dashboard .dashboard-health-check {
  --health-dot: #d9b98c;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 42px minmax(0, .86fr) minmax(176px, .42fr);
  align-items: stretch;
  gap: 12px;
  width: 100%;
  min-height: 166px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.22);
  border-radius: 8px;
  color: #2f2823;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(244,223,196,.42)),
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--health-dot) 20%, transparent), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(47,111,100,.08), transparent 36%);
  box-shadow:
    0 18px 42px rgba(181,138,88,.08),
    inset 0 1px 0 rgba(255,255,255,.74);
  text-align: left;
}

#dashboard .dashboard-health-check::before,
#dashboard .dashboard-health-check::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#dashboard .dashboard-health-check::before {
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  opacity: .38;
  background:
    linear-gradient(110deg, transparent 0%, transparent 34%, rgba(255,253,249,.84) 46%, color-mix(in srgb, var(--health-dot) 36%, transparent) 54%, transparent 68%),
    radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--health-dot) 18%, transparent), transparent 28%);
  transform: translateX(-124%) skewX(-12deg);
}

#dashboard .dashboard-health-check::after {
  left: 14px;
  right: 14px;
  bottom: 10px;
  z-index: 0;
  height: 1px;
  border-radius: 999px;
  opacity: .62;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--health-dot) 66%, transparent), rgba(47,111,100,.2), transparent);
}

#dashboard .dashboard-health-check > * {
  position: relative;
  z-index: 1;
}

#dashboard .dashboard-health-check > i,
#dashboard .dashboard-health-check > svg {
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: 8px;
  color: color-mix(in srgb, var(--health-dot) 72%, #2f6f64);
  background: linear-gradient(145deg, rgba(255,253,249,.94), rgba(228,241,237,.76));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.68) inset,
    0 10px 24px color-mix(in srgb, var(--health-dot) 18%, transparent);
}

#dashboard .health-check-copy {
  display: grid;
  align-content: center;
  min-width: 0;
  gap: 6px;
}

#dashboard .health-check-copy small {
  color: color-mix(in srgb, var(--health-dot) 74%, #50382d);
  font-size: 11px;
  font-weight: 900;
}

#dashboard .health-check-copy strong {
  color: #241a16;
  font-size: clamp(18px, 1.52vw, 24px);
  line-height: 1.18;
}

#dashboard .health-check-copy em {
  color: #5d514a;
  font-style: normal;
  font-size: 12.5px;
  line-height: 1.55;
}

#dashboard .health-check-score {
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 112px;
  padding: 12px 10px;
  border: 1px solid color-mix(in srgb, var(--health-dot) 20%, rgba(181,138,88,.12));
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.78), rgba(255,253,249,.46)),
    radial-gradient(circle at 50% 0, color-mix(in srgb, var(--health-dot) 20%, transparent), transparent 58%);
  text-align: center;
}

#dashboard .health-check-score small {
  color: #7d7068;
  font-size: 11px;
  font-weight: 900;
}

#dashboard .health-check-score strong {
  color: color-mix(in srgb, var(--health-dot) 78%, #2f6f64);
  font-size: clamp(34px, 3.4vw, 52px);
  line-height: .95;
  text-shadow: 0 0 22px color-mix(in srgb, var(--health-dot) 30%, transparent);
}

#dashboard .health-check-score b {
  margin-top: 5px;
  color: #3f2d27;
  font-size: 12px;
  line-height: 1.2;
}

#dashboard .health-check-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#dashboard .health-check-grid span {
  display: grid;
  gap: 4px;
  min-height: 64px;
  padding: 9px 8px;
  border: 1px solid rgba(181,138,88,.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.68), rgba(255,253,249,.4)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.12), transparent 58%);
  text-align: center;
}

#dashboard .health-check-grid small {
  color: #7d7068;
  font-size: 11px;
  font-weight: 850;
}

#dashboard .health-check-grid strong {
  color: #3f2d27;
  font-size: 12.5px;
  line-height: 1.2;
}

#dashboard .health-check-grid em {
  color: #6b5d55;
  font-style: normal;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dashboard .health-check-grid span[data-state="ready"] {
  border-color: rgba(47,111,100,.22);
  background:
    linear-gradient(180deg, rgba(228,241,237,.84), rgba(255,253,249,.5)),
    radial-gradient(circle at 50% 0, rgba(47,111,100,.14), transparent 58%);
}

#dashboard .health-check-grid span[data-state="running"] {
  border-color: rgba(217,185,140,.3);
  background:
    linear-gradient(180deg, rgba(255,248,224,.82), rgba(255,253,249,.48)),
    radial-gradient(circle at 50% 0, rgba(217,185,140,.16), transparent 58%);
}

#dashboard .health-check-grid span[data-state="low"] {
  border-color: rgba(196,119,109,.28);
  background:
    linear-gradient(180deg, rgba(255,243,239,.82), rgba(255,253,249,.48)),
    radial-gradient(circle at 50% 0, rgba(196,119,109,.16), transparent 58%);
}

#dashboard .dashboard-health-check > b {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 2;
  min-width: 88px;
  padding: 8px 10px;
  border-radius: 8px;
  color: color-mix(in srgb, var(--health-dot) 78%, #50382d);
  background: linear-gradient(145deg, rgba(228,241,237,.86), rgba(255,253,249,.72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

#dashboard .dashboard-health-check[data-tone="ready"] {
  --health-dot: #7d9d91;
  border-color: rgba(47,111,100,.28);
}

#dashboard .dashboard-health-check[data-tone="running"] {
  --health-dot: #d9b98c;
}

#dashboard .dashboard-health-check[data-tone="low"] {
  --health-dot: #c4776d;
  border-color: rgba(196,119,109,.3);
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .dashboard-health-check::before {
    animation: dashboardHealthCheckSweep 8.6s ease-in-out infinite;
  }

  #dashboard .health-check-score strong {
    animation: dashboardHealthScorePulse 4.2s ease-in-out infinite;
  }
}

@keyframes dashboardHealthCheckSweep {
  0%, 48% {
    transform: translateX(-124%) skewX(-12deg);
  }
  76%, 100% {
    transform: translateX(124%) skewX(-12deg);
  }
}

@keyframes dashboardHealthScorePulse {
  0%, 100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.14) saturate(1.1);
  }
}

@media (max-width: 920px) {
  #dashboard .dashboard-health-check {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  #dashboard .health-check-score {
    grid-column: 1 / -1;
    min-height: 86px;
  }
}

@container (max-width: 560px) {
  #dashboard .dashboard-health-check {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 0;
  }

  #dashboard .health-check-copy {
    padding-right: 94px;
  }

  #dashboard .health-check-score {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, auto));
    align-items: center;
    justify-content: center;
    min-height: 72px;
    gap: 8px 12px;
  }

  #dashboard .health-check-score strong {
    font-size: clamp(28px, 7vw, 40px);
  }

  #dashboard .health-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  #dashboard .health-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #dashboard .dashboard-health-check > b {
    position: relative;
    inset: auto;
    grid-column: 1 / -1;
    justify-self: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .dashboard-health-check::before,
  #dashboard .dashboard-health-check::after,
  #dashboard .health-check-score strong {
    animation: none !important;
  }
}

/* Dashboard opening quota launch spectacle center pass */
#dashboard .command-visual {
  display: grid !important;
  min-height: clamp(700px, 68vh, 760px) !important;
  place-items: center !important;
  place-content: center !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 6 !important;
  width: min(920px, calc(100% - 32px)) !important;
  height: min(680px, calc(100% - 32px)) !important;
  min-height: 0 !important;
  max-height: calc(100% - 32px) !important;
  padding: clamp(28px, 3vw, 48px) clamp(30px, 3.4vw, 58px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  align-items: center !important;
  justify-items: center !important;
  place-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  place-content: center !important;
  gap: clamp(16px, 2vw, 28px) !important;
  overflow: hidden !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
}

#dashboard .opening-quota-card::after {
  opacity: .7 !important;
  background:
    linear-gradient(118deg, transparent 0 22%, rgba(255,253,249,.36) 38%, rgba(255,232,166,.56) 46%, transparent 64% 100%),
    radial-gradient(circle at 50% 50%, rgba(255,232,166,.22), transparent 66%) !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(138px, 12vw, 196px) !important;
  display: grid !important;
  align-items: center !important;
  justify-items: center !important;
  place-content: center !important;
  gap: 12px !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 760px) !important;
  min-width: 0 !important;
  min-height: clamp(120px, 9.6vw, 178px) !important;
  padding: clamp(18px, 1.8vw, 28px) clamp(30px, 3.4vw, 62px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .04em !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(255,232,166,.82) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,253,249,.5), transparent 56%),
    linear-gradient(94deg, #fffdf4 0%, #ffe39a 17%, #f4bd52 34%, #fff8db 50%, #c9883d 66%, #fff1bd 100%) !important;
  background-size: 680% 100% !important;
  color: #ffe8a6 !important;
  font-size: clamp(74px, 6.2vw, 116px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.86),
    inset 0 -18px 34px rgba(92,58,49,.2),
    0 0 0 1px rgba(255,253,249,.22),
    0 0 126px rgba(255,232,166,.66),
    0 0 250px rgba(217,185,140,.38) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: -18px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(255,248,217,.82), rgba(255,216,122,.38) 36%, transparent 70%),
    linear-gradient(145deg, rgba(42,27,22,.88), rgba(104,62,45,.58)) !important;
  opacity: .72 !important;
  filter: blur(18px) saturate(1.28) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 3 !important;
  display: inline-block !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .92px rgba(42,24,18,.9) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.74),
    0 0 28px rgba(255,232,166,1),
    0 0 82px rgba(217,185,140,.68),
    0 0 136px rgba(255,253,249,.36) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: -10px 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  z-index: 2 !important;
  opacity: .82 !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-grid {
  width: min(100%, 790px) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 840px) !important;
  min-height: clamp(264px, 20vw, 340px) !important;
  padding: clamp(24px, 2.7vw, 42px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(14px, 1.8vw, 26px) !important;
  border: 1px solid rgba(255,232,166,.48) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.34), transparent 48%),
    radial-gradient(circle at 50% 100%, rgba(255,253,249,.14), transparent 52%),
    linear-gradient(145deg, rgba(42,26,21,.74), rgba(92,58,49,.54)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.2),
    0 0 0 1px rgba(255,253,249,.1),
    0 28px 72px rgba(42,26,21,.28) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(72px, 6.1vw, 110px) !important;
  font-weight: 1000 !important;
  line-height: .96 !important;
  letter-spacing: 0 !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.76),
    0 0 62px rgba(255,232,166,.98),
    0 0 170px rgba(217,185,140,.78) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  gap: .72rem !important;
  color: rgba(255,253,249,.94) !important;
  font-size: clamp(20px, 1.65vw, 27px) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  width: min(100%, 188px) !important;
  min-width: 2.35em !important;
  min-height: 1.08em !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,253,249,.62) !important;
  border-radius: 24px !important;
  color: #24110a !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 25%, #ffd36d 58%, #c88925 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 62%) !important;
  font-size: clamp(88px, 7vw, 132px) !important;
  font-weight: 1000 !important;
  line-height: .96 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 -12px 24px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.44),
    0 0 92px rgba(255,232,166,1),
    0 0 230px rgba(217,185,140,.86),
    0 22px 40px rgba(18,14,12,.32) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: -20% -70% !important;
  pointer-events: none !important;
  background: linear-gradient(105deg, transparent 35%, rgba(255,253,249,.88) 47%, rgba(255,232,166,.72) 53%, transparent 66%) !important;
  transform: translateX(-58%) skewX(-12deg) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card {
    animation: openingQuotaLaunchCardBreath 6.4s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaLaunchTitleCrown 2.1s ease-in-out infinite,
      openingQuotaLaunchTitleSheen 1.18s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaLaunchTitleAura 2.7s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaLaunchLetterSpark 1.7s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s !important; }

  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaLaunchTitleSweep 1.9s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaLaunchStandardLabel 3.4s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaLaunchNumberHalo 2.8s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaLaunchNumberSweep 2.6s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaLaunchCardBreath {
  0%, 100% {
    filter: drop-shadow(0 28px 68px rgba(42,26,21,.24)) saturate(1);
  }
  50% {
    filter: drop-shadow(0 36px 96px rgba(217,185,140,.28)) saturate(1.08);
  }
}

@keyframes openingQuotaLaunchTitleCrown {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255,253,249,.86),
      inset 0 -18px 34px rgba(92,58,49,.2),
      0 0 0 1px rgba(255,253,249,.22),
      0 0 126px rgba(255,232,166,.66),
      0 0 250px rgba(217,185,140,.38);
  }
  50% {
    filter: brightness(1.18) saturate(1.14);
    box-shadow:
      inset 0 1px 0 rgba(255,253,249,1),
      inset 0 -15px 30px rgba(92,58,49,.16),
      0 0 0 1px rgba(255,232,166,.76),
      0 0 162px rgba(255,232,166,.92),
      0 0 310px rgba(217,185,140,.52);
  }
}

@keyframes openingQuotaLaunchTitleSheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaLaunchTitleAura {
  0%, 100% {
    opacity: .58;
    transform: scale(.98);
  }
  50% {
    opacity: .92;
    transform: scale(1.03);
  }
}

@keyframes openingQuotaLaunchLetterSpark {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  42% {
    transform: translateY(-5px) scale(1.06);
    filter: brightness(1.45);
  }
}

@keyframes openingQuotaLaunchTitleSweep {
  0%, 100% {
    background-position: 0% 50%;
    opacity: .42;
  }
  48% {
    background-position: 100% 50%;
    opacity: .96;
  }
}

@keyframes openingQuotaLaunchStandardLabel {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  50% {
    filter: brightness(1.22);
    transform: translateY(-2px);
  }
}

@keyframes openingQuotaLaunchNumberHalo {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.94),
      inset 0 -12px 24px rgba(161,93,22,.2),
      0 0 0 1px rgba(255,253,249,.44),
      0 0 92px rgba(255,232,166,1),
      0 0 230px rgba(217,185,140,.86),
      0 22px 40px rgba(18,14,12,.32);
  }
  50% {
    filter: brightness(1.18) saturate(1.14);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -10px 22px rgba(161,93,22,.16),
      0 0 0 1px rgba(255,253,249,.72),
      0 0 118px rgba(255,232,166,1),
      0 0 280px rgba(217,185,140,.95),
      0 24px 46px rgba(18,14,12,.34);
  }
}

@keyframes openingQuotaLaunchNumberSweep {
  0%, 100% {
    transform: translateX(-58%) skewX(-12deg);
    opacity: .22;
  }
  48% {
    transform: translateX(58%) skewX(-12deg);
    opacity: .78;
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(720px, calc(100% - 24px)) !important;
    height: min(660px, calc(100% - 24px)) !important;
    padding: clamp(18px, 2.3vw, 34px) !important;
    gap: clamp(12px, 1.6vw, 20px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: clamp(106px, 9vw, 138px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 620px) !important;
    min-height: clamp(92px, 8vw, 122px) !important;
    padding: clamp(12px, 1.45vw, 20px) clamp(18px, 2.2vw, 34px) !important;
    font-size: clamp(46px, 4.35vw, 64px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 660px) !important;
    min-height: clamp(244px, 23vw, 312px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(50px, 5.25vw, 72px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 152px) !important;
    font-size: clamp(58px, 5.8vw, 82px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 640px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    height: min(600px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 16px !important;
    gap: 13px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 82px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 344px) !important;
    min-height: 72px !important;
    padding: 12px 16px !important;
    font-size: clamp(32px, 8.8vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid span {
    min-height: 72px !important;
    padding: 8px 6px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid strong {
    font-size: clamp(24px, 6.8vw, 31px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 344px) !important;
    min-height: 350px !important;
    grid-template-columns: 1fr !important;
    padding: 16px !important;
    gap: 10px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(38px, 9.8vw, 48px) !important;
    white-space: nowrap !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 254px) !important;
    grid-template-columns: minmax(56px, .62fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.7vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 140px) !important;
    min-width: 0 !important;
    font-size: clamp(40px, 10vw, 50px) !important;
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(29px, 8.2vw, 36px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 8.8vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(36px, 9vw, 45px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card,
  #dashboard .opening-quota-card::after,
  #dashboard .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-title-glint,
  #dashboard .opening-quota-title-shine,
  #dashboard .opening-quota-title::after,
  #dashboard .opening-standard-price span,
  #dashboard .opening-standard-price strong,
  #dashboard .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Consult customer file dependency pass */
#consult .consult-customer-file {
  --customer-file-accent: #b58a58;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .95fr) repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 8px;
  min-height: 74px;
  margin: 8px 0;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(181,138,88,.24);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.9), rgba(248,238,230,.62)),
    radial-gradient(circle at 0 0, rgba(181,138,88,.16), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(47,111,100,.12), transparent 34%);
  box-shadow:
    0 14px 28px rgba(92,58,49,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

#consult .consult-customer-file > span {
  min-width: 0;
  overflow: hidden;
}

#consult .consult-customer-file[data-state="ready"] {
  --customer-file-accent: #2f6f64;
  border-color: rgba(47,111,100,.34);
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(239,247,243,.64)),
    radial-gradient(circle at 0 0, rgba(47,111,100,.14), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(181,138,88,.12), transparent 34%);
}

#consult .consult-customer-file[data-state="blocked"] {
  --customer-file-accent: #c4776d;
  border-color: rgba(196,119,109,.32);
}

#consult .consult-customer-file::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 0 26%, rgba(255,255,255,.48) 42%, color-mix(in srgb, var(--customer-file-accent) 20%, transparent) 50%, transparent 68% 100%);
  opacity: .54;
  transform: translateX(-38%) skewX(-10deg);
  contain: paint;
}

#consult .consult-customer-lead {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-width: 0;
}

#consult .consult-customer-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid color-mix(in srgb, var(--customer-file-accent) 42%, rgba(255,255,255,.82));
  border-radius: 999px;
  color: #fffdf9;
  background: linear-gradient(145deg, var(--customer-file-accent), #d9b98c);
  font-size: 13px;
  font-weight: 900;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--customer-file-accent) 12%, transparent),
    0 10px 20px rgba(92,58,49,.12);
}

#consult .consult-customer-avatar::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  border: 1px solid color-mix(in srgb, var(--customer-file-accent) 28%, transparent);
  opacity: .58;
}

#consult .consult-customer-file span,
#consult .consult-customer-lead div {
  min-width: 0;
  overflow: hidden;
}

#consult .consult-customer-file small {
  display: block;
  color: rgba(92,58,49,.56);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
}

#consult .consult-customer-file strong,
#consult .consult-customer-file em {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--ink);
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.32;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#consult .consult-customer-file em {
  margin-top: 2px;
  color: rgba(92,58,49,.68);
  font-size: 11px;
  font-weight: 800;
}

#consult .consult-customer-file strong b {
  color: #b58a58;
  font-weight: 1000;
  text-shadow: 0 0 14px rgba(181,138,88,.18);
}

#consult .consult-customer-file[data-state="ready"] strong b {
  color: #2f6f64;
}

@media (prefers-reduced-motion: no-preference) {
  #consult .consult-customer-file::before {
    animation: consultCustomerFileSweep 7.2s ease-in-out infinite;
  }

  #consult .consult-customer-avatar::after {
    animation: consultCustomerAvatarPulse 4.8s ease-in-out infinite;
  }
}

@keyframes consultCustomerFileSweep {
  0%, 100% {
    opacity: .22;
    transform: translateX(-42%) skewX(-10deg);
  }
  50% {
    opacity: .66;
    transform: translateX(42%) skewX(-10deg);
  }
}

@keyframes consultCustomerAvatarPulse {
  0%, 100% {
    opacity: .42;
    transform: scale(.96);
  }
  50% {
    opacity: .78;
    transform: scale(1.08);
  }
}

@media (max-width: 920px) {
  #consult .consult-customer-file {
    grid-template-columns: 1fr 1fr;
  }

  #consult .consult-customer-lead {
    grid-column: 1 / -1;
  }
}

@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-customer-file {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 54px;
    margin: 5px 0;
    padding: 7px;
    gap: 6px;
  }

  #consult .consult-customer-lead {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  #consult .consult-customer-avatar {
    width: 28px;
    height: 28px;
    font-size: 11px;
  }

  #consult .consult-customer-file small {
    font-size: 10px;
  }

  #consult .consult-customer-file strong,
  #consult .consult-customer-file em {
    font-size: 11.5px;
    line-height: 1.22;
  }
}

@media (max-width: 720px) {
  #consult .consult-customer-file {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  #consult .consult-customer-file::before,
  #consult .consult-customer-avatar::after {
    animation: none !important;
  }
}

/* Dashboard opening quota current center jewel pass */
#dashboard .command-visual {
  display: grid !important;
  min-height: clamp(660px, 64vh, 740px) !important;
  place-items: center !important;
  place-content: center !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 7 !important;
  width: min(920px, calc(100% - 40px)) !important;
  min-height: min(590px, calc(100% - 40px)) !important;
  max-height: calc(100% - 40px) !important;
  padding: clamp(30px, 3vw, 48px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(16px, 1.8vw, 26px) !important;
  overflow: hidden !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(120px, 10vw, 166px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  gap: 10px !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 700px) !important;
  min-width: 0 !important;
  min-height: clamp(96px, 8.2vw, 138px) !important;
  padding: clamp(18px, 1.75vw, 28px) clamp(36px, 3.8vw, 72px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .035em !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(255,247,206,.96) !important;
  border-radius: 999px !important;
  color: #ffe8a6 !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,232,166,.2), transparent 46%),
    linear-gradient(92deg, #2a1711 0%, #684031 18%, #8e503a 33%, #3a2118 49%, #9d6a32 66%, #5a3429 82%, #2a1711 100%) !important;
  background-size: 640% 100% !important;
  font-size: clamp(66px, 5.55vw, 94px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.9),
    inset 0 -16px 34px rgba(255,232,166,.12),
    0 0 0 1px rgba(255,253,249,.24),
    0 0 72px rgba(255,232,166,.66),
    0 0 210px rgba(217,185,140,.5),
    0 0 280px rgba(255,253,249,.22) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.74),
    0 0 22px rgba(255,253,249,.72),
    0 0 58px rgba(255,232,166,.92),
    0 0 108px rgba(217,185,140,.56) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  opacity: .98 !important;
  background:
    conic-gradient(from 28deg, transparent 0 12%, rgba(255,232,166,.74), rgba(255,253,249,.62), rgba(125,157,145,.24), transparent 54% 100%),
    radial-gradient(ellipse at 50% 50%, rgba(42,27,22,.96), rgba(104,62,45,.78) 48%, rgba(42,26,21,.72) 76%) !important;
  filter: blur(4px) saturate(1.18) !important;
}

#dashboard .opening-quota-card .opening-quota-title::after {
  inset: -10px 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  z-index: 2 !important;
  opacity: .58 !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
  background:
    linear-gradient(104deg, transparent 0%, rgba(255,253,249,.18) 35%, rgba(255,232,166,.96) 48%, rgba(255,253,249,.72) 55%, transparent 72%),
    radial-gradient(circle at 18% 50%, rgba(255,253,249,.52), transparent 40%) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine {
  inset: 0 !important;
  width: auto !important;
  z-index: 3 !important;
  opacity: .68 !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  background:
    radial-gradient(circle at 10% 52%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 28% 24%, rgba(255,232,166,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 68% 30%, rgba(255,253,249,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 90% 62%, rgba(255,232,166,.88) 0 2px, transparent 6px) !important;
  filter:
    drop-shadow(0 0 12px rgba(255,232,166,.78))
    drop-shadow(0 0 30px rgba(217,185,140,.4)) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  min-width: .78em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .82px rgba(42,24,18,.92) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.92),
    0 0 10px rgba(255,253,249,.86),
    0 0 32px rgba(255,232,166,.9),
    0 0 70px rgba(217,185,140,.62) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 800px) !important;
  min-height: clamp(220px, 16vw, 278px) !important;
  padding: clamp(26px, 2.6vw, 42px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(12px, 1.5vw, 20px) !important;
  border: 1px solid rgba(255,232,166,.64) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.34), transparent 54%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.18), transparent 42%),
    linear-gradient(145deg, rgba(42,26,21,.72), rgba(92,58,49,.52)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.22),
    0 0 0 1px rgba(255,253,249,.1),
    0 26px 58px rgba(42,26,21,.22),
    0 0 76px rgba(217,185,140,.3) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(68px, 5.6vw, 98px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.62),
    0 0 40px rgba(255,232,166,.9),
    0 0 110px rgba(217,185,140,.64),
    0 0 158px rgba(255,253,249,.28) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 8px !important;
  color: rgba(255,253,249,.94) !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  width: min(100%, 168px) !important;
  min-width: 2.3em !important;
  min-height: 1.08em !important;
  padding: 6px 16px 8px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 1px solid rgba(255,246,198,.98) !important;
  border-radius: 20px !important;
  color: #24110a !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 26%, #ffd36d 58%, #c88925 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.9), transparent 58%) !important;
  font-size: clamp(80px, 6.3vw, 118px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-sizing: border-box !important;
  text-shadow:
    0 1px 0 rgba(255,253,249,.72),
    0 0 18px rgba(255,232,166,.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -10px 22px rgba(161,93,22,.18),
    0 0 0 1px rgba(255,253,249,.34),
    0 0 86px rgba(255,232,166,.96),
    0 0 180px rgba(217,185,140,.82),
    0 20px 38px rgba(18,14,12,.28) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: -20% -68% !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  opacity: .42 !important;
  background: linear-gradient(105deg, transparent 35%, rgba(255,253,249,.88) 47%, rgba(255,232,166,.7) 53%, transparent 66%) !important;
  transform: translateX(-62%) skewX(-12deg) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaCurrentTitleBeacon 2.05s ease-in-out infinite,
      openingQuotaCurrentTitleSheen 1.22s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaCurrentHalo 4.6s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-shine {
    animation: openingQuotaCurrentSweep 2.1s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaCurrentSparkField 2.7s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaCurrentLetterPop 1.75s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { animation-delay: 0s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { animation-delay: .08s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { animation-delay: .16s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { animation-delay: .24s !important; }
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { animation-delay: .32s !important; }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaCurrentStandardLabel 3.6s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaCurrentNumberGlow 2.8s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaCurrentNumberSweep 2.65s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaCurrentTitleBeacon {
  0%, 100% {
    filter:
      brightness(1.02)
      drop-shadow(0 0 22px rgba(255,232,166,.56))
      drop-shadow(0 0 52px rgba(217,185,140,.3));
  }
  48% {
    filter:
      brightness(1.3)
      saturate(1.14)
      drop-shadow(0 0 34px rgba(255,253,249,.78))
      drop-shadow(0 0 76px rgba(255,232,166,.7))
      drop-shadow(0 0 126px rgba(217,185,140,.42));
  }
}

@keyframes openingQuotaCurrentTitleSheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaCurrentHalo {
  0% { transform: rotate(0deg) scale(.98); }
  50% { transform: rotate(180deg) scale(1.04); }
  100% { transform: rotate(360deg) scale(.98); }
}

@keyframes openingQuotaCurrentSweep {
  0%, 100% {
    opacity: .16;
    transform: translateX(-112%) skewX(-14deg);
  }
  46% {
    opacity: .66;
    transform: translateX(112%) skewX(-14deg);
  }
  64% {
    opacity: .26;
    transform: translateX(132%) skewX(-14deg);
  }
}

@keyframes openingQuotaCurrentSparkField {
  0%, 100% {
    opacity: .56;
    transform: scale(.98);
  }
  42% {
    opacity: .98;
    transform: scale(1.035);
  }
}

@keyframes openingQuotaCurrentLetterPop {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  38% {
    transform: translateY(-5px) scale(1.08);
    filter:
      brightness(1.42)
      drop-shadow(0 0 16px rgba(255,253,249,.78))
      drop-shadow(0 0 34px rgba(255,232,166,.76));
  }
  62% {
    transform: translateY(0) scale(1.02);
    filter: brightness(1.1);
  }
}

@keyframes openingQuotaCurrentStandardLabel {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  50% {
    filter: brightness(1.2);
    transform: translateY(-2px);
  }
}

@keyframes openingQuotaCurrentNumberGlow {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -10px 22px rgba(161,93,22,.18),
      0 0 0 1px rgba(255,253,249,.32),
      0 0 76px rgba(255,232,166,.84),
      0 0 150px rgba(217,185,140,.66),
      0 18px 34px rgba(18,14,12,.26);
  }
  48% {
    filter: brightness(1.17) saturate(1.12);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      inset 0 -8px 20px rgba(161,93,22,.14),
      0 0 0 1px rgba(255,253,249,.54),
      0 0 108px rgba(255,232,166,1),
      0 0 210px rgba(217,185,140,.9),
      0 22px 42px rgba(18,14,12,.28);
  }
}

@keyframes openingQuotaCurrentNumberSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-62%) skewX(-12deg);
  }
  48% {
    opacity: .72;
    transform: translateX(62%) skewX(-12deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: clamp(650px, 62vh, 720px) !important;
  }

  #dashboard .opening-quota-card {
    width: min(700px, calc(100% - 24px)) !important;
    min-height: min(640px, calc(100% - 24px)) !important;
    max-height: calc(100% - 24px) !important;
    padding: clamp(18px, 2.2vw, 32px) !important;
    gap: clamp(12px, 1.5vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: clamp(92px, 8.6vw, 126px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 600px) !important;
    min-height: clamp(78px, 7.2vw, 108px) !important;
    padding: clamp(12px, 1.3vw, 18px) clamp(20px, 2.4vw, 36px) !important;
    font-size: clamp(42px, 4vw, 58px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 640px) !important;
    min-height: clamp(238px, 23vw, 310px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(48px, 5vw, 68px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(17px, 1.6vw, 22px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 138px) !important;
    min-width: 2.2em !important;
    font-size: clamp(52px, 5.2vw, 76px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 620px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(570px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 78px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 334px) !important;
    min-height: 66px !important;
    padding: 10px 14px !important;
    font-size: clamp(31px, 8.5vw, 39px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid {
    gap: 7px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid span {
    min-height: 68px !important;
    padding: 7px 5px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid strong {
    font-size: clamp(23px, 6.6vw, 30px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 336px) !important;
    min-height: 330px !important;
    grid-template-columns: 1fr !important;
    padding: 15px !important;
    gap: 9px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(36px, 9.5vw, 45px) !important;
    white-space: nowrap !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 244px) !important;
    grid-template-columns: minmax(52px, .6fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.6vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 132px) !important;
    min-width: 0 !important;
    font-size: clamp(38px, 9.6vw, 48px) !important;
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(28px, 8vw, 35px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(32px, 8.6vw, 40px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(35px, 8.8vw, 44px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota center effects active eof pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  min-height: clamp(680px, 66vh, 760px) !important;
  place-items: center !important;
  place-content: center !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(940px, calc(100% - 36px)) !important;
  min-height: min(620px, calc(100% - 36px)) !important;
  max-height: calc(100% - 36px) !important;
  padding: clamp(28px, 3.1vw, 50px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(16px, 1.9vw, 28px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
  overflow: hidden !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.34),
    inset 0 0 0 1px rgba(255,232,166,.24),
    0 28px 72px rgba(42,26,21,.24),
    0 0 128px rgba(217,185,140,.34) !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(130px, 11vw, 176px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
}

#dashboard .opening-quota-card .opening-quota-head strong {
  color: rgba(255,253,249,.88) !important;
  font-size: clamp(18px, 1.45vw, 24px) !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 22px rgba(255,232,166,.38) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 760px) !important;
  min-width: 0 !important;
  min-height: clamp(104px, 8.7vw, 150px) !important;
  padding: clamp(18px, 1.85vw, 30px) clamp(38px, 4vw, 82px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: .035em !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid rgba(255,247,206,.98) !important;
  border-radius: 999px !important;
  color: #ffe8a6 !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,253,249,.22), transparent 44%),
    linear-gradient(94deg, #24110a 0%, #684031 14%, #a9693d 28%, #3a2118 43%, #c6953e 56%, #fff0b8 63%, #7a4931 74%, #24110a 100%) !important;
  background-size: 760% 100% !important;
  font-size: clamp(70px, 5.85vw, 104px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.88),
    0 0 18px rgba(255,253,249,.82),
    0 0 48px rgba(255,232,166,.96),
    0 0 118px rgba(217,185,140,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.9),
    inset 0 -18px 36px rgba(255,232,166,.14),
    0 0 0 1px rgba(255,253,249,.28),
    0 0 88px rgba(255,232,166,.72),
    0 0 190px rgba(217,185,140,.54),
    0 0 280px rgba(255,253,249,.24) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  opacity: .98 !important;
  background:
    conic-gradient(from 38deg, transparent 0 10%, rgba(255,232,166,.88), rgba(255,253,249,.72), rgba(125,157,145,.26), transparent 58% 100%),
    radial-gradient(ellipse at 50% 50%, rgba(42,27,22,.98), rgba(104,62,45,.82) 48%, rgba(42,26,21,.74) 76%) !important;
  filter: blur(4px) saturate(1.24) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: auto !important;
  z-index: 2 !important;
  opacity: .7 !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-title::after {
  background:
    linear-gradient(104deg, transparent 0%, rgba(255,253,249,.2) 35%, rgba(255,232,166,.98) 48%, rgba(255,253,249,.78) 55%, transparent 72%),
    radial-gradient(circle at 18% 50%, rgba(255,253,249,.58), transparent 40%) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  background:
    radial-gradient(circle at 10% 52%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 24% 24%, rgba(255,232,166,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 52% 18%, rgba(255,253,249,.98) 0 2px, transparent 6px),
    radial-gradient(circle at 72% 32%, rgba(255,232,166,.92) 0 2px, transparent 5px),
    radial-gradient(circle at 91% 62%, rgba(255,253,249,.94) 0 2px, transparent 6px) !important;
  filter:
    drop-shadow(0 0 12px rgba(255,232,166,.82))
    drop-shadow(0 0 34px rgba(217,185,140,.48)) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  min-width: .78em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .9px rgba(42,24,18,.9) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.92),
    0 0 12px rgba(255,253,249,.9),
    0 0 34px rgba(255,232,166,.92),
    0 0 76px rgba(217,185,140,.68) !important;
  animation-delay: calc(var(--quota-letter-index) * .09s) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(1) { --quota-letter-index: 0; }
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(2) { --quota-letter-index: 1; }
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(3) { --quota-letter-index: 2; }
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(4) { --quota-letter-index: 3; }
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b:nth-of-type(5) { --quota-letter-index: 4; }

#dashboard .opening-quota-card .opening-quota-grid {
  width: min(100%, 790px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 850px) !important;
  min-height: clamp(238px, 18vw, 302px) !important;
  padding: clamp(28px, 2.8vw, 46px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(14px, 1.6vw, 24px) !important;
  border: 1px solid rgba(255,232,166,.72) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.38), transparent 54%),
    radial-gradient(circle at 100% 100%, rgba(125,157,145,.2), transparent 42%),
    linear-gradient(145deg, rgba(42,26,21,.78), rgba(92,58,49,.58)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.26),
    0 0 0 1px rgba(255,253,249,.12),
    0 28px 60px rgba(42,26,21,.24),
    0 0 88px rgba(217,185,140,.34) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(76px, 6.2vw, 112px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.62),
    0 0 42px rgba(255,232,166,.94),
    0 0 118px rgba(217,185,140,.7),
    0 0 168px rgba(255,253,249,.32) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 9px !important;
  color: rgba(255,253,249,.96) !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  width: min(100%, 184px) !important;
  min-width: 2.35em !important;
  min-height: 1.08em !important;
  padding: 6px 16px 8px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 1px solid rgba(255,246,198,.98) !important;
  border-radius: 22px !important;
  color: #261108 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff1ba 24%, #ffd36d 55%, #d9a441 78%, #a5661e 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.9), transparent 58%) !important;
  font-size: clamp(92px, 7.15vw, 142px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-sizing: border-box !important;
  text-shadow:
    0 1px 0 rgba(255,253,249,.76),
    0 0 18px rgba(255,232,166,.84) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -10px 24px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.36),
    0 0 92px rgba(255,232,166,.98),
    0 0 198px rgba(217,185,140,.86),
    0 22px 42px rgba(18,14,12,.3) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: -22% -72% !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  opacity: .48 !important;
  background: linear-gradient(105deg, transparent 35%, rgba(255,253,249,.9) 47%, rgba(255,232,166,.72) 53%, transparent 66%) !important;
  transform: translateX(-62%) skewX(-12deg) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaCenterTitlePulse 1.8s ease-in-out infinite,
      openingQuotaCenterTitleSheen 1.08s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaCenterHalo 4.4s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaCenterSparkField 2.55s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaCenterTitleSweep 1.8s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaCenterLetterSnap 1.5s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaCenterStandardLift 3.7s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaCenterNumberPulse 2.55s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaCenterNumberSweep 2.35s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaCenterTitlePulse {
  0%, 100% {
    filter:
      brightness(1.02)
      drop-shadow(0 0 22px rgba(255,232,166,.58))
      drop-shadow(0 0 52px rgba(217,185,140,.32));
    transform: translateY(0) scale(1);
  }
  46% {
    filter:
      brightness(1.34)
      saturate(1.16)
      drop-shadow(0 0 36px rgba(255,253,249,.82))
      drop-shadow(0 0 78px rgba(255,232,166,.74))
      drop-shadow(0 0 132px rgba(217,185,140,.46));
    transform: translateY(-3px) scale(1.025);
  }
}

@keyframes openingQuotaCenterTitleSheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaCenterHalo {
  0% { transform: rotate(0deg) scale(.98); }
  50% { transform: rotate(180deg) scale(1.05); }
  100% { transform: rotate(360deg) scale(.98); }
}

@keyframes openingQuotaCenterSparkField {
  0%, 100% {
    opacity: .56;
    transform: scale(.98);
  }
  42% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@keyframes openingQuotaCenterTitleSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-116%) skewX(-14deg);
  }
  48% {
    opacity: .78;
    transform: translateX(112%) skewX(-14deg);
  }
  64% {
    opacity: .28;
    transform: translateX(132%) skewX(-14deg);
  }
}

@keyframes openingQuotaCenterLetterSnap {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  36% {
    transform: translateY(-6px) scale(1.1);
    filter:
      brightness(1.48)
      drop-shadow(0 0 16px rgba(255,253,249,.82))
      drop-shadow(0 0 36px rgba(255,232,166,.8));
  }
  62% {
    transform: translateY(0) scale(1.02);
    filter: brightness(1.12);
  }
}

@keyframes openingQuotaCenterStandardLift {
  0%, 100% {
    filter: brightness(1);
    transform: translateY(0);
  }
  50% {
    filter: brightness(1.2);
    transform: translateY(-2px);
  }
}

@keyframes openingQuotaCenterNumberPulse {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.82),
      inset 0 -10px 24px rgba(161,93,22,.2),
      0 0 0 1px rgba(255,253,249,.34),
      0 0 84px rgba(255,232,166,.9),
      0 0 168px rgba(217,185,140,.72),
      0 20px 38px rgba(18,14,12,.28);
  }
  48% {
    filter: brightness(1.19) saturate(1.13);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      inset 0 -8px 22px rgba(161,93,22,.16),
      0 0 0 1px rgba(255,253,249,.58),
      0 0 116px rgba(255,232,166,1),
      0 0 228px rgba(217,185,140,.94),
      0 24px 44px rgba(18,14,12,.3);
  }
}

@keyframes openingQuotaCenterNumberSweep {
  0%, 100% {
    opacity: .18;
    transform: translateX(-62%) skewX(-12deg);
  }
  48% {
    opacity: .76;
    transform: translateX(62%) skewX(-12deg);
  }
}

@media (max-width: 1320px) {
  #dashboard .command-visual {
    min-height: clamp(650px, 64vh, 720px) !important;
  }

  #dashboard .opening-quota-card {
    width: min(740px, calc(100% - 24px)) !important;
    min-height: min(620px, calc(100% - 24px)) !important;
    max-height: calc(100% - 24px) !important;
    padding: clamp(18px, 2.1vw, 32px) !important;
    gap: clamp(12px, 1.45vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: clamp(96px, 8.6vw, 126px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 620px) !important;
    min-height: clamp(78px, 7.2vw, 108px) !important;
    padding: clamp(12px, 1.3vw, 18px) clamp(20px, 2.35vw, 36px) !important;
    font-size: clamp(44px, 4.12vw, 62px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 660px) !important;
    min-height: clamp(246px, 23vw, 316px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(52px, 5.2vw, 72px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(17px, 1.65vw, 23px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 148px) !important;
    min-width: 2.2em !important;
    font-size: clamp(56px, 5.45vw, 82px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 620px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(570px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head {
    min-height: 80px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 344px) !important;
    min-height: 68px !important;
    padding: 10px 14px !important;
    font-size: clamp(32px, 8.65vw, 40px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid {
    gap: 7px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid span {
    min-height: 68px !important;
    padding: 7px 5px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid strong {
    font-size: clamp(23px, 6.6vw, 30px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 344px) !important;
    min-height: 334px !important;
    grid-template-columns: 1fr !important;
    padding: 15px !important;
    gap: 9px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(37px, 9.7vw, 48px) !important;
    white-space: nowrap !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 252px) !important;
    grid-template-columns: minmax(54px, .6fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.7vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 136px) !important;
    min-width: 0 !important;
    font-size: clamp(40px, 9.8vw, 52px) !important;
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(29px, 8.1vw, 36px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(33px, 8.75vw, 41px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(36px, 9vw, 46px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota final focus active pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  min-height: clamp(700px, 68vh, 800px) !important;
  place-items: center !important;
  place-content: center !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  width: min(980px, calc(100% - 36px)) !important;
  min-height: min(650px, calc(100% - 36px)) !important;
  max-height: calc(100% - 36px) !important;
  padding: clamp(30px, 3.2vw, 54px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  align-items: center !important;
  align-content: center !important;
  justify-items: center !important;
  justify-content: center !important;
  gap: clamp(18px, 2vw, 30px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
  overflow: hidden !important;
  border-color: rgba(255,232,166,.72) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255,232,166,.3), transparent 48%),
    radial-gradient(circle at 8% 92%, rgba(125,157,145,.18), transparent 36%),
    linear-gradient(145deg, rgba(42,27,22,.82), rgba(92,58,49,.6)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.36),
    inset 0 0 0 1px rgba(255,232,166,.28),
    0 30px 82px rgba(42,26,21,.28),
    0 0 150px rgba(217,185,140,.38) !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  position: relative !important;
  width: min(100%, 820px) !important;
  min-width: 0 !important;
  padding: clamp(20px, 2vw, 32px) clamp(42px, 4.4vw, 90px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: .02em !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,247,206,.98) !important;
  color: #ffe8a6 !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,253,249,.28), transparent 44%),
    linear-gradient(94deg, #1f0f09 0%, #744534 12%, #e3ad52 24%, #fff6cf 36%, #8e503a 50%, #ffd36d 62%, #fffdf4 70%, #a76439 82%, #211008 100%) !important;
  background-size: 900% 100% !important;
  font-size: clamp(76px, 6.25vw, 116px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.9),
    0 0 20px rgba(255,253,249,.88),
    0 0 56px rgba(255,232,166,1),
    0 0 132px rgba(217,185,140,.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.92),
    inset 0 -18px 38px rgba(255,232,166,.16),
    0 0 0 1px rgba(255,253,249,.3),
    0 0 102px rgba(255,232,166,.78),
    0 0 220px rgba(217,185,140,.58) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background:
    conic-gradient(from 28deg, transparent 0 12%, rgba(255,232,166,.9), rgba(255,253,249,.78), rgba(125,157,145,.24), transparent 60% 100%),
    radial-gradient(ellipse at 50% 50%, rgba(42,27,22,.98), rgba(104,62,45,.82) 52%, rgba(42,26,21,.74) 78%) !important;
  filter: blur(4px) saturate(1.28) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: auto !important;
  z-index: 2 !important;
  pointer-events: none !important;
  mix-blend-mode: screen !important;
}

#dashboard .opening-quota-card .opening-quota-title::after {
  background:
    linear-gradient(104deg, transparent 0%, rgba(255,253,249,.24) 35%, rgba(255,232,166,1) 48%, rgba(255,253,249,.82) 55%, transparent 72%),
    radial-gradient(circle at 20% 50%, rgba(255,253,249,.64), transparent 42%) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint {
  opacity: .9 !important;
  background:
    radial-gradient(circle at 9% 52%, rgba(255,253,249,.98) 0 2px, transparent 4px),
    radial-gradient(circle at 24% 24%, rgba(255,232,166,.96) 0 2px, transparent 5px),
    radial-gradient(circle at 48% 18%, rgba(255,253,249,1) 0 2px, transparent 6px),
    radial-gradient(circle at 72% 31%, rgba(255,232,166,.94) 0 2px, transparent 5px),
    radial-gradient(circle at 91% 63%, rgba(255,253,249,.96) 0 2px, transparent 6px) !important;
  filter:
    drop-shadow(0 0 14px rgba(255,232,166,.88))
    drop-shadow(0 0 38px rgba(217,185,140,.5)) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  min-width: .76em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .9px rgba(42,24,18,.9) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.92),
    0 0 14px rgba(255,253,249,.92),
    0 0 38px rgba(255,232,166,.98),
    0 0 88px rgba(217,185,140,.72) !important;
  animation-delay: calc(var(--quota-letter-index) * .08s) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
  content: "" !important;
  position: absolute !important;
  width: .16em !important;
  height: .16em !important;
  right: .03em !important;
  top: .03em !important;
  border-radius: 999px !important;
  opacity: 0 !important;
  background: radial-gradient(circle, rgba(255,253,249,.98) 0 18%, rgba(255,232,166,.88) 42%, transparent 72%) !important;
  filter: drop-shadow(0 0 10px rgba(255,232,166,.86)) !important;
}

#dashboard .opening-quota-card .opening-quota-grid {
  width: min(100%, 800px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 900px) !important;
  min-height: clamp(250px, 18.8vw, 320px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(16px, 1.7vw, 26px) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(84px, 6.85vw, 124px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.66),
    0 0 48px rgba(255,232,166,1),
    0 0 136px rgba(217,185,140,.76),
    0 0 190px rgba(255,253,249,.34) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  gap: 10px !important;
  color: rgba(255,253,249,.98) !important;
  font-size: clamp(26px, 2.08vw, 36px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  width: min(100%, 198px) !important;
  min-width: 2.3em !important;
  min-height: 1.08em !important;
  padding: 6px 17px 8px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: visible !important;
  border: 1px solid rgba(255,246,198,.98) !important;
  border-radius: 24px !important;
  color: #241108 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff2bd 22%, #ffd36d 54%, #d9a441 78%, #a5661e 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.92), transparent 58%) !important;
  font-size: clamp(104px, 7.8vw, 156px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-sizing: border-box !important;
  text-shadow:
    0 1px 0 rgba(255,253,249,.78),
    0 0 20px rgba(255,232,166,.9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 24px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.38),
    0 0 112px rgba(255,232,166,1),
    0 0 220px rgba(217,185,140,.92) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: -22% -72% !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  opacity: .56 !important;
  background: linear-gradient(105deg, transparent 35%, rgba(255,253,249,.94) 47%, rgba(255,232,166,.76) 53%, transparent 66%) !important;
  transform: translateX(-62%) skewX(-12deg) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaFinalFocusTitle 1.55s ease-in-out infinite,
      openingQuotaCenterTitleSheen 1.02s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before {
    animation: openingQuotaCenterHalo 4s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaCenterSparkField 2.1s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaCenterTitleSweep 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaFinalFocusLetter 1.18s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
    animation: openingQuotaFinalFocusSpark 1.18s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaCenterStandardLift 3.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaFinalFocusNumber 2.25s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaCenterNumberSweep 2.05s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaFinalFocusTitle {
  0%, 100% {
    filter:
      brightness(1.04)
      drop-shadow(0 0 24px rgba(255,232,166,.62))
      drop-shadow(0 0 58px rgba(217,185,140,.34));
    transform: translateY(0) scale(1);
  }
  44% {
    filter:
      brightness(1.38)
      saturate(1.18)
      drop-shadow(0 0 38px rgba(255,253,249,.84))
      drop-shadow(0 0 82px rgba(255,232,166,.78))
      drop-shadow(0 0 142px rgba(217,185,140,.5));
    transform: translateY(-4px) scale(1.026);
  }
}

@keyframes openingQuotaFinalFocusLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  34% {
    transform: translateY(-7px) scale(1.12);
    filter:
      brightness(1.52)
      drop-shadow(0 0 18px rgba(255,253,249,.86))
      drop-shadow(0 0 40px rgba(255,232,166,.82));
  }
  58% {
    transform: translateY(0) scale(1.025);
    filter: brightness(1.14);
  }
}

@keyframes openingQuotaFinalFocusSpark {
  0%, 100% {
    opacity: 0;
    transform: translateY(4px) scale(.6);
  }
  32% {
    opacity: .95;
    transform: translateY(-2px) scale(1.14);
  }
  54% {
    opacity: .42;
    transform: translateY(-5px) scale(.9);
  }
}

@keyframes openingQuotaFinalFocusNumber {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      inset 0 -10px 24px rgba(161,93,22,.2),
      0 0 0 1px rgba(255,253,249,.38),
      0 0 104px rgba(255,232,166,.96),
      0 0 200px rgba(217,185,140,.82);
  }
  48% {
    filter: brightness(1.22) saturate(1.16);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -8px 22px rgba(161,93,22,.16),
      0 0 0 1px rgba(255,253,249,.62),
      0 0 136px rgba(255,232,166,1),
      0 0 260px rgba(217,185,140,.96);
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(760px, calc(100% - 24px)) !important;
    min-height: min(620px, calc(100% - 24px)) !important;
    max-height: calc(100% - 24px) !important;
    padding: clamp(18px, 2.1vw, 32px) !important;
    gap: clamp(12px, 1.45vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 640px) !important;
    padding: clamp(12px, 1.3vw, 18px) clamp(20px, 2.35vw, 36px) !important;
    font-size: clamp(46px, 4.2vw, 66px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 680px) !important;
    min-height: clamp(250px, 23vw, 318px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(56px, 5.4vw, 76px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    font-size: clamp(18px, 1.7vw, 24px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 152px) !important;
    font-size: clamp(60px, 5.55vw, 86px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 620px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(570px, calc(100% - 20px)) !important;
    max-height: calc(100% - 20px) !important;
    padding: 14px !important;
    gap: 12px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 348px) !important;
    padding: 10px 14px !important;
    font-size: clamp(32px, 8.65vw, 40px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid {
    gap: 7px !important;
  }

  #dashboard .opening-quota-card .opening-quota-grid span {
    min-height: 68px !important;
    padding: 7px 5px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 348px) !important;
    min-height: 334px !important;
    grid-template-columns: 1fr !important;
    padding: 15px !important;
    gap: 9px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(38px, 9.8vw, 49px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 252px) !important;
    grid-template-columns: minmax(54px, .6fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.7vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 138px) !important;
    min-width: 0 !important;
    font-size: clamp(42px, 10vw, 54px) !important;
  }
}

@media (max-width: 420px) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    font-size: clamp(29px, 8.1vw, 36px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(34px, 8.9vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    font-size: clamp(38px, 9.1vw, 48px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota launch shine center lock pass */
#dashboard .command-visual {
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(860px, calc(100% - 32px)) !important;
  min-height: min(620px, calc(100% - 32px)) !important;
  max-height: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: clamp(28px, 3vw, 48px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(18px, 2.2vw, 30px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  text-align: center !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  gap: 10px !important;
}

#dashboard .opening-quota-card .opening-quota-head strong {
  color: rgba(255,253,249,.82) !important;
  font-size: clamp(15px, 1.12vw, 18px) !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 680px) !important;
  min-width: 0 !important;
  min-height: clamp(96px, 8.6vw, 138px) !important;
  padding: clamp(15px, 1.65vw, 24px) clamp(28px, 3.4vw, 58px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: .035em !important;
  overflow: hidden !important;
  contain: paint !important;
  border-radius: 999px !important;
  font-size: clamp(54px, 4.7vw, 82px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  animation-composition: add;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 4 !important;
  display: inline-block !important;
  min-width: .74em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .86px rgba(42,24,18,.88) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.82),
    0 0 18px rgba(255,253,249,.86),
    0 0 44px rgba(255,232,166,.92),
    0 0 92px rgba(217,185,140,.7) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title::before,
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::before,
#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
  content: none !important;
  animation: none !important;
  transform: none !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  overflow: hidden !important;
  transform: none !important;
  pointer-events: none !important;
}

#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  background-position: 0% 50% !important;
  background-size: 220% 100% !important;
}

#dashboard .opening-quota-card .opening-quota-grid {
  width: min(100%, 720px) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 760px) !important;
  min-height: clamp(238px, 19.5vw, 304px) !important;
  padding: clamp(22px, 2.25vw, 34px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(14px, 1.6vw, 24px) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  color: #fffdf4 !important;
  font-size: clamp(60px, 5.15vw, 88px) !important;
  font-weight: 1000 !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.68),
    0 0 52px rgba(255,232,166,.96),
    0 0 170px rgba(217,185,140,.8) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  gap: .58rem !important;
  color: rgba(255,253,249,.94) !important;
  font-size: clamp(20px, 1.6vw, 26px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  width: min(100%, 160px) !important;
  min-width: 2.32em !important;
  min-height: 1.08em !important;
  padding: 5px 14px 8px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  contain: paint !important;
  border-radius: 24px !important;
  color: #211009 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 24%, #ffd36d 56%, #d9a441 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,1), transparent 62%) !important;
  font-size: clamp(74px, 6.1vw, 108px) !important;
  font-weight: 1000 !important;
  line-height: .98 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 22px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.4),
    0 0 82px rgba(255,232,166,.96),
    0 0 196px rgba(217,185,140,.76) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaLaunchShineTitle 1.72s ease-in-out infinite,
      openingQuotaLaunchShineSweep 1.18s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaLaunchShineLetter 1.38s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaLaunchShineContainedBeam 1.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaLaunchShineNumber 2.55s ease-in-out infinite !important;
  }
}

@keyframes openingQuotaLaunchShineTitle {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1.03);
  }
  46% {
    transform: translateY(-3px) scale(1.018);
    filter: brightness(1.28) saturate(1.12);
  }
}

@keyframes openingQuotaLaunchShineSweep {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

@keyframes openingQuotaLaunchShineLetter {
  0%, 100% {
    transform: translateY(0) scale(1);
    filter: brightness(1);
  }
  42% {
    transform: translateY(-6px) scale(1.09);
    filter:
      brightness(1.42)
      drop-shadow(0 0 18px rgba(255,253,249,.82))
      drop-shadow(0 0 36px rgba(255,232,166,.78));
  }
  64% {
    transform: translateY(0) scale(1.02);
    filter: brightness(1.12);
  }
}

@keyframes openingQuotaLaunchShineContainedBeam {
  0%, 100% {
    opacity: .28;
    background-position: 0% 50%;
  }
  50% {
    opacity: .68;
    background-position: 100% 50%;
  }
}

@keyframes openingQuotaLaunchShineNumber {
  0%, 100% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.2) saturate(1.14);
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 640px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(590px, calc(100% - 20px)) !important;
    padding: 14px !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}

/* Dashboard opening quota final centered attraction eof lock pass */
#dashboard .command-visual {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  min-height: clamp(700px, 68vh, 820px) !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 10 !important;
  width: min(980px, calc(100% - 32px)) !important;
  min-height: min(660px, calc(100% - 32px)) !important;
  max-height: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: clamp(30px, 3.2vw, 54px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  place-content: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: clamp(18px, 2.1vw, 32px) !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
  overflow: hidden !important;
}

#dashboard .opening-quota-card .opening-quota-head {
  width: 100% !important;
  min-height: clamp(128px, 11vw, 174px) !important;
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  gap: 12px !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
  width: min(100%, 760px) !important;
  min-width: 0 !important;
  min-height: clamp(108px, 9vw, 150px) !important;
  padding: clamp(18px, 2vw, 32px) clamp(42px, 4.2vw, 78px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: .025em !important;
  overflow: hidden !important;
  contain: paint !important;
  isolation: isolate !important;
  border-radius: 999px !important;
  background-size: 860% 100% !important;
  font-size: clamp(70px, 5.9vw, 106px) !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  animation-composition: add;
  box-shadow:
    inset 0 1px 0 rgba(255,253,249,.94),
    inset 0 -18px 40px rgba(255,232,166,.18),
    0 0 0 1px rgba(255,253,249,.34),
    0 0 116px rgba(255,232,166,.84),
    0 0 260px rgba(217,185,140,.66) !important;
}

#dashboard .opening-quota-card .opening-quota-title-glint,
#dashboard .opening-quota-card .opening-quota-title-shine,
#dashboard .opening-quota-card .opening-quota-title::after {
  inset: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
  position: relative !important;
  z-index: 5 !important;
  display: inline-block !important;
  min-width: .76em !important;
  color: #ffe8a6 !important;
  -webkit-text-fill-color: #ffe8a6 !important;
  -webkit-text-stroke: .9px rgba(42,24,18,.92) !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.92),
    0 0 14px rgba(255,253,249,.94),
    0 0 40px rgba(255,232,166,1),
    0 0 92px rgba(217,185,140,.76) !important;
  animation-delay: calc(var(--quota-letter-index) * .08s) !important;
}

#dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
  content: "" !important;
  position: absolute !important;
  width: .18em !important;
  height: .18em !important;
  top: .02em !important;
  right: .02em !important;
  z-index: 6 !important;
  border-radius: 999px !important;
  opacity: 0 !important;
  background: radial-gradient(circle, rgba(255,253,249,.98) 0 18%, rgba(255,232,166,.9) 44%, transparent 74%) !important;
  filter: drop-shadow(0 0 12px rgba(255,232,166,.88)) !important;
}

#dashboard .opening-quota-card .opening-standard-price {
  width: min(100%, 880px) !important;
  min-height: clamp(270px, 20vw, 340px) !important;
  padding: clamp(28px, 2.8vw, 48px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  place-items: center !important;
  place-content: center !important;
  gap: clamp(16px, 1.7vw, 26px) !important;
}

#dashboard .opening-quota-card .opening-standard-price span {
  grid-column: 1 / -1 !important;
  display: grid !important;
  min-height: 1.05em !important;
  place-items: center !important;
  color: #fffdf4 !important;
  font-size: clamp(86px, 7vw, 126px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-shadow:
    0 2px 0 rgba(42,24,18,.66),
    0 0 50px rgba(255,232,166,1),
    0 0 146px rgba(217,185,140,.82),
    0 0 210px rgba(255,253,249,.36) !important;
}

#dashboard .opening-quota-card .opening-standard-price em {
  display: inline-grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  gap: 10px !important;
  color: rgba(255,253,249,.98) !important;
  font-size: clamp(25px, 2vw, 36px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#dashboard .opening-quota-card .opening-standard-price i {
  display: none !important;
}

#dashboard .opening-quota-card .opening-standard-price strong {
  position: relative !important;
  width: min(100%, 188px) !important;
  min-width: 2.34em !important;
  min-height: 1.08em !important;
  padding: 6px 16px 9px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  contain: paint !important;
  border-radius: 24px !important;
  color: #211009 !important;
  background:
    linear-gradient(180deg, #fffdf4 0%, #fff0b8 24%, #ffd36d 56%, #d9a441 80%, #a5661e 100%),
    radial-gradient(circle at 50% 0, rgba(255,253,249,.94), transparent 58%) !important;
  font-size: clamp(90px, 7vw, 136px) !important;
  font-weight: 1000 !important;
  line-height: 1.02 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 24px rgba(161,93,22,.2),
    0 0 0 1px rgba(255,253,249,.38),
    0 0 116px rgba(255,232,166,1),
    0 0 236px rgba(217,185,140,.94),
    0 22px 44px rgba(18,14,12,.3) !important;
}

#dashboard .opening-quota-card .opening-standard-price strong::after {
  content: "" !important;
  position: absolute !important;
  inset: -22% -72% !important;
  border-radius: inherit !important;
  opacity: .52 !important;
  background: linear-gradient(105deg, transparent 35%, rgba(255,253,249,.94) 47%, rgba(255,232,166,.76) 53%, transparent 66%) !important;
  transform: translateX(-62%) skewX(-12deg) !important;
}

@media (prefers-reduced-motion: no-preference) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    animation:
      openingQuotaFinalCenteredTitlePulse 1.75s ease-in-out infinite,
      openingQuotaFinalCenteredTitleSheen 1.08s linear infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-glint {
    animation: openingQuotaFinalCenteredSparkField 2.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after {
    animation: openingQuotaFinalCenteredTitleSweep 1.5s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b {
    animation: openingQuotaFinalCenteredLetterPop 1.42s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after {
    animation: openingQuotaFinalCenteredLetterSpark 1.42s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    animation: openingQuotaFinalCenteredStandardLabel 3.2s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    animation: openingQuotaFinalCenteredStandardNumber 2.45s ease-in-out infinite !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: openingQuotaFinalCenteredNumberSweep 2.2s ease-in-out infinite !important;
  }
}

@media (max-width: 1320px) {
  #dashboard .opening-quota-card {
    width: min(760px, calc(100% - 24px)) !important;
    min-height: min(640px, calc(100% - 24px)) !important;
    padding: clamp(20px, 2.3vw, 34px) !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 640px) !important;
    font-size: clamp(48px, 4.25vw, 66px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    font-size: clamp(58px, 5.45vw, 78px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 156px) !important;
    font-size: clamp(62px, 5.55vw, 86px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: 720px !important;
  }

  #dashboard .opening-quota-card {
    width: calc(100% - 20px) !important;
    min-height: min(680px, calc(100% - 20px)) !important;
    padding: 14px !important;
  }

  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title {
    width: min(100%, 348px) !important;
    font-size: clamp(34px, 9.2vw, 42px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price {
    width: min(100%, 348px) !important;
    min-height: 360px !important;
    grid-template-columns: 1fr !important;
  }

  #dashboard .opening-quota-card .opening-standard-price span {
    grid-column: 1 !important;
    font-size: clamp(40px, 10.4vw, 50px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price em {
    width: min(100%, 252px) !important;
    grid-template-columns: minmax(54px, .6fr) minmax(0, 1fr) !important;
    font-size: clamp(15px, 3.7vw, 18px) !important;
  }

  #dashboard .opening-quota-card .opening-standard-price strong {
    width: min(100%, 140px) !important;
    min-width: 0 !important;
    font-size: clamp(42px, 10.1vw, 54px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title,
  #dashboard .opening-quota-card .opening-quota-title-glint,
  #dashboard .opening-quota-card .opening-quota-title-shine,
  #dashboard .opening-quota-card .opening-quota-title::after,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b,
  #dashboard .opening-quota-card .opening-quota-head span.opening-quota-title b::after,
  #dashboard .opening-quota-card .opening-standard-price span,
  #dashboard .opening-quota-card .opening-standard-price strong,
  #dashboard .opening-quota-card .opening-standard-price strong::after {
    animation: none !important;
  }
}



/* Dashboard compact employee workstation absolute final pass */
#dashboard .opening-quota-card {
  display: none !important;
}

#dashboard .command-hero {
  min-height: auto !important;
  grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2.2vw, 28px) !important;
  margin-bottom: clamp(12px, 1.6vw, 18px) !important;
}

#dashboard .command-copy {
  min-width: 0 !important;
  padding: clamp(22px, 2.4vw, 34px) !important;
}

#dashboard .command-copy h2 {
  max-width: 12em !important;
  font-size: clamp(34px, 3.7vw, 56px) !important;
  line-height: 1.08 !important;
}

#dashboard .command-copy p {
  max-width: 54ch !important;
  margin-top: 14px !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
}

#dashboard .hero-actions {
  margin-top: 20px !important;
}

#dashboard .command-visual {
  min-height: clamp(500px, 52vh, 620px) !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

#dashboard .command-visual > img {
  min-height: 100% !important;
}

#dashboard .production-board {
  width: min(100%, 560px) !important;
  max-height: calc(100% - 32px) !important;
  overflow: auto !important;
}

#dashboard .tool-matrix {
  margin-top: clamp(8px, 1.2vw, 14px) !important;
  margin-bottom: clamp(14px, 1.8vw, 20px) !important;
}

@media (max-width: 1320px) {
  #dashboard .command-hero {
    grid-template-columns: minmax(260px, .9fr) minmax(420px, 1.1fr) !important;
  }

  #dashboard .command-visual {
    min-height: clamp(470px, 50vh, 580px) !important;
  }
}

@media (max-width: 1080px) {
  #dashboard .command-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #dashboard .command-copy {
    padding-bottom: 12px !important;
  }

  #dashboard .command-visual {
    min-height: clamp(420px, 54vh, 520px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-hero {
    gap: 12px !important;
    margin-bottom: 10px !important;
  }

  #dashboard .command-copy {
    padding: 20px !important;
  }

  #dashboard .command-copy h2 {
    font-size: clamp(30px, 8.2vw, 42px) !important;
  }

  #dashboard .command-copy p {
    font-size: 14px !important;
  }

  #dashboard .hero-actions {
    margin-top: 16px !important;
  }

  #dashboard .command-visual {
    min-height: clamp(520px, 70vh, 620px) !important;
  }

  #dashboard .production-board {
    width: min(100%, 320px) !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* Dashboard compact production board final pass */
@media (max-width: 1080px) and (min-width: 721px) {
  #dashboard .command-hero {
    grid-template-columns: minmax(240px, .88fr) minmax(380px, 1.12fr) !important;
  }

  #dashboard .command-visual {
    min-height: clamp(440px, 48vh, 540px) !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: auto !important;
    padding: 14px !important;
  }

  #dashboard .command-visual > img {
    position: absolute !important;
    inset: 0 !important;
    min-height: 100% !important;
  }

  #dashboard .production-board {
    width: min(100%, 318px) !important;
    padding: 14px !important;
    gap: 10px !important;
  }

  #dashboard .production-board-head {
    gap: 3px !important;
  }

  #dashboard .production-board-head h3 {
    font-size: 20px !important;
  }

  #dashboard .production-board-head p {
    display: none !important;
  }

  #dashboard .production-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #dashboard .production-summary-grid span {
    min-height: 64px !important;
    padding: 8px 5px !important;
    text-align: center !important;
  }

  #dashboard .production-summary-grid small,
  #dashboard .production-summary-grid em,
  #dashboard .production-tool-row small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  #dashboard .production-summary-grid strong {
    font-size: 22px !important;
  }

  #dashboard .production-tool-table {
    gap: 6px !important;
  }

  #dashboard .production-tool-row {
    min-height: 0 !important;
    grid-template-columns: minmax(72px, .9fr) minmax(48px, .55fr) minmax(48px, .55fr) !important;
    gap: 5px !important;
    padding: 7px !important;
  }

  #dashboard .production-tool-row > span {
    gap: 5px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  #dashboard .production-tool-row i,
  #dashboard .production-tool-row svg {
    width: 14px !important;
    height: 14px !important;
  }

  #dashboard .production-tool-row b {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 5px 4px !important;
  }

  #dashboard .production-tool-row em {
    justify-self: center !important;
    font-size: 18px !important;
  }

  #dashboard .tool-matrix {
    margin-top: 10px !important;
  }
}

/* Dashboard tablet production fit final pass */
@media (max-width: 1080px) and (min-width: 721px) {
  #dashboard .command-visual {
    min-height: clamp(400px, 46vh, 500px) !important;
  }

  #dashboard .production-board {
    width: min(100%, 340px) !important;
    padding: 16px !important;
    gap: 10px !important;
  }

  #dashboard .production-board-head p {
    display: none !important;
  }

  #dashboard .production-summary-grid span {
    padding: 8px 6px !important;
  }

  #dashboard .production-tool-row {
    min-height: 48px !important;
    grid-template-columns: minmax(96px, 1fr) minmax(56px, .42fr) minmax(56px, .42fr) !important;
    padding: 7px 8px !important;
  }

  #dashboard .production-tool-row b {
    padding: 5px 6px !important;
  }

  #dashboard .production-tool-row em {
    font-size: 18px !important;
  }
}

/* Mobile topbar settings final pass */
@media (max-width: 720px) {
  .topbar {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    overflow: visible !important;
  }

  .topbar > div:first-child {
    min-width: 0 !important;
  }

  .topbar .page-title {
    font-size: 20px !important;
    line-height: 1.06 !important;
  }

  .topbar .page-desc {
    margin-top: 2px !important;
    font-size: 11.5px !important;
    line-height: 1.28 !important;
  }

  .topbar-settings {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: end !important;
  }

  .topbar-command-center {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    order: initial !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 6px !important;
  }

  .topbar-signal {
    min-height: 40px !important;
    padding: 7px 9px 7px 24px !important;
  }

  .topbar-signal small {
    font-size: 10px !important;
  }

  .topbar-signal strong {
    margin-top: 1px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
}

/* Consult workspace readability pass */
#consult {
  --ink-soft: #2f2824;
  --muted: #5f544c;
}

#consult,
#consult .panel,
#consult .section {
  color: #171412;
}

#consult .section-head p,
#consult .page-desc,
#consult .template-item p,
#consult .empty-template-state,
#consult .history-preview-text,
#consult .record-text,
body:has(#consult.active) .topbar .page-desc,
body:has(#consult.active) .sidebar .brand-subtitle,
body:has(#consult.active) .sidebar .quota-label,
body:has(#consult.active) .sidebar .quota-card p {
  color: #3d332e !important;
}

body:has(#consult.active) .sidebar nav button {
  font-size: 15px !important;
  font-weight: 900 !important;
}

body:has(#consult.active) .sidebar .brand-subtitle,
body:has(#consult.active) .sidebar .quota-card p,
body:has(#consult.active) .sidebar .quota-card .quota-label {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body:has(#consult.active) .topbar-signal small {
  color: #5f544c !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:has(#consult.active) .topbar-signal strong {
  color: #2f2824 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

#consult input,
#consult textarea,
#consult select {
  color: #171412 !important;
  background: rgba(255,253,249,.96) !important;
  font-size: 15px !important;
  font-weight: 760 !important;
}

#consult input::placeholder,
#consult textarea::placeholder {
  color: #71635a !important;
  opacity: 1 !important;
}

#consult .mini-btn,
#consult .btn,
#consult .template-source-switch button,
#consult .consult-tabs button {
  font-size: 14px !important;
  font-weight: 950 !important;
}

#consult .section-head {
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(247,238,229,.9)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.12), transparent 34%);
}

#consult .section-head p {
  max-width: 86ch;
  color: #3d332e !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1.72 !important;
}

#consult .consult-tabs {
  background:
    linear-gradient(145deg, rgba(255,253,249,.95), rgba(246,238,232,.88)) !important;
}

#consult .consult-tabs button {
  color: #3d332e !important;
}

#consult .consult-tabs button.active {
  color: #171412 !important;
}

#consult .consult-builder,
#consult .consult-result-panel,
#consult .consult-output,
#consult .consult-safety-strip span,
#consult .output-followup-card,
#consult .followup-asset-strip span,
#consult .delivery-relay,
#consult .delivery-relay-proof,
#consult .delivery-relay-proof span,
#consult .reply-checklist,
#consult .consult-progress-card,
#consult .consult-customer-file,
#consult .action-cost-note,
#consult .handoff-brief,
#consult .consult-next-action-bridge {
  border-color: rgba(70,54,44,.18) !important;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(250,244,237,.9)),
    radial-gradient(circle at 100% 0, rgba(125,157,145,.08), transparent 34%) !important;
}

#consult #consultScenarioSwitch .consult-scenario,
#consult .real-case-chip,
#consult .consult-safety-strip span,
#consult .followup-asset-strip span,
#consult .delivery-relay-proof span,
#consult .reply-checklist span,
#consult .consult-progress-card > span,
#consult .consult-customer-file > span,
#consult .handoff-brief span,
#consult .consult-next-action-bridge span {
  border-color: rgba(70,54,44,.17) !important;
  background: rgba(255,253,249,.92) !important;
}

#consult #consultScenarioSwitch .consult-scenario span,
#consult .real-case-chip span,
#consult .consult-safety-strip span,
#consult .output-followup-card strong,
#consult .followup-asset-strip strong,
#consult .delivery-relay strong,
#consult .delivery-relay-proof span strong,
#consult .reply-checklist strong,
#consult .consult-progress-card strong,
#consult .consult-customer-file strong,
#consult .handoff-brief strong,
#consult .consult-next-action-bridge strong {
  color: #171412 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.36 !important;
}

#consult #consultScenarioSwitch .consult-scenario small,
#consult .output-followup-card small,
#consult .output-followup-card em,
#consult .followup-asset-strip small,
#consult .delivery-relay small,
#consult .delivery-relay em,
#consult .delivery-relay-proof span small,
#consult .reply-checklist small,
#consult .reply-checklist em,
#consult .consult-progress-card small,
#consult .consult-customer-file small,
#consult .consult-customer-file em,
#consult .handoff-brief small,
#consult .handoff-brief em,
#consult .consult-next-action-bridge small,
#consult .consult-next-action-bridge em,
#consult .action-cost-note {
  color: #4f433c !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  line-height: 1.52 !important;
}

#consult .consult-safety-strip span,
#consult .output-followup-card strong,
#consult .output-followup-card em,
#consult .followup-asset-strip small,
#consult .followup-asset-strip strong,
#consult .delivery-relay strong,
#consult .delivery-relay em,
#consult .delivery-relay-proof span small,
#consult .delivery-relay-proof span strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

#consult .output-followup-card em,
#consult .delivery-relay em {
  font-size: 13.5px !important;
  line-height: 1.58 !important;
}

#consult .consult-safety-strip span,
#consult .followup-asset-strip span,
#consult .delivery-relay-proof span {
  min-height: 46px !important;
}

#consult .output-followup-card {
  grid-template-columns: 32px minmax(0, 1fr) !important;
  align-items: start !important;
  overflow: visible !important;
}

#consult .output-followup-card > span:not(.followup-asset-strip) {
  min-width: 0 !important;
}

#consult .output-followup-card .followup-asset-strip {
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-width: 0 !important;
}

#consult .output-followup-card .mini-btn {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  justify-content: center !important;
}

#consult .delivery-relay {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

#consult .delivery-relay > span {
  min-width: 0 !important;
}

#consult .delivery-relay .mini-btn {
  width: 100% !important;
  justify-content: center !important;
}

#consult .field label {
  color: #241f1c !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

#consult input,
#consult textarea,
#consult select {
  border-color: rgba(70,54,44,.18) !important;
  color: #171412 !important;
  background: rgba(255,253,249,.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    0 8px 18px rgba(92,70,59,.035) !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
}

#consult textarea {
  min-height: 152px !important;
}

#consult .consult-output {
  min-height: 340px !important;
  color: #2f2824 !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  line-height: 1.78 !important;
}

#consult .consult-output:empty::before,
#consult .consult-output.is-empty::before {
  color: #5f544c !important;
  font-size: 15px !important;
  font-weight: 820 !important;
}

#consult .copy-result-head h3,
#consult .reply-checklist h4,
#consult .consult-progress-lead strong,
#consult .consult-customer-lead strong {
  color: #171412 !important;
}

#consult .copy-result-head .btn,
#consult .consult-actions .btn,
#consult .real-case-chip {
  min-height: 44px !important;
}

#consult .consult-actions .btn {
  color: #171412 !important;
}

#consult .consult-actions .btn.pink {
  color: #fffaf4 !important;
  border-color: rgba(92,50,44,.34) !important;
  background:
    radial-gradient(circle at 18% 0, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(135deg, #7f443f, #8c574f 58%, #6f3f39) !important;
}

#consult .consult-actions .btn.pink,
#consult .consult-tabs button.active {
  text-shadow: none !important;
}

@media (max-width: 720px) {
  body:has(#consult.active) .sidebar nav button {
    font-size: 14px !important;
  }

  body:has(#consult.active) .topbar .page-desc {
    color: #3d332e !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
  }

  #consult .section-head p,
  #consult .consult-output,
  #consult input,
  #consult textarea,
  #consult select {
    font-size: 14px !important;
  }

  #consult #consultScenarioSwitch .consult-scenario small,
  #consult .output-followup-card small,
  #consult .followup-asset-strip small,
  #consult .delivery-relay small,
  #consult .delivery-relay-proof span small,
  #consult .reply-checklist small,
  #consult .reply-checklist em,
  #consult .consult-progress-card small,
  #consult .consult-customer-file small {
    font-size: 12.5px !important;
  }

  #consult .output-followup-card .followup-asset-strip {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-tone-options .btn {
    min-height: 44px !important;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    grid-template-rows: 22px 40px 52px minmax(96px, 1fr) 48px 50px !important;
    gap: 6px !important;
  }

  #consult #consultContext {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }

  #consult .consult-customer-file small {
    font-size: 12.5px !important;
    line-height: 1.28 !important;
  }

  #consult .consult-customer-file strong,
  #consult .consult-customer-file em {
    font-size: 13.5px !important;
    line-height: 1.3 !important;
  }
}

@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-real-starters,
  #consult .consult-progress-card,
  #consult .consult-customer-file,
  #consult .consult-safety-strip,
  #consult .output-followup-card[data-state="idle"],
  #consult .reply-checklist {
    display: none !important;
  }

  #consult .consult-layout {
    gap: 12px !important;
  }

  #consult .consult-result-panel {
    overflow-y: hidden !important;
  }

  #consult .consult-result-panel .consult-output {
    min-height: 248px !important;
    overflow-y: auto !important;
  }

  #consult .output-followup-card:not([data-state="idle"]),
  #consult .delivery-relay:not(.hidden) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
    padding: 8px !important;
    overflow: hidden !important;
  }

  #consult .output-followup-card:not([data-state="idle"]) > i,
  #consult .output-followup-card:not([data-state="idle"]) > svg,
  #consult .output-followup-card:not([data-state="idle"]) small,
  #consult .output-followup-card:not([data-state="idle"]) em,
  #consult .output-followup-card:not([data-state="idle"]) .followup-asset-strip,
  #consult .delivery-relay:not(.hidden) small,
  #consult .delivery-relay:not(.hidden) em,
  #consult .delivery-relay:not(.hidden) .delivery-relay-proof,
  #consult .delivery-relay:not(.hidden) [data-relay-secondary] {
    display: none !important;
  }

  #consult .output-followup-card:not([data-state="idle"]) strong,
  #consult .delivery-relay:not(.hidden) strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #consult .output-followup-card:not([data-state="idle"]) .mini-btn,
  #consult .delivery-relay:not(.hidden) .mini-btn {
    width: auto !important;
    min-height: 44px !important;
    white-space: nowrap !important;
  }
}

/* Consult task-first visibility pass */
@media (min-width: 921px) and (max-height: 820px) {
  #consult > .section-head {
    min-height: 64px !important;
    max-height: 64px !important;
    margin-bottom: 8px !important;
    padding: 12px 16px !important;
    overflow: hidden !important;
  }

  #consult > .section-head h2 {
    font-size: 23px !important;
    line-height: 1.1 !important;
  }

  #consult > .section-head p {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  #consult .consult-tabs {
    width: 100% !important;
    margin: -4px 0 8px !important;
    padding: 5px !important;
    gap: 6px !important;
  }

  #consult .consult-tabs button {
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
  }

  #consult .consult-layout {
    gap: 12px !important;
  }

  #consult .consult-builder,
  #consult .consult-result-panel {
    height: min(500px, calc(100vh - 242px)) !important;
    min-height: 390px !important;
    max-height: min(500px, calc(100vh - 242px)) !important;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    display: grid !important;
    grid-template-rows: 22px 46px 52px minmax(112px, 1fr) 48px 52px !important;
    gap: 6px !important;
  }

  #consult .consult-builder .step-label {
    min-height: 22px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  #consult #consultScenarioSwitch {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 6px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 5px !important;
    overflow-x: auto !important;
    scrollbar-width: thin;
  }

  #consult #consultScenarioSwitch .consult-scenario {
    flex: 0 0 136px !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    align-content: center !important;
  }

  #consult #consultScenarioSwitch .consult-scenario span {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  #consult #consultScenarioSwitch .consult-scenario small {
    display: none !important;
  }

  #consult .consult-tab-panel.active .form-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  #consult .consult-tab-panel.active .form-grid label {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  #consult .consult-tab-panel.active .form-grid input,
  #consult .consult-tab-panel.active .form-grid select {
    min-height: 38px !important;
    padding: 7px 9px !important;
    font-size: 13px !important;
  }

  #consult #consultContext {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
  }

  #consult #consultActionCost {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 8px 88px 8px 28px !important;
    align-content: center !important;
  }

  #consult .consult-actions {
    min-height: 52px !important;
    max-height: 52px !important;
    margin-top: 0 !important;
  }

  #consult .consult-real-starters,
  #consult .consult-progress-card,
  #consult .consult-customer-file,
  #consult .consult-safety-strip,
  #consult .output-followup-card[data-state="idle"],
  #consult .reply-checklist {
    display: none !important;
  }

  #consult .consult-result-panel {
    overflow-y: hidden !important;
  }

  #consult .consult-result-panel .consult-output {
    min-height: 248px !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 720px) {
  body:has(#consult.active) .topbar-command-center {
    display: none !important;
  }

  #consult > .section-head {
    min-height: 78px !important;
    max-height: 82px !important;
    margin-bottom: 6px !important;
    padding: 12px 14px !important;
    overflow: hidden !important;
  }

  #consult > .section-head h2 {
    font-size: 24px !important;
    line-height: 1.1 !important;
  }

  #consult > .section-head p {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }

  #consult .consult-tabs {
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 4px !important;
    display: flex !important;
    gap: 4px !important;
    overflow-x: auto !important;
  }

  #consult .consult-tabs button {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  #consult .consult-builder,
  #consult .consult-result-panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 12px !important;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    display: grid !important;
    grid-template-rows: auto auto auto 132px auto !important;
    gap: 6px !important;
  }

  #consult .consult-builder .step-label {
    margin-bottom: 6px !important;
    font-size: 12px !important;
  }

  #consult #consultScenarioSwitch {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 6px !important;
    padding: 6px !important;
    overflow-x: auto !important;
    scrollbar-width: thin;
  }

  #consult #consultScenarioSwitch .consult-scenario {
    flex: 0 0 128px !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
    align-content: center !important;
  }

  #consult #consultScenarioSwitch .consult-scenario small {
    display: none !important;
  }

  #consult .consult-tab-panel.active .form-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 6px !important;
    margin: 6px 0 !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: thin;
  }

  #consult .consult-tab-panel.active .form-grid .field {
    flex: 0 0 136px !important;
    min-width: 136px !important;
    gap: 4px !important;
  }

  #consult .consult-tab-panel.active .form-grid label {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }

  #consult .consult-tab-panel.active .form-grid input,
  #consult .consult-tab-panel.active .form-grid select {
    min-height: 42px !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
  }

  #consult #consultContext {
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;
  }

  #consult .field:has(#consultContext) {
    min-height: 132px !important;
    overflow: visible !important;
  }

  #consult .field:has(#consultContext) .field-meter {
    display: none !important;
  }

  #consult .consult-real-starters,
  #consult .consult-progress-card,
  #consult .consult-customer-file,
  #consult .consult-safety-strip,
  #consult .output-followup-card[data-state="idle"],
  #consult .delivery-relay,
  #consult .reply-checklist {
    display: none !important;
  }

  #consult #consultActionCost {
    display: none !important;
  }

  #consult .action-cost-note.has-after-quota .after-quota-badge,
  #consult .action-cost-note.has-after-quota[data-after-quota]::after {
    display: none !important;
    content: none !important;
  }

  #consult .consult-actions {
    display: block !important;
    min-height: 45px !important;
    margin-top: 10px !important;
  }

  #consult .consult-tone-options {
    display: none !important;
  }

  #consult .consult-actions .btn.pink {
    width: 100% !important;
    min-height: 45px !important;
  }

  #consult .consult-result-panel {
    margin-top: 12px !important;
    overflow: visible !important;
  }

  #consult .consult-result-panel .copy-result-head {
    min-height: 50px !important;
    padding: 7px 9px !important;
    gap: 8px !important;
  }

  #consult .copy-result-head h3 {
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #consult .copy-result-head .btn {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  #consult .consult-result-panel .consult-output {
    min-height: 220px !important;
  }
}

/* Consult low-height compact override pass */
@media (min-width: 921px) and (max-height: 760px) {
  #consult .consult-tone-options .btn {
    min-height: 44px !important;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    grid-template-rows: 22px 40px 52px minmax(96px, 1fr) 48px 50px !important;
    gap: 6px !important;
  }

  #consult #consultContext {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }

  #consult #consultActionCost {
    min-height: 48px !important;
    max-height: 48px !important;
  }

  #consult .consult-actions {
    min-height: 50px !important;
    max-height: 50px !important;
  }

  #consult .consult-customer-file small {
    font-size: 12.5px !important;
    line-height: 1.28 !important;
  }

  #consult .consult-customer-file strong,
  #consult .consult-customer-file em {
    font-size: 13.5px !important;
    line-height: 1.3 !important;
  }
}

@media (min-width: 921px) and (max-height: 632px) {
  #consult .consult-builder,
  #consult .consult-result-panel {
    height: calc(100vh - 214px) !important;
    min-height: 330px !important;
    max-height: calc(100vh - 214px) !important;
  }

  #consult .consult-tab-panel[data-consult-panel="expert"].active {
    grid-template-rows: 20px 42px 44px minmax(82px, 1fr) 42px 48px !important;
    gap: 5px !important;
  }

  #consult #consultContext {
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
  }

  #consult #consultActionCost {
    min-height: 42px !important;
    max-height: 42px !important;
  }

  #consult .consult-actions {
    min-height: 48px !important;
    max-height: 48px !important;
  }

  #consult .consult-result-panel {
    overflow-y: auto !important;
  }

  #consult .consult-result-panel .consult-output {
    min-height: 196px !important;
  }
}

/* Auth legal agreement simplification pass */
#authScreen {
  max-width: 100%;
}

#authScreen .auth-onboarding-rail,
#authScreen .auth-work-profile,
#authScreen .auth-clinic-preference,
#authScreen .auth-start-plan,
#authScreen .auth-first-delivery,
#authScreen .auth-dependency-loop,
#authScreen .auth-resume-card,
#authScreen .auth-return-hint,
#authScreen .auth-readiness-card,
#authScreen .auth-access-brief,
#authScreen .auth-identity-cue,
#authScreen .auth-login-help,
#authScreen .auth-security-check,
#authScreen .auth-site-footer {
  display: none !important;
}

#authScreen .auth-panel {
  width: min(460px, calc(100vw - 36px)) !important;
  max-width: 460px;
  max-height: calc(100vh - 40px) !important;
  padding: 18px !important;
  gap: 8px !important;
}

#authScreen .auth-panel h2 {
  margin-bottom: 2px !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
}

#authScreen .auth-panel .hint {
  margin: 0 0 2px !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

#authScreen .auth-panel .field {
  gap: 5px !important;
  margin: 0 !important;
  padding: 6px 9px !important;
}

#authScreen .auth-panel label {
  font-size: 12px !important;
  line-height: 1.24 !important;
}

#authScreen .auth-panel input,
#authScreen .auth-panel select {
  min-height: 44px !important;
  padding: 8px 11px !important;
  font-size: 14px !important;
}

#authScreen .auth-code-row {
  grid-template-columns: minmax(0, 1fr) minmax(124px, auto) !important;
  gap: 8px !important;
}

#authScreen .auth-code-row .mini-btn,
#authScreen .auth-panel .btn {
  min-height: 44px !important;
}

#authScreen .password-toggle {
  width: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 8px !important;
}

#authScreen .auth-panel .btn {
  margin-top: 6px !important;
}

#authScreen .password-assist-row {
  margin-top: 2px !important;
  justify-content: flex-end !important;
}

#authScreen .auth-code-help {
  margin: 2px 0 0 !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
}

#authScreen .auth-agreement.hidden {
  display: none !important;
}

#authScreen .auth-agreement:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px 6px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

#authScreen .agreement-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  color: rgba(80,56,45,.82) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.5 !important;
}

#authScreen .agreement-check input {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

#authScreen .agreement-check span,
#authScreen .agreement-join {
  min-width: 0 !important;
}

#authScreen .agreement-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: #2f5f8f;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  overflow-wrap: anywhere;
}

#authScreen .agreement-link:hover,
#authScreen .agreement-link:focus-visible {
  color: #244a78;
  text-decoration: underline;
}

#authScreen .agreement-link:focus-visible,
#authScreen .agreement-back:focus-visible {
  outline: 3px solid rgba(47,95,143,.2);
  outline-offset: 3px;
  border-radius: 6px;
}

#authScreen .switch-line {
  margin-top: 4px !important;
}

#authScreen .switch-line .link-btn {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 6px !important;
}

#authScreen .auth-copy h1 {
  max-width: min(100%, 820px) !important;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

@media (min-width: 1180px) {
  #authScreen .auth-copy h1 {
    white-space: nowrap;
    font-size: clamp(38px, 3.45vw, 56px) !important;
  }
}

#authScreen.is-agreement-view {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  justify-items: center !important;
  padding: 28px !important;
  overflow-y: auto !important;
}

#authScreen.is-agreement-view .auth-copy,
#authScreen.is-agreement-view .auth-panel,
#authScreen.is-agreement-view .auth-site-footer {
  display: none !important;
}

#authScreen .agreement-detail.hidden {
  display: none !important;
}

#authScreen .agreement-detail {
  display: grid;
  width: min(920px, 100%);
  min-height: calc(100vh - 56px);
  place-items: center;
}

#authScreen .agreement-detail-shell {
  width: 100%;
  display: grid;
  gap: 18px;
  padding: clamp(22px, 4vw, 44px);
  border: 1px solid rgba(181,138,88,.24);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(255,247,235,.9)),
    radial-gradient(circle at 0 0, rgba(217,185,140,.16), transparent 36%);
  box-shadow: 0 28px 74px rgba(92,70,59,.14);
}

#authScreen .agreement-back {
  width: max-content;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  padding: 8px 0;
  color: #2f5f8f;
  background: transparent;
  font-weight: 900;
}

#authScreen .agreement-back svg {
  width: 18px;
  height: 18px;
}

#authScreen .agreement-detail-head {
  display: grid;
  gap: 8px;
}

#authScreen .agreement-detail-head h1 {
  margin: 0;
  color: #241b16;
  font-family: var(--display-font);
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.15;
}

#authScreen .agreement-detail-head p,
#authScreen .agreement-detail-summary {
  margin: 0;
  color: rgba(80,56,45,.72);
  font-size: 14px;
  line-height: 1.72;
}

#authScreen .agreement-detail-body {
  display: grid;
  gap: 16px;
}

#authScreen .agreement-detail-section {
  display: grid;
  gap: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(181,138,88,.18);
}

#authScreen .agreement-detail-section h2 {
  margin: 0;
  color: #50382d;
  font-size: 17px;
  line-height: 1.35;
}

#authScreen .agreement-detail-section ul {
  margin: 0;
  padding-left: 1.2em;
  color: rgba(44,35,29,.84);
  font-size: 14px;
  line-height: 1.76;
}

#authScreen .agreement-detail-section li + li {
  margin-top: 6px;
}

@media (max-width: 720px) {
  #authScreen {
    overflow-x: hidden !important;
  }

  #authScreen.auth-screen {
    max-width: 100%;
  }

  #authScreen .auth-panel {
    width: min(100%, calc(100vw - 24px)) !important;
    max-height: none !important;
    padding: 18px !important;
  }

  #authScreen .auth-copy h1 {
    max-width: calc(100vw - 28px) !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    font-size: clamp(24px, 7vw, 34px) !important;
  }

  #authScreen .auth-code-row {
    grid-template-columns: 1fr !important;
  }

  #authScreen .agreement-detail {
    width: 100%;
    min-height: calc(100vh - 28px);
  }

  #authScreen.is-agreement-view {
    padding: 14px !important;
  }
}
/* Lakala payment purchase modal pass */
.purchase-dialog[data-payment-status="pending"] #purchaseConfirm,
.purchase-dialog[data-payment-status="paid"] #purchaseConfirm {
  min-width: 142px;
}

.payment-panel {
  margin-top: 18px;
  display: grid;
  gap: 12px;
}

.payment-state-row {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  gap: 10px;
}

.payment-state-row span,
.payment-qr {
  min-width: 0;
  border: 1px solid rgba(47,111,100,.16);
  border-radius: 14px;
  background: rgba(255,253,249,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68);
}

.payment-state-row span {
  padding: 11px 12px;
}

.payment-state-row small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.payment-state-row strong {
  display: block;
  margin-top: 5px;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.28;
}

.payment-qr {
  padding: 13px;
  display: grid;
  gap: 10px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.96), rgba(228,241,237,.62)),
    radial-gradient(circle at 0 0, rgba(125,157,145,.16), transparent 34%);
}

.payment-qr-code {
  min-height: 76px;
  display: grid;
  place-items: center;
  padding: 12px;
  border: 1px dashed rgba(47,111,100,.28);
  border-radius: 12px;
  color: #2f6f64;
  background: rgba(255,253,249,.66);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.55;
  overflow-wrap: anywhere;
  user-select: all;
  text-align: center;
}

.payment-qr-code.has-qr {
  width: min(100%, 206px);
  min-height: 206px;
  margin: 0 auto;
  padding: 12px;
  gap: 8px;
  border-style: solid;
  background: #fff;
  user-select: none;
}

.payment-qr-svg {
  width: min(100%, 168px);
  aspect-ratio: 1;
  display: block;
  border-radius: 8px;
  image-rendering: pixelated;
}

.payment-qr-hint {
  color: #2f6f64;
  font-size: 12px;
  font-weight: 900;
}

.payment-qr-code.is-long-code {
  min-height: 96px;
  user-select: none;
}
.payment-qr-long-tip {
  display: block;
  margin-bottom: 8px;
  color: #2f6f64;
  font-weight: 900;
}

.payment-qr-raw-code {
  width: 100%;
  max-height: 108px;
  display: block;
  overflow: auto;
  padding: 8px;
  border-radius: 8px;
  background: rgba(47,111,100,.07);
  color: #254c45;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 11px;
  line-height: 1.45;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-all;
  user-select: text;
}

.payment-link {
  width: fit-content;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  color: #2f5f8f;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.payment-link:hover,
.payment-link:focus-visible {
  text-decoration: underline;
}

.payment-tools {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.purchase-dialog[data-payment-status="paid"] .payment-qr,
.purchase-dialog[data-payment-status="paid"] .payment-state-row span:last-child {
  border-color: rgba(47,111,100,.28);
  background: linear-gradient(145deg, rgba(228,241,237,.92), rgba(255,253,249,.78));
}

.purchase-dialog[data-payment-status="error"] .payment-qr,
.purchase-dialog[data-payment-status="failed"] .payment-qr,
.purchase-dialog[data-payment-status="closed"] .payment-qr,
.purchase-dialog[data-payment-status="expired"] .payment-qr {
  border-color: rgba(159,61,53,.22);
  background: linear-gradient(145deg, rgba(252,236,233,.92), rgba(255,253,249,.78));
}

@media (max-width: 640px) {
  .purchase-dialog {
    max-height: calc(100vh - 28px);
    overflow-y: auto;
    padding: 20px;
  }

  .purchase-summary,
  .purchase-balance,
  .payment-state-row {
    grid-template-columns: 1fr;
  }

  .purchase-actions {
    flex-direction: column-reverse;
  }

  .purchase-actions .btn {
    width: 100%;
  }
}

/* Dashboard full production board final pass */
#dashboard .command-hero {
  grid-template-columns: minmax(300px, .62fr) minmax(600px, 1.38fr) !important;
  align-items: stretch !important;
  gap: clamp(14px, 1.5vw, 22px) !important;
}

#dashboard .command-visual {
  min-width: 0 !important;
  min-height: clamp(620px, 70vh, 760px) !important;
  padding: clamp(20px, 2.2vw, 28px) !important;
  justify-items: center !important;
  overflow: visible !important;
}

#dashboard .production-board {
  width: min(100%, 680px) !important;
  max-height: none !important;
  overflow: visible !important;
  gap: 16px !important;
  padding: clamp(22px, 2.5vw, 30px) !important;
}

#dashboard .production-summary-grid span {
  min-height: 78px !important;
}

#dashboard .production-tool-table {
  gap: 10px !important;
}

#dashboard .production-tool-row {
  min-height: 62px !important;
}

@media (max-width: 1080px) {
  #dashboard .command-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #dashboard .command-visual {
    min-height: clamp(620px, 66vh, 740px) !important;
    padding: clamp(22px, 3vw, 34px) !important;
    overflow: visible !important;
  }

  #dashboard .production-board {
    width: min(100%, 580px) !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 720px) {
  #dashboard .command-visual {
    min-height: auto !important;
    padding: 16px !important;
    overflow: visible !important;
  }

  #dashboard .production-board {
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 18px !important;
    gap: 12px !important;
  }

  #dashboard .production-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #dashboard .production-summary-grid span {
    min-height: 72px !important;
  }

  #dashboard .production-tool-table {
    gap: 8px !important;
  }

  #dashboard .production-tool-row {
    min-height: 58px !important;
  }
}

/* Auth login panel enlargement final pass */
#authScreen .auth-panel {
  width: min(560px, calc(100vw - 44px)) !important;
  max-width: 560px !important;
  max-height: calc(100vh - 48px) !important;
  padding: clamp(30px, 3vw, 44px) !important;
  gap: 14px !important;
  overflow-y: auto !important;
}

#authScreen .auth-panel h2 {
  margin-bottom: 4px !important;
  font-size: clamp(30px, 2.4vw, 38px) !important;
  line-height: 1.12 !important;
}

#authScreen .auth-panel .hint {
  margin: 0 0 4px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#authScreen .auth-panel .field {
  gap: 8px !important;
  padding: 12px 14px !important;
}

#authScreen .auth-panel label {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#authScreen .auth-panel input,
#authScreen .auth-panel select {
  min-height: 58px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
}

#authScreen .password-field-control {
  grid-template-columns: minmax(0, 1fr) 58px !important;
}

#authScreen .auth-code-row .mini-btn,
#authScreen .auth-panel .btn {
  min-height: 58px !important;
  font-size: 15px !important;
}

#authScreen .password-toggle {
  width: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
}

#authScreen .auth-panel .btn {
  margin-top: 8px !important;
}

#authScreen .switch-line {
  margin-top: 6px !important;
}

@media (max-width: 720px) {
  #authScreen .auth-panel {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: 560px !important;
    max-height: calc(100vh - 28px) !important;
    padding: 24px !important;
    gap: 12px !important;
  }

  #authScreen .auth-panel h2 {
    font-size: clamp(28px, 8vw, 34px) !important;
  }

  #authScreen .auth-panel .field {
    padding: 11px 12px !important;
  }
}

/* Sitewide Tencent Cloud readability final pass */
:root {
  --ink: #111827;
  --ink-soft: #253044;
  --muted: #4b5565;
  --line: rgba(31, 41, 55, .14);
}

body {
  color: #111827 !important;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

h1,
h2,
h3,
h4,
.page-title,
.brand-title,
.section-head h2,
.command-copy h2,
.auth-panel h2 {
  color: #111827 !important;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.page-desc,
.hint,
.panel p,
.tool-card p,
.command-copy p,
.metric-card small,
.choice-item small,
.workflow-step small,
.brand-subtitle,
.quota-label {
  color: #3f4a5f !important;
  font-weight: 400 !important;
}

small,
em,
label,
.field label,
.video-options label,
.pill,
.tag,
.eyebrow {
  color: #334155;
  font-weight: 600;
  letter-spacing: 0 !important;
}

input,
textarea,
select {
  color: #111827 !important;
  font-weight: 500 !important;
  background-color: rgba(255, 255, 255, .96) !important;
}

input::placeholder,
textarea::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}

button,
.btn,
.mini-btn,
.link-btn,
.nav button {
  font-weight: 700 !important;
}

.nav button,
.topbar-signal,
.production-tool-row,
.price-card,
.template-card,
.tool-card,
.metric-card,
.choice-item,
.select-chip,
.field,
.action-cost-note,
.consult-output,
.copy-output {
  color: #1f2937;
}

.topbar-signal small,
.production-tool-row small,
.price-card small,
.template-card small,
.tool-card small,
.metric-card small {
  color: #4b5565 !important;
}

.consult-output,
.copy-output,
.result-card,
.template-card p,
.production-board p {
  color: #1f2937 !important;
  font-weight: 400 !important;
}

#authScreen .auth-copy .brand-title,
#authScreen .auth-copy .brand-subtitle,
#authScreen .auth-copy h1,
#authScreen .auth-copy p,
#authScreen .auth-copy .eyebrow,
#authScreen .auth-copy .tag,
.sidebar-showcase-content span,
.sidebar-showcase-content strong,
.sidebar-showcase-content p,
.sidebar-showcase-content em,
#dashboard .visual-glass,
#dashboard .visual-glass span,
#dashboard .visual-glass strong,
#dashboard .visual-glass small,
.btn.pink,
.btn.pink span,
.btn.pink i {
  color: #fffaf4 !important;
}

#authScreen .auth-copy .brand-subtitle,
#authScreen .auth-copy p,
#dashboard .visual-glass small,
.sidebar-showcase-content p {
  color: rgba(255, 250, 244, .92) !important;
}

/* Auth readability and horizontal overflow final pass */
#authScreen {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#authScreen .auth-copy {
  max-width: 100% !important;
  color: #142033 !important;
}

#authScreen .auth-copy .brand,
#authScreen .auth-hero-text,
#authScreen .hero-tags {
  position: relative;
  z-index: 1;
}

#authScreen .auth-hero-text {
  max-width: min(100%, 760px) !important;
  padding: clamp(14px, 1.5vw, 22px) clamp(14px, 2vw, 28px) !important;
  border: 1px solid rgba(255, 255, 255, .46) !important;
  border-radius: 8px !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .5) 68%, rgba(255, 255, 255, 0)) !important;
  box-shadow: 0 10px 26px rgba(72, 55, 42, .045) !important;
  backdrop-filter: blur(4px) saturate(1.02);
}

#authScreen .auth-copy .brand-title,
#authScreen .auth-copy h1,
#authScreen .auth-copy .eyebrow {
  color: #101827 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .7) !important;
}

#authScreen .auth-copy .brand-subtitle,
#authScreen .auth-copy p {
  color: #26364d !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .66) !important;
}

#authScreen .auth-copy h1 {
  max-width: min(100%, 760px) !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

#authScreen .auth-copy p {
  max-width: min(100%, 720px) !important;
}

#authScreen .hero-tags .tag {
  color: #243246 !important;
  border-color: rgba(129, 146, 170, .28) !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 6px 16px rgba(35, 45, 65, .045) !important;
  text-shadow: none !important;
}

#authScreen .auth-panel {
  width: min(560px, calc(100vw - 44px)) !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

#authScreen .auth-panel .field,
#authScreen .password-field-control,
#authScreen .auth-code-row,
#authScreen .auth-agreement,
#authScreen .switch-line {
  min-width: 0 !important;
  max-width: 100% !important;
}

#authScreen .auth-panel input,
#authScreen .auth-panel select,
#authScreen .auth-panel textarea {
  min-width: 0 !important;
  max-width: 100% !important;
}

#authScreen .auth-panel .hint,
#authScreen .auth-panel label,
#authScreen .auth-panel p,
#authScreen .auth-panel span,
#authScreen .auth-panel small {
  max-width: 100%;
}

#authScreen .password-toggle,
#authScreen .auth-code-row .mini-btn {
  flex: 0 0 auto;
}

@media (max-width: 920px) {
  #authScreen .auth-hero-text {
    background: rgba(255, 255, 255, .74) !important;
  }
}

@media (max-width: 720px) {
  #authScreen .auth-panel {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: 100% !important;
  }

  #authScreen .auth-copy h1 {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

/* MeiZhiLink 2026 UI redesign convergence layer */
:root {
  --mz-bg: #fbf7f1;
  --mz-bg-soft: #f5efe7;
  --mz-surface: rgba(255, 253, 249, .94);
  --mz-surface-solid: #fffdf9;
  --mz-surface-warm: #fff8f1;
  --mz-ink: #111827;
  --mz-ink-soft: #253044;
  --mz-muted: #596577;
  --mz-line: rgba(72, 54, 44, .16);
  --mz-line-strong: rgba(120, 83, 72, .24);
  --mz-rose: #9f665d;
  --mz-rose-strong: #7f4f48;
  --mz-rose-soft: #f3ded9;
  --mz-gold: #b58a58;
  --mz-gold-soft: #f3dfc1;
  --mz-sage: #2f6f64;
  --mz-bluegray: #42556d;
  --mz-danger: #b64242;
  --mz-radius: 8px;
  --mz-radius-sm: 6px;
  --mz-shadow: 0 18px 48px rgba(58, 43, 33, .10);
  --mz-shadow-soft: 0 10px 28px rgba(58, 43, 33, .075);
  --mz-focus: 0 0 0 3px rgba(159, 102, 93, .18);
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  color: var(--mz-ink) !important;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif !important;
  font-size: 15px;
  line-height: 1.65;
  background:
    linear-gradient(120deg, rgba(255, 253, 249, .92), rgba(246, 236, 226, .92)),
    radial-gradient(circle at 11% 4%, rgba(181, 138, 88, .14), transparent 30rem),
    radial-gradient(circle at 88% 8%, rgba(47, 111, 100, .10), transparent 32rem),
    var(--mz-bg) !important;
}

body::before {
  opacity: .18 !important;
  background-size: 56px 56px !important;
}

h1,
h2,
h3,
h4,
.page-title,
.section-head h2,
.profile-panel-head h3,
.queue-head h3 {
  color: var(--mz-ink) !important;
  font-weight: 760 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
}

p,
.hint,
.page-desc,
.section-head p,
.panel p,
.tool-card p,
.price-card small,
.template-card p,
.copy-output,
.consult-output {
  color: var(--mz-muted) !important;
  font-weight: 430 !important;
  line-height: 1.72 !important;
}

.eyebrow,
.pill,
.tag,
.step-label,
.field label,
.video-options label,
small,
em {
  color: var(--mz-bluegray) !important;
  font-weight: 680 !important;
  letter-spacing: 0 !important;
}

.app {
  grid-template-columns: 272px minmax(0, 1fr) !important;
  background: transparent !important;
}

.main,
.content {
  min-width: 0 !important;
}

.main {
  background:
    linear-gradient(180deg, rgba(255, 253, 249, .36), rgba(251, 247, 241, .70)),
    radial-gradient(circle at 96% 0%, rgba(181, 138, 88, .08), transparent 25rem);
}

.content {
  padding: clamp(22px, 2.4vw, 34px) clamp(22px, 2.8vw, 40px) 48px !important;
}

.sidebar {
  background: rgba(255, 253, 249, .92) !important;
  border-right: 1px solid var(--mz-line) !important;
  box-shadow: 8px 0 34px rgba(58, 43, 33, .045) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
}

.brand-mark {
  color: #fff8f1 !important;
  background: linear-gradient(145deg, var(--mz-rose-strong), #b98579 52%, var(--mz-gold)) !important;
  box-shadow: 0 14px 28px rgba(127, 79, 72, .20) !important;
}

.brand-title {
  color: var(--mz-ink) !important;
}

.brand-subtitle {
  color: var(--mz-muted) !important;
}

.nav button {
  min-height: 46px !important;
  color: var(--mz-ink-soft) !important;
  border: 1px solid transparent !important;
  border-radius: var(--mz-radius-sm) !important;
  background: transparent !important;
}

.nav button:hover,
.nav button.active,
.nav button[aria-current="page"] {
  color: #fffaf4 !important;
  background: linear-gradient(135deg, var(--mz-rose-strong), var(--mz-rose) 62%, #b68166) !important;
  border-color: rgba(255, 253, 249, .45) !important;
  box-shadow: 0 12px 24px rgba(127, 79, 72, .18) !important;
}

.nav-icon {
  color: var(--mz-rose) !important;
  background: rgba(255, 253, 249, .86) !important;
  border: 1px solid rgba(181, 138, 88, .18) !important;
}

.topbar {
  align-items: center !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  border: 1px solid var(--mz-line) !important;
  border-radius: var(--mz-radius) !important;
  background: var(--mz-surface) !important;
  box-shadow: var(--mz-shadow-soft) !important;
  backdrop-filter: blur(16px) saturate(1.06) !important;
}

.topbar::before,
.topbar::after,
.topbar .page-title::after {
  opacity: .22 !important;
}

.page-title {
  font-size: clamp(24px, 2.1vw, 32px) !important;
}

.topbar-command-center {
  border: 1px solid rgba(181, 138, 88, .18) !important;
  border-radius: var(--mz-radius) !important;
  background: linear-gradient(135deg, rgba(255, 253, 249, .96), rgba(252, 242, 232, .88)) !important;
  box-shadow: none !important;
}

.topbar-signal {
  min-height: 54px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.topbar-signal strong,
.quota-number,
.stat strong,
.production-summary-grid strong,
.production-tool-row em,
.plan-quota span,
.profile-opening-price strong {
  color: var(--mz-rose-strong) !important;
}

.panel,
.tool-card,
.price-card,
.template-card,
.choice-item,
.field,
.upload-box,
.result-box,
.production-board,
.profile-opening-price,
.account-settings-dialog,
.purchase-dialog {
  border: 1px solid var(--mz-line) !important;
  border-radius: var(--mz-radius) !important;
  background: var(--mz-surface) !important;
  box-shadow: var(--mz-shadow-soft) !important;
}

.panel::before,
.panel::after,
.tool-card::before,
.tool-card::after,
.price-card::before,
.price-card::after,
.purchase-dialog::before,
.purchase-dialog::after,
.account-settings-dialog::before,
.account-settings-dialog::after {
  opacity: .18 !important;
}

.panel,
.tool-card,
.price-card {
  overflow-wrap: anywhere;
}

.btn,
.mini-btn,
.link-btn {
  min-height: 44px !important;
  border-radius: var(--mz-radius-sm) !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.btn {
  padding: 11px 16px !important;
}

.btn.pink {
  color: #fffaf4 !important;
  border: 1px solid rgba(255, 253, 249, .44) !important;
  background: linear-gradient(135deg, var(--mz-rose-strong), var(--mz-rose) 58%, #bd8a67) !important;
  box-shadow: 0 14px 28px rgba(127, 79, 72, .22) !important;
}

.btn.secondary,
.mini-btn {
  color: var(--mz-ink-soft) !important;
  border: 1px solid rgba(159, 102, 93, .20) !important;
  background: linear-gradient(180deg, #fffdf9, #fbf3eb) !important;
  box-shadow: 0 8px 18px rgba(58, 43, 33, .055) !important;
}

.btn:hover,
.mini-btn:hover,
.nav button:hover,
.choice-item:hover,
.select-chip:hover {
  transform: translateY(-1px) !important;
}

.btn:focus-visible,
.mini-btn:focus-visible,
.link-btn:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 0 !important;
  box-shadow: var(--mz-focus), var(--mz-shadow-soft) !important;
}

.field {
  gap: 9px !important;
  padding: 14px !important;
}

.field input,
.field textarea,
.field select,
input,
textarea,
select {
  min-height: 46px !important;
  color: var(--mz-ink) !important;
  border: 1px solid rgba(72, 54, 44, .16) !important;
  border-radius: var(--mz-radius-sm) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78) !important;
}

textarea,
.field textarea {
  min-height: 132px !important;
  resize: vertical;
}

#consultContext,
#copyInput,
#momentsInput,
#fusionPrompt,
#backgroundPrompt,
#outfitPrompt,
#videoCustomPrompt {
  min-height: 168px !important;
}

.action-cost-note,
.assist-note,
.watermark-tip,
.next-step-tip {
  color: var(--mz-ink-soft) !important;
  border: 1px solid rgba(181, 138, 88, .20) !important;
  border-radius: var(--mz-radius-sm) !important;
  background: linear-gradient(135deg, rgba(255, 250, 244, .96), rgba(243, 223, 193, .34)) !important;
}

#authScreen {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(430px, 560px) !important;
  align-items: center !important;
  min-height: 100vh !important;
  padding: clamp(22px, 3vw, 46px) !important;
  background: #f8f1ea !important;
}

#authScreen .auth-copy {
  min-height: calc(100vh - clamp(44px, 6vw, 92px)) !important;
  border-radius: var(--mz-radius) !important;
  overflow: hidden !important;
}

#authScreen .auth-video,
#authScreen .auth-copy::before {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#authScreen .auth-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(560px, 100%) !important;
  max-height: calc(100vh - 56px) !important;
  border: 1px solid rgba(255, 253, 249, .76) !important;
  border-radius: var(--mz-radius) !important;
  background: rgba(255, 253, 249, .94) !important;
  box-shadow: 0 24px 70px rgba(58, 43, 33, .18) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

#authScreen .auth-hero-text {
  border-color: rgba(255, 253, 249, .66) !important;
  background: linear-gradient(90deg, rgba(255, 253, 249, .78), rgba(255, 253, 249, .42)) !important;
}

#dashboard .opening-quota-card {
  display: none !important;
}

#dashboard .command-hero {
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  align-items: stretch !important;
}

#dashboard .command-copy {
  min-width: 0 !important;
  justify-content: center !important;
  border: 1px solid var(--mz-line) !important;
  border-radius: var(--mz-radius) !important;
  background: linear-gradient(145deg, rgba(255, 253, 249, .98), rgba(255, 246, 238, .92)) !important;
  box-shadow: var(--mz-shadow-soft) !important;
}

#dashboard .command-copy h2 {
  max-width: 11em !important;
  font-size: clamp(30px, 3vw, 44px) !important;
}

#dashboard .command-visual {
  min-width: 0 !important;
  min-height: 620px !important;
  border: 1px solid var(--mz-line) !important;
  border-radius: var(--mz-radius) !important;
  background: linear-gradient(145deg, rgba(255, 253, 249, .72), rgba(246, 236, 226, .68)) !important;
  box-shadow: var(--mz-shadow) !important;
  overflow: visible !important;
}

#dashboard .command-visual > img {
  opacity: .54 !important;
  filter: saturate(.95) contrast(.96) !important;
}

#dashboard .production-board {
  width: min(100%, 660px) !important;
  min-width: 0 !important;
  margin: auto !important;
  padding: clamp(18px, 2vw, 26px) !important;
  color: var(--mz-ink) !important;
  background: rgba(255, 253, 249, .94) !important;
  border-color: rgba(181, 138, 88, .24) !important;
  box-shadow: 0 18px 48px rgba(58, 43, 33, .14) !important;
  overflow: visible !important;
}

#dashboard .production-board-head h3 {
  font-size: clamp(22px, 2vw, 28px) !important;
}

#dashboard .production-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#dashboard .production-summary-grid span,
#dashboard .production-tool-row {
  background: linear-gradient(180deg, rgba(255, 253, 249, .96), rgba(250, 242, 233, .90)) !important;
  border: 1px solid rgba(181, 138, 88, .18) !important;
  border-radius: var(--mz-radius-sm) !important;
  box-shadow: none !important;
}

#dashboard .production-tool-row {
  min-height: 62px !important;
  grid-template-columns: minmax(136px, 1fr) minmax(72px, .42fr) minmax(72px, .42fr) !important;
}

#dashboard .production-tool-row > span,
#dashboard .production-tool-row b {
  min-width: 0 !important;
}

#dashboard .production-tool-row em,
#dashboard .production-summary-grid strong {
  font-variant-numeric: tabular-nums !important;
  overflow-wrap: anywhere !important;
}

.tool-matrix {
  gap: 18px !important;
}

.tool-card {
  min-height: 252px !important;
  padding: 20px !important;
}

.tool-card img {
  opacity: .92 !important;
  border-radius: var(--mz-radius-sm) !important;
}

.consult-tabs,
.template-source-switch,
.watermark-mode-switch,
.choice-list {
  border-radius: var(--mz-radius) !important;
}

.consult-tabs button,
.template-source-switch button,
.watermark-mode-switch button,
.choice-item,
.select-chip,
.watermark-style-card,
.real-case-chip {
  min-height: 44px !important;
  color: var(--mz-ink-soft) !important;
  border: 1px solid rgba(159, 102, 93, .16) !important;
  border-radius: var(--mz-radius-sm) !important;
  background: rgba(255, 253, 249, .84) !important;
}

.consult-tabs button.active,
.template-source-switch button.active,
.watermark-mode-switch button.active,
.choice-item.active,
.select-chip.active,
.watermark-style-card.active {
  color: #fffaf4 !important;
  background: linear-gradient(135deg, var(--mz-rose-strong), var(--mz-rose)) !important;
  border-color: rgba(255, 253, 249, .42) !important;
}

.consult-layout,
.copy-layout,
.tool-layout,
.reshape-workspace,
.profile-shell {
  gap: clamp(16px, 2vw, 24px) !important;
  align-items: start !important;
}

.consult-layout,
.copy-layout,
.tool-layout {
  grid-template-columns: minmax(0, 1fr) minmax(380px, .92fr) !important;
}

.reshape-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(392px, .88fr) !important;
}

.profile-shell {
  grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr) !important;
}

.result-box,
.watermark-result,
.copy-output,
.consult-output {
  color: var(--mz-ink-soft) !important;
  background:
    linear-gradient(135deg, rgba(255, 253, 249, .92), rgba(246, 236, 226, .78)),
    radial-gradient(circle at 84% 0%, rgba(181, 138, 88, .12), transparent 22rem) !important;
}

.upload-box {
  min-height: 150px !important;
  background: linear-gradient(135deg, rgba(255, 253, 249, .96), rgba(248, 239, 230, .92)) !important;
}

.upload-icon {
  color: #fffaf4 !important;
  background: linear-gradient(145deg, var(--mz-rose), var(--mz-gold)) !important;
}

.profile-opening-price {
  padding: 16px !important;
  border-color: rgba(181, 138, 88, .24) !important;
  background: linear-gradient(135deg, rgba(255, 253, 249, .98), rgba(250, 239, 228, .88)) !important;
}

.profile-standard-price strong,
.profile-opening-price-grid strong,
.plan-quota span,
.price {
  color: var(--mz-rose-strong) !important;
}

.price-card.best-value {
  border-color: rgba(181, 138, 88, .46) !important;
  box-shadow: 0 20px 54px rgba(128, 91, 56, .16) !important;
}

.purchase-modal,
.account-settings-modal {
  background: rgba(38, 30, 24, .36) !important;
  backdrop-filter: blur(6px) !important;
}

.purchase-dialog,
.account-settings-dialog {
  max-width: min(760px, calc(100vw - 32px)) !important;
}

.purchase-summary,
.purchase-balance,
.payment-panel,
.account-settings-section {
  border-color: rgba(181, 138, 88, .18) !important;
  background: rgba(255, 250, 244, .84) !important;
}

@media (max-width: 1180px) {
  .app {
    grid-template-columns: 244px minmax(0, 1fr) !important;
  }

  .content {
    padding: 20px !important;
  }

  #dashboard .command-hero,
  .consult-layout,
  .copy-layout,
  .tool-layout,
  .reshape-workspace,
  .profile-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #dashboard .command-visual {
    min-height: 520px !important;
  }
}

@media (max-width: 720px) {
  body {
    font-size: 14px;
  }

  .app {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .sidebar {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 16px !important;
  }

  .content {
    padding: 16px !important;
  }

  .topbar {
    padding: 16px !important;
    align-items: stretch !important;
  }

  .topbar-command-center {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #authScreen {
    display: block !important;
    padding: 14px !important;
  }

  #authScreen .auth-copy {
    min-height: 260px !important;
    margin-bottom: 14px !important;
  }

  #authScreen .auth-panel {
    width: 100% !important;
    max-height: none !important;
    padding: 22px !important;
  }

  #dashboard .command-copy h2 {
    max-width: 100% !important;
    font-size: clamp(27px, 8vw, 34px) !important;
  }

  #dashboard .command-visual {
    min-height: auto !important;
    padding: 14px !important;
  }

  #dashboard .command-visual > img,
  #dashboard .visual-glass {
    display: none !important;
  }

  #dashboard .production-board {
    width: 100% !important;
    padding: 16px !important;
  }

  #dashboard .production-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #dashboard .production-tool-row {
    grid-template-columns: minmax(0, 1fr) minmax(58px, .36fr) minmax(58px, .36fr) !important;
    gap: 8px !important;
  }

  .hero-actions,
  .consult-actions,
  .result-actions,
  .purchase-actions,
  .account-settings-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .btn,
  .mini-btn,
  .link-btn,
  .consult-tabs button,
  .choice-item,
  .select-chip {
    min-height: 44px !important;
  }

  .purchase-dialog,
  .account-settings-dialog {
    width: min(100%, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 24px) !important;
    overflow-y: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Local auth visual alignment hotfix */
#authScreen.auth-screen:not(.hidden) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
  min-height: 100vh !important;
  padding: clamp(20px, 3vw, 44px) !important;
  overflow-x: hidden !important;
  background: #f8f1ea url("/assets/hero-clinic-suite.png") center / cover no-repeat !important;
}

#authScreen.auth-screen:not(.hidden)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(255, 250, 244, .86), rgba(255, 250, 244, .56) 45%, rgba(255, 250, 244, .82)),
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, .58), transparent 34%),
    radial-gradient(circle at 80% 76%, rgba(184, 122, 101, .18), transparent 30%) !important;
  pointer-events: none !important;
}

#authScreen .auth-copy {
  position: absolute !important;
  inset: clamp(18px, 2.4vw, 32px) !important;
  width: auto !important;
  max-width: none !important;
  min-height: auto !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: rgba(255, 253, 249, .2) !important;
  border: 1px solid rgba(139, 95, 78, .14) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42) !important;
}

#authScreen .auth-video,
#authScreen .auth-video-shade {
  display: none !important;
}

#authScreen .auth-copy .brand {
  position: absolute !important;
  left: clamp(36px, 5vw, 72px) !important;
  top: clamp(32px, 4vw, 58px) !important;
  width: max-content !important;
  max-width: calc(100vw - 72px) !important;
}

#authScreen .auth-hero-text {
  position: absolute !important;
  left: clamp(36px, 6vw, 96px) !important;
  bottom: clamp(120px, 15vh, 220px) !important;
  width: min(560px, calc(100vw - 720px)) !important;
  min-width: 460px !important;
  padding: 22px 28px !important;
  border-radius: 8px !important;
  background: rgba(255, 253, 249, .72) !important;
  border: 1px solid rgba(255, 255, 255, .62) !important;
  box-shadow: 0 18px 42px rgba(88, 62, 45, .08) !important;
  backdrop-filter: blur(10px) saturate(1.03) !important;
}

#authScreen .auth-copy h1 {
  font-size: clamp(34px, 3.2vw, 56px) !important;
  line-height: 1.08 !important;
}

#authScreen .auth-copy p {
  font-size: clamp(15px, 1.1vw, 18px) !important;
  line-height: 1.8 !important;
}

#authScreen .hero-tags {
  position: absolute !important;
  left: clamp(36px, 5vw, 72px) !important;
  bottom: clamp(42px, 6vw, 72px) !important;
  width: auto !important;
}

#authScreen .auth-panel {
  position: relative !important;
  z-index: 3 !important;
  justify-self: end !important;
  margin-right: clamp(28px, 5vw, 92px) !important;
  width: min(460px, calc(100vw - 48px)) !important;
  max-height: min(760px, calc(100vh - 88px)) !important;
  padding: clamp(30px, 3vw, 42px) !important;
  border-radius: 8px !important;
  background: rgba(255, 253, 249, .91) !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  box-shadow: 0 26px 70px rgba(77, 54, 39, .2) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
}

#authScreen .auth-panel h2 {
  font-size: clamp(29px, 2vw, 36px) !important;
}

#authScreen .auth-panel .field {
  padding: 12px 14px !important;
}

#authScreen .auth-panel input {
  min-height: 52px !important;
}

#authScreen .password-field-control {
  grid-template-columns: minmax(0, 1fr) 52px !important;
}

#authScreen .password-toggle {
  width: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
}

#authScreen .auth-panel .btn {
  min-height: 54px !important;
}

@media (max-width: 1180px) {
  #authScreen .auth-hero-text {
    width: min(520px, calc(100vw - 580px)) !important;
    min-width: 360px !important;
    left: clamp(28px, 4vw, 58px) !important;
  }

  #authScreen .auth-panel {
    margin-right: clamp(18px, 3vw, 42px) !important;
  }
}

@media (max-width: 900px) {
  #authScreen.auth-screen:not(.hidden) {
    display: block !important;
    padding: 14px !important;
  }

  #authScreen .auth-copy {
    position: relative !important;
    inset: auto !important;
    min-height: 300px !important;
    margin-bottom: 14px !important;
  }

  #authScreen .auth-copy .brand {
    left: 22px !important;
    top: 22px !important;
  }

  #authScreen .auth-hero-text {
    left: 22px !important;
    right: 22px !important;
    bottom: 58px !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 16px !important;
  }

  #authScreen .hero-tags {
    display: none !important;
  }

  #authScreen .auth-panel {
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
  }
}

#authScreen.auth-screen.hidden {
  display: none !important;
}