/*
 * Page-level tokens shared across sections: the section frame, section
 * typography, inline code chips, the tile spotlight, the shared success mark,
 * and the check-in keyframe used by both the checks card and the replica's
 * status bar. Global by necessity: each rule applies to markup rendered by
 * more than one section component.
 */

section {
  position: relative;
  padding: 112px 0;
  border-top: 1px solid var(--border);
}

.section-title {
  font-size: clamp(30px, 3.9vw, 46px);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.06;
  margin-bottom: 18px;
  max-width: 18ch;
  text-wrap: balance;
}

.section-lede {
  color: var(--fg-muted);
  font-size: 17px;
  max-width: 62ch;
  line-height: 1.6;
  letter-spacing: -0.005em;
}

.section-lede code,
.cta-note code {
  font-family: var(--font-mono);
  font-size: 0.85em;
  padding: 1px 6px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border);
}

/* Cursor lighting on every tile. Costs one custom property write. */
.tile::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: radial-gradient(
    340px circle at var(--mx, 50%) var(--my, 0%),
    color-mix(in srgb, var(--accent) 9%, transparent),
    transparent 65%
  );
}

.tile:hover::after {
  opacity: 1;
}

/* One glyph for every state that came out right. It rests drawn, so a
   browser without scroll timelines still shows a finished checkmark. */
.tick {
  width: 12px;
  height: 12px;
  flex: none;
  overflow: visible;
}

.tick path {
  fill: none;
  stroke: var(--ok);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}

/* The generic "row arrives" scrub, shared by the checks list, the operator
   chips, the status bar's projection pill, and the chart's stop-hold label.
   Global because no single component owns every referencing rule. */
@keyframes check-in {
  from { opacity: 0.12; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 820px) {
  section {
    padding: 76px 0;
  }

  /* Scoped up one ancestor (.main) because imported stylesheets bundle
     before the layout's own .container rule; the extra class keeps this
     override winning regardless of bundle order. Same elements, same
     values as the original page-level rule. */
  .main .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-title {
    max-width: none;
  }
}
:root {
    --bg: #09090b;
    --bg-elev: #0c0c0e;
    --bg-card: #111113;
    --fg: #fafafa;
    --fg-muted: #b1b1b9;
    --fg-dim: #7e7e88;
    --fg-faint: #55555e;
    --border: rgba(255, 255, 255, 0.09);
    --border-strong: rgba(255, 255, 255, 0.17);
    --accent-h: 160;
    --accent: oklch(0.75 0.15 var(--accent-h));
    --accent-dim: oklch(0.75 0.15 var(--accent-h) / 0.16);
    /* The app's own dark-theme trading inks (see apps/web/src/trading.css):
       profit and loss matched on lightness and chroma, separated by hue, and
       the armed amber one step down from amber-400. The site quotes the
       product, so it wears the product's colours. */
    --ok: oklch(0.72 0.15 152);
    --warn: oklch(0.78 0.125 78);
    --loss: oklch(0.66 0.18 27);
    /* The app's --color-info: wedge ink and open-state token ink. */
    --chart-blue: oklch(62.3% 0.214 259.815);
    /* The app's --primary: the agent-log progress fill (bg-primary). The app
       uses two different blues; --chart-blue and --chart-primary keep them
       apart. */
    --chart-primary: oklch(0.571 0.21 264);
    /* The app's panel-scoped --foreground override (92.2% inside
       .mission-panel); window chrome stays at --fg's 97%. */
    --fg-panel: oklch(0.922 0 0);
    --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
  }

  /* Cockpit-only ink overrides. The page-wide --fg/--fg-muted/--border above
     are shared with the marketing sections (hero, rails, CTA), so the app's
     resolved values are scoped to the replica window instead of repointing
     the globals. Byte-for-byte the app's dark tokens:
     --foreground 97%, --muted-foreground, --border. Card borders at 12% are
     the panel-glass override and live in index.astro. */
  .appwin {
    --fg: oklch(0.97 0 0);
    --fg-muted: color-mix(in srgb, oklch(55.6% 0 0) 90%, #fff);
    --border: color-mix(in oklab, #fff 6%, transparent);
  }

  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  html {
    color-scheme: dark;
    scroll-behavior: smooth;
  }

  body {
    background: var(--bg);
    color: var(--fg);
    font-family: var(--font-sans);
    font-feature-settings: "ss01", "ss02";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100dvh;
    overflow-x: hidden;
    line-height: 1.5;
  }

  body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: 0.035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 256px 256px;
    z-index: 9999;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  button {
    font-family: inherit;
    cursor: pointer;
    border: 0;
    background: none;
    color: inherit;
  }

  img,
  svg {
    display: block;
    max-width: 100%;
  }

  .eyebrow {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fg-dim);
    font-weight: 500;
  }

  .display {
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.05;
  }

  .container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 32px;
  }

  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 18px;
    border-radius: 8px;
    transition: transform 0.18s ease, background 0.18s ease,
      border-color 0.18s ease, color 0.18s ease;
    white-space: nowrap;
  }

  /* The primary action wears the product's profit green: it is the one
     saturated surface on the page, so it reads as the destination. */
  .btn-primary {
    background: linear-gradient(180deg, oklch(0.8 0.15 160), oklch(0.7 0.15 160));
    color: #04120b;
    font-weight: 600;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.32),
      0 10px 28px -12px color-mix(in srgb, var(--accent) 55%, transparent);
  }

  .btn-primary:hover {
    transform: translateY(-1px);
    background: linear-gradient(180deg, oklch(0.83 0.15 160), oklch(0.73 0.15 160));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.36),
      0 14px 34px -12px color-mix(in srgb, var(--accent) 65%, transparent);
  }

  .btn-primary:active {
    transform: translateY(0);
  }

  .btn-ghost {
    color: var(--fg-muted);
    border: 1px solid var(--border);
    background: transparent;
  }

  .btn-ghost:hover {
    color: var(--fg);
    border-color: var(--border-strong);
    background: rgba(255, 255, 255, 0.02);
  }

  .btn-lg {
    padding: 14px 22px;
    font-size: 15px;
    border-radius: 10px;
  }

  /* One material for every raised surface: a top-edge highlight that reads
     as a lit bevel, and a shadow tinted to the page rather than pure black.
     Radius scale is fixed at 8 for inputs and chips, 12 for tiles, 16 for
     the console panels, and full for pills. */
  .tile {
    position: relative;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.005) 40%),
      rgba(10, 10, 12, 0.5);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 24px 48px -32px rgba(0, 0, 0, 0.85);
    overflow: hidden;
  }

  :focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 4px;
  }

  /* Visually hidden, screen-reader real: the text alternatives for the
     replica's decorative surfaces (positions table, status bar). */
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }

  @keyframes fade-in {
    from {
      opacity: 0;
      transform: translateY(8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes pulse {
    50% { opacity: 0.4; }
  }

  @keyframes blink {
    50% { opacity: 0; }
  }

  /* ── Scroll-driven motion layer ─────────────────────────────
     Every scrubbed animation on this site runs on a CSS scroll or view
     timeline, so progress tracks the wheel or the finger directly instead of
     a JS scroll listener. Browsers without the feature fall through to the
     resting state, which is the finished frame of every animation. */

  @keyframes scrub-rise {
    from { opacity: 0; transform: translateY(28px); }
    to { opacity: 1; transform: none; }
  }

  @keyframes scrub-word {
    from { opacity: 0.06; transform: translateY(0.32em); }
    to { opacity: 1; transform: none; }
  }

  @keyframes scrub-draw {
    to { stroke-dashoffset: 0; }
  }

  @media (prefers-reduced-motion: no-preference) {
    @supports (animation-timeline: view()) {
      /* Generic "arrive as it enters" scrub. Communicates reading order. */
      .scrub {
        animation: scrub-rise linear both;
        animation-timeline: view();
        animation-range: entry 8% cover 32%;
      }

      /* Headlines resolve word by word, so the wheel literally reveals the
         sentence. Each word carries its own range via an inline --d offset. */
      .kinetic > span {
        display: inline-block;
        animation: scrub-word linear both;
        animation-timeline: view();
        animation-range: entry 12% cover 40%;
        animation-delay: 0s;
      }
    }
  }.page[data-astro-cid-ju4pidww] {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow-x: clip;
}

.scroll-tape[data-astro-cid-ju4pidww] {
  position: fixed;
  inset: 0 0 auto;
  height: 2px;
  z-index: 60;
  pointer-events: none;
  background: #ffffff0d;
}

.scroll-tape-fill[data-astro-cid-ju4pidww] {
  display: block;
  height: 100%;
  width: 100%;
  transform-origin: 0;
  transform: scaleX(0);
  background: linear-gradient(90deg, var(--fg-faint), var(--accent));
}

.spine[data-astro-cid-ju4pidww] {
  position: fixed;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 24px;
  z-index: 1;
  pointer-events: none;
  display: none;
}

.spine[data-astro-cid-ju4pidww] svg[data-astro-cid-ju4pidww] {
  width: 24px;
  height: 100%;
}

.spine-line[data-astro-cid-ju4pidww] {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  opacity: .55;
}

.spine-node[data-astro-cid-ju4pidww] {
  opacity: 1;
}

@media (width >= 1081px) {
  .spine[data-astro-cid-ju4pidww] {
    display: block;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .spine-line[data-astro-cid-ju4pidww] {
      stroke-dashoffset: 1px;
      animation: linear both spine-draw;
      animation-timeline: scroll(root);
      animation-range: 0% 97%;
    }

    .spine-node[data-astro-cid-ju4pidww] {
      opacity: 0;
      animation: linear both spine-resolve;
      animation-timeline: scroll(root);
      animation-range: 95% 98%;
    }

    @keyframes spine-draw {
      to {
        stroke-dashoffset: 0;
      }
    }

    @keyframes spine-resolve {
      to {
        opacity: 1;
      }
    }
  }
}

.nav[data-astro-cid-ju4pidww] {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: color-mix(in srgb, var(--bg) 75%, transparent);
  border-bottom: 1px solid #0000;
  transition: border-color .3s;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .scroll-tape-fill[data-astro-cid-ju4pidww] {
      animation: linear both tape-fill;
      animation-timeline: scroll(root);
    }

    .nav[data-astro-cid-ju4pidww] {
      animation: step-end both nav-settle;
      animation-timeline: scroll(root);
      animation-range: 0 24px;
    }
  }
}

@keyframes tape-fill {
  to {
    transform: scaleX(1);
  }
}

@keyframes nav-settle {
  to {
    border-bottom-color: var(--border);
  }
}

.nav-inner[data-astro-cid-ju4pidww] {
  max-width: 1240px;
  margin: 0 auto;
  padding: 12px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.nav-brand[data-astro-cid-ju4pidww] {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  color: var(--fg);
  transition: color .2s;
}

.nav-brand[data-astro-cid-ju4pidww]:hover {
  color: #fff;
}

.nav-brand-name[data-astro-cid-ju4pidww] {
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -.025em;
  line-height: 1;
}

.nav-brand-tag[data-astro-cid-ju4pidww] {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--fg-dim);
}

.nav-right[data-astro-cid-ju4pidww] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nav-github[data-astro-cid-ju4pidww] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #ffffff05;
  color: var(--fg-muted);
  font-size: 13px;
  letter-spacing: -.01em;
  white-space: nowrap;
  transition: color .18s, border-color .18s, background .18s;
}

.nav-github[data-astro-cid-ju4pidww]:hover {
  color: var(--fg);
  border-color: var(--border-strong);
  background: #ffffff0a;
}

.main[data-astro-cid-ju4pidww] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.footer[data-astro-cid-ju4pidww] {
  margin-top: auto;
  border-top: 1px solid var(--border);
  padding: 40px 0 32px;
}

.footer-inner[data-astro-cid-ju4pidww] {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
}

.footer-brand[data-astro-cid-ju4pidww] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--fg-dim);
}

.footer-links[data-astro-cid-ju4pidww] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 20px;
}

.footer-links[data-astro-cid-ju4pidww] a[data-astro-cid-ju4pidww] {
  font-size: 13px;
  color: var(--fg-dim);
  transition: color .2s;
}

.footer-links[data-astro-cid-ju4pidww] a[data-astro-cid-ju4pidww]:hover {
  color: var(--fg);
}

@media (width <= 820px) {
  .nav-inner[data-astro-cid-ju4pidww], .footer-inner[data-astro-cid-ju4pidww] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer[data-astro-cid-ju4pidww] {
    padding-bottom: max(32px, env(safe-area-inset-bottom));
  }

  .footer-inner[data-astro-cid-ju4pidww] {
    align-items: flex-start;
    flex-direction: column;
    gap: 28px;
  }

  .footer-links[data-astro-cid-ju4pidww] {
    justify-content: flex-start;
  }
}
.sec-arming[data-astro-cid-vmosdllq] {
  padding-bottom: 0;
  background: linear-gradient(#08080a, #070708);
}

.arming-copy[data-astro-cid-vmosdllq] {
  padding-bottom: 56px;
}

.arming-band[data-astro-cid-vmosdllq] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-block: 1px solid var(--border);
  margin-right: calc(50% - 50vw);
  background: linear-gradient(#ffffff06, #0000);
}

.arming-half[data-astro-cid-vmosdllq] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 26px 0 26px 32px;
}

.arming-half--armed[data-astro-cid-vmosdllq] {
  padding-left: 32px;
  padding-right: 32px;
  border-left: 1px solid var(--border);
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ok) 4%, transparent) 55%);
}

.arming-state[data-astro-cid-vmosdllq] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.arming-dot[data-astro-cid-vmosdllq] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.arming-state--safe[data-astro-cid-vmosdllq] {
  color: var(--fg-muted);
}

.arming-state--safe[data-astro-cid-vmosdllq] .arming-dot[data-astro-cid-vmosdllq] {
  background: var(--fg-dim);
}

.arming-state--armed[data-astro-cid-vmosdllq] {
  color: var(--ok);
}

.arming-state--armed[data-astro-cid-vmosdllq] .arming-dot[data-astro-cid-vmosdllq] {
  background: var(--ok);
  opacity: 1;
}

.arming-desc[data-astro-cid-vmosdllq] {
  color: var(--fg-muted);
  font-size: 14px;
  line-height: 1.5;
  max-width: 44ch;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .arming-band[data-astro-cid-vmosdllq] {
      view-timeline-name: --arming;
      view-timeline-axis: block;
    }

    .arming-state--armed[data-astro-cid-vmosdllq] .arming-dot[data-astro-cid-vmosdllq] {
      animation: linear both arming-light;
      animation-timeline: --arming;
      animation-range: cover 22% cover 42%;
    }

    .arming-half--armed[data-astro-cid-vmosdllq] {
      animation: linear both arming-wake;
      animation-timeline: --arming;
      animation-range: cover 22% cover 42%;
    }

    @keyframes arming-light {
      from {
        opacity: .25;
        box-shadow: none;
      }

      to {
        opacity: 1;
        box-shadow: 0 0 10px color-mix(in srgb, var(--ok) 55%, transparent);
      }
    }

    @keyframes arming-wake {
      from {
        background: linear-gradient(90deg, #0000, #0000);
      }

      to {
        background: linear-gradient(90deg,
            transparent,
            color-mix(in srgb, var(--ok) 4%, transparent) 55%);
      }
    }
  }
}

@media (width <= 820px) {
  .arming-band[data-astro-cid-vmosdllq] {
    grid-template-columns: 1fr;
  }

  .arming-half[data-astro-cid-vmosdllq] {
    padding: 20px;
  }

  .arming-half--armed[data-astro-cid-vmosdllq] {
    border-left: 0;
    border-top: 1px solid var(--border);
  }
}
.sec-capture[data-astro-cid-ljjeuige] {
  padding: 96px 0;
}

.capture-inner[data-astro-cid-ljjeuige] {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
}

.capture-title[data-astro-cid-ljjeuige] {
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.05;
  color: var(--fg);
  max-width: 22ch;
}

.capture-lede[data-astro-cid-ljjeuige] {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--fg-dim);
  max-width: 58ch;
}

.capture-frame[data-astro-cid-ljjeuige] {
  margin: 40px 0 0;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-elev);
  padding: 8px;
  box-shadow: 0 24px 60px -32px #000c;
}

.capture-frame[data-astro-cid-ljjeuige] img[data-astro-cid-ljjeuige] {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2812 / 1560;
  border-radius: calc(var(--radius) - 4px);
}

@media (width <= 639px) {
  .capture-inner[data-astro-cid-ljjeuige] {
    padding: 0 20px;
  }

  .capture-frame[data-astro-cid-ljjeuige] {
    padding: 6px;
  }

  .capture-frame[data-astro-cid-ljjeuige] img[data-astro-cid-ljjeuige] {
    aspect-ratio: 712 / 1964;
  }
}

.capture-caption[data-astro-cid-ljjeuige] {
  margin-top: 14px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-dim);
  max-width: 70ch;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .capture-frame[data-astro-cid-ljjeuige] {
      animation: linear both capture-rise;
      animation-timeline: view();
      animation-range: entry 8% cover 30%;
    }

    @keyframes capture-rise {
      from {
        opacity: .35;
        translate: 0 28px;
      }
    }
  }
}
.sec-checks[data-astro-cid-ijomoza6] {
  padding: 0;
  background: #08080a;
}

.checks-scroller[data-astro-cid-ijomoza6] {
  min-height: 0;
}

.checks-sticky[data-astro-cid-ijomoza6] {
  padding: 92px 0 104px;
}

.checks-inner[data-astro-cid-ijomoza6] {
  display: grid;
  grid-template-columns: 1fr 1.02fr;
  gap: 64px;
  align-items: center;
}

.rail-list[data-astro-cid-ijomoza6] {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 28px;
}

.rail-list[data-astro-cid-ijomoza6] li[data-astro-cid-ijomoza6] {
  color: var(--fg-muted);
  font-size: 15px;
  line-height: 1.55;
  padding-left: 18px;
  border-left: 2px solid color-mix(in srgb, var(--accent) 35%, transparent);
}

.rail-list[data-astro-cid-ijomoza6] strong[data-astro-cid-ijomoza6] {
  color: var(--fg);
  font-weight: 500;
}

.preview-card[data-astro-cid-ijomoza6] {
  padding: 20px;
  background: #09090bb3;
}

@media (width >= 1081px) {
  .checks-visual[data-astro-cid-ijomoza6] {
    margin-right: calc(50% - 50vw);
    padding-right: 32px;
  }
}

.preview-head[data-astro-cid-ijomoza6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.preview-title[data-astro-cid-ijomoza6] {
  font-family: var(--font-mono);
  font-size: 13px;
}

.preview-tally[data-astro-cid-ijomoza6] {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--accent);
}

.tally-window[data-astro-cid-ijomoza6] {
  display: block;
  height: 1.25em;
  overflow: hidden;
}

.tally-reel[data-astro-cid-ijomoza6] {
  display: block;
  transform: translateY(-17.5em);
}

.tally-reel[data-astro-cid-ijomoza6] span[data-astro-cid-ijomoza6] {
  display: block;
  height: 1.25em;
  line-height: 1.25em;
  font-variant-numeric: tabular-nums;
  text-align: right;
  min-width: 2ch;
}

.tally-total[data-astro-cid-ijomoza6] {
  color: var(--fg-dim);
  font-size: 11px;
}

.preview-list[data-astro-cid-ijomoza6] {
  list-style: none;
  display: flex;
  flex-direction: column;
}

.preview-list[data-astro-cid-ijomoza6] li[data-astro-cid-ijomoza6] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px dashed var(--border);
  font-family: var(--font-mono);
  font-size: 12px;
}

.preview-list[data-astro-cid-ijomoza6] li[data-astro-cid-ijomoza6] .pass-mark {
  color: var(--ok);
  flex-shrink: 0;
}

.preview-check-label[data-astro-cid-ijomoza6] {
  color: var(--fg-muted);
  flex: 1;
}

.preview-check-detail[data-astro-cid-ijomoza6] {
  color: var(--fg-dim);
  font-size: 11px;
}

.preview-verdict[data-astro-cid-ijomoza6] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

.preview-stamp[data-astro-cid-ijomoza6] {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent);
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
  border-radius: 999px;
}

.preview-verdict-note[data-astro-cid-ijomoza6] {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-dim);
}

.controls-strip[data-astro-cid-ijomoza6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
}

.controls-strip-label[data-astro-cid-ijomoza6] {
  font-size: 12px;
  color: var(--fg-dim);
  margin-right: 4px;
}

.control-chip[data-astro-cid-ijomoza6] {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-muted);
  padding: 4px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #ffffff05;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .checks-scroller[data-astro-cid-ijomoza6] {
      view-timeline-name: --checks;
      view-timeline-axis: block;
    }

    .preview-list[data-astro-cid-ijomoza6] li[data-astro-cid-ijomoza6] {
      animation: linear both check-in;
      animation-timeline: --checks;
    }

    .tally-reel[data-astro-cid-ijomoza6] {
      animation: steps(14, end) both tally-count;
      animation-timeline: --checks;
      animation-range: cover 16% cover 56%;
    }

    @keyframes tally-count {
      from {
        transform: translateY(0);
      }

      to {
        transform: translateY(-17.5em);
      }
    }

    .preview-stamp[data-astro-cid-ijomoza6] {
      animation: linear both stamp-land;
      animation-timeline: --checks;
      animation-range: cover 56% cover 64%;
    }

    .preview-verdict-note[data-astro-cid-ijomoza6] {
      animation: linear both check-in;
      animation-timeline: --checks;
      animation-range: cover 60% cover 68%;
    }

    @keyframes stamp-land {
      from {
        opacity: 0;
        transform: scale(1.4) rotate(-5deg);
      }

      to {
        opacity: 1;
        transform: none;
      }
    }

    .control-chip[data-astro-cid-ijomoza6] {
      animation: linear both check-in;
      animation-timeline: --checks;
    }
  }
}

@media (width <= 1080px) {
  .checks-inner[data-astro-cid-ijomoza6] {
    grid-template-columns: 1fr;
    gap: 44px;
  }
}

@media (width <= 820px) {
  .sec-checks[data-astro-cid-ijomoza6] {
    padding: 0;
  }

  .checks-sticky[data-astro-cid-ijomoza6] {
    padding: 60px 0 76px;
  }
}
.sec-cta[data-astro-cid-y3m7tdo3] {
  text-align: center;
  padding: 130px 0;
  position: relative;
  overflow: hidden;
}

.sec-cta[data-astro-cid-y3m7tdo3]:before {
  content: "";
  position: absolute;
  inset: auto 0 -50%;
  height: 60%;
  background: radial-gradient(ellipse at center, var(--accent-dim) 0%, transparent 60%);
  pointer-events: none;
  opacity: .6;
}

.cta-inner[data-astro-cid-y3m7tdo3] {
  position: relative;
}

.cta-title[data-astro-cid-y3m7tdo3] {
  font-size: clamp(38px, 5.6vw, 66px);
}

.cta-sub[data-astro-cid-y3m7tdo3] {
  color: var(--fg-muted);
  font-size: 18px;
  max-width: 520px;
  margin: 20px auto 34px;
  line-height: 1.55;
  letter-spacing: -.005em;
}

.cta-actions[data-astro-cid-y3m7tdo3] {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.cta-release[data-astro-cid-y3m7tdo3] {
  margin-top: 18px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-dim);
  letter-spacing: .02em;
}

.cta-release[data-astro-cid-y3m7tdo3] span[data-astro-cid-y3m7tdo3] {
  color: var(--fg-muted);
}

.cta-install-label[data-astro-cid-y3m7tdo3] {
  margin: 26px 0 8px;
  color: var(--fg-dim);
  font-size: 12px;
  letter-spacing: .02em;
}

.cta-install[data-astro-cid-y3m7tdo3] {
  margin: 0 auto;
  max-width: 640px;
  overflow-x: auto;
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #00000040;
  text-align: left;
}

.cta-install[data-astro-cid-y3m7tdo3] code[data-astro-cid-y3m7tdo3] {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-muted);
  white-space: pre;
}

.cta-install--sm[data-astro-cid-y3m7tdo3] {
  margin-top: 14px;
  max-width: 560px;
}

.cta-note[data-astro-cid-y3m7tdo3] {
  margin: 26px auto 0;
  max-width: 560px;
  color: var(--fg-dim);
  font-size: 13px;
  line-height: 1.6;
}

.cta-note[data-astro-cid-y3m7tdo3] a[data-astro-cid-y3m7tdo3] {
  color: var(--fg-muted);
  text-decoration: underline;
  text-decoration-color: #a1a1aa66;
  text-underline-offset: 3px;
}

.cta-note[data-astro-cid-y3m7tdo3] a[data-astro-cid-y3m7tdo3]:hover {
  color: var(--fg);
  text-decoration-color: var(--fg);
}

@media (width <= 820px) {
  .sec-cta[data-astro-cid-y3m7tdo3] {
    padding: 96px 0;
  }
}
.sec-harness[data-astro-cid-qbnt7265] {
  background: radial-gradient(ellipse 60% 40% at 80% 0%, #ffffff05, transparent 70%),
      linear-gradient(180deg, #0a0a0c, var(--bg));
}

.switch[data-astro-cid-qbnt7265] {
  margin-top: 48px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: linear-gradient(#ffffff05, #0000);
  overflow: hidden;
}

.switch-input[data-astro-cid-qbnt7265] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.switch-tabs[data-astro-cid-qbnt7265] {
  display: flex;
  border-bottom: 1px solid var(--border);
  overflow-x: auto;
}

.switch-tab[data-astro-cid-qbnt7265] {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 14px 18px;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -.01em;
  color: var(--fg-dim);
  white-space: nowrap;
  cursor: pointer;
  border-right: 1px solid var(--border);
  transition: color .18s, background .18s;
}

.switch-tab[data-astro-cid-qbnt7265]:last-child {
  border-right: 0;
}

.switch-tab[data-astro-cid-qbnt7265]:hover {
  color: var(--fg-muted);
  background: #ffffff05;
}

.switch-tab[data-astro-cid-qbnt7265] img[data-astro-cid-qbnt7265] {
  width: 18px;
  height: 18px;
  object-fit: contain;
  opacity: .75;
}

.switch-panel-wrap[data-astro-cid-qbnt7265] {
  display: flex;
}

.switch-panel[data-astro-cid-qbnt7265] {
  display: none;
  flex: 1;
  align-items: center;
  gap: 18px;
  padding: 20px 22px;
}

.switch-cmd[data-astro-cid-qbnt7265] {
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--fg-muted);
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  background: #00000059;
  border: 1px solid var(--border);
  overflow-x: auto;
  white-space: nowrap;
}

.switch-tag[data-astro-cid-qbnt7265] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fg-dim);
}

.switch-tag--trades[data-astro-cid-qbnt7265] {
  color: var(--ok);
}

.switch-input[data-astro-cid-qbnt7265]:first-of-type:checked ~ .switch-tabs[data-astro-cid-qbnt7265] .switch-tab[data-astro-cid-qbnt7265]:first-of-type, .switch-input[data-astro-cid-qbnt7265]:nth-of-type(2):checked ~ .switch-tabs[data-astro-cid-qbnt7265] .switch-tab[data-astro-cid-qbnt7265]:nth-of-type(2), .switch-input[data-astro-cid-qbnt7265]:nth-of-type(3):checked ~ .switch-tabs[data-astro-cid-qbnt7265] .switch-tab[data-astro-cid-qbnt7265]:nth-of-type(3), .switch-input[data-astro-cid-qbnt7265]:nth-of-type(4):checked ~ .switch-tabs[data-astro-cid-qbnt7265] .switch-tab[data-astro-cid-qbnt7265]:nth-of-type(4), .switch-input[data-astro-cid-qbnt7265]:nth-of-type(5):checked ~ .switch-tabs[data-astro-cid-qbnt7265] .switch-tab[data-astro-cid-qbnt7265]:nth-of-type(5) {
  color: var(--fg);
  background: #ffffff0b;
  box-shadow: inset 0 -2px 0 var(--accent);
}

.switch-input[data-astro-cid-qbnt7265]:first-of-type:checked ~ .switch-panel-wrap[data-astro-cid-qbnt7265] .switch-panel[data-astro-cid-qbnt7265]:first-of-type, .switch-input[data-astro-cid-qbnt7265]:nth-of-type(2):checked ~ .switch-panel-wrap[data-astro-cid-qbnt7265] .switch-panel[data-astro-cid-qbnt7265]:nth-of-type(2), .switch-input[data-astro-cid-qbnt7265]:nth-of-type(3):checked ~ .switch-panel-wrap[data-astro-cid-qbnt7265] .switch-panel[data-astro-cid-qbnt7265]:nth-of-type(3), .switch-input[data-astro-cid-qbnt7265]:nth-of-type(4):checked ~ .switch-panel-wrap[data-astro-cid-qbnt7265] .switch-panel[data-astro-cid-qbnt7265]:nth-of-type(4), .switch-input[data-astro-cid-qbnt7265]:nth-of-type(5):checked ~ .switch-panel-wrap[data-astro-cid-qbnt7265] .switch-panel[data-astro-cid-qbnt7265]:nth-of-type(5) {
  display: inline-flex;
}

.switch[data-astro-cid-qbnt7265]:has(.switch-input:first-of-type:focus-visible) .switch-tab[data-astro-cid-qbnt7265]:first-of-type, .switch[data-astro-cid-qbnt7265]:has(.switch-input:nth-of-type(2):focus-visible) .switch-tab[data-astro-cid-qbnt7265]:nth-of-type(2), .switch[data-astro-cid-qbnt7265]:has(.switch-input:nth-of-type(3):focus-visible) .switch-tab[data-astro-cid-qbnt7265]:nth-of-type(3), .switch[data-astro-cid-qbnt7265]:has(.switch-input:nth-of-type(4):focus-visible) .switch-tab[data-astro-cid-qbnt7265]:nth-of-type(4), .switch[data-astro-cid-qbnt7265]:has(.switch-input:nth-of-type(5):focus-visible) .switch-tab[data-astro-cid-qbnt7265]:nth-of-type(5) {
  color: var(--fg);
  box-shadow: inset 0 -2px 0 var(--accent);
}

@media (width <= 820px) {
  .switch-panel[data-astro-cid-qbnt7265] {
    flex-wrap: wrap;
    gap: 12px;
  }
}
/*
 * GENERATED by scripts/extract-app-tokens.mjs from apps/web/src/index.css
 * and apps/web/src/trading.css. DO NOT EDIT: rerun the script instead.
 * Values are the app's dark-mode resolution (the replica is dark-only).
 * Var chains, --alpha(), calc(), and Tailwind palette references are
 * resolved to literals a browser can use standalone.
 */
:root {
  --app-background: oklch(14.5% 0 0); /* from Tailwind neutral-950 */
  --app-card: color-mix(in srgb, oklch(14.5% 0 0) 97%, #fff); /* from Tailwind white, neutral-950 */
  --app-foreground: oklch(97% 0 0); /* from Tailwind neutral-100 */
  --app-muted-foreground: color-mix(in srgb, oklch(55.6% 0 0) 90%, #fff); /* from Tailwind neutral-500, white */
  --app-border: rgb(255 255 255 / 6%); /* from Tailwind white */
  --app-primary: oklch(0.571 0.21 264);
  --app-info: oklch(62.3% 0.214 259.815); /* from Tailwind blue-500 */
  --app-profit: oklch(0.72 0.15 152);
  --app-loss: oklch(0.66 0.18 27);
  --app-long: oklch(0.72 0.15 152);
  --app-short: oklch(0.66 0.18 27);
  --app-armed: oklch(0.78 0.125 78);
  --app-radius: 0.625rem;
  --app-radius-sm: 0.375rem;
  --app-radius-md: 0.5rem;
  --app-radius-lg: 0.625rem;
  --app-radius-xl: 0.875rem;
  --app-mission-chart-wash-top: 0.13;
  --app-mission-chart-wash-mid: 0.04;
  --app-mission-chart-wedge-near: 0.13;
  --app-mission-chart-wedge-far: 0.04;
  --app-mission-panel-surface: color-mix(in srgb, oklch(14.5% 0 0) 97%, #fff); /* mission-panel-glass dark; the app's --card straight, nothing mixed in; from Tailwind white, neutral-950 */
  --app-mission-panel-outline: rgb(255 255 255 / 12%); /* mission-panel-glass dark */
  --app-mission-panel-opacity: 58%; /* mission-panel-glass dark */
  --app-mission-panel-bevel: rgb(255 255 255 / 9%); /* mission-panel-glass dark */
  --app-mission-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 9%), 0 16px 36px -24px rgb(0 0 0 / 80%); /* mission-panel-glass dark box-shadow, bevel resolved */
  --app-glass-blur: 16px; /* index.css :root @variant dark */
  --app-glass-saturation: 1.08; /* index.css :root @variant dark */

  /* Font stacks mirroring the app's @theme --font-sans/--font-mono
   * (apps/web/src/index.css), byte for byte. */
  --app-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --app-font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}
/*
 * Replica-shared machinery, imported by replica components only
 * (replica/Window.astro imports it once). Everything here is CSS that either
 * targets markup rendered by more than one replica component (the card glass,
 * the status and PnL reels, the sidebar icon sizes) or rides the one mission
 * scroll timeline with selector lists that span components. It is global on
 * purpose: Astro scoping would strand the cross-component selectors, and the
 * equal-specificity pairs (for example .side-ico before .sb-ext-ico) keep
 * their original source order so the cascade does not move. Per-surface
 * styling lives in each component's own scoped <style>.
 */

/* The panel's cards: the app's own dark glass, every value from the
   generated token bridge (app-tokens.generated.css). Shared by the chart,
   positions, and log cards. */
.console-chart,
.pos-card,
.log-card {
  position: relative;
  border: 1px solid var(--app-mission-panel-outline);
  border-radius: var(--app-radius-xl);
  background: color-mix(in srgb, var(--app-mission-panel-surface) var(--app-mission-panel-opacity), transparent);
  box-shadow: var(--app-mission-panel-shadow);
  backdrop-filter: blur(var(--app-glass-blur)) saturate(var(--app-glass-saturation));
  min-width: 0;
}

/* Solid fallback: without transparency the panes sit on the app's card
   surface itself, so the transcript behind the glass reads as card texture
   instead of vanishing. */
@media (prefers-reduced-transparency: reduce) {
  .console-chart,
  .pos-card,
  .log-card,
  .statusbar {
    background: var(--app-mission-panel-surface);
    backdrop-filter: none;
  }
}

.card-legend {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-muted);
}

/* ── The status reel ──────────────────────────────────────────────────────
   Shared by the sidebar's live row, the topbar capsule, and the status bar.
   The sidebar's own 16px twin overrides live in Sidebar.astro at higher
   specificity. */
.status-window {
  display: block;
  height: 1.5em;
  overflow: hidden;
}

/* The reel is two elements: a static 1.5em crop (this rule) and the
   moving track inside it. The app's labels are single-line spans; the
   crop makes the stepped replay measure the same one line tall. */
.status-reel {
  display: block;
  height: 1.5em;
  overflow: hidden;
}

.status-track {
  display: block;
  /* Rests on the settled state for browsers without scroll timelines. */
  transform: translateY(-4.5em);
}

.status-step {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 1.5em;
  color: var(--fg-dim);
  white-space: nowrap;
}

.status-step--armed { color: var(--warn); }
.status-step--long { color: var(--ok); }
.status-step--won { color: var(--ok); }

.status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex: none;
  background: currentColor;
}

.status-dot--wait { background: var(--fg-faint); }

/* ── The PnL / ROI / mark / percent reels ─────────────────────────────────
   Same cropper pattern as the status reels: the *-reel class is a static
   single-line crop, the .pnl-track strip inside it moves. Shared by the
   chart header and chips, the positions card, and the agent log. */
.pnl-window {
  display: block;
  height: 1.3em;
  overflow: hidden;
}

.pnl-reel,
.pct-reel,
.mark-reel,
.roi-reel {
  display: block;
  height: 1.3em;
  overflow: hidden;
}

/* Rests on the final stop, so a browser without scroll timelines shows
   the figure the run ends on rather than a zero it will never count up
   from. */
.pnl-track {
  display: block;
  transform: translateY(calc(-32 * 1.3em));
}

.pnl-step {
  display: block;
  height: 1.3em;
  line-height: 1.3em;
  text-align: right;
  color: var(--ok);
}

/* The reel carries its own colour per stop, so the number turns red through
   the drawdown without a second animation. */
.pnl-step--down { color: var(--loss); }

/* ── The desktop surface lift for the floating panes ──────────────────── */
@media (min-width: 1081px) and (min-height: 861px) {
  .panel-shell,
  .wakeup-cap,
  .composer {
    position: relative;
    z-index: 1;
  }
}

/* ── The shared scroll-driven layer ──────────────────────────────────────
   One pinned timeline drives the whole cockpit; these selector lists name
   elements owned by several components at once, so they stay global. */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .grid,
    .level,
    .fire-dot,
    .fire-ping,
    .wedge,
    .wedge-edge,
    .chip,
    .dip-dot,
    .dip-drop,
    .dip-label,
    .stop-hold,
    .stop-hold-label,
    .target-dot,
    .target-ping,
    .target-check,
    .pnl-track,
    .progress-fill,
    .pos-row,
    .sb-pred,
    .armed-stack,
    .rr-seg,
    .log-row,
    .mission-sticky .tick path {
      animation-timeline: --mission;
      animation-range: contain var(--from) contain var(--to);
    }

    /* The full-length tracks: the room dims while the story plays, the
       window sharpens into focus, and the sidebar status reel steps through
         its states. All three own the whole pinned range (--t0/--t1 are the
         timeline bounds, declared on the scroller) and put their
         choreography in the keyframes. */
    .mission-dim,
    .appwin,
    .status-track {
      animation-timeline: --mission;
      animation-range: contain var(--t0) contain var(--t1);
      animation-fill-mode: both;
      animation-timing-function: linear;
    }

    /* Stepped, so each state lands rather than slides: waiting until the
       watch arms, armed until the fill, live until the target prints. The
       keyframes are generated from the beat table in Window.astro, along
       with the sidebar's pixel-exact twin. */
    .status-track { animation-name: status-walk; }

    /* One reel, three phases, stepped so the digits land rather than
       slide: up to the open figure, down through the drawdown, out to
       the target. The money clusters themselves do not flash: the
       app's figures just count. */
    .pnl-track {
      animation-name: pnl-count;
      animation-timing-function: steps(32, end);
      animation-fill-mode: both;
    }

    @keyframes pnl-count {
      from { transform: translateY(0); }
      to { transform: translateY(calc(-32 * 1.3em)); }
    }

    /* Every checkmark in the pinned story draws itself. The slice comes from
       the `--from` and `--to` set on the svg above it, which custom
       properties inherit. scrub-draw itself is defined globally by the
       layout. */
    .mission-sticky .tick path {
      stroke-dashoffset: 1;
      animation-name: scrub-draw;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }
  }
}

/* ── Responsive: the un-pinned pass ──────────────────────────────────────
   Pinning only works while the console fits the viewport it is pinned to.
   Too narrow or too short and every beat re-times onto `cover` so the same
   slices play as the section passes up the screen instead. */
@media (max-width: 1080px), (max-height: 860px) {
  /* The feed's tail-follow keeps running on the pass window, in lockstep
     with the rows' own projected beats: both read the same --from/--to
     slices, so the newest line is always the last visible one. The range
     rides the inner strip (the animated element); .log-feed stays put as
     the clip box. */
  .log-feed-inner {
    animation-range:
      cover var(--pass-base)
      cover calc(var(--pass-base) + 100% * var(--pass));
  }

  /* The full-range tracks keep stepping, on the compressed cover pass. */
  .status-track,
  .price-line,
  .price-wash {
    animation-range:
      cover var(--pass-base)
      cover calc(var(--pass-base) + 100% * var(--pass));
  }

  .grid,
  .level,
  .fire-dot,
  .fire-ping,
  .wedge,
  .wedge-edge,
    .chip,
    .dip-dot,
    .dip-drop,
    .dip-label,
    .stop-hold,
    .stop-hold-label,
    .target-dot,
    .target-ping,
    .target-check,
    .pnl-track,
    .progress-fill,
    .pos-row,
    .sb-pred,
    .armed-stack,
    .rr-seg,
    .log-row,
    .mission-sticky .tick path {
    /* The window is taller than the viewport it is no longer pinned to, so
       a full `cover` pass finishes the story long after the chart has left
       the top of the screen. The window's top reaches the top of the screen
       at roughly cover 40%, so the slices are compressed into the stretch
       where the chart is actually on screen: the story starts once the
       window is well into view and lands its target before the chart
       scrolls away. */
    animation-range:
      cover calc(var(--pass-base) + var(--from) * var(--pass))
      cover calc(var(--pass-base) + var(--to) * var(--pass));
  }
}
.log-card[data-astro-cid-lkmoeldg] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.log-head[data-astro-cid-lkmoeldg] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px 6px;
}

.log-pnl[data-astro-cid-lkmoeldg] {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--ok);
  transform-origin: 100%;
}

.log-pnl[data-astro-cid-lkmoeldg] .pnl-reel[data-astro-cid-lkmoeldg] {
  font-size: 15px;
  letter-spacing: -.02em;
}

.log-progress[data-astro-cid-lkmoeldg] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px 10px;
}

.log-feed[data-astro-cid-lkmoeldg] {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-top: 1px solid color-mix(in oklab, var(--border) 40%, transparent);
}

.log-feed-inner[data-astro-cid-lkmoeldg] {
  display: flex;
  flex-direction: column;
  transform: translateY(var(--feed-rest, 0px));
}

.log-footer[data-astro-cid-lkmoeldg] {
  margin-top: auto;
  padding: 8px 20px;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 16.5px;
  color: var(--fg-muted);
}

.log-row[data-astro-cid-lkmoeldg] {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 8px 20px;
  border-radius: 0;
  font-size: 12px;
  line-height: 16.5px;
}

.log-row[data-astro-cid-lkmoeldg] {
  border-bottom: 1px solid oklab(99.9994% .0000455678 .0000200868 / .015);
}

.log-rail[data-astro-cid-lkmoeldg] {
  position: absolute;
  left: 6px;
  top: 6px;
  bottom: 7px;
  width: 2px;
  border-radius: 3.40282e38px;
  background: var(--fg-muted);
  opacity: .62;
}

.log-glyph[data-astro-cid-lkmoeldg] {
  flex: none;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 3.40282e38px;
  color: var(--fg);
  background: color-mix(in oklab, var(--fg-muted) 30%, transparent);
  opacity: .88;
}

.log-glyph-ink[data-astro-cid-lkmoeldg] {
  display: grid;
  place-items: center;
  color: var(--fg-muted);
}

.log-row--armed[data-astro-cid-lkmoeldg] .log-rail[data-astro-cid-lkmoeldg] {
  background: var(--warn);
}

.log-row--armed[data-astro-cid-lkmoeldg] .log-glyph[data-astro-cid-lkmoeldg] {
  background: color-mix(in oklab, var(--warn) 10%, transparent);
}

.log-row--armed[data-astro-cid-lkmoeldg] .log-glyph-ink[data-astro-cid-lkmoeldg] {
  color: var(--warn);
}

.log-row--fired[data-astro-cid-lkmoeldg] .log-rail[data-astro-cid-lkmoeldg] {
  background: var(--chart-blue);
}

.log-row--fired[data-astro-cid-lkmoeldg] .log-glyph[data-astro-cid-lkmoeldg] {
  background: color-mix(in oklab, var(--chart-blue) 10%, transparent);
}

.log-row--fired[data-astro-cid-lkmoeldg] .log-glyph-ink[data-astro-cid-lkmoeldg] {
  color: var(--chart-blue);
}

.log-row--check[data-astro-cid-lkmoeldg] .log-rail[data-astro-cid-lkmoeldg] {
  background: var(--ok);
}

.log-row--check[data-astro-cid-lkmoeldg] .log-glyph[data-astro-cid-lkmoeldg] {
  background: color-mix(in oklab, var(--ok) 10%, transparent);
}

.log-row--check[data-astro-cid-lkmoeldg] .log-glyph-ink[data-astro-cid-lkmoeldg] {
  color: var(--ok);
}

.log-row--buy[data-astro-cid-lkmoeldg] .log-rail[data-astro-cid-lkmoeldg] {
  background: var(--chart-blue);
}

.log-row--buy[data-astro-cid-lkmoeldg] .log-glyph[data-astro-cid-lkmoeldg] {
  background: color-mix(in oklab, var(--chart-blue) 65%, transparent);
}

.log-row--buy[data-astro-cid-lkmoeldg] .log-glyph-ink[data-astro-cid-lkmoeldg] {
  color: #fff;
}

.log-row--stop[data-astro-cid-lkmoeldg] .log-rail[data-astro-cid-lkmoeldg] {
  background: var(--loss);
}

.log-row--stop[data-astro-cid-lkmoeldg] .log-glyph[data-astro-cid-lkmoeldg] {
  background: color-mix(in oklab, var(--loss) 60%, transparent);
}

.log-row--stop[data-astro-cid-lkmoeldg] .log-glyph-ink[data-astro-cid-lkmoeldg] {
  color: #fff;
}

.log-row--loss[data-astro-cid-lkmoeldg] .log-rail[data-astro-cid-lkmoeldg] {
  background: var(--loss);
}

.log-row--loss[data-astro-cid-lkmoeldg] .log-glyph[data-astro-cid-lkmoeldg] {
  background: color-mix(in oklab, var(--loss) 10%, transparent);
}

.log-row--loss[data-astro-cid-lkmoeldg] .log-glyph-ink[data-astro-cid-lkmoeldg] {
  color: var(--loss);
}

.log-row--win[data-astro-cid-lkmoeldg] .log-rail[data-astro-cid-lkmoeldg] {
  background: var(--ok);
}

.log-row--win[data-astro-cid-lkmoeldg] .log-glyph[data-astro-cid-lkmoeldg] {
  background: var(--ok);
}

.log-row--win[data-astro-cid-lkmoeldg] .log-glyph-ink[data-astro-cid-lkmoeldg] {
  color: #04120b;
}

.log-text[data-astro-cid-lkmoeldg] {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 16.5px;
  color: color-mix(in srgb, var(--fg-panel) 90%, transparent);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.log-value[data-astro-cid-lkmoeldg] {
  flex: none;
  font-family: var(--font-mono);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--fg-muted);
}

.log-value--up[data-astro-cid-lkmoeldg] {
  color: var(--ok);
}

.log-value--down[data-astro-cid-lkmoeldg] {
  color: var(--loss);
}

.log-time[data-astro-cid-lkmoeldg] {
  flex: none;
  text-align: right;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-muted);
  font-variant-numeric: tabular-nums;
}

.progress-track[data-astro-cid-lkmoeldg] {
  flex: 1;
  height: 3px;
  border-radius: 3.40282e38px;
  background: color-mix(in oklab, var(--fg-panel) 8%, transparent);
  overflow: hidden;
}

.progress-fill[data-astro-cid-lkmoeldg] {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 3.40282e38px;
  background: var(--chart-primary);
  transform-origin: 0;
}

.progress-label[data-astro-cid-lkmoeldg] {
  flex: none;
  display: flex;
  align-items: baseline;
  gap: normal;
  font-family: var(--font-mono);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--fg-muted);
  white-space: nowrap;
}

.progress-label[data-astro-cid-lkmoeldg] .pnl-window[data-astro-cid-lkmoeldg] {
  height: 1.3em;
}

.progress-label[data-astro-cid-lkmoeldg] .pnl-step[data-astro-cid-lkmoeldg] {
  color: inherit;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .log-row[data-astro-cid-lkmoeldg] {
      animation-name: log-enter;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    @keyframes log-enter {
      0% {
        opacity: 0;
        transform: translateY(4px);
        animation-timing-function: ease-out;
      }

      100% {
        opacity: 1;
        transform: none;
      }
    }

    .progress-fill[data-astro-cid-lkmoeldg] {
      animation-name: progress-arc;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    .log-feed-inner[data-astro-cid-lkmoeldg] {
      animation-name: feed-follow;
      animation-timing-function: step-end;
      animation-fill-mode: both;
      animation-timeline: --mission;
      animation-range: contain var(--t0) contain var(--t1);
    }
  }
}

@media (width >= 1081px) and (height >= 861px) {
  .log-card[data-astro-cid-lkmoeldg] {
    flex: none;
    height: 100%;
  }

  .log-card[data-astro-cid-lkmoeldg] {
    min-height: 0;
  }
}

@media (width <= 1080px), (height <= 860px) {
  .log-card[data-astro-cid-lkmoeldg] {
    flex: none;
    height: min(520px, 68vh);
  }
}

@media (width <= 820px) {
  .log-feed[data-astro-cid-lkmoeldg] {
    padding: 0;
  }

  .log-card[data-astro-cid-lkmoeldg] {
    height: 100%;
    min-height: 0;
  }

  .log-feed-inner[data-astro-cid-lkmoeldg] {
    animation-name: feed-follow-phone;
    transform: translateY(var(--feed-rest-phone, var(--feed-rest, 0px)));
  }

  @media (width >= 401px) {
    .log-feed-inner[data-astro-cid-lkmoeldg] {
      animation-name: feed-follow-mid;
      transform: translateY(var(--feed-rest-mid, var(--feed-rest-phone, var(--feed-rest, 0px))));
    }
  }

  .log-row[data-astro-cid-lkmoeldg] {
    padding: 13px 20px;
    font-size: 13px;
    line-height: 18px;
  }

  .log-text[data-astro-cid-lkmoeldg] {
    font-size: 13px;
    line-height: 18px;
  }

  .log-value[data-astro-cid-lkmoeldg] {
    font-size: 12px;
  }

  .log-time[data-astro-cid-lkmoeldg] {
    font-size: 11px;
  }

  .log-glyph[data-astro-cid-lkmoeldg] {
    width: 18px;
    height: 18px;
  }

  .log-pnl[data-astro-cid-lkmoeldg] .pnl-reel[data-astro-cid-lkmoeldg] {
    font-size: 17px;
  }

  .log-footer[data-astro-cid-lkmoeldg] {
    font-size: 12px;
    line-height: 18px;
  }
}
.console-chart[data-astro-cid-rq77vre4] {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}

.chart-plot[data-astro-cid-rq77vre4] {
  position: relative;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.chart-head[data-astro-cid-rq77vre4] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 2px;
  align-items: end;
  padding: 12px 20px 8px;
}

.chart-market[data-astro-cid-rq77vre4] {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  align-self: start;
  font-family: var(--font-mono);
  font-size: 10.5px;
  line-height: 15.75px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--fg-muted);
}

.chart-figures[data-astro-cid-rq77vre4] {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  min-width: 0;
}

.chart-legend[data-astro-cid-rq77vre4] {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--fg-muted);
}

.chart-price[data-astro-cid-rq77vre4] {
  font-family: var(--font-mono);
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  color: var(--fg-panel);
}

.chart-price[data-astro-cid-rq77vre4] .pnl-window[data-astro-cid-rq77vre4] {
  height: 26px;
}

.chart-price[data-astro-cid-rq77vre4] .pnl-step[data-astro-cid-rq77vre4] {
  color: inherit;
  text-align: left;
}

.chart-chg[data-astro-cid-rq77vre4] {
  font-family: var(--font-mono);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  color: color-mix(in oklab, var(--fg-panel) 70%, transparent);
}

.chart-chg[data-astro-cid-rq77vre4] .pnl-step[data-astro-cid-rq77vre4] {
  color: inherit;
  text-align: left;
}

.chart-interval[data-astro-cid-rq77vre4] {
  grid-column: 2;
  grid-row: 2;
  align-self: end;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 16.5px;
  text-transform: lowercase;
  letter-spacing: .08em;
  color: var(--fg-muted);
  padding: 2px 8px;
  border: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  border-radius: 3.40282e38px;
}

.chart-svg[data-astro-cid-rq77vre4] {
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 160;
  display: block;
}

.price-line[data-astro-cid-rq77vre4] {
  fill: none;
  stroke: var(--ok);
  stroke-width: 2.25px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.price-wash[data-astro-cid-rq77vre4] {
  fill: url("#washGrad");
  stroke: none;
}

.chart-marks[data-astro-cid-rq77vre4] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.mk[data-astro-cid-rq77vre4] {
  position: absolute;
  transform: translate(-50%, -50%);
}

.mk--anchor-left[data-astro-cid-rq77vre4] {
  transform: translate(-100%, -50%);
}

.fire-dot[data-astro-cid-rq77vre4] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--warn);
  border: 2px solid #0a0a0c;
  box-sizing: content-box;
}

.fire-ping[data-astro-cid-rq77vre4] {
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  border-radius: 50%;
  border: 1.5px solid var(--warn);
  transform: none;
  opacity: 0;
}

.target-ping[data-astro-cid-rq77vre4] {
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  border-radius: 50%;
  border: 1.6px solid var(--ok);
  transform: none;
  opacity: 0;
}

.target-dot[data-astro-cid-rq77vre4] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--ok) 28%, transparent);
  border: 2px solid var(--ok);
  box-sizing: border-box;
}

.target-check[data-astro-cid-rq77vre4] {
  width: 26px;
  height: 26px;
}

.target-check[data-astro-cid-rq77vre4] svg[data-astro-cid-rq77vre4] {
  width: 100%;
  height: 100%;
  display: block;
}

.dip-dot[data-astro-cid-rq77vre4] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--loss);
  border: 2px solid #0a0a0c;
  box-sizing: content-box;
}

.wedge[data-astro-cid-rq77vre4] {
  fill: url("#wedgeGrad");
}

.wedge-edge[data-astro-cid-rq77vre4] {
  stroke: color-mix(in oklab, var(--chart-blue) 70%, transparent);
  stroke-width: 1.5px;
}

.dip-dot[data-astro-cid-rq77vre4] {
  fill: var(--loss);
}

.dip-drop[data-astro-cid-rq77vre4] {
  stroke: var(--loss);
  stroke-width: 1px;
  stroke-dasharray: 2 4;
  opacity: .5;
}

.dip-label[data-astro-cid-rq77vre4] {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--loss);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.stop-hold[data-astro-cid-rq77vre4] {
  stroke: var(--loss);
  stroke-width: 2px;
  stroke-dasharray: 2 4;
  opacity: .32;
}

.stop-hold-label[data-astro-cid-rq77vre4] {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--loss);
  white-space: nowrap;
  opacity: 1;
}

.target-dot[data-astro-cid-rq77vre4] {
  fill: var(--ok);
  stroke: #0a0a0c;
  stroke-width: 2px;
}

.target-ping[data-astro-cid-rq77vre4] {
  fill: none;
  stroke: var(--ok);
  stroke-width: 1.6px;
  opacity: 0;
}

.target-check[data-astro-cid-rq77vre4] path[data-astro-cid-rq77vre4] {
  fill: none;
  stroke: #06120c;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}

.rr[data-astro-cid-rq77vre4] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 0;
  padding: 8px 20px;
  border-top: 1px solid color-mix(in oklab, var(--border) 40%, transparent);
  background: color-mix(in oklab, var(--fg-panel) 2%, transparent);
}

.rr-bar[data-astro-cid-rq77vre4] {
  display: flex;
  flex: 1;
  height: 20px;
  border-radius: 4px;
  overflow: hidden;
}

.rr-seg[data-astro-cid-rq77vre4] {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 6px;
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 15px;
  font-variant-numeric: tabular-nums;
  min-width: 0;
  clip-path: inset(0);
}

.rr-cap[data-astro-cid-rq77vre4] {
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: 9px;
  opacity: .62;
}

.rr-val[data-astro-cid-rq77vre4] {
  margin-left: auto;
}

.rr-seg--risk[data-astro-cid-rq77vre4] {
  background: color-mix(in srgb, var(--loss) 15%, transparent);
  color: var(--loss);
  opacity: .68;
  flex-direction: row-reverse;
  border-right: 1px solid color-mix(in srgb, var(--app-white) 45%, transparent);
}

.rr-seg--risk[data-astro-cid-rq77vre4] .rr-val[data-astro-cid-rq77vre4] {
  margin-left: 0;
  margin-right: auto;
}

.rr-seg--reward[data-astro-cid-rq77vre4] {
  background: color-mix(in srgb, var(--ok) 15%, transparent);
  color: var(--ok);
  opacity: .68;
}

.rr-note[data-astro-cid-rq77vre4] {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: none;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 16.5px;
  color: var(--fg-muted);
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
}

.rr-note[data-astro-cid-rq77vre4] strong[data-astro-cid-rq77vre4] {
  color: var(--fg);
  font-family: var(--font-mono);
  font-weight: 500;
}

.rr-note[data-astro-cid-rq77vre4] .tick[data-astro-cid-rq77vre4] {
  margin-top: 2px;
}

.level[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
  stroke-width: 1px;
  stroke-dasharray: 2 4;
  stroke-opacity: .85;
}

.level--entry[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
  stroke-dasharray: 5 4;
}

.grid[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
  stroke: color-mix(in oklab, var(--fg-panel) 7%, transparent);
  stroke-width: 1px;
}

.grid-labels[data-astro-cid-rq77vre4] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.grid-labels[data-astro-cid-rq77vre4] span[data-astro-cid-rq77vre4] {
  position: absolute;
  left: 6px;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--fg-muted);
  opacity: .5;
}

.level--entry[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
  stroke: var(--fg-faint);
}

.level--stop[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
  stroke: var(--loss);
}

.level--target[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
  stroke: var(--ok);
}

.level--trigger[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
  stroke: var(--warn);
}

.level--wake[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
  stroke: var(--warn);
  opacity: .55;
}

.fire-dot[data-astro-cid-rq77vre4] {
  fill: var(--warn);
}

.fire-ping[data-astro-cid-rq77vre4] {
  fill: none;
  stroke: var(--warn);
  stroke-width: 1.5px;
  opacity: 0;
}

.chart-chips[data-astro-cid-rq77vre4] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.chip[data-astro-cid-rq77vre4] {
  position: absolute;
  right: 2px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1.5px 6px;
  border-radius: 3.40282e38px;
  border: 1px solid color-mix(in oklab, var(--border) 50%, transparent);
  background: color-mix(in srgb, var(--card-app) 62%, transparent);
  box-shadow: inset 0 1px #ffffff0f;
  backdrop-filter: blur(8px);
  font-family: var(--font-mono);
  font-size: 10.5px;
  line-height: 10.5px;
  font-variant-numeric: tabular-nums;
  color: var(--fg-muted);
  white-space: nowrap;
}

.chip-cap[data-astro-cid-rq77vre4] {
  font-size: 9.5px;
  opacity: .7;
}

.chip-ico[data-astro-cid-rq77vre4] {
  color: inherit;
}

.chip--target[data-astro-cid-rq77vre4] {
  color: color-mix(in oklab, var(--ok) 85%, transparent);
}

.chip--armed[data-astro-cid-rq77vre4] {
  color: color-mix(in oklab, var(--warn) 85%, transparent);
}

.chip--met[data-astro-cid-rq77vre4] {
  color: color-mix(in oklab, var(--ok) 85%, transparent);
}

.chip--entry[data-astro-cid-rq77vre4] {
  color: color-mix(in oklab, var(--fg) 85%, transparent);
}

.chip--stop[data-astro-cid-rq77vre4] {
  color: color-mix(in oklab, var(--loss) 85%, transparent);
}

.chip--wake[data-astro-cid-rq77vre4] {
  color: color-mix(in oklab, var(--warn) 85%, transparent);
}

.chip--mark[data-astro-cid-rq77vre4] {
  color: color-mix(in oklab, var(--fg) 85%, transparent);
  font-weight: 400;
}

.chip--mark[data-astro-cid-rq77vre4] .pnl-window[data-astro-cid-rq77vre4] {
  height: 1.3em;
}

.chip--mark[data-astro-cid-rq77vre4] .pnl-step[data-astro-cid-rq77vre4] {
  color: inherit;
  text-align: left;
}

.chip--reassess[data-astro-cid-rq77vre4] {
  top: auto;
  bottom: 8px;
  right: 12%;
  transform: none;
  color: color-mix(in oklab, var(--warn) 85%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .price-line[data-astro-cid-rq77vre4], .price-wash[data-astro-cid-rq77vre4], .dip-drop[data-astro-cid-rq77vre4] {
      animation-timeline: --mission;
      animation-range: contain var(--t0) contain var(--t1);
      animation-fill-mode: both;
      animation-timing-function: linear;
    }

    .price-line[data-astro-cid-rq77vre4] {
      animation-name: wash-clip;
    }

    .price-wash[data-astro-cid-rq77vre4] {
      animation-name: price-wash, wash-clip;
    }

    .price-wash[data-astro-cid-rq77vre4] {
      animation-range: contain var(--t0) contain var(--wash-settle),
          contain var(--t0) contain var(--t1);
    }

    .chip[data-astro-cid-rq77vre4] {
      animation-name: chip-in;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    @keyframes chip-in {
      0% {
        opacity: 0;
        transform: translateY(-50%) scale(.88);
        animation-timing-function: cubic-bezier(.33, 1, .68, 1);
      }

      55% {
        transform: translateY(-50%) scale(1.06);
      }

      100% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
      }
    }

    .chip--armed[data-astro-cid-rq77vre4], .chip--met[data-astro-cid-rq77vre4], .chip--mark[data-astro-cid-rq77vre4] {
      animation-name: chip-flash;
    }

    @keyframes chip-flash {
      0% {
        opacity: 0;
        transform: translateY(-50%) scale(.88);
        animation-timing-function: cubic-bezier(.33, 1, .68, 1);
      }

      10% {
        opacity: 1;
        transform: translateY(-50%) scale(1.06);
      }

      14% {
        transform: translateY(-50%) scale(1);
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--warn) 45%, transparent);
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
      }

      40% {
        box-shadow: 0 0 10px 0 color-mix(in srgb, var(--warn) 45%, transparent);
      }

      84% {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        animation-timing-function: ease-out;
      }

      100% {
        opacity: 0;
        transform: translateY(-50%) translateX(6px) scale(.9);
      }
    }

    .chip--reassess[data-astro-cid-rq77vre4] {
      animation-name: reassess-flash;
    }

    @keyframes reassess-flash {
      0% {
        opacity: 0;
      }

      14% {
        opacity: 1;
      }

      86% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    .wedge[data-astro-cid-rq77vre4], .wedge-edge[data-astro-cid-rq77vre4] {
      animation-name: zone-in;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    .level[data-astro-cid-rq77vre4] {
      animation-name: level-draw;
      animation-timing-function: linear;
      animation-fill-mode: both;
      transform-origin: 0;
    }

    @keyframes level-draw {
      from {
        opacity: 0;
        transform: scaleX(.02);
      }

      to {
        opacity: 1;
        transform: scaleX(1);
      }
    }

    .fire-dot[data-astro-cid-rq77vre4], .dip-drop[data-astro-cid-rq77vre4], .dip-dot[data-astro-cid-rq77vre4], .dip-label[data-astro-cid-rq77vre4], .target-dot[data-astro-cid-rq77vre4], .target-check[data-astro-cid-rq77vre4], .stop-hold-label[data-astro-cid-rq77vre4] {
      animation-name: zone-in;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    .fire-ping[data-astro-cid-rq77vre4] {
      animation-name: fire-ping;
      animation-timing-function: linear;
      animation-fill-mode: both;
      transform-origin: center;
      transform-box: fill-box;
    }

    @keyframes fire-ping {
      0% {
        opacity: 0;
        transform: scale(.4);
      }

      12% {
        opacity: .5;
        transform: scale(.55);
      }

      100% {
        opacity: 0;
        transform: scale(3.4);
      }
    }

    .grid[data-astro-cid-rq77vre4] {
      animation-name: zone-in;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    @keyframes zone-in {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    .stop-hold[data-astro-cid-rq77vre4] {
      animation-name: stop-flare;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    @keyframes stop-flare {
      0% {
        opacity: 0;
        stroke-width: 1px;
      }

      40% {
        opacity: 1;
        stroke-width: 4px;
      }

      100% {
        opacity: .32;
        stroke-width: 2px;
      }
    }

    .stop-hold-label[data-astro-cid-rq77vre4] {
      animation-name: stop-note-in;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    @keyframes stop-note-in {
      from {
        opacity: 0;
        transform: translateY(8px);
      }

      to {
        opacity: 1;
        transform: none;
      }
    }

    .target-ping[data-astro-cid-rq77vre4] {
      animation-name: target-ping;
      animation-timing-function: linear;
      animation-fill-mode: both;
      transform-origin: center;
      transform-box: fill-box;
    }

    @keyframes target-ping {
      0% {
        opacity: 0;
        transform: scale(.5);
      }

      30% {
        opacity: .95;
        transform: scale(1.1);
      }

      100% {
        opacity: 0;
        transform: scale(3.6);
      }
    }

    .target-check[data-astro-cid-rq77vre4] path[data-astro-cid-rq77vre4] {
      stroke-dashoffset: 1px;
      animation-name: scrub-draw;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: --mission;
      animation-range: contain var(--from) contain var(--to);
    }

    .rr-seg[data-astro-cid-rq77vre4] {
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    .rr-seg--risk[data-astro-cid-rq77vre4] {
      animation-name: measure-down;
    }

    .rr-seg--reward[data-astro-cid-rq77vre4] {
      animation-name: measure-up;
    }

    @keyframes measure-down {
      from {
        clip-path: inset(0 0 0 100%);
      }

      to {
        clip-path: inset(0);
      }
    }

    @keyframes measure-up {
      from {
        clip-path: inset(0 100% 0 0);
      }

      to {
        clip-path: inset(0);
      }
    }
  }
}

@media (width >= 1081px) and (height >= 861px) {
  .console-chart[data-astro-cid-rq77vre4] {
    flex: 1 1 0;
    min-height: 0;
  }

  .chart-svg[data-astro-cid-rq77vre4] {
    height: 100%;
  }
}

@media (width <= 1080px) {
  .rr[data-astro-cid-rq77vre4] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .rr-bar[data-astro-cid-rq77vre4] {
    flex: none;
  }

  .rr-note[data-astro-cid-rq77vre4] {
    max-width: none;
    white-space: normal;
  }

  .level[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
    stroke-dasharray: 5 10;
  }

  .level--entry[data-astro-cid-rq77vre4] line[data-astro-cid-rq77vre4] {
    stroke-dasharray: 13 10;
  }

  .grid-labels[data-astro-cid-rq77vre4] span[data-astro-cid-rq77vre4] {
    font-size: 12px;
  }

  .dip-label[data-astro-cid-rq77vre4], .stop-hold-label[data-astro-cid-rq77vre4] {
    font-size: 10px;
    stroke-width: 3px;
  }
}

@media (width <= 820px) {
  .chart-svg[data-astro-cid-rq77vre4] {
    aspect-ratio: 1000 / 380;
  }

  .chart-price[data-astro-cid-rq77vre4] {
    font-size: 30px;
    line-height: 30px;
  }

  .chart-price[data-astro-cid-rq77vre4] .pnl-window[data-astro-cid-rq77vre4] {
    height: 30px;
  }
}
.wakeup-cap[data-astro-cid-dv4ay3pw] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  margin: 0 auto 9px;
  padding: 4px 12px;
  border: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  border-radius: 3.40282e38px;
  background: color-mix(in oklab, var(--card-app) 62%, transparent);
  backdrop-filter: blur(8px);
  font-size: 12.5px;
  line-height: 17px;
  color: var(--fg-muted);
}

.wakeup-ico[data-astro-cid-dv4ay3pw] {
  flex: none;
  color: var(--fg-muted);
}

.wakeup-chev[data-astro-cid-dv4ay3pw] {
  flex: none;
  color: var(--fg-muted);
}

.composer[data-astro-cid-dv4ay3pw] {
  position: relative;
  border: none;
  border-radius: 22px;
  background: color(srgb .0778016 .0778173 .0778187 / .8);
  backdrop-filter: blur(16px) saturate(1.08);
  display: flex;
  flex-direction: column;
  gap: 0;
}

.composer-line[data-astro-cid-dv4ay3pw] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 16px 16px 8px;
  font-size: 14px;
  line-height: 22.75px;
  color: var(--fg-muted);
}

.composer-caret[data-astro-cid-dv4ay3pw] {
  width: 1px;
  height: 13px;
  background: var(--fg-muted);
  animation: 1.1s step-end infinite blink;
}

.composer-msg[data-astro-cid-dv4ay3pw] {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  height: 22.75px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 0;
  font-size: 14px;
  line-height: 22.75px;
  color: var(--app-foreground);
  background: color(srgb .0778016 .0778173 .0778187 / .86);
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
}

.msg-type[data-astro-cid-dv4ay3pw] {
  display: inline-block;
  white-space: nowrap;
  clip-path: inset(0 100% 0 0);
}

.msg-caret[data-astro-cid-dv4ay3pw] {
  width: 1px;
  height: 13px;
  flex: none;
  background: var(--app-foreground);
}

.composer-meta[data-astro-cid-dv4ay3pw] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 7px;
  font-size: 14px;
  color: var(--fg-muted);
}

.composer-chip[data-astro-cid-dv4ay3pw] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #0000;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--fg-muted);
}

.chip-chev[data-astro-cid-dv4ay3pw] {
  flex: none;
  color: var(--fg-muted);
}

.chip-lead[data-astro-cid-dv4ay3pw] {
  flex: none;
  color: var(--fg-muted);
}

.composer-chip--runtime[data-astro-cid-dv4ay3pw] {
  gap: 6px;
}

.sr-word[data-astro-cid-dv4ay3pw] {
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: block;
}

.composer-meter[data-astro-cid-dv4ay3pw] {
  margin-left: auto;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 3.40282e38px;
  color: var(--fg-muted);
}

.composer-meter[data-astro-cid-dv4ay3pw] + .composer-send[data-astro-cid-dv4ay3pw] {
  margin-left: 0;
}

.composer-send[data-astro-cid-dv4ay3pw] {
  margin-left: auto;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 3.40282e38px;
  background: color-mix(in srgb, var(--chart-primary) 35%, transparent);
  color: var(--app-foreground);
  font-size: 14px;
  font-weight: 500;
}

@media (width >= 1081px) and (height >= 861px) {
  .composer[data-astro-cid-dv4ay3pw] {
    width: 768px;
    max-width: 100%;
    height: 144px;
    margin: 5px auto 0;
    padding: 0;
    gap: normal;
    justify-content: space-between;
    border: none;
    border-radius: 22px;
    background: color(srgb .0778016 .0778173 .0778187 / .8);
    backdrop-filter: blur(16px) saturate(1.08);
    box-shadow: none;
  }

  .composer-line[data-astro-cid-dv4ay3pw] {
    margin: 0;
    padding: 16px 16px 8px;
    height: 94px;
    box-sizing: border-box;
    align-items: flex-start;
  }

  .composer-line[data-astro-cid-dv4ay3pw] .composer-caret[data-astro-cid-dv4ay3pw] {
    margin-top: 4.875px;
  }

  .composer-meta[data-astro-cid-dv4ay3pw] {
    margin: 0;
    height: 48px;
    padding: 0 16px 16px 7px;
    box-sizing: border-box;
  }
}

@media (width <= 820px) {
  .composer[data-astro-cid-dv4ay3pw] {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .composer-caret[data-astro-cid-dv4ay3pw] {
    animation: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .composer-msg[data-astro-cid-dv4ay3pw], .msg-type[data-astro-cid-dv4ay3pw], .composer-send[data-astro-cid-dv4ay3pw] {
      animation-timeline: --mission;
      animation-range: contain var(--from) contain var(--to);
      animation-fill-mode: both;
    }

    .composer-msg[data-astro-cid-dv4ay3pw] {
      animation-name: msg-show;
      animation-timing-function: linear;
    }

    @keyframes msg-show {
      0% {
        opacity: 0;
      }

      8% {
        opacity: 1;
      }

      85% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    .msg-type[data-astro-cid-dv4ay3pw] {
      animation-name: msg-type;
      animation-timing-function: steps(44, end);
    }

    @keyframes msg-type {
      from {
        clip-path: inset(0 100% 0 0);
      }

      to {
        clip-path: inset(0);
      }
    }

    .composer-send[data-astro-cid-dv4ay3pw] {
      animation-name: send-fire;
      animation-timing-function: linear;
    }

    @keyframes send-fire {
      0% {
        transform: none;
      }

      30% {
        transform: translateY(-2px) scale(.9);
      }

      60% {
        transform: translateY(-3px) scale(1.08);
      }

      100% {
        transform: none;
      }
    }
  }
}
.pos-card[data-astro-cid-v7jvxxvk] {
  display: flex;
  flex-direction: column;
}

.pos-head[data-astro-cid-v7jvxxvk] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 20px 6px;
}

.pos-unreal[data-astro-cid-v7jvxxvk] {
  display: inline-flex;
  align-items: baseline;
  gap: normal;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  line-height: 18px;
  color: var(--fg-muted);
  transform-origin: 100%;
}

.pos-unreal[data-astro-cid-v7jvxxvk] .pnl-window[data-astro-cid-v7jvxxvk] {
  height: 18px;
  margin-left: 12px;
}

.pos-unreal[data-astro-cid-v7jvxxvk] {
  height: 18px;
  overflow: hidden;
}

.pos-unreal[data-astro-cid-v7jvxxvk] .roi-reel[data-astro-cid-v7jvxxvk] {
  font-size: 11px;
  color: var(--ok);
}

.pos-unreal[data-astro-cid-v7jvxxvk] .card-legend[data-astro-cid-v7jvxxvk] {
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  color: var(--fg-muted);
}

.pos-usd[data-astro-cid-v7jvxxvk], .pos-unreal[data-astro-cid-v7jvxxvk] .pnl-reel[data-astro-cid-v7jvxxvk] {
  font-size: 15px;
  letter-spacing: -.02em;
  color: var(--ok);
}

.pos-scroll[data-astro-cid-v7jvxxvk] {
  padding: 0 20px;
  min-width: 0;
}

.pos-cols[data-astro-cid-v7jvxxvk], .pos-row[data-astro-cid-v7jvxxvk] {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr) minmax(0, .7fr) minmax(0, .8fr) 44px;
  align-items: center;
}

.pos-cols[data-astro-cid-v7jvxxvk] {
  row-gap: 6px;
  color: var(--fg);
}

.pos-cols[data-astro-cid-v7jvxxvk] > span[data-astro-cid-v7jvxxvk] {
  font-family: var(--font-mono);
  font-size: 10.5px;
  line-height: 15.75px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fg-muted);
}

.pos-row[data-astro-cid-v7jvxxvk] {
  grid-column: 1 / -1;
  height: 28px;
  padding: 0 8px;
  column-gap: 12px;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  color: var(--fg);
  border: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  border-radius: 3.40282e38px;
  background: color-mix(in oklab, var(--fg-panel) 3%, transparent);
}

.ta-r[data-astro-cid-v7jvxxvk] {
  text-align: right;
}

.ta-r[data-astro-cid-v7jvxxvk] .pnl-window[data-astro-cid-v7jvxxvk] {
  margin-left: auto;
  width: max-content;
}

.pos-time[data-astro-cid-v7jvxxvk] {
  color: var(--fg-muted);
  font-size: 10.5px;
  white-space: nowrap;
}

.pos-pill--short[data-astro-cid-v7jvxxvk] {
  border-color: color-mix(in oklab, var(--loss) 40%, transparent);
  background: color-mix(in oklab, var(--loss) 10%, transparent);
  color: var(--loss);
}

.pos-token--closed[data-astro-cid-v7jvxxvk] {
  color: var(--fg-muted);
}

.pos-val--down[data-astro-cid-v7jvxxvk] {
  color: var(--loss);
}

.pos-none[data-astro-cid-v7jvxxvk] {
  color: var(--fg-muted);
}

.pos-state[data-astro-cid-v7jvxxvk] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.pos-pill[data-astro-cid-v7jvxxvk] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
  border-radius: 3.40282e38px;
  font-size: 10.5px;
  line-height: 15.75px;
  color: var(--ok);
  border: 1px solid color-mix(in oklab, var(--ok) 40%, transparent);
  background: color-mix(in oklab, var(--ok) 10%, transparent);
  white-space: nowrap;
}

.pos-pill[data-astro-cid-v7jvxxvk] b[data-astro-cid-v7jvxxvk] {
  font-weight: 500;
  padding: 0 4px;
  border-radius: 3px;
  background: color-mix(in srgb, currentColor 16%, transparent);
}

.pos-token[data-astro-cid-v7jvxxvk] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  line-height: 16.5px;
  height: 15px;
  overflow: hidden;
  color: var(--fg-muted);
  white-space: nowrap;
}

.pos-token[data-astro-cid-v7jvxxvk]:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}

.pos-token--done[data-astro-cid-v7jvxxvk]:before {
  background: none;
  border: 1px solid;
}

.pos-token--working[data-astro-cid-v7jvxxvk]:before {
  background: none;
  width: 7px;
  height: 7px;
  border: 1px solid color-mix(in oklab, var(--warn) 85%, white);
}

.pos-token--open[data-astro-cid-v7jvxxvk] {
  color: var(--chart-blue);
}

.pos-token--working[data-astro-cid-v7jvxxvk] {
  color: var(--warn);
}

.pos-token--won[data-astro-cid-v7jvxxvk] {
  color: var(--ok);
}

.pos-token--done[data-astro-cid-v7jvxxvk].armed-state--met {
  color: var(--fg-faint);
}

.armed-swap[data-astro-cid-v7jvxxvk] {
  display: block;
  height: 15px;
  overflow: hidden;
  flex-shrink: 0;
}

.armed-stack[data-astro-cid-v7jvxxvk] {
  display: block;
  transform: translateY(-15px);
}

.armed-swap[data-astro-cid-v7jvxxvk] .armed-state[data-astro-cid-v7jvxxvk] {
  display: block;
  height: 15px;
  line-height: 15px;
}

.armed-state--met[data-astro-cid-v7jvxxvk] {
  color: var(--ok);
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .pos-row[data-astro-cid-v7jvxxvk] {
      animation-name: order-enter;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }

    @keyframes order-enter {
      0% {
        opacity: 0;
        transform: translateY(6px) scale(.97);
        animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
      }

      100% {
        opacity: 1;
        transform: none;
      }
    }

    .armed-stack[data-astro-cid-v7jvxxvk] {
      animation-name: swap-in;
      animation-timing-function: step-end;
      animation-fill-mode: both;
    }

    @keyframes swap-in {
      from {
        transform: translateY(0);
      }

      to {
        transform: translateY(-15px);
      }
    }
  }
}

@media (width >= 1081px) and (height >= 861px) {
  .pos-card[data-astro-cid-v7jvxxvk] {
    flex: none;
    height: 200px;
    overflow-y: auto;
  }
}

@media (width <= 820px) {
  .pos-cols[data-astro-cid-v7jvxxvk], .pos-row[data-astro-cid-v7jvxxvk] {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr) minmax(0, .7fr) minmax(0, .9fr);
    gap: 8px;
  }

  .pos-token[data-astro-cid-v7jvxxvk] {
    display: none;
  }

  .pos-time[data-astro-cid-v7jvxxvk], .pos-cols[data-astro-cid-v7jvxxvk] span[data-astro-cid-v7jvxxvk]:nth-child(5) {
    display: none;
  }
}
.statusbar[data-astro-cid-yaj2tlyx] {
  display: flex;
  align-items: center;
  gap: 4px 16px;
  padding: 10px 20px;
  border: 1px solid var(--app-mission-panel-outline);
  border-radius: var(--app-radius-xl);
  background: color-mix(in srgb, var(--app-mission-panel-surface) var(--app-mission-panel-opacity), transparent);
  box-shadow: var(--app-mission-panel-shadow);
  backdrop-filter: blur(var(--app-glass-blur)) saturate(var(--app-glass-saturation));
  color: var(--fg);
}

.status-main[data-astro-cid-yaj2tlyx] {
  font-size: 13px;
  line-height: 19.5px;
  color: var(--fg-panel);
}

.sb-chip[data-astro-cid-yaj2tlyx] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border: 1px solid color-mix(in oklab, var(--border) 60%, transparent);
  border-radius: 3.40282e38px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-muted);
}

.sb-pred[data-astro-cid-yaj2tlyx] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-muted);
  font-variant-numeric: tabular-nums;
}

.sb-trend[data-astro-cid-yaj2tlyx] {
  color: var(--fg-muted);
}

.sb-right[data-astro-cid-yaj2tlyx] {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px 16px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-muted);
  font-variant-numeric: tabular-nums;
}

.sb-ext[data-astro-cid-yaj2tlyx] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.sb-ext-ico[data-astro-cid-yaj2tlyx], .sb-ico[data-astro-cid-yaj2tlyx] {
  flex: none;
  color: var(--fg-muted);
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .sb-pred[data-astro-cid-yaj2tlyx] {
      animation-name: check-in;
      animation-timing-function: linear;
      animation-fill-mode: both;
    }
  }
}

@media (width >= 1081px) and (height >= 861px) {
  .statusbar[data-astro-cid-yaj2tlyx] {
    flex: none;
    height: 45px;
  }
}

@media (width <= 1080px) {
  .statusbar[data-astro-cid-yaj2tlyx] {
    flex-wrap: wrap;
    row-gap: 4px;
  }
}
.appwin-crumb[data-astro-cid-yssxt2p2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 20px;
  font-size: 16px;
}

.capsule-dots[data-astro-cid-yssxt2p2] {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.capsule-dots[data-astro-cid-yssxt2p2] i[data-astro-cid-yssxt2p2] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid color-mix(in oklab, var(--fg-muted) 40%, transparent);
}

.capsule-dots[data-astro-cid-yssxt2p2] i[data-astro-cid-yssxt2p2].is-done {
  background: var(--fg);
  border-color: var(--fg);
}

.capsule-dots[data-astro-cid-yssxt2p2] i[data-astro-cid-yssxt2p2]:nth-child(2) {
  border-color: var(--fg);
}

.crumb-capsule[data-astro-cid-yssxt2p2] {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 12px;
  border: 1px solid var(--border);
  border-radius: 3.40282e38px;
  background: color-mix(in oklab, var(--card-app) 60%, transparent);
  backdrop-filter: blur(8px);
  color: var(--fg);
  white-space: nowrap;
}

.capsule-pnl[data-astro-cid-yssxt2p2] {
  flex: none;
  font-variant-numeric: tabular-nums;
}

.capsule-pnl[data-astro-cid-yssxt2p2] .pnl-window[data-astro-cid-yssxt2p2] {
  height: 20px;
}

.capsule-pnl[data-astro-cid-yssxt2p2] .pnl-step[data-astro-cid-yssxt2p2] {
  text-align: left;
}

@media (width >= 1081px) and (height >= 861px) {
  .appwin-crumb[data-astro-cid-yssxt2p2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    padding: 0 20px;
  }
}

@media (width <= 820px) {
  .appwin-crumb[data-astro-cid-yssxt2p2] {
    justify-content: flex-start;
  }
}
.appwin[data-astro-cid-mfy3c5x3] {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--app-mission-panel-outline);
  border-radius: var(--app-radius-xl);
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff0a, #ffffff02 46%),
      var(--app-background);
  box-shadow: inset 0 1px 0 var(--app-mission-panel-bevel),
      0 1px 2px #09090b80,
      0 10px 28px -10px #09090b9e,
      0 40px 110px -28px #08080cd9;
  font-family: var(--app-font-sans);
  --font-mono: var(--app-font-mono);
  --fg: var(--app-foreground);
  --fg-muted: var(--app-muted-foreground);
  --fg-dim: var(--app-muted-foreground);
  --fg-faint: var(--app-muted-foreground);
  --border: var(--app-border);
  --card-app: var(--app-card);
  --ok: var(--app-profit);
  --loss: var(--app-loss);
  --warn: var(--app-armed);
  --chart-blue: var(--app-info);
  --chart-primary: var(--app-primary);
  --fg-panel: color-mix(in oklch, var(--app-foreground) 94%, var(--app-card));
}

.appwin-titlebar[data-astro-cid-mfy3c5x3] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--border);
  background: #ffffff05;
}

.tl-dots[data-astro-cid-mfy3c5x3] {
  display: inline-flex;
  gap: 6px;
}

.tl-dots[data-astro-cid-mfy3c5x3] i[data-astro-cid-mfy3c5x3] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff24;
}

.tl-dots[data-astro-cid-mfy3c5x3] i[data-astro-cid-mfy3c5x3]:first-child {
  background: #f2555a;
}

.tl-dots[data-astro-cid-mfy3c5x3] i[data-astro-cid-mfy3c5x3]:nth-child(2) {
  background: #f5b93e;
}

.tl-dots[data-astro-cid-mfy3c5x3] i[data-astro-cid-mfy3c5x3]:nth-child(3) {
  background: #43c465;
}

.tl-title[data-astro-cid-mfy3c5x3] {
  font-size: 12px;
  font-weight: 550;
  letter-spacing: -.01em;
  color: var(--fg-muted);
}

.tl-net[data-astro-cid-mfy3c5x3] {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--warn);
  padding: 2px 8px;
  border: 1px solid color-mix(in srgb, var(--warn) 35%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--warn) 8%, transparent);
}

.appwin-body[data-astro-cid-mfy3c5x3] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  min-height: 0;
}

.appwin-main[data-astro-cid-mfy3c5x3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  padding: 0 12px 12px;
}

.panel-shell[data-astro-cid-mfy3c5x3] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  color: var(--fg);
}

.panel-row[data-astro-cid-mfy3c5x3] {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 10px;
  align-items: stretch;
  min-height: 0;
}

.chart-col[data-astro-cid-mfy3c5x3] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .appwin[data-astro-cid-mfy3c5x3] {
      animation-name: win-live;
    }

    @keyframes win-live {
      0% {
        transform: scale(.965) translateY(14px);
      }

      8% {
        transform: none;
      }

      94%, 100% {
        transform: none;
      }
    }
  }
}

@media (width >= 1081px) and (height >= 861px) {
  .appwin[data-astro-cid-mfy3c5x3] {
    display: flex;
    width: min(1440px, 100vw - 72px);
    height: min(900px, 100dvh - 64px);
    margin: 0 auto;
    background: var(--app-background);
    color: var(--fg);
  }

  .appwin-titlebar[data-astro-cid-mfy3c5x3] {
    position: absolute;
    top: 17px;
    left: 16px;
    z-index: 6;
    gap: 3px;
    padding: 0;
    border: none;
    background: none;
    pointer-events: none;
  }

  .appwin-titlebar[data-astro-cid-mfy3c5x3] .tl-dots[data-astro-cid-mfy3c5x3] {
    gap: 3px;
  }

  .appwin-titlebar[data-astro-cid-mfy3c5x3] .tl-title[data-astro-cid-mfy3c5x3], .appwin-titlebar[data-astro-cid-mfy3c5x3] .tl-net[data-astro-cid-mfy3c5x3] {
    display: none;
  }

  .appwin-body[data-astro-cid-mfy3c5x3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    height: 100%;
  }

  .appwin-main[data-astro-cid-mfy3c5x3] {
    position: relative;
    padding: 44px 20px 0;
    gap: 0;
  }

  .appwin-bg[data-astro-cid-mfy3c5x3] {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .appwin-bg-glow[data-astro-cid-mfy3c5x3] {
    position: absolute;
    width: 640px;
    height: 480px;
    border-radius: 50%;
    filter: blur(90px);
  }

  .appwin-bg-glow--a[data-astro-cid-mfy3c5x3] {
    left: -120px;
    top: 60px;
    background: radial-gradient(closest-side, color-mix(in srgb, var(--app-info) 17%, transparent), transparent 70%);
  }

  .appwin-bg-glow--b[data-astro-cid-mfy3c5x3] {
    right: -80px;
    bottom: 40px;
    background: radial-gradient(closest-side, color-mix(in srgb, var(--app-profit) 12%, transparent), transparent 70%);
  }

  .appwin-bg-glow--c[data-astro-cid-mfy3c5x3] {
    left: 30%;
    bottom: -140px;
    width: 520px;
    height: 360px;
    background: radial-gradient(closest-side, color-mix(in srgb, var(--app-primary) 10%, transparent), transparent 70%);
  }

  .appwin-bg-lines[data-astro-cid-mfy3c5x3] {
    position: absolute;
    left: 36px;
    top: 110px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 660px;
    font-size: 16px;
    line-height: 21px;
    color: color-mix(in srgb, var(--app-foreground) 84%, var(--app-background));
    opacity: .26;
    -webkit-mask-image: linear-gradient(to right, #000, #0000);
    mask-image: linear-gradient(to right, #000, #0000);
  }

  .appwin-bg-lines--right[data-astro-cid-mfy3c5x3] {
    left: auto;
    right: 60px;
    top: 150px;
    width: 420px;
    opacity: .22;
    -webkit-mask-image: linear-gradient(to left, #000 40px, #0000 120px);
    mask-image: linear-gradient(to left, #000 40px, #0000 120px);
  }

  .appwin-bg-lines[data-astro-cid-mfy3c5x3] i[data-astro-cid-mfy3c5x3] {
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .appwin-bg-lines[data-astro-cid-mfy3c5x3] i[data-astro-cid-mfy3c5x3]:nth-child(2n) {
    width: 82%;
  }

  .panel-shell[data-astro-cid-mfy3c5x3] {
    flex: 1;
    min-height: 0;
    margin-top: 8px;
  }

  .panel-row[data-astro-cid-mfy3c5x3] {
    flex: 1;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) clamp(380px, 32%, 460px);
    gap: 16px;
  }

  .chart-col[data-astro-cid-mfy3c5x3] {
    min-height: 0;
  }
}

.appwin-bg[data-astro-cid-mfy3c5x3] {
  display: none;
}

@media (width >= 1081px) and (height >= 861px) {
  .appwin-bg[data-astro-cid-mfy3c5x3] {
    display: block;
  }
}

@media (width <= 1080px), (height <= 860px) {
  .appwin[data-astro-cid-mfy3c5x3] {
    animation: none;
  }
}

@media (width <= 1080px) {
  .appwin-body[data-astro-cid-mfy3c5x3] {
    grid-template-columns: 1fr;
  }

  .panel-row[data-astro-cid-mfy3c5x3] {
    grid-template-columns: 1fr;
  }
}

@media (width <= 820px) {
  .appwin-body[data-astro-cid-mfy3c5x3] {
    grid-template-columns: 1fr;
  }

  .appwin-body[data-astro-cid-mfy3c5x3] .pos-card, .appwin-body[data-astro-cid-mfy3c5x3] .statusbar, .appwin-body[data-astro-cid-mfy3c5x3] .wakeup-cap {
    display: none;
  }

  .appwin-body[data-astro-cid-mfy3c5x3] .card-legend {
    font-size: 11.5px;
  }

  .appwin-titlebar[data-astro-cid-mfy3c5x3] {
    display: none;
  }

  .appwin[data-astro-cid-mfy3c5x3] {
    height: calc(100dvh - 60px);
  }

  .appwin-body[data-astro-cid-mfy3c5x3] {
    height: 100%;
  }

  .appwin-main[data-astro-cid-mfy3c5x3] {
    flex: 1;
    min-height: 0;
  }

  .panel-shell[data-astro-cid-mfy3c5x3] {
    flex: 1;
    min-height: 0;
  }

  .panel-row[data-astro-cid-mfy3c5x3] {
    grid-template-rows: auto minmax(0, 1fr);
  }
}
.hero[data-astro-cid-yodha2z4] {
  padding: 0 0 24px;
  border-top: 0;
  overflow: clip;
}

.hero-grid[data-astro-cid-yodha2z4] {
  position: absolute;
  inset: -10% 0;
  pointer-events: none;
  background-image: linear-gradient(to right, #ffffff09 1px, #0000 1px), linear-gradient(#ffffff09 1px, #0000 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(66% 52% at 50% 22%, #000 30%, #0000 100%);
  -webkit-mask-image: radial-gradient(66% 52% at 50% 22%, #000 30%, #0000 100%);
}

.hero-glow[data-astro-cid-yodha2z4] {
  position: absolute;
  inset: -20% -10% auto;
  height: 80%;
  pointer-events: none;
  background: radial-gradient(ellipse 46% 42% at 50% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%);
}

.hero-copy[data-astro-cid-yodha2z4] {
  position: relative;
  z-index: 2;
  text-align: center;
  padding-top: clamp(3.75rem, 7vh, 6rem);
}

.hero-eyebrow[data-astro-cid-yodha2z4], .hero-title[data-astro-cid-yodha2z4], .hero-sub[data-astro-cid-yodha2z4], .hero-actions[data-astro-cid-yodha2z4] {
  animation: .8s ease-out backwards fade-in;
}

.hero-title[data-astro-cid-yodha2z4] {
  animation-delay: 80ms;
}

.hero-sub[data-astro-cid-yodha2z4] {
  animation-delay: .16s;
}

.hero-actions[data-astro-cid-yodha2z4] {
  animation-delay: .24s;
}

.hero-title[data-astro-cid-yodha2z4] {
  font-size: clamp(30px, 3.5vw, 48px);
  margin: 16px auto 18px;
  max-width: 17ch;
  text-wrap: balance;
  color: #fff;
}

.hero-sub[data-astro-cid-yodha2z4] {
  color: var(--fg-muted);
  font-size: clamp(15px, 1.15vw, 16.5px);
  max-width: 44ch;
  margin: 0 auto 24px;
  letter-spacing: -.005em;
  line-height: 1.5;
}

.hero-actions[data-astro-cid-yodha2z4] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
}

.dl-icon[data-astro-cid-yodha2z4] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.hero-source-link[data-astro-cid-yodha2z4] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--fg-muted);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.01em;
  transition: color .18s;
}

.hero-source-link[data-astro-cid-yodha2z4]:hover {
  color: var(--fg);
}

.hero-source-arrow {
  flex-shrink: 0;
  opacity: .6;
  transition: transform .18s, opacity .18s;
}

.hero-source-link[data-astro-cid-yodha2z4]:hover .hero-source-arrow {
  transform: translate(2px, -2px);
  opacity: 1;
}

.hero-frame[data-astro-cid-yodha2z4] {
  position: relative;
  z-index: 1;
  margin: clamp(88px, 11vh, 120px) auto 0;
  max-width: 1240px;
  padding-inline: 20px;
  mask-image: linear-gradient(#000 0 calc(100% - 140px), #0000 100%);
  -webkit-mask-image: linear-gradient(#000 0 calc(100% - 140px), #0000 100%);
}

.hero-backlight[data-astro-cid-yodha2z4] {
  position: absolute;
  inset: -90px -70px auto;
  height: 78%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(46% 58% at 50% 0%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 72%),
      radial-gradient(78% 85% at 50% 0%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 76%);
}

.hero-frame-shell[data-astro-cid-yodha2z4] {
  padding: 20px 20px 0;
  border: 1px solid;
  border-bottom: 0;
  border-color: color-mix(in srgb, var(--border-strong) 60%, #fff 8%);
  border-radius: 24px 24px 0 0;
  background: linear-gradient(#ffffff17, #ffffff07 55%, #ffffff05);
  box-shadow: inset 0 1px #ffffff26;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hero-scale[data-astro-cid-yodha2z4] {
  zoom: var(--hero-zoom, 1);
}

.hero-frame[data-astro-cid-yodha2z4] .appwin {
  width: 100%;
  border-radius: 12px 12px 0 0;
}

.hero-frame[data-astro-cid-yodha2z4] .appwin-bg-lines {
  display: none;
}

.hero-frame[data-astro-cid-yodha2z4] .appwin, .hero-frame[data-astro-cid-yodha2z4] .grid, .hero-frame[data-astro-cid-yodha2z4] .level, .hero-frame[data-astro-cid-yodha2z4] .fire-dot, .hero-frame[data-astro-cid-yodha2z4] .fire-ping, .hero-frame[data-astro-cid-yodha2z4] .wedge, .hero-frame[data-astro-cid-yodha2z4] .wedge-edge, .hero-frame[data-astro-cid-yodha2z4] .chip, .hero-frame[data-astro-cid-yodha2z4] .dip-dot, .hero-frame[data-astro-cid-yodha2z4] .dip-drop, .hero-frame[data-astro-cid-yodha2z4] .dip-label, .hero-frame[data-astro-cid-yodha2z4] .stop-hold, .hero-frame[data-astro-cid-yodha2z4] .stop-hold-label, .hero-frame[data-astro-cid-yodha2z4] .target-dot, .hero-frame[data-astro-cid-yodha2z4] .target-ping, .hero-frame[data-astro-cid-yodha2z4] .target-check, .hero-frame[data-astro-cid-yodha2z4] .pnl-track, .hero-frame[data-astro-cid-yodha2z4] .progress-fill, .hero-frame[data-astro-cid-yodha2z4] .pos-row, .hero-frame[data-astro-cid-yodha2z4] .sb-pred, .hero-frame[data-astro-cid-yodha2z4] .armed-stack, .hero-frame[data-astro-cid-yodha2z4] .rr-seg, .hero-frame[data-astro-cid-yodha2z4] .log-row, .hero-frame[data-astro-cid-yodha2z4] .log-feed-inner, .hero-frame[data-astro-cid-yodha2z4] .status-track, .hero-frame[data-astro-cid-yodha2z4] .price-line, .hero-frame[data-astro-cid-yodha2z4] .price-wash {
  animation: none;
}

.hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .status-track {
  transform: translateY(-1.5em);
}

.hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .pnl-track {
  transform: none;
}

.hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .price-line {
  stroke-dashoffset: 0;
  clip-path: inset(0 62.68% 0 0) view-box;
}

.hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .price-wash {
  clip-path: inset(0 62.68% 0 0);
}

.hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .log-feed-inner {
  transform: translateY(-234.5px);
}

.hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .progress-fill {
  transform: scaleX(0);
}

.hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .rr-note .tick {
  display: none;
}

.hero-frame[data-astro-cid-yodha2z4] .level--entry, .hero-frame[data-astro-cid-yodha2z4] .level--stop, .hero-frame[data-astro-cid-yodha2z4] .level--wake, .hero-frame[data-astro-cid-yodha2z4] .wedge, .hero-frame[data-astro-cid-yodha2z4] .wedge-edge, .hero-frame[data-astro-cid-yodha2z4] .dip-drop, .hero-frame[data-astro-cid-yodha2z4] .dip-dot, .hero-frame[data-astro-cid-yodha2z4] .dip-label, .hero-frame[data-astro-cid-yodha2z4] .stop-hold, .hero-frame[data-astro-cid-yodha2z4] .stop-hold-label, .hero-frame[data-astro-cid-yodha2z4] .fire-dot, .hero-frame[data-astro-cid-yodha2z4] .fire-ping, .hero-frame[data-astro-cid-yodha2z4] .target-ping, .hero-frame[data-astro-cid-yodha2z4] .target-dot, .hero-frame[data-astro-cid-yodha2z4] .target-check, .hero-frame[data-astro-cid-yodha2z4] .chip--met, .hero-frame[data-astro-cid-yodha2z4] .chip--mark, .hero-frame[data-astro-cid-yodha2z4] .chip--entry, .hero-frame[data-astro-cid-yodha2z4] .chip--stop, .hero-frame[data-astro-cid-yodha2z4] .chip--wake, .hero-frame[data-astro-cid-yodha2z4] .pos-row {
  display: none;
}

@media (width <= 820px) {
  .hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .log-feed-inner {
    transform: translateY(-585px);
  }

  @media (width >= 401px) {
    .hero[data-astro-cid-yodha2z4] .hero-frame[data-astro-cid-yodha2z4] .log-feed-inner {
      transform: translateY(-495px);
    }
  }
}

@media (width >= 1081px) and (height >= 861px) {
  .hero-scale[data-astro-cid-yodha2z4] {
    zoom: .52;
  }
}

@media (width >= 1081px) and (height >= 1100px) {
  .hero-scale[data-astro-cid-yodha2z4] {
    zoom: .66;
  }
}

@media (height <= 860px), (width <= 1080px) {
  .hero-scale[data-astro-cid-yodha2z4] {
    zoom: .37;
  }
}

@media (width <= 820px) {
  .hero-scale[data-astro-cid-yodha2z4] {
    zoom: .51;
  }
}

@media (width <= 820px) and (height <= 740px) {
  .hero-scale[data-astro-cid-yodha2z4] {
    zoom: .42;
  }
}

@media (width <= 1080px) {
  .hero-copy[data-astro-cid-yodha2z4] {
    padding-top: 4.5rem;
  }

  .hero-title[data-astro-cid-yodha2z4] {
    font-size: clamp(28px, 7.4vw, 40px);
    max-width: 15ch;
  }

  .hero-sub[data-astro-cid-yodha2z4] {
    font-size: 15px;
    margin-bottom: 22px;
  }

  .hero-frame[data-astro-cid-yodha2z4] {
    margin-top: 84px;
    padding-inline: 0;
  }
}

@media (width <= 1080px) and (height <= 520px) {
  .hero-copy[data-astro-cid-yodha2z4] {
    padding-top: 3rem;
  }

  .hero-title[data-astro-cid-yodha2z4] {
    font-size: clamp(26px, 5.4vw, 34px);
    margin: 10px auto 12px;
  }

  .hero-sub[data-astro-cid-yodha2z4] {
    margin-bottom: 14px;
  }

  .hero-frame[data-astro-cid-yodha2z4] {
    margin-top: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-eyebrow[data-astro-cid-yodha2z4], .hero-title[data-astro-cid-yodha2z4], .hero-sub[data-astro-cid-yodha2z4], .hero-actions[data-astro-cid-yodha2z4] {
    animation: none;
  }
}
.sec-mission[data-astro-cid-6mulhoke] {
  padding-bottom: 0;
  background: linear-gradient(180deg, var(--bg) 0%, #070709 30%, #060608 100%);
}

.mission-scroller[data-astro-cid-6mulhoke] {
  min-height: 340vh;
  margin-top: 40px;
}

.mission-sticky[data-astro-cid-6mulhoke] {
  position: sticky;
  top: 0;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 70px 0 24px;
}

.mission-dim[data-astro-cid-6mulhoke] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(90% 70% at 50% 46%, #0000 30%, #030305e6 100%), #0303059e;
}

.stage-container[data-astro-cid-6mulhoke] {
  position: relative;
}

.mission-notes[data-astro-cid-6mulhoke] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  padding-top: 0;
  padding-bottom: 76px;
  margin-top: 0;
  border-top: 1px solid var(--border);
}

.note[data-astro-cid-6mulhoke] {
  padding: 22px 30px 0 0;
}

.note[data-astro-cid-6mulhoke] + .note[data-astro-cid-6mulhoke] {
  padding-left: 30px;
  border-left: 1px solid var(--border);
}

.note[data-astro-cid-6mulhoke] h3[data-astro-cid-6mulhoke] {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 15.5px;
  font-weight: 500;
  letter-spacing: -.015em;
  margin-bottom: 7px;
}

.note[data-astro-cid-6mulhoke] h3[data-astro-cid-6mulhoke] .note-mark {
  color: var(--ok);
  flex-shrink: 0;
  align-self: center;
}

.note[data-astro-cid-6mulhoke] p[data-astro-cid-6mulhoke] {
  color: var(--fg-muted);
  font-size: 14.5px;
  line-height: 1.6;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .mission-scroller[data-astro-cid-6mulhoke] {
      view-timeline-name: --mission;
      view-timeline-axis: block;
      --t0: 0%;
      --t1: 100%;
    }

    .mission-dim[data-astro-cid-6mulhoke] {
      animation-name: dim-hold;
    }

    @keyframes dim-hold {
      0% {
        opacity: 0;
      }

      7% {
        opacity: .85;
      }

      18% {
        opacity: 0;
      }

      100% {
        opacity: 0;
      }
    }

    .mission-notes[data-astro-cid-6mulhoke] {
      view-timeline-name: --notes;
      view-timeline-axis: block;
    }

    .note[data-astro-cid-6mulhoke] h3[data-astro-cid-6mulhoke] .note-mark {
      animation: linear both check-in;
      animation-timeline: --notes;
      animation-range: cover var(--from) cover var(--to);
    }
  }
}

@media (width >= 1081px) and (height >= 861px) {
  .mission-sticky[data-astro-cid-6mulhoke] {
    padding: 0;
    z-index: 60;
  }

  .mission-sticky[data-astro-cid-6mulhoke] .stage-container[data-astro-cid-6mulhoke] {
    max-width: none;
    padding: 0;
  }
}

@media (width <= 1080px), (height <= 860px) {
  .mission-scroller[data-astro-cid-6mulhoke] {
    min-height: 0;
    margin-top: 32px;
    padding-bottom: 26vh;
  }

  .mission-sticky[data-astro-cid-6mulhoke] {
    position: static;
    min-height: 0;
    padding: 0;
  }

  .mission-dim[data-astro-cid-6mulhoke] {
    display: none;
  }

  .mission-scroller[data-astro-cid-6mulhoke] {
    --pass: .6;
    --pass-base: 13%;
  }
}

@media (width <= 820px) {
  .mission-scroller[data-astro-cid-6mulhoke] {
    min-height: 300vh;
    padding-bottom: 0;
    --pass: .68;
    --pass-base: 23%;
  }

  .mission-sticky[data-astro-cid-6mulhoke] {
    position: sticky;
    top: 60px;
    z-index: 40;
  }
}

@media (width <= 1080px) {
  .mission-notes[data-astro-cid-6mulhoke] {
    grid-template-columns: 1fr;
    margin-top: 28px;
    padding-bottom: 72px;
  }

  .note[data-astro-cid-6mulhoke] {
    padding: 20px 0 0;
  }

  .note[data-astro-cid-6mulhoke] + .note[data-astro-cid-6mulhoke] {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--border);
  }
}
.open-inner[data-astro-cid-2fz3jxcz] {
  max-width: 760px;
}

.open-title[data-astro-cid-2fz3jxcz] {
  max-width: 20ch;
}

.open-actions[data-astro-cid-2fz3jxcz] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.inline-link[data-astro-cid-2fz3jxcz] {
  color: var(--fg);
  text-decoration: underline;
  text-decoration-color: #fafafa59;
  text-underline-offset: 3px;
}

.inline-link[data-astro-cid-2fz3jxcz]:hover {
  text-decoration-color: var(--fg);
}
.sec-state[data-astro-cid-wiqdlb4p] {
  background: linear-gradient(180deg, #0a0a0d, var(--bg));
}

.state-pane[data-astro-cid-wiqdlb4p] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-top: 48px;
  padding: 0;
}

.state-col[data-astro-cid-wiqdlb4p] {
  padding: 26px 28px;
}

.state-col[data-astro-cid-wiqdlb4p] + .state-col[data-astro-cid-wiqdlb4p] {
  border-left: 1px solid var(--border);
}

.state-label[data-astro-cid-wiqdlb4p] {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.state-label--is[data-astro-cid-wiqdlb4p] {
  color: var(--ok);
}

.state-label--isnt[data-astro-cid-wiqdlb4p] {
  color: var(--warn);
}

.state-col[data-astro-cid-wiqdlb4p] ul[data-astro-cid-wiqdlb4p] {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.state-col[data-astro-cid-wiqdlb4p] li[data-astro-cid-wiqdlb4p] {
  color: var(--fg-muted);
  font-size: 15px;
  line-height: 1.5;
  padding-left: 16px;
  position: relative;
}

.state-col[data-astro-cid-wiqdlb4p] li[data-astro-cid-wiqdlb4p]:before {
  content: "";
  position: absolute;
  left: 0;
  top: .66em;
  width: 6px;
  height: 1px;
  background: var(--fg-faint);
}

@media (width <= 820px) {
  .state-pane[data-astro-cid-wiqdlb4p] {
    grid-template-columns: 1fr;
  }

  .state-col[data-astro-cid-wiqdlb4p] + .state-col[data-astro-cid-wiqdlb4p] {
    border-left: 0;
    border-top: 1px solid var(--border);
  }
}
.sec-tape[data-astro-cid-lron3g6y] {
  padding: 30px 0 0;
  border-top: 0;
}

.tape[data-astro-cid-lron3g6y] {
  overflow: hidden;
  border-block: 1px solid var(--border);
  background: linear-gradient(#ffffff05, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 6% 94%, #0000);
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 6% 94%, #0000);
}

.tape-track[data-astro-cid-lron3g6y] {
  display: flex;
  width: max-content;
}

@media (prefers-reduced-motion: no-preference) {
  .tape-track[data-astro-cid-lron3g6y] {
    animation-name: tape-run;
    animation-duration: 36s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
  }
}

@keyframes tape-run {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.tape-run[data-astro-cid-lron3g6y] {
  display: flex;
  flex-shrink: 0;
}

.tape-item[data-astro-cid-lron3g6y] {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 14px 26px;
  font-family: var(--font-mono);
  font-size: 13px;
  border-right: 1px solid var(--border);
  white-space: nowrap;
}

.tape-sym[data-astro-cid-lron3g6y] {
  color: var(--fg-dim);
  font-size: 11px;
  letter-spacing: .12em;
}

.tape-px[data-astro-cid-lron3g6y] {
  color: var(--fg);
  font-variant-numeric: tabular-nums;
}

.tape-chg[data-astro-cid-lron3g6y] {
  font-size: 11px;
  color: var(--fg-dim);
  font-variant-numeric: tabular-nums;
}

.tape-chg[data-astro-cid-lron3g6y].is-up {
  color: var(--ok);
}

.tape-chg[data-astro-cid-lron3g6y].is-down {
  color: var(--loss);
}

.tape[data-astro-cid-lron3g6y][data-state="loading"] .tape-px[data-astro-cid-lron3g6y] {
  color: #0000;
  border-radius: 4px;
  background: linear-gradient(90deg, #ffffff0d, #ffffff1c, #ffffff0d);
  background-size: 300% 100%;
  animation: 1.4s linear infinite tape-shimmer;
}

@keyframes tape-shimmer {
  to {
    background-position: -300% 0;
  }
}

@media (width <= 820px) {
  .sec-tape[data-astro-cid-lron3g6y] {
    padding: 0 0 72px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tape[data-astro-cid-lron3g6y][data-state="loading"] .tape-px[data-astro-cid-lron3g6y] {
    animation: none;
  }
}
/* The rail owns the right gutter on the desktop surface only -
     the same width where the price-line spine owns the left one.
     Fixed and pointer-events: none at the nav, auto on the ticks,
     so it never intercepts content or shifts layout.
     Visual grammar is the app's own TimelineMinimap
     (apps/web/src/components/chat/MessagesTimeline.tsx): small
     2px rounded ticks on a 1px hairline track, 8px apart, muted
     ink at rest, foreground ink for the section in view, and the
     width falling off with distance from the active tick
     (24/16/10/8px, exactly the app's w-6/w-4/w-2.5/w-2). */
  .minimap {
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 40;
    display: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    padding: 3px 0;
    pointer-events: none;
  }

  /* The full-height hairline track the ticks sit on, the app's
     w-px bg-border/15 lane. */
  .minimap::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3px;
    width: 1px;
    background: color-mix(in srgb, var(--border) 55%, transparent);
  }

  @media (min-width: 1081px) {
    .minimap[hidden] {
      display: none;
    }

    .minimap {
      display: flex;
    }
  }

  .minimap-tick {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 28px;
    height: 8px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    pointer-events: auto;
  }

  /* The tick: h-0.5, rounded-full, muted-foreground/35 at rest,
    foreground/90 in view, width by distance - the app's own
    numbers. Plain color/width transitions: state changes, no
    repaint loops. */
  .tick-line {
    position: relative;
    width: 8px;
    height: 2px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--fg-muted) 35%, transparent);
    transition:
      width 0.15s ease,
      background-color 0.15s ease;
  }

  .minimap-tick[data-distance="2"] .tick-line {
    width: 10px;
  }

  .minimap-tick[data-distance="1"] .tick-line,
  .minimap-tick:hover .tick-line,
  .minimap-tick:focus-visible .tick-line {
    width: 16px;
    background: color-mix(in srgb, var(--fg-muted) 60%, transparent);
  }

  .minimap-tick[aria-current="true"] .tick-line {
    width: 24px;
    background: color-mix(in srgb, var(--fg) 90%, transparent);
  }

  /* The mission tick carries the story's progress: its ink fills
     left to right across the mission scroller's own contain pass,
     so the rail advances through the long pinned story instead of
     freezing on one bar. Declared here (page chrome's stylesheet,
     no section file touched); --mission is restated alongside so
     this rule never drops the name Mission's own block sets. */
  body .main .mission-scroller {
    view-timeline-name: --mission, --rail-mission;
  }

  body {
    timeline-scope: --rail-mission;
  }

  @media (prefers-reduced-motion: no-preference) {
    @supports (animation-timeline: view()) {
      .minimap-tick[data-mission] .tick-line::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: color-mix(in srgb, var(--fg) 90%, transparent);
        transform-origin: 0 50%;
        transform: scaleX(0);
        animation: rail-mission-fill linear both;
        animation-timeline: --rail-mission;
        animation-range: contain 0% contain 100%;
      }

      @keyframes rail-mission-fill {
        from { transform: scaleX(0); }
        to { transform: scaleX(1); }
      }
    }
  }

  /* The hover name, docked left of its tick the way the app's
     minimap previews sit beside their ticks. */
  .tick-label {
    position: absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-50%) translateX(4px);
    padding: 3px 8px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: color-mix(in srgb, var(--bg) 88%, transparent);
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--fg-muted);
    opacity: 0;
    pointer-events: none;
    transition:
      opacity 0.18s ease,
      transform 0.18s ease;
  }

  .minimap-tick:hover .tick-label,
  .minimap-tick:focus-visible .tick-label {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }