@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("/static/fonts/IBMPlexSans-Variable.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("/static/fonts/IBMPlexSans-Variable-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("/static/fonts/IBMPlexSans-Variable-greek.woff2") format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}


@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/IBMPlexMono-Regular.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/IBMPlexMono-Regular-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/IBMPlexMono-Medium.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/IBMPlexMono-Medium-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}



:root {
  
  --i-ink-1:            #F0F0F3;   
  --i-ink-2:            #BABAC1;   
  --i-ink-3:            #888891;   
  --i-ink-4:            #5D5C65;   

  
  --oo-text:            var(--i-ink-1);
  --oo-muted:           var(--i-ink-2);
  --oo-muted-rgb:       186, 186, 193;

  
  --i-void:             #08080A;   
  --i-surface-1:        #131318;   
  --i-surface-2:        #1D1D23;   
  --i-surface-3:        #26262D;   
  --i-surface-4:        #2E2E36;   

  
  --i-surface-base:     var(--i-void);
  --i-surface-panel:    var(--i-surface-1);
  --i-surface-raised:   var(--i-surface-2);
  --i-surface-hover:    var(--i-surface-3);
  --i-surface-active:   var(--i-surface-4);

  --oo-void:            var(--i-void);
  --oo-bubble:          var(--i-surface-1);
  --oo-sidebar:         #0E0E12;              
  --oo-bubble-raised:   var(--i-surface-2);

  
  --i-orchid:           #D05BA5;   
  --i-orchid-deep:      #943272;
  --i-orchid-bright:    #EB81C2;   
  --i-cyber:            #B98CE0;   
  --i-amber:            #F2AF48;   
  --i-amber-rgb:        242, 175, 72;
  --i-amber-wash:       #3C2A0E;
  --i-orchid-wash:      #3F2334;

  
  --oo-orchid:          var(--oo-orchid-500);
  --oo-orchid-rgb:      208, 91, 165;
  --oo-cyber:           var(--i-cyber);

  
  --i-bull:             #56BD78;   
  --i-bear:             #E87972;   
  --i-bull-wash:        #12321C;
  --i-bear-wash:        #411E1C;
  --oo-bullish:         var(--i-bull);
  --oo-bearish:         var(--i-bear);
  --oo-bullish-rgb:     86, 189, 120;
  --oo-bearish-rgb:     232, 121, 114;

  
  
  --i-t-scale:          1;

  --i-t-hero:           calc(42px * var(--i-t-scale));
  --i-t-xl:             calc(26px * var(--i-t-scale));
  --i-t-lg:             calc(19px * var(--i-t-scale));
  --i-t-md:             calc(15px * var(--i-t-scale));
  --i-t-body:           calc(13px * var(--i-t-scale));
  --i-t-sm:             calc(12px * var(--i-t-scale));
  --i-t-xs:             calc(10.5px * var(--i-t-scale));

  
  --i-gap-xs:           4px;
  --i-gap-sm:           8px;

  --i-track-hero:       -0.03em;
  --i-track-tight:      -0.01em;
  --i-track-label:      0.09em;

  
  --i-rim:              inset 0 1px 0 0 rgba(255, 255, 255, 0.055);
  --i-rim-strong:       inset 0 1px 0 0 rgba(255, 255, 255, 0.09);
  --i-underlight:       inset 0 -1px 0 0 rgba(0, 0, 0, 0.45);

  --i-elev-0:           none;
  --i-elev-1:           var(--i-rim), 0 1px 2px rgba(0, 0, 0, 0.40);
  --i-elev-2:           var(--i-rim), 0 2px 6px rgba(0, 0, 0, 0.45),
                        0 8px 20px rgba(0, 0, 0, 0.30);
  --i-elev-3:           var(--i-rim-strong), 0 4px 12px rgba(0, 0, 0, 0.55),
                        0 18px 48px rgba(0, 0, 0, 0.42);

  --oo-rim:             var(--i-rim);
  --oo-elevation:       var(--i-elev-2);

  
  --i-hair:             #2D2D34;
  --i-hair-strong:      #42414A;
  --oo-hairline:        var(--i-hair);
  --oo-hairline-strong: var(--i-hair-strong);

  
  --i-r-panel:          20px;
  --i-r-card:           14px;
  --i-r-control:        10px;
  --i-r-chip:           7px;
  --i-r-pill:           999px;

  --oo-radius:          20px;
  --oo-radius-inner:    14px;
  --oo-radius-tight:    10px;

  
  --oo-gradient-exec:   linear-gradient(140deg, var(--i-orchid-deep) 0%, var(--i-orchid) 100%);
  --i-gradient-primary: linear-gradient(140deg, var(--i-orchid-deep) 0%, var(--i-orchid) 100%);

  
  --oo-font-ui:         "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --oo-font-data:       "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
}


:root[data-textsize="large"]  { --i-t-scale: 1.15; }
:root[data-textsize="larger"] { --i-t-scale: 1.3; }




:root {
  
  --i-ambient:
    radial-gradient(ellipse 120% 55% at 50% -12%, rgba(208, 91, 165, 0.10), transparent 62%),
    radial-gradient(ellipse 70% 45% at 88% 8%,   rgba(185, 140, 224, 0.055), transparent 60%),
    radial-gradient(ellipse 90% 60% at 8% 100%,  rgba(148, 50, 114, 0.05), transparent 62%);
  --i-grain-opacity:      0.028;

  
  --i-control-bg:         rgba(255, 255, 255, 0.045);
  --i-control-bg-hover:   rgba(255, 255, 255, 0.085);
  --i-accent-edge-soft:   rgba(208, 91, 165, 0.42);
  --i-accent-edge:        rgba(208, 91, 165, 0.55);
  --i-accent-edge-bright: rgba(235, 129, 194, 0.40);
  --i-accent-wash:        rgba(208, 91, 165, 0.16);
  --i-accent-glow:        rgba(208, 91, 165, 0.13);
  --i-accent-glow-strong: rgba(208, 91, 165, 0.34);
  --i-ink-on-accent:      #FFFFFF;
  --i-btn-primary-shadow:       0 2px 8px rgba(0, 0, 0, 0.45);
  --i-btn-primary-shadow-hover: 0 2px 10px rgba(0, 0, 0, 0.50);

  
  --i-row-hover:          rgba(255, 255, 255, 0.028);
  --i-nav-hover:          rgba(255, 255, 255, 0.035);
  --i-nav-active-wash:    rgba(208, 91, 165, 0.15);
  --i-header-bg:          rgba(12, 10, 21, 0.72);
  --i-field-bg:           rgba(0, 0, 0, 0.34);
  --i-wash-faint:         rgba(255, 255, 255, 0.014);

  
  --i-scroll-thumb:       rgba(136, 136, 145, 0.20);
  --i-scroll-thumb-track: rgba(136, 136, 145, 0.26);
  --i-scroll-thumb-hover: rgba(208, 91, 165, 0.55);
}



#app-root::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: var(--i-ambient);
}


#app-root::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: var(--i-grain-opacity);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}


#app-root > * { position: relative; z-index: 2; }

@media (prefers-reduced-motion: reduce) {
  #app-root *, #app-root *::before, #app-root *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}




#app-root {
  font-size: var(--i-t-body);
  font-weight: 400;
  letter-spacing: 0;
  color: var(--i-ink-1);
}


#app-root p,
#app-root li,
#app-root dd,
#app-root .feature-briefing-line,
#app-root [class*="-briefing-line"],
#app-root [class*="-description"],
#app-root [class*="-summary-text"],
#app-root [class*="-note"],
#app-root [class*="-caption"],
#app-root [class*="-subtitle"] {
  font-weight: 400 !important;
  color: var(--i-ink-2) !important;
  font-size: var(--i-t-body);
  line-height: var(--i-lh-body);   
  letter-spacing: 0;
}


#app-root p,
#app-root .feature-briefing-line,
#app-root [class*="-briefing-line"] {
  max-width: 78ch;
}


#app-root h1 { font-size: var(--i-t-xl); font-weight: 600; letter-spacing: var(--i-track-hero); color: var(--i-ink-1); line-height: 1.15; }
#app-root h2 { font-size: var(--i-t-lg); font-weight: 600; letter-spacing: var(--i-track-tight); color: var(--i-ink-1); line-height: 1.2; }
#app-root h3 { font-size: var(--i-t-md); font-weight: 600; letter-spacing: var(--i-track-tight); color: var(--i-ink-1); line-height: 1.3; }
#app-root h4,
#app-root h5 { font-size: var(--i-t-body); font-weight: 600; color: var(--i-ink-1); }

#app-root h1, #app-root h2, #app-root h3 { text-wrap: balance; }


#app-root [class*="-label"],
#app-root [class*="-eyebrow"],
#app-root [class*="-kicker"],
#app-root th,
#app-root legend {
  font-size: var(--i-t-xs) !important;
  font-weight: 600 !important;
  letter-spacing: var(--i-track-caps) !important;   
  text-transform: uppercase;
  color: var(--i-ink-3) !important;
}


#app-root [class*="-hero-value"],
#app-root [class*="-headline-value"],
#app-root [class*="-primary-metric"],
#app-root .oo-hero-number {
  font-family: var(--oo-font-data) !important;
  font-size: var(--i-t-hero) !important;
  font-weight: 600 !important;
  letter-spacing: var(--i-track-hero) !important;
  color: var(--i-ink-1) !important;
  font-variant-numeric: tabular-nums;
  line-height: 1.02;
}




#app-root [class*="-final"][class],
#app-root .oo-hero-number[class] {
  font-family: var(--oo-font-data) !important;
  font-size: calc(28px * var(--i-t-scale)) !important;   
  font-weight: 600 !important;
  letter-spacing: var(--i-track-hero) !important;
  color: var(--i-ink-1) !important;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}


#app-root [class*="-headline"]:not([class*="-headlines"]) {
  font-family: var(--oo-font-ui) !important;
  font-size: var(--i-t-md) !important;
  font-weight: 600 !important;
  color: var(--i-ink-1) !important;
  letter-spacing: var(--i-track-tight);
  line-height: 1.35;
  text-wrap: balance;
}


#app-root .mono,
#app-root [class*="-mono"] {
  font-family: var(--oo-font-data) !important;
  font-size: var(--i-t-md) !important;
  font-weight: 500 !important;
  color: var(--i-ink-1) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--i-track-tight);
}


#app-root td.mono,
#app-root td [class*="-mono"],
#app-root tbody .mono {
  font-size: var(--i-t-sm) !important;
  font-weight: 400 !important;
}


#app-root [class*="-detail"],
#app-root [class*="-source"]:not([class*="-sources"]),
#app-root [class*="-hint"],
#app-root [class*="-footnote"],
#app-root [class*="-provenance"] {
  font-size: calc(11px * var(--i-t-scale)) !important;   
  font-weight: 400 !important;
  color: var(--i-ink-3) !important;
  letter-spacing: 0;
}


#app-root td,
#app-root [class*="-value"],
#app-root [class*="-metric"],
#app-root [class*="-num"],
#app-root [class*="-price"],
#app-root [class*="-pct"] {
  font-variant-numeric: tabular-nums;
}


#app-root td[class*="-num"],
#app-root td[class*="-value"],
#app-root td[class*="-price"],
#app-root td[class*="-pct"],
#app-root th[class*="-num"],
#app-root th[class*="-value"] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}




#app-root button:not([disabled]):not([aria-disabled="true"]):not([type="submit"]):not(.sidebar-nav-item):not(.oo-group-toggle):not(.command-tab):not([class*="-nav-item"]),
#app-root [class*="-button"]:not([disabled]):not([aria-disabled="true"]):not([type="submit"]),
#app-root [class*="-action"]:not([class*="-actions"]):not([disabled]):not([aria-disabled="true"]),
#app-root [type="button"]:not([disabled]):not([aria-disabled="true"]):not(.sidebar-nav-item):not(.oo-group-toggle):not(.command-tab) {
  background: var(--i-control-bg) !important;
  background-image: none !important;
  border: 1px solid var(--i-hair-strong) !important;
  border-radius: var(--i-r-control) !important;
  color: var(--i-ink-2) !important;
  font-family: var(--oo-font-ui) !important;
  font-size: var(--i-t-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 6px 13px !important;
  box-shadow: var(--i-rim) !important;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

#app-root button:not([disabled]):not([aria-disabled="true"]):not(.sidebar-nav-item):not(.oo-group-toggle):not(.command-tab):hover,
#app-root [class*="-button"]:not([disabled]):not([aria-disabled="true"]):hover,
#app-root [type="button"]:not([disabled]):not([aria-disabled="true"]):not(.sidebar-nav-item):not(.oo-group-toggle):not(.command-tab):hover {
  background: var(--i-control-bg-hover) !important;
  border-color: var(--i-accent-edge-soft) !important;
  color: var(--i-ink-1) !important;
}


#app-root button.primary:not([disabled]),
#app-root button[data-variant="primary"]:not([disabled]),
#app-root [class*="-button"].primary:not([disabled]),
#app-root [class*="-button"][data-variant="primary"]:not([disabled]),
#app-root [type="submit"]:not([disabled]):not([aria-disabled="true"]),
#app-root [class*="-submit"]:not([disabled]):not([aria-disabled="true"]) {
  background: var(--i-gradient-primary) !important;
  background-image: var(--i-gradient-primary) !important;
  border: 1px solid var(--i-accent-edge-bright) !important;
  border-radius: var(--i-r-control) !important;
  color: var(--i-ink-on-accent) !important;
  font-weight: 600 !important;
  font-size: var(--i-t-sm) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 7px 16px !important;
  box-shadow: var(--i-rim-strong),
              var(--i-btn-primary-shadow),
              0 0 0 0 rgba(208, 91, 165, 0.0) !important;
}

#app-root button.primary:not([disabled]):hover,
#app-root [type="submit"]:not([disabled]):hover,
#app-root [class*="-submit"]:not([disabled]):hover {
  box-shadow: var(--i-rim-strong),
              var(--i-btn-primary-shadow-hover),
              0 0 22px var(--i-accent-glow-strong) !important;
}


#app-root [class*="-chip"]:not(button),
#app-root [class*="-toggle"],
#app-root [class*="-filter-pill"],
#app-root [role="tab"] {
  border-radius: var(--i-r-pill) !important;
  font-size: var(--i-t-xs) !important;
  letter-spacing: var(--i-track-caps) !important;   
  text-transform: uppercase;
  padding: 4px 11px !important;
}


#app-root [class*="-toggle"].on,
#app-root [class*="-toggle"][aria-pressed="true"],
#app-root [class*="-chip"].on,
#app-root [class*="-chip"].active,
#app-root [role="tab"][aria-selected="true"],
#app-root button.active:not([disabled]),
#app-root [class*="-button"].active:not([disabled]) {
  background: var(--i-accent-wash) !important;
  border-color: var(--i-accent-edge) !important;
  color: var(--i-ink-1) !important;
  font-weight: 600 !important;
}


#app-root :focus-visible {
  outline: var(--focus-ring) !important;
  outline-offset: var(--focus-ring-offset) !important;
  border-radius: var(--i-r-control);
}



#app-root .panel,
#app-root .card,
#app-root [class*="-panel"]:not([class*="-panels"]),
#app-root [class*="-card"]:not([class*="-cards"]),
#app-root [class*="-widget"],
#app-root [class*="-module"] {
  background: var(--i-surface-1);
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-panel);
  box-shadow: var(--i-elev-2);
}


#app-root [class*="-panel"] [class*="-card"],
#app-root .panel .card,
#app-root [class*="-panel"] [class*="-tile"] {
  background: var(--i-surface-2);
  border-radius: var(--i-r-card);
  box-shadow: var(--i-elev-1);
}



#app-root table { border-collapse: collapse; width: 100%; }

#app-root thead th {
  background: transparent !important;
  border-bottom: 1px solid var(--i-hair-strong) !important;
  padding: 7px 10px !important;
  font-weight: 600 !important;
  color: var(--i-ink-3) !important;
  position: sticky;
  top: 0;
  z-index: 3;
  backdrop-filter: blur(8px);
}

#app-root tbody td {
  border-bottom: 1px solid var(--i-hair) !important;
  padding: 7px 10px !important;
  font-size: var(--i-t-sm);
  color: var(--i-ink-2);
  font-weight: 400 !important;
}

#app-root tbody tr:last-child td { border-bottom: none !important; }

#app-root tbody tr { transition: background 110ms ease; }
#app-root tbody tr:hover td { background: var(--i-row-hover) !important; }


#app-root tbody td:first-child { color: var(--i-ink-1); font-weight: 500 !important; }


#app-root [class*="-table-wrap"],
#app-root [class*="-scroll"],
#app-root .table-container { overflow-x: auto; max-width: 100%; }



#app-root .singularity-sidebar {
  background: var(--i-surface-1) !important;
  border-right: 1px solid var(--i-hair);
}

#app-root .sidebar-nav [data-command] {
  position: relative;
  border-radius: var(--i-r-control);
  font-size: var(--i-t-sm);
  font-weight: 400;
  color: var(--i-ink-3);
  letter-spacing: 0;
  transition: color 130ms ease, background 130ms ease;
}

#app-root .sidebar-nav [data-command]:hover {
  color: var(--i-ink-1);
  background: var(--i-nav-hover);
}

#app-root .sidebar-nav [data-command].active,
#app-root .sidebar-nav [data-command][aria-current="page"] {
  color: var(--i-ink-1);
  font-weight: 600;
  background: linear-gradient(90deg, var(--i-nav-active-wash), transparent 72%);
}

#app-root .sidebar-nav [data-command].active::before,
#app-root .sidebar-nav [data-command][aria-current="page"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15%;
  bottom: 15%;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--i-orchid-bright), var(--i-orchid-deep));
}



#app-root .viewport-header {
  background: var(--i-header-bg) !important;
  backdrop-filter: blur(14px) saturate(1.3);
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-card);
  box-shadow: var(--i-elev-1);
}

#app-root input[type="text"],
#app-root input[type="search"],
#app-root input[type="number"],
#app-root select,
#app-root textarea {
  background: var(--i-field-bg) !important;
  border: 1px solid var(--i-hair-strong) !important;
  border-radius: var(--i-r-control) !important;
  color: var(--i-ink-1) !important;
  font-size: var(--i-t-body) !important;
  font-weight: 400 !important;
  padding: 7px 11px !important;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

#app-root input:focus,
#app-root select:focus,
#app-root textarea:focus {
  border-color: var(--i-accent-edge) !important;
  box-shadow: 0 0 0 3px var(--i-accent-glow) !important;
  outline: none !important;
}

#app-root ::placeholder { color: var(--i-ink-4) !important; opacity: 1; }




#app-root [class*="-live"]::before,
#app-root [class*="-streaming"]::before {
  content: "";
  display: inline-block;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--i-amber);
  margin-right: 6px;
  vertical-align: middle;
  box-shadow: 0 0 7px rgba(var(--i-amber-rgb), 0.75);
}



#app-root [class*="-empty"]:not(.is-empty),
#app-root [class*="-unavailable"]:not(.is-empty),
#app-root [class*="-awaiting"] {
  color: var(--i-ink-3) !important;
  font-size: var(--i-t-body);
  font-weight: 400 !important;
  border: 1px dashed var(--i-hair-strong);
  border-radius: var(--i-r-card);
  padding: 18px 20px;
  background: var(--i-wash-faint);
  line-height: 1.55;
}


#app-root * { scrollbar-color: var(--i-scroll-thumb-track) transparent; }
#app-root *::-webkit-scrollbar { width: 9px; height: 9px; }
#app-root *::-webkit-scrollbar-thumb {
  background: var(--i-scroll-thumb) !important;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}
#app-root *::-webkit-scrollbar-thumb:hover {
  background: var(--i-scroll-thumb-hover) !important;
  background-clip: content-box;
}




#app-root [class*="-related-"] [class*="-hint"],
#app-root [class*="-related-"] [class*="-caption"],
#app-root [class*="-related-hint"],
#app-root [class*="-related-caption"],
#app-root [class*="-chip"] [class*="-hint"] {
  color: var(--i-ink-2) !important;
}


#app-root [class*="-sep"],
#app-root [class*="-divider"]:not(hr) {
  color: var(--i-ink-4) !important;
  padding: 0 4px;
  user-select: none;
}


#app-root a[href]:not([class*="-inline"]),
#app-root button:not([class*="-inline"]),
#app-root [role="button"],
#app-root [type="button"],
#app-root [type="submit"] {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}


#app-root .sidebar-nav button,


#app-root .sidebar-nav a[href] {
  padding: 6px 16px;
  min-height: 29px;
  box-sizing: border-box;
}


#app-root .sidebar-nav a[href],
#app-root .sidebar-nav-item,
#app-root .oo-group-toggle,
#app-root .command-tab {
  display: flex;
  justify-content: flex-start;
}


#app-root a.oo-related-chip[href] {
  text-decoration: none;
}



#app-root [class*="-chip"]:not(button),
#app-root [class*="-tag"],
#app-root [class*="-pill"] { padding: 4px 8px !important; }


#app-root thead th,
#app-root tbody td { padding: 8px 12px !important; }

#app-root [class*="-panel"] > [class*="-header"],
#app-root [class*="-card"] > [class*="-header"] { padding: 12px 16px !important; }


#app-root .oo-group-count {
  margin-left: auto;
  font-variant-numeric: tabular-nums;
  color: var(--i-ink-4);
  font-size: var(--i-t-xs);
}



:root {
  --i-viz-1:  #E08EBE;   
  --i-viz-2:  #B89BEA;   
  --i-viz-3:  #84ACF5;   
  --i-viz-4:  #42BEDD;   
  --i-viz-5:  #39C3BC;   
  --i-viz-6:  #64C393;   
  --i-viz-7:  #D1A550;   
  --i-viz-8:  #EA9371;   

  
  --i-heat-n4: #F47A79;  
  --i-heat-n3: #C06463;
  --i-heat-n2: #8D4F4D;
  --i-heat-n1: #5E3A38;
  --i-heat-0:  #232323;  
  --i-heat-p1: #304D36;
  --i-heat-p2: #3D7149;
  --i-heat-p3: #48975C;
  --i-heat-p4: #53BE70;  

  
  --i-seq-1: #21171D;
  --i-seq-2: #412736;
  --i-seq-3: #633852;
  --i-seq-4: #874A6F;
  --i-seq-5: #AD5D8E;
  --i-seq-6: #D470AE;
  --i-seq-7: #FD84CF;

  
  --i-viz-grid:      rgba(240, 240, 243, 0.055);
  --i-viz-grid-axis: rgba(240, 240, 243, 0.12);
  --i-viz-plot-bg:   rgba(240, 240, 243, 0.014);
  --i-viz-crosshair: rgba(208, 91, 165, 0.55);

  
  --i-viz-rim:       #F0F0F3;

  
  --i-ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --i-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --i-dur-fast:   140ms;
  --i-dur-base:   240ms;
  --i-dur-slow:   420ms;
}



:root,
:root[data-density="compact"] {
  --d-row:        32px;
  --d-pad-panel:  16px;
  --d-pad-cell:   8px 12px;
  --d-pad-card:   12px;
  --d-font-body:  13.5px;
  --d-font-label: 10.5px;
  --d-font-mono:  15px;      
  --d-gap:        10px;
}

:root[data-density="comfortable"] {
  --d-row:        44px;
  --d-pad-panel:  20px;
  --d-pad-cell:   12px 16px;
  --d-pad-card:   16px;
  --d-font-body:  15px;
  --d-font-label: 11.5px;
  --d-font-mono:  16px;
  --d-gap:        14px;
}

:root[data-density="terminal"] {
  --d-row:        22px;
  --d-pad-panel:  10px;
  --d-pad-cell:   3px 8px;
  --d-pad-card:   7px;
  --d-font-body:  11.5px;
  --d-font-label: 9.5px;
  --d-font-mono:  12px;
  --d-gap:        6px;
}





:root {
  --oo-orchid-50:  #FFEEF7;   
  --oo-orchid-100: #FFDAEE;   
  --oo-orchid-200: #FFB5DF;   
  --oo-orchid-300: #F393CC;   
  --oo-orchid-400: #E277B9;   
  --oo-orchid-500: #D05BA5;   
  --oo-orchid-600: #A63580;   
  --oo-orchid-700: #831762;   
  --oo-orchid-800: #630348;   
  --oo-orchid-900: #450031;   
}



:root {
  --elev-0: none;
  --elev-1: inset 0 1px 0 0 rgba(255, 255, 255, 0.040),
            0 0 0 1px var(--i-hair);
  --elev-2: inset 0 1px 0 0 rgba(255, 255, 255, 0.048),
            0 0 0 1px var(--i-hair-strong);
  --elev-3: inset 0 1px 0 0 rgba(255, 255, 255, 0.060),
            0 0 0 1px var(--i-hair-strong),
            0 0 0 4px rgba(8, 8, 10, 0.55);

  
  --elev-1-bg: var(--i-surface-1);
  --elev-2-bg: var(--i-surface-2);
  --elev-3-bg: var(--i-surface-3);
}



:root {
  --focus-ring-width:  2px;
  --focus-ring-offset: 2px;
  --focus-ring-color:  var(--i-orchid-bright);
  --focus-ring:        var(--focus-ring-width) solid var(--focus-ring-color);
}


:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--focus-ring-offset);
}


#app-root input:focus-visible,
#app-root select:focus-visible,
#app-root textarea:focus-visible,
#app-root [contenteditable]:focus-visible {
  outline: var(--focus-ring) !important;
  outline-offset: var(--focus-ring-offset) !important;
}


#app-root [tabindex]:not([tabindex="-1"]):focus-visible,
#app-root [role="button"]:focus-visible,
#app-root [role="tab"]:focus-visible,
#app-root [role="option"]:focus-visible,
#app-root [role="menuitem"]:focus-visible,
#app-root summary:focus-visible,
#app-root a[href]:focus-visible {
  outline: var(--focus-ring) !important;
  outline-offset: var(--focus-ring-offset) !important;
}



:root {
  --m-fast:  120ms;
  --m-panel: 200ms;
  --m-slow:  300ms;
  --m-ease:  var(--i-ease-out);
}



:root {
  --i-lh-hero:   1.02;
  --i-lh-tight:  1.2;
  --i-lh-snug:   1.35;
  --i-lh-body:   1.6;
  --i-track-caps: 0.12em;
  --i-measure:    65ch;
  --i-measure-wide: 78ch;
}


.measure,
[data-measure] { max-width: var(--i-measure); }
.measure-wide,
[data-measure="wide"] { max-width: var(--i-measure-wide); }


#app-root [style*="uppercase"],
#app-root .u-caps,
#app-root [data-caps] {
  text-transform: uppercase;
  letter-spacing: var(--i-track-caps);
}


#app-root [role="heading"],
#app-root legend {
  letter-spacing: var(--i-track-tight);
}



:root {
  --chart-1: var(--i-viz-1);   
  --chart-2: var(--i-viz-6);
  --chart-3: var(--i-viz-3);
  --chart-4: var(--i-viz-7);
  --chart-5: var(--i-viz-4);
  --chart-6: var(--i-viz-8);
  --chart-7: var(--i-viz-2);
  --chart-8: var(--i-viz-5);

  
  --chart-seq-1: var(--i-seq-1);
  --chart-seq-2: var(--i-seq-2);
  --chart-seq-3: var(--i-seq-3);
  --chart-seq-4: var(--i-seq-4);
  --chart-seq-5: var(--i-seq-5);
  --chart-seq-6: var(--i-seq-6);
  --chart-seq-7: var(--i-seq-7);

  
  --chart-div-n4: var(--i-heat-n4);
  --chart-div-n3: var(--i-heat-n3);
  --chart-div-n2: var(--i-heat-n2);
  --chart-div-n1: var(--i-heat-n1);
  --chart-div-0:  var(--i-heat-0);
  --chart-div-p1: var(--i-heat-p1);
  --chart-div-p2: var(--i-heat-p2);
  --chart-div-p3: var(--i-heat-p3);
  --chart-div-p4: var(--i-heat-p4);
}



:root {
  --sign-glyph-up:   "\2191";   
  --sign-glyph-down: "\2193";   
  --sign-glyph-flat: "\2013";   

  
  --sig-pos-cb:      #5DAAF5;   
  --sig-neg-cb:      #D98939;   
  --sig-pos-cb-wash: #163048;
  --sig-neg-cb-wash: #41270D;
}

#app-root .sig-gain,
#app-root [data-sign="gain"] {
  --sign-glyph: var(--sign-glyph-up);
  color: var(--i-bull);
}

#app-root .sig-loss,
#app-root [data-sign="loss"] {
  --sign-glyph: var(--sign-glyph-down);
  color: var(--i-bear);
}

#app-root .sig-flat,
#app-root [data-sign="flat"] {
  --sign-glyph: var(--sign-glyph-flat);
  color: var(--i-ink-3);
}


#app-root [data-sign-glyph]::before {
  content: var(--sign-glyph, "");
  margin-right: 0.28em;
  font-feature-settings: normal;
}

#app-root [data-sign-glyph="after"]::before { content: none; }
#app-root [data-sign-glyph="after"]::after {
  content: var(--sign-glyph, "");
  margin-left: 0.28em;
}


#app-root .sig-gain-fill { background: var(--i-bull-wash); color: var(--i-bull); }
#app-root .sig-loss-fill { background: var(--i-bear-wash); color: var(--i-bear); }



#app-root .metric {
  font-family: var(--oo-font-data) !important;
  font-size: var(--d-font-mono, var(--i-t-md)) !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: var(--i-track-tight);
  font-feature-settings: "tnum" 1, "lnum" 1, "zero" 1;
}

#app-root .metric-lg {
  font-family: var(--oo-font-data) !important;
  font-size: var(--i-t-xl) !important;
  font-weight: 600 !important;
  letter-spacing: var(--i-track-hero);
  line-height: var(--i-lh-tight);
  font-variant-numeric: tabular-nums lining-nums;
}

#app-root .metric-hero {
  font-family: var(--oo-font-data) !important;
  font-size: var(--i-t-hero) !important;
  font-weight: 600 !important;
  letter-spacing: var(--i-track-hero);
  line-height: var(--i-lh-hero);
  font-variant-numeric: tabular-nums lining-nums;
}


#app-root .metric-unit {
  font-size: 0.72em;
  font-weight: 400;
  color: var(--i-ink-3);
  margin-left: 0.18em;
}



:root {
  

  
  --lt-void:            #EFEDF2;
  --lt-surface-1:       #FDFCFF;
  --lt-surface-2:       #F6F4F8;
  --lt-surface-3:       #EDEAF1;
  --lt-surface-4:       #E3DFE8;
  --lt-sidebar:         #F4F2F7;

  
  --lt-ink-1:           #0D0A11;   
  --lt-ink-2:           #413D45;   
  --lt-ink-3:           #635F67;   
  --lt-ink-4:           #838088;   
  --lt-muted-rgb:       65, 61, 69;

  --lt-hair:            #DAD7DE;
  --lt-hair-strong:     #BCB8C2;

  
  --lt-orchid:          var(--oo-orchid-600);
  --lt-orchid-bright:   var(--oo-orchid-700);
  --lt-orchid-deep:     var(--oo-orchid-800);
  --lt-orchid-rgb:      166, 53, 128;
  --lt-cyber:           #7B46A4;
  --lt-amber:           #885A00;
  --lt-amber-rgb:       136, 90, 0;
  --lt-orchid-wash:     #FFDFF0;
  --lt-amber-wash:      #FFE5C3;

  
  --lt-bull:            #007339;
  --lt-bear:            #A23533;
  --lt-bull-rgb:        0, 115, 57;
  --lt-bear-rgb:        162, 53, 51;
  --lt-bull-wash:       #D3F1D9;
  --lt-bear-wash:       #FFDFDC;

  
  --lt-rim:             inset 0 1px 0 0 rgba(255, 255, 255, 0.85);
  --lt-rim-strong:      inset 0 1px 0 0 rgba(255, 255, 255, 1);
  --lt-underlight:      inset 0 -1px 0 0 rgba(13, 10, 17, 0.07);
  --lt-elev-1:          var(--lt-rim), 0 1px 2px rgba(13, 10, 17, 0.06);
  --lt-elev-2:          var(--lt-rim), 0 2px 6px rgba(13, 10, 17, 0.06),
                        0 8px 20px rgba(13, 10, 17, 0.07);
  --lt-elev-3:          var(--lt-rim-strong), 0 4px 12px rgba(13, 10, 17, 0.09),
                        0 18px 48px rgba(13, 10, 17, 0.12);
  --lt-e1:              0 0 0 1px #DAD7DE, 0 1px 2px rgba(13, 10, 17, 0.05);
  --lt-e2:              0 0 0 1px #DAD7DE, 0 2px 4px rgba(13, 10, 17, 0.05),
                        0 8px 20px rgba(13, 10, 17, 0.07);
  --lt-e3:              0 0 0 1px #BCB8C2, 0 4px 10px rgba(13, 10, 17, 0.08),
                        0 20px 48px rgba(13, 10, 17, 0.13);

  
  --lt-ambient:
    radial-gradient(ellipse 120% 55% at 50% -12%, rgba(166, 53, 128, 0.055), transparent 62%),
    radial-gradient(ellipse 70% 45% at 88% 8%,   rgba(123, 70, 164, 0.035), transparent 60%),
    radial-gradient(ellipse 90% 60% at 8% 100%,  rgba(166, 53, 128, 0.030), transparent 62%);
  --lt-grain-opacity:   0.016;

  
  --lt-control-bg:         rgba(13, 10, 17, 0.045);
  --lt-control-bg-hover:   rgba(13, 10, 17, 0.085);
  --lt-accent-edge-soft:   rgba(166, 53, 128, 0.42);
  --lt-accent-edge:        rgba(166, 53, 128, 0.60);
  --lt-accent-edge-bright: rgba(131, 23, 98, 0.45);
  --lt-accent-wash:        rgba(166, 53, 128, 0.12);
  --lt-accent-glow:        rgba(166, 53, 128, 0.16);
  --lt-accent-glow-strong: rgba(166, 53, 128, 0.30);
  --lt-btn-primary-shadow:       0 1px 2px rgba(13, 10, 17, 0.16);
  --lt-btn-primary-shadow-hover: 0 2px 6px rgba(13, 10, 17, 0.22);
  --lt-row-hover:          rgba(13, 10, 17, 0.032);
  --lt-nav-hover:          rgba(13, 10, 17, 0.040);
  --lt-nav-active-wash:    rgba(166, 53, 128, 0.12);
  --lt-header-bg:          rgba(253, 252, 255, 0.82);
  --lt-field-bg:           #FFFFFF;
  --lt-wash-faint:         rgba(13, 10, 17, 0.016);
  --lt-scroll-thumb:       rgba(99, 95, 103, 0.28);
  --lt-scroll-thumb-track: rgba(99, 95, 103, 0.34);
  --lt-scroll-thumb-hover: rgba(166, 53, 128, 0.55);

  
  
  --lt-viz-1: #964777;
  --lt-viz-2: #7354A2;
  --lt-viz-3: #3F65AD;
  --lt-viz-4: #00738A;
  --lt-viz-5: #007772;
  --lt-viz-6: #007A4F;
  --lt-viz-7: #856000;
  --lt-viz-8: #9F4B28;
  --lt-viz-grid:      rgba(13, 10, 17, 0.075);
  --lt-viz-grid-axis: rgba(13, 10, 17, 0.18);
  --lt-viz-plot-bg:   rgba(13, 10, 17, 0.020);
  --lt-viz-crosshair: rgba(166, 53, 128, 0.60);
  --lt-viz-rim:       #FFFFFF;

  --lt-seq-1: #FFF3F9;
  --lt-seq-2: #FFDDEF;
  --lt-seq-3: #FDBEE2;
  --lt-seq-4: #F39CCF;
  --lt-seq-5: #E178B8;
  --lt-seq-6: #C8539D;
  --lt-seq-7: #A2347D;

  --lt-heat-n4: #C2524D;
  --lt-heat-n3: #D37872;
  --lt-heat-n2: #E19D97;
  --lt-heat-n1: #EEC2BD;
  --lt-heat-0:  #ECEBEE;
  --lt-heat-p1: #B6D8BE;
  --lt-heat-p2: #8AC198;
  --lt-heat-p3: #5AAA72;
  --lt-heat-p4: #18924D;

  --lt-sig-pos-cb:      #0D66AC;   
  --lt-sig-neg-cb:      #915200;   
  --lt-sig-pos-cb-wash: #D7EAFF;
  --lt-sig-neg-cb-wash: #FFE2CA;

  
  --dk-void:            #08080A;
  --dk-surface-1:       #111115;
  --dk-surface-2:       #19191E;
  --dk-surface-3:       #222229;
  --dk-surface-4:       #2D2D35;
  --dk-sidebar:         #0C0C0F;
  --dk-ink-1:           #F0F0F3;
  --dk-ink-2:           #BABAC1;
  --dk-ink-3:           #888891;
  --dk-ink-4:           #5D5C65;
  --dk-muted-rgb:       186, 186, 193;
  --dk-hair:            #2D2D34;
  --dk-hair-strong:     #42414A;
  --dk-orchid:          #D05BA5;
  --dk-orchid-bright:   #EB81C2;
  --dk-orchid-deep:     #943272;
  --dk-orchid-rgb:      208, 91, 165;
  --dk-cyber:           #B98CE0;
  --dk-amber:           #F2AF48;
  --dk-amber-rgb:       242, 175, 72;
  --dk-orchid-wash:     #3F2334;
  --dk-amber-wash:      #3C2A0E;
  --dk-bull:            #35C26D;
  --dk-bear:            #F66D67;
  --dk-bull-rgb:        53, 194, 109;
  --dk-bear-rgb:        246, 109, 103;
  --dk-bull-wash:       #183822;
  --dk-bear-wash:       #482422;
  --dk-rim:             inset 0 1px 0 0 rgba(255, 255, 255, 0.055);
  --dk-rim-strong:      inset 0 1px 0 0 rgba(255, 255, 255, 0.09);
  --dk-underlight:      inset 0 -1px 0 0 rgba(0, 0, 0, 0.45);
  --dk-elev-1:          var(--dk-rim), 0 1px 2px rgba(0, 0, 0, 0.40);
  --dk-elev-2:          var(--dk-rim), 0 2px 6px rgba(0, 0, 0, 0.45),
                        0 8px 20px rgba(0, 0, 0, 0.30);
  --dk-elev-3:          var(--dk-rim-strong), 0 4px 12px rgba(0, 0, 0, 0.55),
                        0 18px 48px rgba(0, 0, 0, 0.42);
  --dk-e1:              inset 0 1px 0 0 rgba(255, 255, 255, 0.040), 0 0 0 1px #2D2D34;
  --dk-e2:              inset 0 1px 0 0 rgba(255, 255, 255, 0.048), 0 0 0 1px #42414A;
  --dk-e3:              inset 0 1px 0 0 rgba(255, 255, 255, 0.060), 0 0 0 1px #42414A,
                        0 0 0 4px rgba(8, 8, 10, 0.55);
  --dk-ambient:
    radial-gradient(ellipse 120% 55% at 50% -12%, rgba(208, 91, 165, 0.10), transparent 62%),
    radial-gradient(ellipse 70% 45% at 88% 8%,   rgba(185, 140, 224, 0.055), transparent 60%),
    radial-gradient(ellipse 90% 60% at 8% 100%,  rgba(148, 50, 114, 0.05), transparent 62%);
  --dk-grain-opacity:   0.028;
  --dk-control-bg:         rgba(255, 255, 255, 0.045);
  --dk-control-bg-hover:   rgba(255, 255, 255, 0.085);
  --dk-accent-edge-soft:   rgba(208, 91, 165, 0.42);
  --dk-accent-edge:        rgba(208, 91, 165, 0.55);
  --dk-accent-edge-bright: rgba(235, 129, 194, 0.40);
  --dk-accent-wash:        rgba(208, 91, 165, 0.16);
  --dk-accent-glow:        rgba(208, 91, 165, 0.13);
  --dk-accent-glow-strong: rgba(208, 91, 165, 0.34);
  --dk-btn-primary-shadow:       0 2px 8px rgba(0, 0, 0, 0.45);
  --dk-btn-primary-shadow-hover: 0 2px 10px rgba(0, 0, 0, 0.50);
  --dk-row-hover:          rgba(255, 255, 255, 0.028);
  --dk-nav-hover:          rgba(255, 255, 255, 0.035);
  --dk-nav-active-wash:    rgba(208, 91, 165, 0.15);
  --dk-header-bg:          rgba(12, 10, 21, 0.72);
  --dk-field-bg:           rgba(0, 0, 0, 0.34);
  --dk-wash-faint:         rgba(255, 255, 255, 0.014);
  --dk-scroll-thumb:       rgba(136, 136, 145, 0.20);
  --dk-scroll-thumb-track: rgba(136, 136, 145, 0.26);
  --dk-scroll-thumb-hover: rgba(208, 91, 165, 0.55);
  --dk-viz-1: #E08EBE;
  --dk-viz-2: #B89BEA;
  --dk-viz-3: #84ACF5;
  --dk-viz-4: #42BEDD;
  --dk-viz-5: #39C3BC;
  --dk-viz-6: #64C393;
  --dk-viz-7: #D1A550;
  --dk-viz-8: #EA9371;
  --dk-viz-grid:      rgba(240, 240, 243, 0.055);
  --dk-viz-grid-axis: rgba(240, 240, 243, 0.12);
  --dk-viz-plot-bg:   rgba(240, 240, 243, 0.014);
  --dk-viz-crosshair: rgba(208, 91, 165, 0.55);
  --dk-viz-rim:       #F0F0F3;
  --dk-seq-1: #21171D;
  --dk-seq-2: #412736;
  --dk-seq-3: #633852;
  --dk-seq-4: #874A6F;
  --dk-seq-5: #AD5D8E;
  --dk-seq-6: #D470AE;
  --dk-seq-7: #FD84CF;
  --dk-heat-n4: #F47A79;
  --dk-heat-n3: #C06463;
  --dk-heat-n2: #8D4F4D;
  --dk-heat-n1: #5E3A38;
  --dk-heat-0:  #232323;
  --dk-heat-p1: #304D36;
  --dk-heat-p2: #3D7149;
  --dk-heat-p3: #48975C;
  --dk-heat-p4: #53BE70;
  --dk-sig-pos-cb:      #5DAAF5;
  --dk-sig-neg-cb:      #D98939;
  --dk-sig-pos-cb-wash: #163048;
  --dk-sig-neg-cb-wash: #41270D;
}


@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --i-void: var(--lt-void);
    --i-surface-1: var(--lt-surface-1);
    --i-surface-2: var(--lt-surface-2);
    --i-surface-3: var(--lt-surface-3);
    --i-surface-4: var(--lt-surface-4);
    --oo-sidebar: var(--lt-sidebar);
    --i-ink-1: var(--lt-ink-1);
    --i-ink-2: var(--lt-ink-2);
    --i-ink-3: var(--lt-ink-3);
    --i-ink-4: var(--lt-ink-4);
    --oo-muted-rgb: var(--lt-muted-rgb);
    --i-hair: var(--lt-hair);
    --i-hair-strong: var(--lt-hair-strong);
    --i-orchid: var(--lt-orchid);
    --i-orchid-bright: var(--lt-orchid-bright);
    --i-orchid-deep: var(--lt-orchid-deep);
    
    --oo-orchid: var(--lt-orchid);
    --oo-orchid-rgb: var(--lt-orchid-rgb);
    --i-cyber: var(--lt-cyber);
    --i-amber: var(--lt-amber);
    --i-amber-rgb: var(--lt-amber-rgb);
    --i-orchid-wash: var(--lt-orchid-wash);
    --i-amber-wash: var(--lt-amber-wash);
    --i-bull: var(--lt-bull);
    --i-bear: var(--lt-bear);
    --oo-bullish-rgb: var(--lt-bull-rgb);
    --oo-bearish-rgb: var(--lt-bear-rgb);
    --i-bull-wash: var(--lt-bull-wash);
    --i-bear-wash: var(--lt-bear-wash);
    --i-rim: var(--lt-rim);
    --i-rim-strong: var(--lt-rim-strong);
    --i-underlight: var(--lt-underlight);
    --i-elev-1: var(--lt-elev-1);
    --i-elev-2: var(--lt-elev-2);
    --i-elev-3: var(--lt-elev-3);
    --elev-1: var(--lt-e1);
    --elev-2: var(--lt-e2);
    --elev-3: var(--lt-e3);
    --i-ambient: var(--lt-ambient);
    --i-grain-opacity: var(--lt-grain-opacity);
    --i-control-bg: var(--lt-control-bg);
    --i-control-bg-hover: var(--lt-control-bg-hover);
    --i-accent-edge-soft: var(--lt-accent-edge-soft);
    --i-accent-edge: var(--lt-accent-edge);
    --i-accent-edge-bright: var(--lt-accent-edge-bright);
    --i-accent-wash: var(--lt-accent-wash);
    --i-accent-glow: var(--lt-accent-glow);
    --i-accent-glow-strong: var(--lt-accent-glow-strong);
    --i-btn-primary-shadow: var(--lt-btn-primary-shadow);
    --i-btn-primary-shadow-hover: var(--lt-btn-primary-shadow-hover);
    --i-row-hover: var(--lt-row-hover);
    --i-nav-hover: var(--lt-nav-hover);
    --i-nav-active-wash: var(--lt-nav-active-wash);
    --i-header-bg: var(--lt-header-bg);
    --i-field-bg: var(--lt-field-bg);
    --i-wash-faint: var(--lt-wash-faint);
    --i-scroll-thumb: var(--lt-scroll-thumb);
    --i-scroll-thumb-track: var(--lt-scroll-thumb-track);
    --i-scroll-thumb-hover: var(--lt-scroll-thumb-hover);
    --i-viz-1: var(--lt-viz-1);
    --i-viz-2: var(--lt-viz-2);
    --i-viz-3: var(--lt-viz-3);
    --i-viz-4: var(--lt-viz-4);
    --i-viz-5: var(--lt-viz-5);
    --i-viz-6: var(--lt-viz-6);
    --i-viz-7: var(--lt-viz-7);
    --i-viz-8: var(--lt-viz-8);
    --i-viz-grid: var(--lt-viz-grid);
    --i-viz-grid-axis: var(--lt-viz-grid-axis);
    --i-viz-plot-bg: var(--lt-viz-plot-bg);
    --i-viz-crosshair: var(--lt-viz-crosshair);
    --i-viz-rim: var(--lt-viz-rim);
    --i-seq-1: var(--lt-seq-1);
    --i-seq-2: var(--lt-seq-2);
    --i-seq-3: var(--lt-seq-3);
    --i-seq-4: var(--lt-seq-4);
    --i-seq-5: var(--lt-seq-5);
    --i-seq-6: var(--lt-seq-6);
    --i-seq-7: var(--lt-seq-7);
    --i-heat-n4: var(--lt-heat-n4);
    --i-heat-n3: var(--lt-heat-n3);
    --i-heat-n2: var(--lt-heat-n2);
    --i-heat-n1: var(--lt-heat-n1);
    --i-heat-0: var(--lt-heat-0);
    --i-heat-p1: var(--lt-heat-p1);
    --i-heat-p2: var(--lt-heat-p2);
    --i-heat-p3: var(--lt-heat-p3);
    --i-heat-p4: var(--lt-heat-p4);
    --sig-pos-cb: var(--lt-sig-pos-cb);
    --sig-neg-cb: var(--lt-sig-neg-cb);
    --sig-pos-cb-wash: var(--lt-sig-pos-cb-wash);
    --sig-neg-cb-wash: var(--lt-sig-neg-cb-wash);
  }
}


:root[data-theme="light"] {
  --i-void: var(--lt-void);
  --i-surface-1: var(--lt-surface-1);
  --i-surface-2: var(--lt-surface-2);
  --i-surface-3: var(--lt-surface-3);
  --i-surface-4: var(--lt-surface-4);
  --oo-sidebar: var(--lt-sidebar);
  --i-ink-1: var(--lt-ink-1);
  --i-ink-2: var(--lt-ink-2);
  --i-ink-3: var(--lt-ink-3);
  --i-ink-4: var(--lt-ink-4);
  --oo-muted-rgb: var(--lt-muted-rgb);
  --i-hair: var(--lt-hair);
  --i-hair-strong: var(--lt-hair-strong);
  --i-orchid: var(--lt-orchid);
  --i-orchid-bright: var(--lt-orchid-bright);
  --i-orchid-deep: var(--lt-orchid-deep);
  --oo-orchid: var(--lt-orchid);
  --oo-orchid-rgb: var(--lt-orchid-rgb);
  --i-cyber: var(--lt-cyber);
  --i-amber: var(--lt-amber);
  --i-amber-rgb: var(--lt-amber-rgb);
  --i-orchid-wash: var(--lt-orchid-wash);
  --i-amber-wash: var(--lt-amber-wash);
  --i-bull: var(--lt-bull);
  --i-bear: var(--lt-bear);
  --oo-bullish-rgb: var(--lt-bull-rgb);
  --oo-bearish-rgb: var(--lt-bear-rgb);
  --i-bull-wash: var(--lt-bull-wash);
  --i-bear-wash: var(--lt-bear-wash);
  --i-rim: var(--lt-rim);
  --i-rim-strong: var(--lt-rim-strong);
  --i-underlight: var(--lt-underlight);
  --i-elev-1: var(--lt-elev-1);
  --i-elev-2: var(--lt-elev-2);
  --i-elev-3: var(--lt-elev-3);
  --elev-1: var(--lt-e1);
  --elev-2: var(--lt-e2);
  --elev-3: var(--lt-e3);
  --i-ambient: var(--lt-ambient);
  --i-grain-opacity: var(--lt-grain-opacity);
  --i-control-bg: var(--lt-control-bg);
  --i-control-bg-hover: var(--lt-control-bg-hover);
  --i-accent-edge-soft: var(--lt-accent-edge-soft);
  --i-accent-edge: var(--lt-accent-edge);
  --i-accent-edge-bright: var(--lt-accent-edge-bright);
  --i-accent-wash: var(--lt-accent-wash);
  --i-accent-glow: var(--lt-accent-glow);
  --i-accent-glow-strong: var(--lt-accent-glow-strong);
  --i-btn-primary-shadow: var(--lt-btn-primary-shadow);
  --i-btn-primary-shadow-hover: var(--lt-btn-primary-shadow-hover);
  --i-row-hover: var(--lt-row-hover);
  --i-nav-hover: var(--lt-nav-hover);
  --i-nav-active-wash: var(--lt-nav-active-wash);
  --i-header-bg: var(--lt-header-bg);
  --i-field-bg: var(--lt-field-bg);
  --i-wash-faint: var(--lt-wash-faint);
  --i-scroll-thumb: var(--lt-scroll-thumb);
  --i-scroll-thumb-track: var(--lt-scroll-thumb-track);
  --i-scroll-thumb-hover: var(--lt-scroll-thumb-hover);
  --i-viz-1: var(--lt-viz-1);
  --i-viz-2: var(--lt-viz-2);
  --i-viz-3: var(--lt-viz-3);
  --i-viz-4: var(--lt-viz-4);
  --i-viz-5: var(--lt-viz-5);
  --i-viz-6: var(--lt-viz-6);
  --i-viz-7: var(--lt-viz-7);
  --i-viz-8: var(--lt-viz-8);
  --i-viz-grid: var(--lt-viz-grid);
  --i-viz-grid-axis: var(--lt-viz-grid-axis);
  --i-viz-plot-bg: var(--lt-viz-plot-bg);
  --i-viz-crosshair: var(--lt-viz-crosshair);
  --i-viz-rim: var(--lt-viz-rim);
  --i-seq-1: var(--lt-seq-1);
  --i-seq-2: var(--lt-seq-2);
  --i-seq-3: var(--lt-seq-3);
  --i-seq-4: var(--lt-seq-4);
  --i-seq-5: var(--lt-seq-5);
  --i-seq-6: var(--lt-seq-6);
  --i-seq-7: var(--lt-seq-7);
  --i-heat-n4: var(--lt-heat-n4);
  --i-heat-n3: var(--lt-heat-n3);
  --i-heat-n2: var(--lt-heat-n2);
  --i-heat-n1: var(--lt-heat-n1);
  --i-heat-0: var(--lt-heat-0);
  --i-heat-p1: var(--lt-heat-p1);
  --i-heat-p2: var(--lt-heat-p2);
  --i-heat-p3: var(--lt-heat-p3);
  --i-heat-p4: var(--lt-heat-p4);
  --sig-pos-cb: var(--lt-sig-pos-cb);
  --sig-neg-cb: var(--lt-sig-neg-cb);
  --sig-pos-cb-wash: var(--lt-sig-pos-cb-wash);
  --sig-neg-cb-wash: var(--lt-sig-neg-cb-wash);
}


:root[data-theme="dark"] {
  --i-void: var(--dk-void);
  --i-surface-1: var(--dk-surface-1);
  --i-surface-2: var(--dk-surface-2);
  --i-surface-3: var(--dk-surface-3);
  --i-surface-4: var(--dk-surface-4);
  --oo-sidebar: var(--dk-sidebar);
  --i-ink-1: var(--dk-ink-1);
  --i-ink-2: var(--dk-ink-2);
  --i-ink-3: var(--dk-ink-3);
  --i-ink-4: var(--dk-ink-4);
  --oo-muted-rgb: var(--dk-muted-rgb);
  --i-hair: var(--dk-hair);
  --i-hair-strong: var(--dk-hair-strong);
  --i-orchid: var(--dk-orchid);
  --i-orchid-bright: var(--dk-orchid-bright);
  --i-orchid-deep: var(--dk-orchid-deep);
  --oo-orchid: var(--dk-orchid);
  --oo-orchid-rgb: var(--dk-orchid-rgb);
  --i-cyber: var(--dk-cyber);
  --i-amber: var(--dk-amber);
  --i-amber-rgb: var(--dk-amber-rgb);
  --i-orchid-wash: var(--dk-orchid-wash);
  --i-amber-wash: var(--dk-amber-wash);
  --i-bull: var(--dk-bull);
  --i-bear: var(--dk-bear);
  --oo-bullish-rgb: var(--dk-bull-rgb);
  --oo-bearish-rgb: var(--dk-bear-rgb);
  --i-bull-wash: var(--dk-bull-wash);
  --i-bear-wash: var(--dk-bear-wash);
  --i-rim: var(--dk-rim);
  --i-rim-strong: var(--dk-rim-strong);
  --i-underlight: var(--dk-underlight);
  --i-elev-1: var(--dk-elev-1);
  --i-elev-2: var(--dk-elev-2);
  --i-elev-3: var(--dk-elev-3);
  --elev-1: var(--dk-e1);
  --elev-2: var(--dk-e2);
  --elev-3: var(--dk-e3);
  --i-ambient: var(--dk-ambient);
  --i-grain-opacity: var(--dk-grain-opacity);
  --i-control-bg: var(--dk-control-bg);
  --i-control-bg-hover: var(--dk-control-bg-hover);
  --i-accent-edge-soft: var(--dk-accent-edge-soft);
  --i-accent-edge: var(--dk-accent-edge);
  --i-accent-edge-bright: var(--dk-accent-edge-bright);
  --i-accent-wash: var(--dk-accent-wash);
  --i-accent-glow: var(--dk-accent-glow);
  --i-accent-glow-strong: var(--dk-accent-glow-strong);
  --i-btn-primary-shadow: var(--dk-btn-primary-shadow);
  --i-btn-primary-shadow-hover: var(--dk-btn-primary-shadow-hover);
  --i-row-hover: var(--dk-row-hover);
  --i-nav-hover: var(--dk-nav-hover);
  --i-nav-active-wash: var(--dk-nav-active-wash);
  --i-header-bg: var(--dk-header-bg);
  --i-field-bg: var(--dk-field-bg);
  --i-wash-faint: var(--dk-wash-faint);
  --i-scroll-thumb: var(--dk-scroll-thumb);
  --i-scroll-thumb-track: var(--dk-scroll-thumb-track);
  --i-scroll-thumb-hover: var(--dk-scroll-thumb-hover);
  --i-viz-1: var(--dk-viz-1);
  --i-viz-2: var(--dk-viz-2);
  --i-viz-3: var(--dk-viz-3);
  --i-viz-4: var(--dk-viz-4);
  --i-viz-5: var(--dk-viz-5);
  --i-viz-6: var(--dk-viz-6);
  --i-viz-7: var(--dk-viz-7);
  --i-viz-8: var(--dk-viz-8);
  --i-viz-grid: var(--dk-viz-grid);
  --i-viz-grid-axis: var(--dk-viz-grid-axis);
  --i-viz-plot-bg: var(--dk-viz-plot-bg);
  --i-viz-crosshair: var(--dk-viz-crosshair);
  --i-viz-rim: var(--dk-viz-rim);
  --i-seq-1: var(--dk-seq-1);
  --i-seq-2: var(--dk-seq-2);
  --i-seq-3: var(--dk-seq-3);
  --i-seq-4: var(--dk-seq-4);
  --i-seq-5: var(--dk-seq-5);
  --i-seq-6: var(--dk-seq-6);
  --i-seq-7: var(--dk-seq-7);
  --i-heat-n4: var(--dk-heat-n4);
  --i-heat-n3: var(--dk-heat-n3);
  --i-heat-n2: var(--dk-heat-n2);
  --i-heat-n1: var(--dk-heat-n1);
  --i-heat-0: var(--dk-heat-0);
  --i-heat-p1: var(--dk-heat-p1);
  --i-heat-p2: var(--dk-heat-p2);
  --i-heat-p3: var(--dk-heat-p3);
  --i-heat-p4: var(--dk-heat-p4);
  --sig-pos-cb: var(--dk-sig-pos-cb);
  --sig-neg-cb: var(--dk-sig-neg-cb);
  --sig-pos-cb-wash: var(--dk-sig-pos-cb-wash);
  --sig-neg-cb-wash: var(--dk-sig-neg-cb-wash);
}



:root[data-colorblind="true"] {
  --i-bull:      var(--sig-pos-cb);
  --i-bear:      var(--sig-neg-cb);
  --i-bull-wash: var(--sig-pos-cb-wash);
  --i-bear-wash: var(--sig-neg-cb-wash);
}


:root[data-colorblind="true"]:not([data-theme="light"]) {
  --oo-bullish-rgb: 93, 170, 245;
  --oo-bearish-rgb: 217, 137, 57;
}

:root[data-colorblind="true"][data-theme="light"] {
  --oo-bullish-rgb: 13, 102, 172;
  --oo-bearish-rgb: 145, 82, 0;
}

@media (prefers-color-scheme: light) {
  :root[data-colorblind="true"]:not([data-theme="dark"]) {
    --oo-bullish-rgb: 29, 111, 182;
    --oo-bearish-rgb: 157, 89, 0;
  }
}



@media (prefers-reduced-motion: reduce) {
  :root {
    --m-fast:     0.01ms;
    --m-panel:    0.01ms;
    --m-slow:     0.01ms;
    --i-dur-fast: 0.01ms;
    --i-dur-base: 0.01ms;
    --i-dur-slow: 0.01ms;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}






#app-root .iv-fig {
  display: block;
  margin: 0;
  padding: 0;
  min-width: 0;                      
}

#app-root .iv-cap {
  display: block;
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-xs);
  font-weight: 600;
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-3);
  margin: 0 0 8px;
}


#app-root .iv-surf {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border-radius: var(--i-r-card);
  box-shadow: inset 0 0 0 1px var(--i-hair);
  overflow: hidden;                  
}

#app-root .iv-foot {
  margin: 8px 0 0;
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-xs);
  line-height: 1.5;
  color: var(--i-ink-3);
  max-width: 78ch;
}



#app-root .iv-cvs {
  display: block;
  width: 100%;
  height: 100%;
}

#app-root .iv-cvs-over {
  position: absolute;
  inset: 0;
  cursor: crosshair;
}



#app-root .iv-hoverbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 7px 10px;
  border-radius: var(--i-r-chip);
  background: var(--i-surface-3);
  border: 1px solid var(--i-hair-strong);
  box-shadow: var(--i-elev-2);
  pointer-events: none;
  opacity: 0;
  max-width: 260px;
  transition: opacity var(--i-dur-fast) linear;
}

#app-root .iv-hoverbox.is-on { opacity: 1; }


#app-root .iv-hoverbox.is-corner {
  top: 8px;
  left: auto;
  right: 8px;
  transform: none;
  max-width: 62%;
}

#app-root .iv-hoverbox.is-corner.is-left {
  right: auto;
  left: 8px;
}

#app-root .iv-hoverkey {
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-xs);
  font-weight: 600;
  color: var(--i-ink-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#app-root .iv-hoverfig {
  font-family: var(--oo-font-data);
  font-size: var(--i-t-sm);
  font-variant-numeric: tabular-nums;
  color: var(--i-ink-2);
  white-space: nowrap;
}



#app-root .iv-ctl {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 8px;
  min-height: 24px;
}

#app-root .iv-ctlend {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}

#app-root .iv-optset {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-chip);
  overflow: hidden;
}

#app-root .iv-opt {
  appearance: none;
  border: 0;
  border-left: 1px solid var(--i-hair);
  background: transparent;
  color: var(--i-ink-3);
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-xs);
  font-weight: 600;
  letter-spacing: var(--i-track-label);
  padding: 4px 9px;
  cursor: pointer;
  white-space: nowrap;
  transition: color var(--i-dur-fast) linear, background-color var(--i-dur-fast) linear;
}

#app-root .iv-optset > .iv-opt:first-child { border-left: 0; }

#app-root .iv-opt:hover { color: var(--i-ink-1); }

#app-root .iv-opt.is-on {
  background: var(--i-surface-3);
  color: var(--i-ink-1);
}

#app-root .iv-opt.is-off {
  color: var(--i-ink-4);
  cursor: help;
}

#app-root .iv-opt.is-off:hover { color: var(--i-ink-4); }

#app-root .iv-opt:focus-visible {
  outline: 2px solid var(--i-orchid);
  outline-offset: -2px;
}


#app-root .iv-opt.is-reset {
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-chip);
}

#app-root .iv-dl {
  appearance: none;
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-chip);
  background: transparent;
  color: var(--i-ink-3);
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-xs);
  font-weight: 600;
  letter-spacing: var(--i-track-label);
  padding: 4px 9px;
  cursor: pointer;
  transition: color var(--i-dur-fast) linear;
}

#app-root .iv-dl:hover { color: var(--i-ink-1); }

#app-root .iv-dl:focus-visible {
  outline: 2px solid var(--i-orchid);
  outline-offset: 2px;
}


#app-root .iv-modenote { color: var(--i-amber); }
#app-root .iv-modenote[hidden] { display: none; }


#app-root .iv-fig-multi .iv-cvs-over { touch-action: none; }



#app-root .is-restive {
  position: relative;
}

#app-root .is-restive::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--i-orchid) 45%,
    var(--i-orchid) 55%,
    transparent 100%
  );
  transform: translateX(-100%);
  animation: iv-restive 1100ms linear infinite;
  pointer-events: none;
}

@keyframes iv-restive {
  to { transform: translateX(100%); }
}


#app-root .iv-shim {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  justify-content: center;
}

#app-root .iv-shim.is-line { justify-content: flex-end; }

#app-root .iv-shimbit {
  display: block;
  height: 9px;
  border-radius: var(--i-r-chip);
  background: var(--i-surface-3);
  position: relative;
  overflow: hidden;
}

#app-root .iv-shimbit.is-full { height: 100%; }

#app-root .iv-shimbit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    transparent 20%,
    rgba(240, 240, 243, 0.045) 50%,
    transparent 80%
  );
  transform: translateX(-100%);
  animation: iv-sweep 1400ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
}




#app-root .iv-surf:has(.iv-absent),
#app-root .iv-surf:has(.iv-pending) {
  box-shadow: none;
}

#app-root .iv-absent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
  min-height: 72px;
  height: 100%;
  padding: 14px 16px;
  border: 1px dashed var(--i-hair-strong);
  border-radius: var(--i-r-card);
  background:
    repeating-linear-gradient(
      -45deg,
      transparent 0 7px,
      rgba(240, 240, 243, 0.018) 7px 8px
    );
}

#app-root .iv-absent-mark {
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: var(--i-ink-4);
  flex: none;
}

#app-root .iv-absent-copy {
  margin: 0;
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-sm);
  line-height: 1.5;
  color: var(--i-ink-3);
  max-width: 62ch;
}

#app-root .iv-absent-src {
  margin: 0;
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-xs);
  line-height: 1.45;
  color: var(--i-ink-4);
  max-width: 62ch;
}


#app-root .iv-absent.is-failed {
  border-color: var(--i-amber);
  border-style: solid;
}
#app-root .iv-absent.is-failed .iv-absent-mark { background: var(--i-amber); }
#app-root .iv-absent.is-failed .iv-absent-copy { color: var(--i-amber); }



#app-root .iv-pending {
  position: relative;
  min-height: 72px;
  height: 100%;
  border-radius: var(--i-r-card);
  background: var(--i-surface-2);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#app-root .iv-pending-sweep {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    transparent 20%,
    rgba(240, 240, 243, 0.045) 50%,
    transparent 80%
  );
  transform: translateX(-100%);
  animation: iv-sweep 1400ms cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes iv-sweep {
  to { transform: translateX(100%); }
}

#app-root .iv-pending-copy {
  position: relative;
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-xs);
  font-weight: 600;
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-4);
}



#app-root .iv-key {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 10px;
}

#app-root .iv-keyitem {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

#app-root .iv-swatch {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  flex: none;
  box-shadow: var(--i-rim);
}

#app-root .iv-keyname {
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-xs);
  color: var(--i-ink-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 22ch;
}

#app-root .iv-keyfig {
  font-family: var(--oo-font-data);
  font-size: var(--i-t-xs);
  font-variant-numeric: tabular-nums;
  color: var(--i-ink-3);
}



#app-root .iv-donutside {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

#app-root .iv-donutsurf,
#app-root .iv-dialplot,
#app-root .iv-mtxsurf,
#app-root .iv-calplot {
  position: relative;
  flex: 0 1 auto;
  min-width: 0;
}

#app-root .iv-donutside .iv-key {
  margin-top: 0;
  flex: 1 1 150px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 5px;
}

#app-root .iv-donutside .iv-keyitem { width: 100%; }
#app-root .iv-donutside .iv-keyname { flex: 1 1 auto; max-width: none; }


#app-root .iv-fig-mtx .iv-surf,
#app-root .iv-fig-cal .iv-surf {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

#app-root .iv-mtxsurf { min-width: 320px; }
#app-root .iv-calplot { min-width: 300px; }



#app-root .iv-scalekey {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

#app-root .iv-scaleramp {
  display: inline-flex;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: var(--i-rim);
}

#app-root .iv-scalestep {
  width: 16px;
  height: 8px;
  display: block;
}

#app-root .iv-scaleend {
  font-family: var(--oo-font-data);
  font-size: var(--i-t-xs);
  font-variant-numeric: tabular-nums;
  color: var(--i-ink-3);
}



#app-root .iv-glyph {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

#app-root .iv-glyph.is-absent::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px dashed var(--i-ink-4);
}



#app-root .iv-idmark {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  border-radius: var(--i-r-control);
  background: var(--i-surface-3);
  box-shadow: var(--i-rim), 0 1px 2px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

#app-root .iv-idglyph {
  font-family: var(--oo-font-ui);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1;
  user-select: none;
}


#app-root .iv-idmark::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, currentColor, transparent 72%);
  opacity: 0.16;
  color: inherit;
  pointer-events: none;
}

#app-root .iv-idimg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12%;
  background: var(--i-surface-3);
  opacity: 0;
  transform: scale(0.94);
  animation: iv-mark-in var(--i-dur-base) var(--i-ease-out) forwards;
}

@keyframes iv-mark-in {
  to { opacity: 1; transform: scale(1); }
}

#app-root .iv-idbadge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

#app-root .iv-idtext {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

#app-root .iv-idname {
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-md);
  font-weight: 600;
  letter-spacing: var(--i-track-tight);
  color: var(--i-ink-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#app-root .iv-idmeta {
  font-family: var(--oo-font-data);
  font-size: var(--i-t-xs);
  font-variant-numeric: tabular-nums;
  color: var(--i-ink-3);
}



#app-root .fd-panel:has(.iv-fig),
#app-root .terminal-panel:has(.iv-fig) {
  background-image:
    radial-gradient(ellipse 62% 46% at 0% 0%, rgba(var(--i-accent-rgb), 0.045), transparent 68%);
}



#app-root .iv-fig {
  animation: iv-fig-in var(--i-dur-slow) var(--i-ease-out) both;
}


@keyframes iv-fig-in {
  from { transform: translateY(6px); }
  to   { transform: none; }
}


#app-root .iv-surf:focus-visible {
  outline: 2px solid var(--i-orchid);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  #app-root .iv-fig,
  #app-root .iv-idimg,
  #app-root .iv-pending-sweep,
  #app-root .iv-shimbit::after,
  #app-root .is-restive::after {
    animation: none !important;
  }
  #app-root .iv-idimg { opacity: 1; transform: none; }
  #app-root .iv-hoverbox { transition: none !important; }
  #app-root .iv-opt,
  #app-root .iv-dl { transition: none !important; }
  
  #app-root .is-restive::after {
    background: var(--i-orchid);
    transform: none;
    opacity: 0.55;
  }
}






html {
  background: var(--i-void);
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--i-void);
  color: var(--i-ink-2);
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-body);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  
  overflow-x: hidden;
}

#app-root.pk-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  max-width: 100%;

  
  --pk-step-1: 8px;
  --pk-step-2: 16px;
  --pk-step-3: 24px;
  --pk-step-4: 40px;
  --pk-step-5: 64px;

  
  --pk-masthead-h: 60px;

  
  --pk-measure: 72ch;        
  --pk-measure-wide: 96ch;   
}


.pk-main {
  flex: 1 1 auto;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: var(--pk-step-4) 24px var(--pk-step-5);
  box-sizing: border-box;
  min-width: 0;
}



.pk-skip-inline {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 40;
  padding: 10px 16px;
  background: var(--i-surface-3);
  color: var(--i-ink-1);
  border-radius: var(--i-r-control);
}
.pk-skip-inline:focus { left: 16px; top: 12px; }



.pk-masthead {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 20px;
  
  min-height: var(--pk-masthead-h);
  box-sizing: border-box;
  padding: 12px 24px;
  border-bottom: 1px solid var(--i-hair);
  background: color-mix(in srgb, var(--i-void) 82%, transparent);
  backdrop-filter: blur(14px) saturate(1.3);
  -webkit-backdrop-filter: blur(14px) saturate(1.3);
}

.pk-wordmark {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--i-ink-1);
  flex: 0 0 auto;
}


.pk-wordmark-glyph {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  transform-origin: center;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.pk-wordmark-glyph svg { display: block; width: 100%; height: 100%; }
.pk-wordmark:hover .pk-wordmark-glyph,
.pk-wordmark:focus-visible .pk-wordmark-glyph {
  transform: rotate(16deg) scale(1.08);
}
@media (prefers-reduced-motion: reduce) {
  .pk-wordmark-glyph { transition: none; }
}

.pk-wordmark-text {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-size: var(--i-t-sm);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}
.pk-wordmark-text strong { font-weight: 600; color: var(--i-ink-1); }
.pk-wordmark-text span { font-weight: 400; color: var(--i-ink-3); }

.pk-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  min-width: 0;
}

.pk-nav-link {
  display: inline-flex !important;
  align-items: center;
  padding: 7px 12px;
  border-radius: var(--i-r-control);
  color: var(--i-ink-3);
  text-decoration: none;
  font-size: var(--i-t-sm);
  font-weight: 500;
  white-space: nowrap;
  transition: color 140ms ease, background 140ms ease;
}
.pk-nav-link:hover { color: var(--i-ink-1); background: rgba(255, 255, 255, 0.055); }
.pk-nav-link.active { color: var(--i-ink-1); background: color-mix(in srgb, var(--i-orchid) 16%, transparent); }

.pk-cta-button { flex: 0 0 auto; text-decoration: none; }

.pk-nav-burger { display: none !important; margin-left: auto; }




#app-root.pk-page h1 {
  font-size: clamp(30px, 4.2vw, 40px);
  line-height: 1.08;
  letter-spacing: var(--i-track-hero);
  font-weight: 600;
  color: var(--i-ink-1);
  text-wrap: balance;
}
#app-root.pk-page h2 {
  font-size: var(--i-t-xl);
  line-height: var(--i-lh-tight);
  letter-spacing: var(--i-track-hero);
  font-weight: 600;
  color: var(--i-ink-1);
}
#app-root.pk-page h3 {
  font-size: var(--i-t-lg);
  line-height: var(--i-lh-snug);
  letter-spacing: var(--i-track-tight);
  font-weight: 600;
  color: var(--i-ink-1);
}
#app-root.pk-page h4 {
  font-size: var(--i-t-md);
  line-height: var(--i-lh-snug);
  font-weight: 600;
  color: var(--i-ink-1);
}

#app-root.pk-page .pk-panel-head h2,
#app-root.pk-page .pk-panel-head h3 { font-size: var(--i-t-md); letter-spacing: var(--i-track-tight); }

.pk-section { margin: 0 0 var(--pk-step-4); }
.pk-section:last-child { margin-bottom: 0; }

.pk-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin: 0 0 var(--pk-step-2);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--i-hair);
}

.pk-section-head h1,
.pk-section-head h2 { margin: 0; }

.pk-eyebrow {
  display: block;
  margin: 0 0 var(--pk-step-1);
  color: var(--i-orchid);
}

.pk-lede {
  max-width: 72ch;
  margin: 0 0 var(--pk-step-3);
  font-size: var(--i-t-md) !important;
  line-height: var(--i-lh-body);
  color: var(--i-ink-2) !important;
}

.pk-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
}
.pk-grid-2 { grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); }

.pk-panel { padding: 0; overflow: hidden; min-width: 0; }

.pk-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--i-hair);
  flex-wrap: wrap;
}
.pk-panel-head h2,
.pk-panel-head h3 { margin: 0; font-size: var(--i-t-md); }

.pk-panel-body { padding: 16px 18px; min-width: 0; }
.pk-panel-body-flush { padding: 0; }

.pk-panel-foot {
  padding: 10px 18px 13px;
  border-top: 1px solid var(--i-hair);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}


.pk-scroll-x {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}



.pk-unavailable {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-color: color-mix(in srgb, var(--i-amber) 34%, transparent) !important;
}
.pk-warn-mark {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--oo-font-data);
  font-size: 11px;
  font-weight: 500;
  
  color: var(--i-amber);
  background: var(--i-amber-wash);
}
.pk-warn-body { min-width: 0; }
.pk-state-hint { margin-top: 4px; }

.pk-empty { text-align: left; }


.pk-loading {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 4px;
  color: var(--i-ink-3);
  font-size: var(--i-t-sm);
}

.pk-loading-skel { display: grid; gap: 9px; width: 100%; }

.pk-skel-bar {
  display: block;
  position: relative;
  overflow: hidden;
  height: 12px;
  
  border-radius: var(--i-r-chip);
}


.pk-skel-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.035) 0%,
    rgba(var(--i-accent-rgb, 225, 173, 102), 0.13) 50%,
    rgba(255, 255, 255, 0.035) 100%);
  background-size: 300% 100%;
  animation: pk-skel-sweep 1500ms linear infinite;
}

.pk-skel-w1 { width: 62%; }
.pk-skel-w2 { width: 91%; }
.pk-skel-w3 { width: 47%; }
.pk-loading-label { font-size: var(--i-t-xs); color: var(--i-ink-3); }

@keyframes pk-skel-sweep {
  from { background-position: 150% 0; }
  to { background-position: -150% 0; }
}


:root[data-motion="reduced"] .pk-skel-bar::before,
:root[data-motion="off"] .pk-skel-bar::before {
  animation: none;
  background: rgba(255, 255, 255, 0.055);
}
@media (prefers-reduced-motion: reduce) {
  .pk-skel-bar::before { animation: none; background: rgba(255, 255, 255, 0.055); }
}

.pk-provenance { margin-top: 10px; }
.pk-src-link { color: var(--i-ink-3) !important; text-decoration: underline; text-underline-offset: 2px; }
.pk-src-link:hover { color: var(--i-orchid-bright) !important; }




.pk-delta-value,
.pk-quote-price {
  font-family: var(--oo-font-data);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--i-track-tight);
}
.pk-delta-value { font-size: var(--i-t-sm); font-weight: 500; }
.pk-delta-value[data-sign="bull"] { color: var(--i-bull); }
.pk-delta-value[data-sign="bear"] { color: var(--i-bear); }
.pk-delta-value[data-sign="flat"] { color: var(--i-ink-3); }

.pk-quote-price { font-size: var(--i-t-md); font-weight: 500; color: var(--i-ink-1); }

.pk-spark { display: block; width: 100%; height: 100%; }

.pk-kv {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: baseline;
  margin: 0;
}
.pk-kv dt { color: var(--i-ink-3); font-size: var(--i-t-sm); min-width: 0; }
.pk-kv dd {
  margin: 0;
  text-align: right;
  color: var(--i-ink-1) !important;
  font-family: var(--oo-font-data);
  font-size: var(--i-t-sm);
  font-variant-numeric: tabular-nums;
}

.pk-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: var(--i-r-pill);
  border: 1px solid var(--i-hair-strong);
  font-size: var(--i-t-xs);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  font-weight: 600;
  padding: 3px 9px !important;
  white-space: nowrap;
}
.pk-badge[data-tone="ok"] { color: var(--i-bull); border-color: color-mix(in srgb, var(--i-bull) 40%, transparent); background: var(--i-bull-wash); }
.pk-badge[data-tone="off"] { color: var(--i-ink-3); }
.pk-badge[data-tone="warn"] { color: var(--i-amber); border-color: color-mix(in srgb, var(--i-amber) 40%, transparent); background: var(--i-amber-wash); }
.pk-badge[data-tone="accent"] { color: var(--i-orchid-bright); border-color: color-mix(in srgb, var(--i-orchid) 45%, transparent); background: var(--i-orchid-wash); }


.pk-live-stamp {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  color: var(--i-ink-3);
  white-space: nowrap;
}



.pk-dash-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin: 0 0 var(--pk-step-3);
}

.pk-dash-ident h1 { margin: 0; font-size: var(--i-t-xl); }

.pk-ticker-form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.pk-ticker-form input[type="text"] {
  width: 132px;
  font-family: var(--oo-font-data);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.pk-dash-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
}
.pk-span-4 { grid-column: span 4; min-width: 0; }
.pk-span-5 { grid-column: span 5; min-width: 0; }
.pk-span-6 { grid-column: span 6; min-width: 0; }
.pk-span-7 { grid-column: span 7; min-width: 0; }
.pk-span-8 { grid-column: span 8; min-width: 0; }
.pk-span-12 { grid-column: span 12; min-width: 0; }


.pk-quote-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 96px minmax(0, 96px);
  align-items: center;
  gap: 12px;
  padding: 11px 18px;
  border-bottom: 1px solid var(--i-hair);
  text-decoration: none;
  color: inherit;
  transition: background 130ms ease;
  min-height: 46px;
}
.pk-quote-row:last-child { border-bottom: none; }
.pk-quote-row:hover { background: rgba(255, 255, 255, 0.03); }
.pk-quote-sym {
  font-family: var(--oo-font-data);
  font-size: var(--i-t-body);
  font-weight: 500;
  color: var(--i-ink-1);
  letter-spacing: 0.04em;
}
.pk-quote-vol { font-size: 11px; color: var(--i-ink-3); font-variant-numeric: tabular-nums; }
.pk-quote-cell { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 0; }
.pk-quote-spark { height: 30px; width: 100%; min-width: 0; opacity: 0.9; }


.pk-list { list-style: none; margin: 0; padding: 0; }
.pk-list > li { border-bottom: 1px solid var(--i-hair); }
.pk-list > li:last-child { border-bottom: none; }

.pk-item {
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 4px 14px;
  padding: 11px 18px;
  text-decoration: none;
  color: inherit;
  align-items: start;
  transition: background 130ms ease;
}
.pk-item:hover { background: rgba(255, 255, 255, 0.03); }
.pk-item-when {
  font-family: var(--oo-font-data);
  font-size: 11px;
  color: var(--i-ink-3);
  padding-top: 2px;
  font-variant-numeric: tabular-nums;
}
.pk-item-body { min-width: 0; }
.pk-item-text {
  color: var(--i-ink-1);
  font-size: var(--i-t-sm);
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.pk-item-meta {
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pk-tally {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(112px, 100%), 1fr));
  gap: 1px;
  background: var(--i-hair);
  border-radius: var(--i-r-card);
  overflow: hidden;
}
.pk-tally-cell {
  background: var(--i-surface-1);
  padding: 14px 16px;
  min-width: 0;
}
.pk-tally-num {
  display: block;
  font-family: var(--oo-font-data);
  font-size: var(--i-t-xl);
  font-weight: 600;
  color: var(--i-ink-1);
  letter-spacing: var(--i-track-hero);
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.pk-tally-label { display: block; margin-top: 4px; }

.pk-jump-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(158px, 100%), 1fr));
  gap: 10px;
}

.pk-jump {
  display: block !important;
  padding: var(--pk-step-2);
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-card);
  background: var(--i-surface-2);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--i-dur-fast) var(--i-ease-out),
              background var(--i-dur-fast) var(--i-ease-out),
              box-shadow var(--i-dur-fast) var(--i-ease-out),
              transform var(--i-dur-fast) var(--i-ease-out);
  min-width: 0;
}

.pk-jump:hover {
  border-color: var(--i-accent-edge-soft);
  background: var(--i-surface-3);
  transform: translateY(-2px);
  box-shadow: var(--i-elev-2);
}

.pk-tally-cal { border-radius: 0; border-bottom: 1px solid var(--i-hair); }

.pk-list-inset { margin-top: 14px; border-top: 1px solid var(--i-hair); }

.pk-item-static { padding-left: 0; padding-right: 0; }
.pk-alert-none { margin: 14px 0 0 !important; font-size: var(--i-t-sm) !important; }

.pk-ticker-label { flex: 0 0 auto; }
.pk-dash-eyebrow { margin-bottom: 4px; }

.pk-jump-code {
  display: block;
  font-family: var(--oo-font-data);
  font-size: var(--i-t-sm);
  font-weight: 500;
  color: var(--i-orchid-bright);
  letter-spacing: 0.08em;
}
.pk-jump-name { display: block; margin-top: 3px; color: var(--i-ink-2); font-size: var(--i-t-sm); }



.pk-set-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  gap: 10px 24px;
  align-items: center;
  padding: 15px 18px;
  border-bottom: 1px solid var(--i-hair);
}
.pk-set-row:last-child { border-bottom: none; }
.pk-set-name { color: var(--i-ink-1); font-weight: 500; font-size: var(--i-t-body); }
.pk-set-why { margin: 3px 0 0 !important; font-size: var(--i-t-sm) !important; max-width: 60ch; }
.pk-set-control { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }

.pk-seg {
  display: inline-flex;
  padding: 3px;
  gap: 3px;
  border: 1px solid var(--i-hair-strong);
  border-radius: var(--i-r-pill);
  background: rgba(0, 0, 0, 0.28);
}

.pk-seg-toggle { border: none !important; background: transparent !important; }
.pk-seg-toggle[aria-pressed="true"] { color: var(--i-ink-1) !important; }

.pk-env-table { width: 100%; }
.pk-env-name {
  font-family: var(--oo-font-data);
  font-size: var(--i-t-sm);
  color: var(--i-ink-1) !important;
  white-space: nowrap;
}
.pk-env-note { color: var(--i-ink-3); }

.pk-save-note { min-height: 18px; }
.pk-save-note[data-tone="ok"] { color: var(--i-bull) !important; }
.pk-save-note[data-tone="warn"] { color: var(--i-amber) !important; }




.pk-prose { max-width: 72ch; }
.pk-prose > :first-child { margin-top: 0; }

.pk-prose h2 { margin: var(--pk-step-4) 0 var(--pk-step-1); }
.pk-prose h3 { margin: var(--pk-step-3) 0 var(--pk-step-1); }
.pk-prose p { margin: 0 0 var(--pk-step-2); line-height: var(--i-lh-body); }
.pk-prose ul, .pk-prose ol { margin: 0 0 var(--pk-step-2); padding-left: 20px; }
.pk-prose li { margin-bottom: var(--pk-step-1); line-height: var(--i-lh-body); }
.pk-prose li::marker { color: var(--i-ink-4); }
.pk-prose a { color: var(--i-orchid-bright); text-decoration: underline; text-underline-offset: 2px; }

.pk-source-card { padding: 16px 18px; min-width: 0; }
.pk-source-name { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin: 0 0 6px; }
.pk-source-name a { color: var(--i-ink-1); text-decoration: none; font-weight: 600; font-size: var(--i-t-body); }
.pk-source-name a:hover { color: var(--i-orchid-bright); text-decoration: underline; }
.pk-source-what { margin: 0 !important; font-size: var(--i-t-sm) !important; }

.pk-keys-group { margin-bottom: 26px; }
.pk-key-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 20px;
  align-items: center;
  padding: 9px 18px;
  border-bottom: 1px solid var(--i-hair);
}
.pk-key-row:last-child { border-bottom: none; }
.pk-key-what { color: var(--i-ink-2); font-size: var(--i-t-sm); min-width: 0; }
.pk-key-what em { color: var(--i-ink-3); font-style: normal; font-size: 11px; display: block; margin-top: 2px; }
.pk-keycap {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border: 1px solid var(--i-hair-strong);
  border-bottom-width: 2px;
  border-radius: var(--i-r-chip);
  background: var(--i-surface-3);
  font-family: var(--oo-font-data);
  font-size: var(--i-t-sm);
  color: var(--i-ink-1);
  white-space: nowrap;
  box-shadow: var(--i-rim);
}
.pk-keycap[data-state="off"] { opacity: 0.5; }

.pk-key-controls { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.pk-caps { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.pk-cap-then { font-size: var(--i-t-xs); color: var(--i-ink-3); text-transform: uppercase; letter-spacing: var(--i-track-label); }
.pk-caps-capturing { color: var(--i-orchid-bright); font-size: var(--i-t-sm); }


.pk-cap-button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 2px !important;
  cursor: pointer;
}
.pk-cap-button:hover .pk-keycap { border-color: var(--i-orchid); color: var(--i-orchid-bright); }
.pk-key-clash { color: var(--i-amber) !important; }

.pk-step-card, .pk-faq-card, .pk-limit-card { padding: 20px 22px; min-width: 0; }
.pk-step-card h3, .pk-faq-card h3, .pk-limit-card h3 { margin: 0 0 8px; }
.pk-step-card p, .pk-faq-card p, .pk-limit-card p { margin: 0 !important; font-size: var(--i-t-sm) !important; }
.pk-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-bottom: 10px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--i-orchid) 45%, transparent);
  background: var(--i-orchid-wash);
  color: var(--i-orchid-bright);
  font-family: var(--oo-font-data);
  font-size: 11px;
  font-weight: 500;
}
.pk-limit-card { border-left: 2px solid var(--i-amber) !important; }

.pk-filter-bar {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.pk-filter-bar input[type="search"] { flex: 1 1 220px; min-width: 0; }



.pk-error-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 52vh;
  max-width: 640px;
}
.pk-error-code {
  font-family: var(--oo-font-data);
  font-size: 76px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: var(--i-track-hero);
  color: var(--i-orchid);
  margin: 0 0 6px;
  text-shadow: 0 0 42px color-mix(in srgb, var(--i-orchid) 40%, transparent);
}
.pk-error-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.pk-error-actions a { text-decoration: none; }
.pk-error-button { padding: 10px 18px !important; font-size: var(--i-t-body) !important; }
.pk-error-path,
.pk-error-probe {
  margin-top: 4px;
  font-family: var(--oo-font-data);
  overflow-wrap: anywhere;
}
.pk-error-main { display: flex; flex-direction: column; }



.pk-footer {
  border-top: 1px solid var(--i-hair);
  background: rgba(0, 0, 0, 0.30);
  padding: var(--pk-step-4) 24px var(--pk-step-3);
  margin-top: auto;
}
.pk-footer-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  gap: var(--pk-step-3);
  grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
}
.pk-footer-list { list-style: none; margin: var(--pk-step-1) 0 0; padding: 0; }
.pk-footer-list li { margin-bottom: var(--pk-step-1); }
.pk-footer-link { color: var(--i-ink-3); text-decoration: none; font-size: var(--i-t-sm); }
.pk-footer-link:hover { color: var(--i-ink-1); text-decoration: underline; text-underline-offset: 2px; }
.pk-footer-base {
  max-width: 1180px;
  margin: var(--pk-step-3) auto 0;
  padding-top: var(--pk-step-2);
  border-top: 1px solid var(--i-hair);
}
.pk-footer-note { margin: 0 !important; font-size: calc(11px * var(--i-t-scale)) !important;    color: var(--i-ink-3) !important; max-width: 92ch; }



:root[data-density="compact"] .pk-main { padding-top: 22px; padding-bottom: 48px; }
:root[data-density="compact"] .pk-quote-row { padding-top: 7px; padding-bottom: 7px; min-height: 38px; }
:root[data-density="compact"] .pk-item { padding-top: 7px; padding-bottom: 7px; }
:root[data-density="compact"] .pk-set-row { padding-top: 10px; padding-bottom: 10px; }
:root[data-density="compact"] .pk-section { margin-bottom: 28px; }
:root[data-density="compact"] .pk-tally-cell { padding: 10px 14px; }




:root[data-accent="amber"] {
  --i-orchid: var(--i-amber);
  --i-orchid-bright: color-mix(in srgb, var(--i-amber) 68%, white);
  --i-orchid-wash: var(--i-amber-wash);
  --oo-orchid: var(--i-amber);
}
:root[data-accent="cyber"] {
  --i-orchid: var(--i-cyber);
  --i-orchid-bright: color-mix(in srgb, var(--i-cyber) 70%, white);
  --i-orchid-wash: color-mix(in srgb, var(--i-cyber) 22%, var(--i-void));
  --oo-orchid: var(--i-cyber);
}

:root[data-motion="reduced"] *,
:root[data-motion="reduced"] *::before,
:root[data-motion="reduced"] *::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
}



@media (max-width: 1020px) {
  .pk-span-4, .pk-span-5, .pk-span-6, .pk-span-7, .pk-span-8 { grid-column: span 12; }
}

@media (max-width: 860px) {
  .pk-main { padding: 26px 16px 56px; }
  .pk-masthead { padding: 12px 16px; flex-wrap: wrap; }
  .pk-nav-burger { display: inline-flex !important; }
  .pk-nav {
    display: none;
    order: 3;
    width: 100%;
    margin-left: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding-top: 10px;
  }
  .pk-nav.open { display: flex; }
  .pk-nav-link { justify-content: flex-start !important; padding: 10px 12px; }
  .pk-cta-button { order: 2; }
  .pk-quote-row { grid-template-columns: minmax(0, 1fr) auto; }
  .pk-quote-spark { display: none; }
  .pk-set-row { grid-template-columns: minmax(0, 1fr); }
  .pk-set-control { justify-content: flex-start; }
  .pk-error-code { font-size: 58px; }
}

@media (max-width: 520px) {
  .pk-wordmark-text span { display: none; }
  .pk-item { grid-template-columns: minmax(0, 1fr); }
  .pk-item-when { padding-top: 0; }
}


.pk-dash-grid .pk-panel-body-flush {
  max-height: 46dvh;
  overflow-y: auto;
  overscroll-behavior: contain;   
  scrollbar-width: thin;
}



@media (max-width: 900px) {
  
  .pk-dash-grid .pk-panel-body-flush {
    max-height: none;
    overflow-y: visible;
  }
}


.pk-dash-grid .pk-tall {
  grid-row: span 2;
}

@media (max-width: 900px) {
  
  .pk-dash-grid .pk-tall { grid-row: auto; }
}


#page-root .pkStatus {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  margin-left: 4px;
  font-size: 12px;
  text-decoration: none !important;
  color: var(--i-ink-3);
  border: 1px solid var(--i-hair) !important;
  border-radius: 999px !important;
}

#page-root .pkStatus:hover { color: var(--i-ink-1); }

#page-root .pkStatusDot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--i-ink-4, #6F6A64);
  flex: 0 0 auto;
}

#page-root .pkStatus[data-state="up"] .pkStatusDot { background: var(--i-bull); }
#page-root .pkStatus[data-state="up"] { color: var(--i-ink-2); }
#page-root .pkStatus[data-state="down"] .pkStatusDot { background: var(--i-error, var(--i-bear)); }
#page-root .pkStatus[data-state="down"] { color: var(--i-error, var(--i-bear)); }







#app-root .sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn,
#app-root .sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn,
.sgkBtn,
.sgtBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 24px;
  padding: 3px 9px !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: var(--i-r-chip) !important;
  color: var(--i-ink-3) !important;
  font-family: var(--oo-font-ui) !important;
  font-size: var(--d-font-label, var(--i-t-xs)) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: color var(--m-fast, var(--i-dur-fast)) var(--i-ease-out),
              background var(--m-fast, var(--i-dur-fast)) var(--i-ease-out),
              border-color var(--m-fast, var(--i-dur-fast)) var(--i-ease-out);
}

#app-root .sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn:hover,
#app-root .sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn:hover,
.sgkBtn:hover,
.sgtBtn:hover {
  color: var(--i-ink-1) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: var(--i-hair-strong) !important;
}

#app-root .sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn[disabled],
#app-root .sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn[disabled],
.sgkBtn[disabled],
.sgtBtn[disabled] {
  color: var(--i-ink-4) !important;
  cursor: not-allowed;
  opacity: 0.75;
}


#app-root .sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn[aria-pressed="true"],
#app-root .sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn.sgtBtn[aria-pressed="true"],
.sgkBtn[aria-pressed="true"],
.sgtBtn[aria-pressed="true"] {
  color: var(--i-ink-1) !important;
  background: var(--i-orchid-wash) !important;
  border-color: var(--i-orchid-deep) !important;
}


#app-root .sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn.sgkBtn[data-variant="primary"],
.sgkBtn[data-variant="primary"] {
  background: var(--i-gradient-primary) !important;
  background-image: var(--i-gradient-primary) !important;
  border-color: var(--i-orchid-bright) !important;
  color: var(--i-ink-1) !important;
  font-weight: 600 !important;
  padding: 6px 15px !important;
  border-radius: var(--i-r-control) !important;
  box-shadow: var(--i-elev-1) !important;
}


#app-root .sgkBtn.sgkBtn:focus-visible,
#app-root .sgtBtn.sgtBtn:focus-visible,
#app-root .sgtRow.sgtRow:focus-visible,
#app-root .sgtHeadCell.sgtHeadCell:focus-visible,
.sgkBtn:focus-visible,
.sgtBtn:focus-visible,
.sgtRow:focus-visible,
.sgtHeadCell:focus-visible {
  outline: var(--focus-ring, 2px solid var(--i-orchid-bright)) !important;
  outline-offset: 2px !important;
}


#app-root .sgkCtl.sgkCtl.sgkCtl.sgkCtl.sgkCtl.sgkCtl.sgkCtl.sgkCtl,
.sgkCtl {
  width: 24px;
  min-width: 24px;
  padding: 0 !important;
  font-size: var(--i-t-body) !important;
  line-height: 1;
}


.sgkCtl .sgIcon,
.sgkBtn .sgIcon,
.sgtBtn .sgIcon,
.sgtSortMark .sgIcon,
.sgkEmptyMark .sgIcon {
  pointer-events: none;
}

.sgkCtl[data-ctl="refresh"][data-busy="1"] {
  animation: sgkSpin var(--m-slow, var(--i-dur-slow)) linear infinite;
}

@keyframes sgkSpin { to { transform: rotate(360deg); } }


.sgkMono,
.sgtMono {
  font-family: var(--oo-font-data);
  font-variant-numeric: tabular-nums;
}




.sgkPanel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--i-surface-1);
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-card);
  box-shadow: var(--i-elev-1);
  overflow: hidden;
  transition: box-shadow var(--m-panel, var(--i-dur-base)) var(--i-ease-out),
              opacity var(--m-panel, var(--i-dur-base)) var(--i-ease-out);
}


.sgkPanel::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: var(--sgkFresh, transparent);
  opacity: 0.85;
  pointer-events: none;
  z-index: 5;
}

.sgkPanel[data-prov="live"]        { --sgkFresh: var(--i-bull); }
.sgkPanel[data-prov="cached"]      { --sgkFresh: var(--i-ink-4); }
.sgkPanel[data-prov="stale"]       { --sgkFresh: var(--i-amber); }
.sgkPanel[data-prov="asof"]        { --sgkFresh: var(--i-ink-4); }
.sgkPanel[data-prov="unavailable"] { --sgkFresh: var(--i-bear); }

.sgkPanel[data-dragover="1"] { box-shadow: var(--i-elev-3), inset 0 0 0 1px var(--i-orchid); }
.sgkPanel[data-dragging="1"] { opacity: 0.45; }
.sgkPanel[data-pinned="1"]   { border-color: var(--i-orchid-deep); }


.sgkPanel[data-state="error"] {
  filter: saturate(0.25);
  border-color: var(--i-hair-strong);
}


.sgkPanel[data-full="1"] {
  position: fixed;
  inset: 2vh 2vw;
  z-index: 900;
  box-shadow: var(--i-elev-3);
  border-radius: var(--i-r-panel);
}


.sgkHead {
  display: flex;
  align-items: center;
  gap: var(--d-gap, 8px);
  padding: calc(var(--d-pad-panel, 14px) * 0.62) var(--d-pad-panel, 14px);
  border-bottom: 1px solid var(--i-hair);
  background: var(--i-surface-2);
  cursor: grab;
  user-select: none;
}

.sgkHead:active { cursor: grabbing; }


.sgkHeadL { min-width: 0; flex: 1 1 auto; }
.sgkHeadM { display: flex; align-items: center; gap: 6px; flex: 0 1 auto; min-width: 0; overflow: hidden; }
.sgkHeadR { display: flex; align-items: center; gap: 2px; flex: 0 0 auto; }

.sgkProvSlot { display: flex; min-width: 0; overflow: hidden; }
.sgkLatSlot { flex: 0 0 auto; }
.sgkCtlSlot { display: flex; align-items: center; gap: 2px; }

.sgkEyebrow {
  font-family: var(--oo-font-ui);
  font-size: var(--d-font-label, var(--i-t-xs));
  font-weight: 500;
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-4);
  line-height: 1.3;
}

.sgkTitle {
  margin: 0;
  font-family: var(--oo-font-ui);
  font-size: var(--i-t-md);
  font-weight: 600;
  letter-spacing: var(--i-track-tight);
  
  text-transform: none;
  color: var(--i-ink-1);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sgkBody {
  padding: var(--d-pad-panel, 14px);
  font-size: var(--d-font-body, var(--i-t-body));
  color: var(--i-ink-2);
  min-width: 0;
  overflow: auto;
}

.sgkPanel[data-collapsed="1"] .sgkBody,
.sgkPanel[data-collapsed="1"] .sgkPopSlot { display: none; }
.sgkPanel[data-collapsed="1"] .sgkCtl[data-ctl="collapse"] { transform: rotate(-90deg); }

.sgkPopSlot { position: relative; }




#app-root .sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv,
.sgkProv {
  gap: 5px !important;
  padding: 2px 8px !important;
  border-radius: var(--i-r-pill) !important;
  border: 1px solid var(--i-hair-strong) !important;
  background: var(--i-surface-3) !important;
  font-size: var(--d-font-label, var(--i-t-xs)) !important;
  max-width: min(42ch, 100%);
  min-width: 0;
  flex-shrink: 1;
  overflow: hidden;
}

.sgkProvDot {
  width: 6px;
  height: 6px;
  border-radius: var(--i-r-pill);
  flex: 0 0 auto;
  background: var(--i-ink-4);
}

.sgkProvName {
  color: var(--i-ink-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch;
  min-width: 0;
  flex-shrink: 1;
}

.sgkProvSep  { color: var(--i-ink-4); flex: 0 0 auto; }
.sgkProvWhen {
  color: var(--i-ink-3);
  font-family: var(--oo-font-data);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.sgkProvAge  { color: var(--i-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }


.sgkProvKind {
  flex: 0 0 auto;
  margin-left: 2px;
  padding-left: 6px;
  border-left: 1px solid var(--i-hair-strong);
  font-weight: 600;
  letter-spacing: var(--i-track-label);
  color: var(--i-ink-3);
  white-space: nowrap;
}


.sgkProv[data-prov="live"] .sgkProvDot {
  background: var(--i-bull);
  animation: sgkBreathe var(--m-slow, 2400ms) var(--i-ease-inout) infinite;
}
.sgkProv[data-prov="live"] .sgkProvKind { color: var(--i-bull); }

@keyframes sgkBreathe {
  0%, 100% { opacity: 1;    box-shadow: 0 0 0 0 var(--i-bull-wash); }
  50%      { opacity: 0.45; box-shadow: 0 0 0 3px var(--i-bull-wash); }
}


.sgkProv[data-prov="cached"] .sgkProvDot  { background: var(--i-ink-3); }
.sgkProv[data-prov="cached"] .sgkProvKind { color: var(--i-ink-3); }


#app-root .sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv[data-prov="stale"],
.sgkProv[data-prov="stale"] {
  border-color: var(--i-amber) !important;
  background: var(--i-amber-wash) !important;
}
.sgkProv[data-prov="stale"] .sgkProvDot  { background: var(--i-amber); }
.sgkProv[data-prov="stale"] .sgkProvKind,
.sgkProv[data-prov="stale"] .sgkProvAge  { color: var(--i-amber); }


.sgkProv[data-prov="asof"] .sgkProvDot {
  background: transparent;
  border: 1px solid var(--i-ink-3);
}
.sgkProv[data-prov="asof"] .sgkProvKind { color: var(--i-ink-3); }


#app-root .sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv.sgkProv[data-prov="unavailable"],
.sgkProv[data-prov="unavailable"] {
  border: 1px dashed var(--i-bear) !important;
  background: transparent !important;
}
.sgkProv[data-prov="unavailable"] .sgkProvDot {
  background: transparent;
  border: 1px dashed var(--i-bear);
}
.sgkProv[data-prov="unavailable"] .sgkProvName,
.sgkProv[data-prov="unavailable"] .sgkProvAge,
.sgkProv[data-prov="unavailable"] .sgkProvKind { color: var(--i-bear); }


.sgkProvPop {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 30;
  width: min(520px, 92vw);
  max-height: 340px;
  overflow: auto;
  padding: 10px 12px;
  background: var(--i-surface-3);
  border: 1px solid var(--i-hair-strong);
  border-radius: var(--i-r-control);
  box-shadow: var(--i-elev-3);
}

.sgkProvPop[hidden] { display: none; }

.sgkProvList {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 3px 12px;
  margin: 0 0 8px 0;
}

.sgkProvKey {
  font-size: var(--d-font-label, var(--i-t-xs));
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-4);
}

.sgkProvVal {
  margin: 0;
  font-size: var(--i-t-sm);
  color: var(--i-ink-2);
  word-break: break-all;
}

.sgkProvFrag {
  margin: 0;
  padding: 8px;
  max-height: 160px;
  overflow: auto;
  background: var(--i-void);
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-chip);
  font-size: var(--i-t-xs);
  line-height: 1.5;
  color: var(--i-ink-3);
  white-space: pre-wrap;
  word-break: break-all;
}




.sgkLat {
  padding: 2px 7px;
  border-radius: var(--i-r-pill);
  border: 1px solid var(--i-hair);
  font-size: var(--d-font-label, var(--i-t-xs));
  color: var(--i-ink-3);
  white-space: nowrap;
}

.sgkLat[data-band="slow"] { color: var(--i-amber); border-color: var(--i-amber); }




.sgkSkel { display: flex; flex-direction: column; }

.sgkSkelRow {
  display: grid;
  grid-template-columns: var(--sgkCols);
  align-items: center;
  gap: var(--d-gap, 8px);
  border-bottom: 1px solid var(--i-hair);
}

.sgkSkelRow:last-child { border-bottom: none; }


.sgkSkelText {
  font-size: var(--d-font-body, var(--i-t-body));
  color: var(--i-ink-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sgkSkelBone {
  height: 9px;
  border-radius: var(--i-r-chip);
  background: var(--i-surface-3);
}

.sgkSkelBone[data-static="1"] { opacity: 0.55; }

.sgkSkelBone[data-shimmer="1"] {
  background: linear-gradient(90deg,
              var(--i-surface-3) 0%,
              var(--i-surface-4) 45%,
              var(--i-surface-3) 90%);
  background-size: 300% 100%;
  animation: sgkShimmer var(--m-slow, 1400ms) var(--i-ease-inout) infinite;
}

@keyframes sgkShimmer {
  from { background-position: 140% 0; }
  to   { background-position: -40% 0; }
}




.sgkErr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
}

.sgkErrTop {
  font-size: var(--d-font-label, var(--i-t-xs));
  font-weight: 600;
  letter-spacing: var(--i-track-label);
  color: var(--i-bear);
}

.sgkErrWhy { margin: 0; font-size: var(--i-t-sm); color: var(--i-ink-3); line-height: 1.5; }

.sgkErrTrace {
  margin: 0;
  width: 100%;
  max-height: 120px;
  overflow: auto;
  padding: 7px 9px;
  background: var(--i-void);
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-chip);
  font-size: var(--i-t-xs);
  color: var(--i-ink-3);
  white-space: pre-wrap;
}

#app-root .sgkRetry.sgkRetry.sgkRetry.sgkRetry.sgkRetry.sgkRetry.sgkRetry.sgkRetry,
.sgkRetry {
  border-color: var(--i-hair-strong) !important;
  color: var(--i-ink-2) !important;
  padding: 5px 12px !important;
  border-radius: var(--i-r-control) !important;
}

.sgkEmpty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 22px 12px;
  text-align: center;
}


.sgkEmptyMark { display: inline-flex; font-size: var(--i-t-xl); color: var(--i-ink-4); line-height: 1; }
.sgkEmptyWhy  { margin: 0; font-size: var(--i-t-body); color: var(--i-ink-2); max-width: 46ch; line-height: 1.5; }
.sgkEmptyMore { margin: 0; font-size: var(--i-t-sm); color: var(--i-ink-4); max-width: 52ch; line-height: 1.5; }




.sgkMenu {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 40;
  min-width: 220px;
  padding: 4px;
  display: flex;
  flex-direction: column;
  background: var(--i-surface-3);
  border: 1px solid var(--i-hair-strong);
  border-radius: var(--i-r-control);
  box-shadow: var(--i-elev-3);
}

#app-root .sgkMenuItem.sgkMenuItem.sgkMenuItem.sgkMenuItem.sgkMenuItem.sgkMenuItem.sgkMenuItem.sgkMenuItem,
.sgkMenuItem {
  justify-content: flex-start !important;
  width: 100%;
  padding: 6px 9px !important;
  font-size: var(--i-t-sm) !important;
  text-align: left;
  border-radius: var(--i-r-chip) !important;
}




.sgkWarn {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
  padding: 9px 13px;
  background: var(--i-amber-wash);
  border: 1px solid var(--i-amber);
  border-radius: var(--i-r-control);
}

.sgkWarnMark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: var(--i-r-pill);
  background: var(--i-amber);
  color: var(--i-void);
  font-weight: 700;
  font-size: var(--i-t-xs);
}

.sgkWarnTop {
  font-weight: 600;
  font-size: var(--i-t-sm);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-amber);
}

.sgkWarnWhy  { font-size: var(--i-t-sm); color: var(--i-ink-2); line-height: 1.5; flex: 1 1 100%; }

#app-root .sgkWarnAct.sgkWarnAct.sgkWarnAct.sgkWarnAct.sgkWarnAct.sgkWarnAct.sgkWarnAct.sgkWarnAct,
.sgkWarnAct {
  border-color: var(--i-amber) !important;
  color: var(--i-amber) !important;
  padding: 4px 11px !important;
}




.sgtRoot {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  font-size: var(--d-font-body, var(--i-t-body));
}


.sgtTools {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 0 6px 0;
  flex-wrap: wrap;
}

.sgtSpacer { flex: 1 1 auto; }
.sgtRange  { display: inline-flex; gap: 2px; }


.sgtScroll {
  position: relative;
  overflow: auto;
  min-height: 0;
  max-width: 100%;
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-chip);
  background: var(--i-surface-1);
  
  overscroll-behavior-x: contain;
}


.sgtHead {
  position: sticky;
  top: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: var(--sgtCols);
  background: var(--i-surface-3);
  border-bottom: 1px solid var(--i-hair-strong);
}

.sgtHeadCell {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px var(--d-pad-cell, 8px);
  min-width: 0;
  font-family: var(--oo-font-ui);
  font-size: var(--d-font-label, var(--i-t-xs));
  font-weight: 600;
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-3);
  background: var(--i-surface-3);
  cursor: default;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
}

.sgtHeadCell[tabindex] { cursor: pointer; }
.sgtHeadCell[tabindex]:hover { color: var(--i-ink-1); }
.sgtHeadCell[data-align="right"] { justify-content: flex-end; }


.sgtHeadCell[data-frozen="1"] { position: sticky; z-index: 4; }
.sgtCell[data-frozen="1"]     { position: sticky; z-index: 2; background: var(--i-surface-1); }
.sgtRow:hover .sgtCell[data-frozen="1"] { background: var(--i-surface-2); }

.sgtHeadText { overflow: hidden; text-overflow: ellipsis; }


.sgtSortMark { flex: 0 0 auto; display: inline-flex; align-items: center; color: var(--i-ink-4); }
.sgtSortMark[data-dir="asc"],
.sgtSortMark[data-dir="desc"] { color: var(--i-orchid); }

.sgtSwatch {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--sgtKey, var(--i-ink-4));
}


.sgtRows { position: relative; }

.sgtRow {
  display: grid;
  grid-template-columns: var(--sgtCols);
  align-items: center;
  border-bottom: 1px solid var(--i-hair);
  
  cursor: pointer;
  contain: layout paint;
}


.sgtRow:hover { background: var(--i-surface-2); }
.sgtRow[aria-selected="true"] { background: var(--i-orchid-wash); }
.sgtRow[aria-selected="true"] .sgtCell[data-frozen="1"] { background: var(--i-orchid-wash); }

.sgtCell {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0 var(--d-pad-cell, 8px);
  height: 100%;
  color: var(--i-ink-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  
  user-select: text;
}


.sgtRow .sgtCell:first-child { color: var(--i-ink-1); font-weight: 500; }


.sgtCell[data-kind="number"] {
  justify-content: flex-end;
  font-family: var(--oo-font-data);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.sgtCell[data-align="right"] { justify-content: flex-end; }

.sgtInt  { text-align: right; }
.sgtFrac { display: inline-block; text-align: left; flex: 0 0 auto; }


.sgtCell[data-absent="1"] { color: var(--i-ink-4); }

.sgtFill { pointer-events: none; }

.sgtEmpty {
  padding: 26px 14px;
  text-align: center;
  color: var(--i-ink-3);
  font-size: var(--i-t-sm);
}


.sgtFoot {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 5px 2px 0 2px;
  font-size: var(--d-font-label, var(--i-t-xs));
  color: var(--i-ink-4);
}

.sgtCount { color: var(--i-ink-3); }
.sgtNote  { color: var(--i-ink-4); }


.sgtMenu {
  position: absolute;
  top: 26px;
  right: 0;
  z-index: 45;
  width: min(320px, 90vw);
  max-height: 330px;
  overflow: auto;
  padding: 6px;
  background: var(--i-surface-3);
  border: 1px solid var(--i-hair-strong);
  border-radius: var(--i-r-control);
  box-shadow: var(--i-elev-3);
}

.sgtMenuTop {
  padding: 2px 4px 6px 4px;
  font-size: var(--d-font-label, var(--i-t-xs));
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-4);
}

.sgtMenuList { display: flex; flex-direction: column; gap: 1px; }

.sgtMenuRow {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 1px 2px;
  border-radius: var(--i-r-chip);
  cursor: grab;
}

.sgtMenuRow:hover { background: rgba(255, 255, 255, 0.045); }
.sgtMenuName { flex: 1 1 auto; min-width: 0; font-size: var(--i-t-sm); color: var(--i-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#app-root .sgtMenuTick.sgtMenuTick.sgtMenuTick.sgtMenuTick.sgtMenuTick.sgtMenuTick.sgtMenuTick.sgtMenuTick,
#app-root .sgtMenuPin.sgtMenuPin.sgtMenuPin.sgtMenuPin.sgtMenuPin.sgtMenuPin.sgtMenuPin.sgtMenuPin,
#app-root .sgtMenuShift.sgtMenuShift.sgtMenuShift.sgtMenuShift.sgtMenuShift.sgtMenuShift.sgtMenuShift.sgtMenuShift,
.sgtMenuTick, .sgtMenuPin, .sgtMenuShift {
  width: 22px;
  min-width: 22px;
  padding: 0 !important;
}




.sgkToastHost {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 1200;
  display: flex;
  flex-direction: column-reverse;   
  gap: 8px;
  width: min(420px, calc(100vw - 32px));
  
  pointer-events: none;
}


.sgkToastLive {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.sgkToast {
  position: relative;
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 12px;
  overflow: hidden;
  background: var(--i-surface-3);
  border: 1px solid var(--i-hair-strong);
  border-radius: var(--i-r-control);
  box-shadow: var(--i-elev-3);
  color: var(--i-ink-2);
  font-size: var(--i-t-sm);
  animation: sgkToastIn var(--m-panel, var(--i-dur-base)) var(--i-ease-out) both;
}


@keyframes sgkToastIn {
  from { transform: translateY(8px); }
  to   { transform: none; }
}

.sgkToast[data-leaving="1"] {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity var(--m-fast, var(--i-dur-fast)) var(--i-ease-out),
              transform var(--m-fast, var(--i-dur-fast)) var(--i-ease-out);
}

.sgkToastMark {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--i-r-pill);
  background: var(--i-surface-4);
  color: var(--i-ink-3);
  font-size: 10px;
  font-weight: 700;
}

.sgkToast[data-tone="ok"]   .sgkToastMark { background: var(--i-bull-wash);  color: var(--i-bull); }
.sgkToast[data-tone="warn"] .sgkToastMark { background: var(--i-amber-wash); color: var(--i-amber); }
.sgkToast[data-tone="bad"]  .sgkToastMark { background: var(--i-bear-wash);  color: var(--i-bear); }

.sgkToastText { flex: 1 1 auto; min-width: 0; }
.sgkToastMsg  { color: var(--i-ink-1); line-height: 1.45; }
.sgkToastMore { margin-top: 2px; font-size: var(--i-t-xs); color: var(--i-ink-4); line-height: 1.45; }


#app-root .sgkToastAct.sgkToastAct.sgkToastAct.sgkToastAct.sgkToastAct.sgkToastAct.sgkToastAct.sgkToastAct,
.sgkToastAct {
  flex: 0 0 auto;
  padding: 3px 11px !important;
  border-color: var(--i-hair-strong) !important;
  border-radius: var(--i-r-control) !important;
  color: var(--i-orchid-bright) !important;
  font-weight: 600 !important;
}

#app-root .sgkToastShut.sgkToastShut.sgkToastShut.sgkToastShut.sgkToastShut.sgkToastShut.sgkToastShut.sgkToastShut,
.sgkToastShut {
  flex: 0 0 auto;
  width: 20px;
  min-width: 20px;
  padding: 0 !important;
  font-size: var(--i-t-body) !important;
}


.sgkToastLife {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  transform-origin: left center;
  background: var(--i-orchid);
  animation: sgkDrain var(--sgkLife, 5000ms) linear both;
}

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

.sgkToast[data-paused="1"] .sgkToastLife { background: var(--i-ink-4); }
.sgkToast[data-undo="1"]                 { border-color: var(--i-orchid-deep); }
.sgkToast[data-busy="1"]  .sgkToastMark  { animation: sgkSpin var(--m-slow, var(--i-dur-slow)) linear infinite; }




@media (prefers-reduced-motion: reduce) {
  .sgkCtl[data-ctl="refresh"][data-busy="1"],
  .sgkProv[data-prov="live"] .sgkProvDot,
  .sgkSkelBone[data-shimmer="1"],
  .sgkToast,
  .sgkToastLife,
  .sgkToast[data-busy="1"] .sgkToastMark {
    animation: none !important;
  }
  .sgkPanel,
  .sgkBtn,
  .sgtBtn,
  .sgkToast[data-leaving="1"] {
    transition: none !important;
  }
  
  .sgkSkelBone[data-shimmer="1"] { background: var(--i-surface-4); }
}





.sgkErrTop[data-tone="info"] { color: var(--i-ink-2); }
.sgkErrTop[data-tone="warn"] { color: var(--i-amber); }
.sgkErrTop[data-tone="bad"]  { color: var(--i-bear); }

.sgkErrTrail {
  margin: 0;
  font-size: var(--i-t-xs);
  color: var(--i-ink-4);
  letter-spacing: var(--i-track-label);
}

#app-root .sgkErrCopy.sgkErrCopy.sgkErrCopy.sgkErrCopy,
#page-root .sgkErrCopy.sgkErrCopy.sgkErrCopy.sgkErrCopy,
.sgkErrCopy {
  border-color: var(--i-hair) !important;
  color: var(--i-ink-3) !important;
  padding: 4px 10px !important;
  border-radius: var(--i-r-control) !important;
  font-size: var(--i-t-xs) !important;
}


.sgkRetry[data-wait]::after {
  content: " (wait " attr(data-wait) "s)";
  color: var(--i-ink-4);
  font-weight: 400;
}

.sgkIncident {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0 0 12px;
  padding: 9px 13px;
  border: 1px solid var(--i-amber);
  border-radius: var(--i-r-control);
  background-image: linear-gradient(var(--i-amber-wash), var(--i-amber-wash));
}

.sgkIncident[data-tone="info"] { border-color: var(--i-hair-strong); }
.sgkIncident[data-tone="bad"]  { border-color: var(--i-bear); }

.sgkIncidentText {
  font-size: var(--i-t-sm);
  line-height: 1.5;
  color: var(--i-ink-2);
}

@media (forced-colors: active) {
  .sgkIncident { border: 1px solid CanvasText; background-image: none; }
}






.sgtHead,
.sgtRows,
.sgtRow {
  width: max-content;
  min-width: 100%;
}





.sgtRoot .sgtRow:nth-child(even),
.sgtRoot .sgtRow:nth-child(odd) {
  
  background-image: none;
}



.sgtRoot .sgtRow:hover {
  background: var(--i-surface-2);
}


.sgtRoot .sgtRow:hover .sgtCell[data-frozen="1"] {
  background: var(--i-surface-2);
}


.sgtRoot .sgtRow[data-active="1"] {
  background: var(--i-surface-2);
}

.sgtRoot .sgtRow[data-active="1"] .sgtCell[data-frozen="1"] {
  background: var(--i-surface-2);
}

.sgtRoot .sgtRow[aria-selected="true"] {
  background: var(--i-orchid-wash);
}

.sgtRoot .sgtRow[aria-selected="true"] .sgtCell[data-frozen="1"] {
  background: var(--i-orchid-wash);
}


.sgtRoot[data-clickable="0"] .sgtRow {
  cursor: default;
}



#app-root .sgtCell.sgtCell[data-active="1"],
.sgtCell[data-active="1"] {
  outline: var(--focus-ring, 2px solid var(--i-orchid-bright)) !important;
  
  outline-offset: -2px !important;
  background: var(--i-orchid-wash);
}


#app-root .sgtCell.sgtCell[data-frozen="1"][data-active="1"],
.sgtCell[data-frozen="1"][data-active="1"] {
  background: var(--i-orchid-wash);
}



.sgtHeadCell[data-frozen="1"] {
  background: var(--i-surface-3);
}


.sgtRow .sgtCell[data-frozen="1"]:not(:has(+ .sgtCell[data-frozen="1"])),
.sgtHead .sgtHeadCell[data-frozen="1"]:not(:has(+ .sgtHeadCell[data-frozen="1"])) {
  box-shadow: 1px 0 0 0 var(--i-hair-strong);
}



.sgtSrOnly {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


.sgtHeadCell[data-sort="asc"],
.sgtHeadCell[data-sort="desc"] {
  color: var(--i-ink-1);
}


.sgtHeadCell[data-sort="none"] .sgtSortMark {
  opacity: 0.55;
}

.sgtHeadCell:hover .sgtSortMark,
.sgtHeadCell:focus-visible .sgtSortMark {
  opacity: 1;
}




.sgtRoot > .sgtSrOnly {
  top: 0;
  left: 0;
}


@media (forced-colors: active) {
  .sgtCell[data-active="1"] {
    outline: 2px solid Highlight !important;
    outline-offset: -2px !important;
  }

  .sgtCell[data-frozen="1"],
  .sgtHeadCell[data-frozen="1"] {
    background: Canvas;
    box-shadow: none;
    border-right: 1px solid CanvasText;
  }

  .sgtRow:hover {
    outline: 1px solid Highlight;
    outline-offset: -1px;
  }
}







.sgtHeadUnit {
  display: block;
  font-size: 9px;
  line-height: 1.1;
  letter-spacing: .04em;
  text-transform: none;
  color: var(--i-ink-4);
  font-variant-numeric: tabular-nums;
}



.sgtResize {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  cursor: col-resize;
  z-index: 2;
  background-image: linear-gradient(var(--i-hair-strong), var(--i-hair-strong));
  opacity: 0;
  transition: opacity .12s ease;
}

.sgtResize::after {
  content: "";
  position: absolute;
  inset: 0 -4px;
}

.sgtHeadCell:hover .sgtResize,
.sgtResize:focus-visible,
.sgtResize[data-dragging] {
  opacity: 1;
}

.sgtResize:focus-visible,
.sgtResize[data-dragging] {
  background-image: linear-gradient(
    var(--i-accent), var(--i-accent));
  outline: none;
}


.sgtHeadCell {
  position: relative;
}

.sgtHeadCell[data-frozen="1"] {
  position: sticky;
}



.sgtChips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 4px 0 6px;
  align-items: center;
}

.sgtChips[hidden] { display: none; }

.sgtChip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 6px 2px 8px;
  border: none;
  outline: 1px solid var(--i-hair-strong);
  outline-offset: -1px;
  border-radius: 3px;
  font: inherit;
  font-size: 10.5px;
  line-height: 1.5;
  color: var(--i-ink-2);
  cursor: pointer;
  
  background-color: transparent;
  background-image: linear-gradient(
    rgba(var(--i-accent-rgb), .10),
    rgba(var(--i-accent-rgb), .10));
}

.sgtChip:hover {
  outline-color: var(--i-accent);
  color: var(--i-ink-1);
}

.sgtChip svg { opacity: .55; flex: none; }
.sgtChip:hover svg { opacity: 1; }



.sgtTotals {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: var(--sgtCols);
  align-items: center;
  min-height: var(--sgtRowH, 22px);
  background-color: transparent;
  background-image: linear-gradient(var(--i-surface-3), var(--i-surface-3));
  border-top: 1px solid var(--i-hair-strong);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.sgtTotals[hidden] { display: none; }

.sgtTotalCell {
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--i-ink-1);
}

.sgtTotalCell[data-align="right"] { text-align: right; }

.sgtTotalCell[data-frozen="1"] {
  position: sticky;
  z-index: 1;
  background-image: linear-gradient(var(--i-surface-3), var(--i-surface-3));
}


.sgtTotalNote {
  color: var(--i-ink-4);
  font-weight: 400;
}



.sgtDetail {
  display: block;
  background-color: transparent;
  background-image: linear-gradient(
    rgba(var(--i-accent-rgb), .04),
    rgba(var(--i-accent-rgb), .04));
  border-bottom: 1px solid var(--i-hair-strong);
}

.sgtDetailCell {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 12px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--i-ink-2);
}

.sgtDetailError {
  color: var(--i-ink-4);
  font-style: italic;
}

.sgtExpand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  padding: 0;
  border: none;
  background: none;
  color: var(--i-ink-3);
  cursor: pointer;
  flex: none;
  vertical-align: middle;
}

.sgtExpand:hover { color: var(--i-accent); }
.sgtExpand[aria-expanded="true"] { color: var(--i-accent); }


@media (forced-colors: active) {
  .sgtChip { outline: 1px solid CanvasText; }
  .sgtTotals { border-top: 2px solid CanvasText; background: Canvas; }
  .sgtDetail { border-bottom: 1px solid CanvasText; }
  .sgtResize[data-dragging],
  .sgtResize:focus-visible { background: Highlight; opacity: 1; }
}




.sgtSortRank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 11px;
  height: 11px;
  margin-left: 2px;
  padding: 0 2px;
  border-radius: calc(var(--i-r-chip) / 2);
  background-image: linear-gradient(var(--i-accent), var(--i-accent));
  color: var(--i-void);
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}


.sgtGroupRow {
  
  background-image: linear-gradient(var(--i-surface-2), var(--i-surface-2));
  border-top: 1px solid var(--i-line);
  font-weight: 600;
}

.sgtGroupLabel {
  color: var(--i-ink-1);
  letter-spacing: 0.01em;
}

.sgtGroupCount {
  margin-left: 6px;
  color: var(--i-ink-3);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

.sgtGroupSum {
  color: var(--i-ink-2);
  font-variant-numeric: tabular-nums;
}


.sgtGroupNote {
  color: var(--i-ink-3);
  font-weight: 400;
  font-style: italic;
  font-size: 0.92em;
}



.sgtCell[data-shade] { position: relative; }

.sgtCell[data-shade]::before {
  content: "";
  position: absolute;
  inset: 2px auto 2px 0;
  width: calc(var(--sgtScale, 0) * 100%);
  border-radius: 1px;
  pointer-events: none;
  z-index: 0;
}

.sgtCell[data-shade] > * { position: relative; z-index: 1; }

.sgtCell[data-shade="bar"]::before {
  
  background-image: linear-gradient(
    rgba(var(--i-accent-rgb), 0.28), rgba(var(--i-accent-rgb), 0.28));
}


.sgtCell[data-shade="heat"]::before {
  inset: 0;
  width: 100%;
  opacity: calc(var(--sgtScale, 0) * 0.34);
  background-image: linear-gradient(var(--i-accent), var(--i-accent));
}


.sgtCell[data-sign="up"][data-shade="bar"]::before {
  background-image: linear-gradient(var(--i-bull), var(--i-bull));
  opacity: 0.3;
}

.sgtCell[data-sign="down"][data-shade="bar"]::before {
  background-image: linear-gradient(var(--i-bear), var(--i-bear));
  opacity: 0.3;
}


.sgtMenuItem[data-checked]::after {
  content: "";
  width: 5px;
  height: 5px;
  margin-left: auto;
  border-radius: 50%;
  background-image: linear-gradient(var(--i-accent), var(--i-accent));
  flex: none;
}

@media (forced-colors: active) {
  
  .sgtCell[data-shade]::before { border: 1px solid CanvasText; }
  .sgtCell[data-shade="heat"]::before { border: none; }
  .sgtGroupRow { border-top: 2px solid CanvasText; }
  .sgtSortRank { outline: 1px solid CanvasText; }
  .sgtMenuItem[data-checked]::after { outline: 1px solid CanvasText; }
}





#app-root [class*="-value"],
#app-root [class*="-metric"],
#app-root [class*="-num"],
#app-root [class*="-price"],
#app-root [class*="-pct"],
#app-root [class*="-final"],
#app-root [class*="-count"],
#app-root [class*="-qty"],
#app-root .sgtCell,
#app-root .sgtHeadCell,
#app-root .sgkMono,
#app-root .y13Num,
#app-root .y13Int,
#app-root .y13Frac,
#app-root table td,
#app-root table th {
  font-variant-numeric: tabular-nums lining-nums;
  
  font-feature-settings: "tnum" 1, "lnum" 1;
}


#app-root .sgtCell[data-kind="number"],
#app-root .sgtCell[data-kind="number"] *,
#app-root .sgtCell[data-align="right"],
#app-root .sgtCell[data-align="right"] *,
#app-root .y13NumCol,
#app-root .y13NumCol * {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

#app-root .y13NumCol,
#app-root td.y13NumCol,
#app-root th.y13NumCol {
  text-align: right;
}


#app-root .y13Int  { text-align: right; }
#app-root .y13Frac { display: inline-block; text-align: left; flex: 0 0 auto; }


#app-root .y13Signed {
  padding-right: 1ch;
}

#app-root .y13Signed[data-y13sign="neg"],
#app-root .y13Signed[data-y13sign="pos"] {
  padding-right: 0;
}


#app-root [data-y13full] {
  text-decoration: underline dotted var(--i-hair-strong);
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  cursor: help;
}


#app-root [data-y13absent] {
  color: var(--i-ink-4);
  cursor: default;
  text-decoration: none;
}


@media (prefers-reduced-motion: reduce) {
  #app-root [data-y13full] { transition: none; }
}





#page-root {
  --w4-gap: 16px;
  --w4-pad: clamp(16px, 2.2vw, 24px);
}



#page-root [class$="Page"] {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

#page-root [class*="Panel"]:not([class*="PanelHead"]):not([class*="PanelNote"]):not([class*="PanelActions"]):not([class*="PanelBody"]),
#page-root [class$="Section"],
#page-root [class$="Card"] {
  background: var(--i-surface-1);
  border: 1px solid var(--i-hair);
  border-radius: var(--i-r-card);
  padding: var(--w4-pad);
  box-shadow: var(--i-elev-1);
}


#page-root [class*="Panel"] [class$="Card"],
#page-root [class$="Section"] [class*="Panel"] {
  background: var(--i-surface-2);
  box-shadow: none;
  padding: calc(var(--w4-pad) * 0.7);
}

#page-root [class*="Head"]:not([class*="Heading"]) {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

#page-root [class$="Grid"] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--w4-gap);
}

#page-root [class$="List"] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}



#page-root h1 {
  font-size: var(--i-t-xl);
  line-height: var(--i-lh-tight);
  letter-spacing: var(--i-track-tight);
  color: var(--i-ink-1);
  margin: 0;
}

#page-root h2 {
  font-size: var(--i-t-md);
  line-height: var(--i-lh-snug);
  color: var(--i-ink-1);
  margin: 0;
}

#page-root h3 {
  font-size: var(--i-t-body);
  color: var(--i-ink-1);
  margin: 0 0 4px;
}

#page-root [class$="Eyebrow"],
#page-root [class$="Kicker"] {
  display: block;
  font-size: var(--i-t-xs);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-3);
  margin-bottom: 6px;
}

#page-root [class$="Note"],
#page-root [class$="Detail"],
#page-root [class$="Evidence"],
#page-root [class$="Hint"] {
  font-size: var(--i-t-sm);
  line-height: var(--i-lh-body);
  color: var(--i-ink-3);
  margin: 10px 0 0;
}

#page-root [class$="Evidence"] {
  font-size: var(--i-t-xs);
  color: var(--i-ink-4);
}

#page-root [class$="Lede"] {
  font-size: var(--i-t-md);
  line-height: var(--i-lh-body);
  color: var(--i-ink-2);
  max-width: var(--i-measure);
  margin: 0;
}

#page-root [class$="Blocked"] {
  font-size: var(--i-t-sm);
  line-height: var(--i-lh-body);
  color: var(--i-ink-2);
  border-left: 2px solid var(--i-amber);
  padding-left: 10px;
  margin: 8px 0 0;
}



#page-root [class$="Facts"] {
  display: grid;
  grid-template-columns: minmax(120px, max-content) 1fr;
  gap: 6px 16px;
  margin: 0;
}

#page-root [class$="FactKey"] {
  font-size: var(--i-t-xs);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  color: var(--i-ink-3);
}

#page-root [class$="FactVal"] {
  font-size: var(--i-t-body);
  color: var(--i-ink-2);
  margin: 0;
  overflow-wrap: anywhere;
}




#page-root [class*="Row"]:not([class*="RowLabel"]):not([class*="RowDetail"]):not([class*="RowMain"]):not([class*="RowEvidence"]):not([class*="RowBlocked"]):not([class*="Rows"]):not([class^="lnd"]) {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid var(--i-hair);
}

#page-root [class$="List"] > [class*="Row"]:first-child {
  border-top: 0;
}

#page-root [class$="RowMain"] {
  flex: 1 1 auto;
  min-width: 0;
}

#page-root [class$="RowLabel"] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: var(--i-t-body);
  color: var(--i-ink-1);
}



#page-root [class*="Btn"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: inherit;
  font-size: var(--i-t-sm);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  
  min-height: 30px;
  padding: 7px 12px;
  border-radius: var(--i-r-control);
  border: 1px solid var(--i-hair-strong);
  background: var(--i-control-bg);
  color: var(--i-ink-2);
  transition: background var(--i-dur-fast) var(--i-ease-out);
}

#page-root [class*="Btn"]:hover {
  background: var(--i-control-bg-hover);
  color: var(--i-ink-1);
}

#page-root [class*="BtnPrimary"] {
  border-color: var(--i-orchid);
  background: var(--i-orchid);
  color: var(--i-void);
}

#page-root [class*="BtnPrimary"]:hover {
  background: var(--i-orchid-bright);
  color: var(--i-void);
}

#page-root [class*="Btn"][disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

#page-root [class$="Actions"] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 12px;
}



#page-root [class*="Chip"] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--i-t-xs);
  letter-spacing: var(--i-track-label);
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: var(--i-r-pill);
  border: 1px solid var(--i-hair-strong);
  background: var(--i-surface-2);
  color: var(--i-ink-3);
}


#page-root [class*="Chip"][data-state="ok"] {
  border-color: var(--i-bull);
  color: var(--i-bull);
  background: var(--i-bull-wash);
}

#page-root [class*="Chip"][data-state="bad"] {
  border-color: var(--i-bear);
  color: var(--i-bear);
  background: var(--i-bear-wash);
}

#page-root [class*="Chip"][data-state="warn"] {
  border-color: var(--i-amber);
  color: var(--i-amber);
  background: var(--i-amber-wash);
}

#page-root [class*="Chip"][data-state="unknown"] {
  border-style: dashed;
  color: var(--i-ink-4);
}



#page-root [class$="Empty"] {
  border: 1px dashed var(--i-hair-strong);
  border-radius: var(--i-r-card);
  background: var(--i-surface-2);
  padding: 22px;
  text-align: left;
}

#page-root [class$="EmptyTitle"] {
  font-size: var(--i-t-md);
  color: var(--i-ink-1);
  margin-bottom: 6px;
}

#page-root [class$="EmptyBody"] {
  font-size: var(--i-t-body);
  line-height: var(--i-lh-body);
  color: var(--i-ink-3);
  max-width: var(--i-measure);
  margin: 0;
}

#page-root [class$="EmptyActions"] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}




#page-root [class$="Mono"],
#page-root [class$="Anchor"],
#page-root [class$="Url"] {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-size: var(--i-t-sm);
  color: var(--i-ink-3);
  overflow-wrap: anywhere;
}



#page-root a:focus-visible,
#page-root button:focus-visible,
#page-root [tabindex]:focus-visible {
  outline: 2px solid var(--i-orchid-bright);
  outline-offset: 2px;
  border-radius: var(--i-r-control);
}



@media (prefers-reduced-motion: reduce) {
  #page-root * {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}



@media (max-width: 720px) {
  #page-root {
    padding: 0 12px 72px;
  }
  #page-root [class$="Facts"] {
    grid-template-columns: 1fr;
    gap: 2px 0;
  }
  #page-root [class$="FactVal"] {
    margin-bottom: 8px;
  }
  #page-root [class*="Row"]:not([class*="RowLabel"]):not([class*="RowDetail"]):not([class*="RowMain"]):not([class*="RowEvidence"]):not([class*="RowBlocked"]) {
    flex-wrap: wrap;
  }
}



#page-root [class][class].paccSwatch {
  display: inline-block;
  width: 18px;
  height: 18px;
  
  border-radius: calc(var(--i-r-chip) / 2);
  vertical-align: middle;
  
  outline: 1px solid var(--i-line);
  outline-offset: -1px;
}

#page-root [class][class].paccMono {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}







@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/InstrumentSerif-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/InstrumentSerif-400-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/InstrumentSerif-400Italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/InstrumentSerif-400Italic-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/static/fonts/Barlow-300.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/static/fonts/Barlow-300-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/Barlow-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/Barlow-400-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/Barlow-500.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/Barlow-500-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/Barlow-600.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/static/fonts/Barlow-600-latinext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}



:root {
  
  --mi-black:      #000000;
  --mi-ink-1:      #F0ECE5;   
  --mi-ink-2:      #B3ACA3;   
  --mi-ink-3:      #8D8781;   
  --mi-ink-4:      #6F6A64;   
  --mi-gold:       #E1AD66;   
  --mi-gold-lift:  #FACB8D;
  --mi-gold-deep:  #B68235;
  --mi-up:         #4FB286;   
  --mi-down:       #DC6A62;   
  --mi-hair:       rgba(255, 255, 255, 0.10);
  --mi-hair-2:     rgba(255, 255, 255, 0.16);
  --mi-wash:       linear-gradient(180deg,
                     rgba(255, 255, 255, 0.040),
                     rgba(255, 255, 255, 0.012));

  
  --i-warn:        #F0883E;
  --i-warn-rgb:    240, 136, 62;
  --i-error:       #E0604F;
  --i-error-deep:  #8E2A20;
  
  --mi-chart-well: #000000;
  
  --mi-thead-bg:   rgba(38, 40, 46, 0.97);

  
  
  --mi-term-base:        #1E2024;
  --mi-panel-bg:         rgba(42, 45, 51, 0.92);
  --mi-control-bg:       rgba(255, 255, 255, 0.035);
  --mi-control-bg-hover: rgba(255, 255, 255, 0.070);
  --mi-row-hover:        rgba(255, 255, 255, 0.040);
  --mi-shell-bg:         rgba(20, 21, 24, 0.74);
  --mi-float-bg:         #2C2F35;

  --mi-display: "Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --mi-body:    "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mi-fig:     "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --mi-dur:  250ms;   
  --mi-ease: cubic-bezier(0.16, 1, 0.3, 1);

  
  --i-accent-rgb:      225, 173, 102;
  --i-accent-deep-rgb: 182, 130, 53;

  
  --i-bull-rgb:        var(--dk-bull-rgb);
  --i-bear-rgb:        var(--dk-bear-rgb);

  
  --i-accent:      #E1AD66;
  --i-accent-deep: #B68235;

  
  --oo-font-ui:   var(--mi-body);
  --oo-font-data: var(--mi-fig);

  
  --i-r-panel:   4px;
  --i-r-card:    4px;
  --i-r-control: 4px;
  --i-r-chip:    4px;
  --oo-radius:        4px;
  --oo-radius-inner:  4px;
  --oo-radius-tight:  4px;

  
  --dk-void:            #000000;
  --dk-surface-1:       #24262B;
  --dk-surface-2:       #2C2F35;
  --dk-surface-3:       #343841;
  --dk-surface-4:       #3C414B;
  --dk-sidebar:         #17181B;
  --dk-ink-1:           #EDE8E0;
  --dk-ink-2:           #B3ACA3;
  --dk-ink-3:           #8D8781;
  
  --dk-ink-4:           #858077;
  --dk-muted-rgb:       179, 172, 163;
  --dk-hair:            rgba(255, 255, 255, 0.10);
  --dk-hair-strong:     rgba(255, 255, 255, 0.16);

  
  
  --dk-orchid:          #E1AD66;
  --dk-orchid-bright:   #FACB8D;
  --dk-orchid-deep:     #B68235;
  --dk-orchid-rgb:      225, 173, 102;
  --dk-cyber:           #C9B48C;
  --dk-amber:           #E1AD66;
  --dk-amber-rgb:       225, 173, 102;
  --dk-orchid-wash:     #2A1F10;
  --dk-amber-wash:      #2A1F10;

  
  --oo-gradient-exec:   linear-gradient(140deg, rgba(225, 173, 102, 0.16) 0%, rgba(225, 173, 102, 0.07) 100%);
  --i-gradient-primary: linear-gradient(140deg, rgba(225, 173, 102, 0.16) 0%, rgba(225, 173, 102, 0.07) 100%);
  --i-ink-on-accent:    #F0ECE5;

  --dk-bull:            #4FB286;
  --dk-bear:            #DC6A62;
  --dk-bull-rgb:        79, 178, 134;
  --dk-bear-rgb:        220, 106, 98;
  --dk-bull-wash:       #10251C;
  --dk-bear-wash:       #2A1412;

  
  --dk-rim:             inset 0 1px 0 0 rgba(255, 255, 255, 0.055);
  --dk-rim-strong:      inset 0 1px 0 0 rgba(255, 255, 255, 0.090);
  --dk-underlight:      inset 0 -1px 0 0 rgba(0, 0, 0, 0.45);
  --dk-elev-1:          var(--dk-rim);
  --dk-elev-2:          var(--dk-rim);
  --dk-elev-3:          var(--dk-rim-strong);
  --dk-e1:              inset 0 1px 0 0 rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --dk-e2:              inset 0 1px 0 0 rgba(255, 255, 255, 0.05), 0 0 0 1px rgba(255, 255, 255, 0.10);
  --dk-e3:              inset 0 1px 0 0 rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.14);

  
  
  --dk-ambient:
    radial-gradient(ellipse 46% 40% at 24% 12%, rgba(225, 173, 102, 0.095), transparent 62%),
    radial-gradient(ellipse 40% 38% at 82% 34%, rgba(146, 120, 86, 0.075), transparent 64%),
    radial-gradient(ellipse 52% 44% at 46% 104%, rgba(79, 178, 134, 0.055), transparent 66%);
  --dk-grain-opacity:   0.050;

  --dk-control-bg:         rgba(255, 255, 255, 0.030);
  --dk-control-bg-hover:   rgba(255, 255, 255, 0.060);
  --dk-accent-edge-soft:   rgba(225, 173, 102, 0.40);
  --dk-accent-edge:        rgba(225, 173, 102, 0.55);
  --dk-accent-edge-bright: rgba(250, 203, 141, 0.40);
  --dk-accent-wash:        rgba(225, 173, 102, 0.14);
  --dk-accent-glow:        rgba(225, 173, 102, 0.11);
  --dk-accent-glow-strong: rgba(225, 173, 102, 0.30);
  --dk-btn-primary-shadow:       none;
  --dk-btn-primary-shadow-hover: none;
  --dk-row-hover:          rgba(255, 255, 255, 0.030);
  --dk-nav-hover:          rgba(255, 255, 255, 0.050);
  --dk-nav-active-wash:    rgba(225, 173, 102, 0.10);
  --dk-header-bg:          rgba(20, 21, 24, 0.74);
  --dk-field-bg:           rgba(255, 255, 255, 0.025);
  --dk-wash-faint:         rgba(255, 255, 255, 0.012);
  --dk-scroll-thumb:       rgba(232, 228, 221, 0.13);
  --dk-scroll-thumb-track: rgba(232, 228, 221, 0.18);
  --dk-scroll-thumb-hover: rgba(225, 173, 102, 0.40);
}


:root {
  --lt-void:          #F4F1EA;   
  --lt-surface-1:     #FBF9F4;
  --lt-surface-2:     #FFFDF8;
  --lt-surface-3:     #F0EDE4;
  --lt-surface-4:     #E7E3D8;
  --lt-sidebar:       #F7F4ED;

  --lt-ink-1:         #14120E;   
  --lt-ink-2:         #46423A;   
  --lt-ink-3:         #5F5A50;   
  --lt-ink-4:         #67635A;   
  
  --lt-muted-rgb:     70, 66, 58;

  --lt-hair:          rgba(20, 18, 14, 0.10);
  --lt-hair-strong:   rgba(20, 18, 14, 0.20);

  
  --lt-orchid:        #8A6117;
  --lt-orchid-bright: #6E4C10;
  --lt-orchid-deep:   #573C0C;
  --lt-orchid-rgb:    138, 97, 23;
  --lt-cyber:         #6E5A38;
  --lt-amber:         #8A6117;
  --lt-amber-rgb:     138, 97, 23;
  --lt-orchid-wash:   #F5E7CC;
  --lt-amber-wash:    #F5E7CC;

  
  --lt-rim:           inset 0 1px 0 0 rgba(255, 255, 255, 0.85);
  --lt-rim-strong:    inset 0 1px 0 0 rgba(255, 255, 255, 1);
  --lt-elev-1:        var(--lt-rim);
  --lt-elev-2:        var(--lt-rim);
  --lt-elev-3:        var(--lt-rim-strong);
  --lt-e1:            0 0 0 1px rgba(20, 18, 14, 0.10);
  --lt-e2:            0 0 0 1px rgba(20, 18, 14, 0.12);
  --lt-e3:            0 0 0 1px rgba(20, 18, 14, 0.18);

  --lt-ambient:
    radial-gradient(ellipse 46% 40% at 24% 12%, rgba(138, 97, 23, 0.040), transparent 62%),
    radial-gradient(ellipse 40% 38% at 82% 34%, rgba(120, 96, 56, 0.030), transparent 64%);
  --lt-grain-opacity: 0.012;

  --lt-control-bg:         rgba(20, 18, 14, 0.040);
  --lt-control-bg-hover:   rgba(20, 18, 14, 0.075);
  --lt-accent-edge-soft:   rgba(138, 97, 23, 0.40);
  --lt-accent-edge:        rgba(138, 97, 23, 0.60);
  --lt-accent-edge-bright: rgba(87, 60, 12, 0.45);
  --lt-accent-wash:        rgba(138, 97, 23, 0.13);
  --lt-accent-glow:        rgba(138, 97, 23, 0.10);
  --lt-accent-glow-strong: rgba(138, 97, 23, 0.26);
  --lt-btn-primary-shadow:       none;
  --lt-btn-primary-shadow-hover: none;
  --lt-row-hover:          rgba(20, 18, 14, 0.035);
  --lt-nav-hover:          rgba(20, 18, 14, 0.050);
  --lt-nav-active-wash:    rgba(138, 97, 23, 0.12);
  --lt-header-bg:          rgba(251, 249, 244, 0.80);
  --lt-field-bg:           rgba(255, 255, 255, 0.70);
  --lt-wash-faint:         rgba(20, 18, 14, 0.014);
  --lt-scroll-thumb:       rgba(20, 18, 14, 0.18);
  --lt-scroll-thumb-track: rgba(20, 18, 14, 0.24);
  --lt-scroll-thumb-hover: rgba(138, 97, 23, 0.45);
}


@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --mi-black:  var(--lt-void);
    --mi-ink-1:  var(--lt-ink-1);
    --mi-ink-2:  var(--lt-ink-2);
    --mi-ink-3:  var(--lt-ink-3);
    --mi-ink-4:  var(--lt-ink-4);
          --mi-up:     var(--lt-bull);
    --mi-down:   var(--lt-bear);
    --mi-hair:   var(--lt-hair);
    --mi-hair-2: var(--lt-hair-strong);
    --mi-wash:   linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.55));
    --mi-panel-bg: var(--lt-surface-2);
    --mi-control-bg: rgba(20, 18, 14, 0.035);
    --mi-control-bg-hover: rgba(20, 18, 14, 0.070);
    --mi-row-hover: rgba(20, 18, 14, 0.035);
    --mi-shell-bg: rgba(251, 249, 244, 0.80);
    --mi-float-bg: #FFFDF8;
    --mi-term-base: var(--lt-void);
    --mi-thead-bg: rgba(251, 249, 244, 0.97);
    --mi-chart-well: #FFFFFF;
    --i-warn: #9A4E00;
    --i-warn-rgb: 154, 78, 0;
    --i-error: #B3261E;
    --i-error-deep: #7A1712;
  }
}

:root[data-theme="light"] {
  --mi-black:  var(--lt-void);
  --mi-ink-1:  var(--lt-ink-1);
  --mi-ink-2:  var(--lt-ink-2);
  --mi-ink-3:  var(--lt-ink-3);
  --mi-ink-4:  var(--lt-ink-4);
  --mi-up:     var(--lt-bull);
  --mi-down:   var(--lt-bear);
  --mi-hair:   var(--lt-hair);
  --mi-hair-2: var(--lt-hair-strong);
  --mi-wash:   linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.55));
  --mi-panel-bg: var(--lt-surface-2);
  --mi-control-bg: rgba(20, 18, 14, 0.035);
  --mi-control-bg-hover: rgba(20, 18, 14, 0.070);
  --mi-row-hover: rgba(20, 18, 14, 0.035);
  --mi-shell-bg: rgba(251, 249, 244, 0.80);
  --mi-float-bg: #FFFDF8;
  --mi-term-base: var(--lt-void);
  --mi-thead-bg: rgba(251, 249, 244, 0.97);
  --mi-chart-well: #FFFFFF;
  --i-warn: #9A4E00;
  --i-warn-rgb: 154, 78, 0;
  --i-error: #B3261E;
  --i-error-deep: #7A1712;

  
  --i-bull:      var(--lt-bull);
  --i-bear:      var(--lt-bear);
  
  --i-bull-rgb:  var(--lt-bull-rgb);
  --i-bear-rgb:  var(--lt-bear-rgb);
  --i-bull-wash: var(--lt-bull-wash);
  --i-bear-wash: var(--lt-bear-wash);
  --oo-bullish-rgb: var(--lt-bull-rgb);
  --oo-bearish-rgb: var(--lt-bear-rgb);
}

@media (prefers-color-scheme: light) {
  
  :root:not([data-theme="dark"]) {
    --i-bull:      var(--lt-bull);
    --i-bear:      var(--lt-bear);
    --i-bull-rgb:  var(--lt-bull-rgb);
    --i-bear-rgb:  var(--lt-bear-rgb);
    --i-bull-wash: var(--lt-bull-wash);
    --i-bear-wash: var(--lt-bear-wash);
    --oo-bullish-rgb: var(--lt-bull-rgb);
    --oo-bearish-rgb: var(--lt-bear-rgb);
  }
}


@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --i-void:          var(--dk-void);
    --i-surface-1:     var(--dk-surface-1);
    --i-surface-2:     var(--dk-surface-2);
    --i-surface-3:     var(--dk-surface-3);
    --i-surface-4:     var(--dk-surface-4);
    --oo-sidebar:      var(--dk-sidebar);
    --i-ink-1:         var(--dk-ink-1);
    --i-ink-2:         var(--dk-ink-2);
    --i-ink-3:         var(--dk-ink-3);
    --i-ink-4:         var(--dk-ink-4);
    --oo-muted-rgb:    var(--dk-muted-rgb);
    --i-hair:          var(--dk-hair);
    --i-hair-strong:   var(--dk-hair-strong);
    --i-orchid:        var(--dk-orchid);
    --i-orchid-bright: var(--dk-orchid-bright);
    --i-orchid-deep:   var(--dk-orchid-deep);
    --oo-orchid-rgb:   var(--dk-orchid-rgb);
    --oo-orchid-500:   var(--dk-orchid);
    --oo-orchid-600:   var(--dk-orchid-deep);
    --i-cyber:         var(--dk-cyber);
    --i-amber:         var(--dk-amber);
    --i-amber-rgb:     var(--dk-amber-rgb);
    --i-orchid-wash:   var(--dk-orchid-wash);
    --i-amber-wash:    var(--dk-amber-wash);
    --i-bull:          var(--dk-bull);
    --i-bear:          var(--dk-bear);
    --i-bull-rgb:      var(--dk-bull-rgb);
    --i-bear-rgb:      var(--dk-bear-rgb);
    --oo-bullish-rgb:  var(--dk-bull-rgb);
    --oo-bearish-rgb:  var(--dk-bear-rgb);
    --i-bull-wash:     var(--dk-bull-wash);
    --i-bear-wash:     var(--dk-bear-wash);
    --i-rim:           var(--dk-rim);
    --i-rim-strong:    var(--dk-rim-strong);
    --i-elev-1:        var(--dk-elev-1);
    --i-elev-2:        var(--dk-elev-2);
    --i-elev-3:        var(--dk-elev-3);
    --elev-1:          var(--dk-e1);
    --elev-2:          var(--dk-e2);
    --elev-3:          var(--dk-e3);
    --i-ambient:       var(--dk-ambient);
    --i-grain-opacity: var(--dk-grain-opacity);
    --i-control-bg:         var(--dk-control-bg);
    --i-control-bg-hover:   var(--dk-control-bg-hover);
    --i-accent-edge-soft:   var(--dk-accent-edge-soft);
    --i-accent-edge:        var(--dk-accent-edge);
    --i-accent-edge-bright: var(--dk-accent-edge-bright);
    --i-accent-wash:        var(--dk-accent-wash);
    --i-accent-glow:        var(--dk-accent-glow);
    --i-accent-glow-strong: var(--dk-accent-glow-strong);
    --i-btn-primary-shadow:       var(--dk-btn-primary-shadow);
    --i-btn-primary-shadow-hover: var(--dk-btn-primary-shadow-hover);
    --i-row-hover:       var(--dk-row-hover);
    --i-nav-hover:       var(--dk-nav-hover);
    --i-nav-active-wash: var(--dk-nav-active-wash);
    --i-header-bg:       var(--dk-header-bg);
    --i-field-bg:        var(--dk-field-bg);
    --i-wash-faint:      var(--dk-wash-faint);
    --i-scroll-thumb:       var(--dk-scroll-thumb);
    --i-scroll-thumb-track: var(--dk-scroll-thumb-track);
    --i-scroll-thumb-hover: var(--dk-scroll-thumb-hover);

  }
}



:root[data-accent="gold"] {
  --acc-d:   #E1AD66;  --acc-d-hi: #FACB8D;  --acc-d-lo: #B68235;
  --acc-l:   #8A6117;  --acc-l-hi: #6E4C10;  --acc-l-lo: #573C0C;
  --acc-d-rgb: 225, 173, 102;   --acc-l-rgb: 138, 97, 23;
  --acc-deep-rgb: 182, 130, 53;
}

:root[data-accent="orchid"] {
  --acc-d:   #D05BA5;  --acc-d-hi: #EB81C2;  --acc-d-lo: #943272;
  --acc-l:   #A63580;  --acc-l-hi: #831762;  --acc-l-lo: #630348;
  --acc-d-rgb: 208, 91, 165;    --acc-l-rgb: 166, 53, 128;
  --acc-deep-rgb: 148, 50, 114;
}

:root[data-accent="amber"] {
  --acc-d:   #F2AF48;  --acc-d-hi: #FFD08A;  --acc-d-lo: #B07C1E;
  --acc-l:   #885A00;  --acc-l-hi: #6B4700;  --acc-l-lo: #513500;
  --acc-d-rgb: 242, 175, 72;    --acc-l-rgb: 136, 90, 0;
  --acc-deep-rgb: 176, 124, 30;
}


:root[data-accent="cyber"] {
  --acc-d:   #B98CE0;  --acc-d-hi: #D2B0F0;  --acc-d-lo: #8E63B4;
  --acc-l:   #7B46A4;  --acc-l-hi: #623684;  --acc-l-lo: #4C2A66;
  --acc-d-rgb: 185, 140, 224;   --acc-l-rgb: 123, 70, 164;
  --acc-deep-rgb: 142, 99, 180;
}


:root {
  --i-orchid:        var(--acc-d);
  --i-orchid-bright: var(--acc-d-hi);
  --i-orchid-deep:   var(--acc-d-lo);
  --i-orchid-wash:   color-mix(in srgb, var(--acc-d) 18%, var(--i-void));
  --oo-orchid:       var(--acc-d);
  --oo-orchid-rgb:   var(--acc-d-rgb);
  --i-accent-rgb:      var(--acc-d-rgb);
  --i-accent-deep-rgb: var(--acc-deep-rgb);
  --i-accent:          var(--acc-d);
  --i-accent-deep:     var(--acc-d-lo);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --i-orchid:        var(--acc-l);
    --i-orchid-bright: var(--acc-l-hi);
    --i-orchid-deep:   var(--acc-l-lo);
    --i-orchid-wash:   color-mix(in srgb, var(--acc-l) 16%, var(--i-void));
    --oo-orchid:       var(--acc-l);
    --oo-orchid-rgb:   var(--acc-l-rgb);
    --i-accent-rgb:    var(--acc-l-rgb);
    --i-accent:        var(--acc-l);
    --i-accent-deep:   var(--acc-l-lo);
  }
}

:root[data-theme="light"] {
  --i-orchid:        var(--acc-l);
  --i-orchid-bright: var(--acc-l-hi);
  --i-orchid-deep:   var(--acc-l-lo);
  --i-orchid-wash:   color-mix(in srgb, var(--acc-l) 16%, var(--i-void));
  --oo-orchid:       var(--acc-l);
  --oo-orchid-rgb:   var(--acc-l-rgb);
  --i-accent-rgb:    var(--acc-l-rgb);
  --i-accent:        var(--acc-l);
  --i-accent-deep:   var(--acc-l-lo);
}


:root {
  --mi-gold:      var(--i-orchid);
  --mi-gold-lift: var(--i-orchid-bright);
  --mi-gold-deep: var(--i-orchid-deep);
}


:root {
  
  
  --i-viz-1: #E1AD66;
  --i-viz-2: #FFF0CE;
  --i-viz-3: #A5591B;
  --i-viz-4: #FFD87E;
  --i-viz-5: #8A6D3B;
  --i-viz-6: #F2C591;
  --i-viz-7: #C08A2E;
  --i-viz-8: #6B5327;
  --i-viz-grid:      rgba(255, 255, 255, 0.055);
  --i-viz-grid-axis: rgba(255, 255, 255, 0.12);
  --i-viz-plot-bg:   rgba(255, 255, 255, 0.010);
  --i-viz-crosshair: rgba(225, 173, 102, 0.55);
  --i-viz-rim:       var(--mi-ink-1);

  
  --i-heat-n4: #DC6A62;
  --i-heat-n3: #B0554F;
  --i-heat-n2: #80403C;
  --i-heat-n1: #522A28;
  --i-heat-0:  #1A1A1C;
  --i-heat-p1: #1D3B2E;
  --i-heat-p2: #2C5C46;
  --i-heat-p3: #3C8465;
  --i-heat-p4: #4FB286;

  --i-seq-1: #17140F;
  --i-seq-2: #2E2618;
  --i-seq-3: #493A22;
  --i-seq-4: #67512D;
  --i-seq-5: #886A38;
  --i-seq-6: #AC8748;
  --i-seq-7: #E1AD66;
}



@keyframes miDrift {
  0%   { transform: translate3d(0, 0, 0) scale(1); }
  50%  { transform: translate3d(2.5%, -2%, 0) scale(1.09); }
  100% { transform: translate3d(0, 0, 0) scale(1); }
}

#app-root::before {
  inset: -22%;                 
  animation: miDrift 34s ease-in-out infinite;
  will-change: transform;
}


:root[data-lowpower="1"] #app-root::before {
  animation: none;
  will-change: auto;
}


html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }


#app-root :is(.sgkProvName, .sgkProvKey, [class*="srcpill"], [class*="SrcPill"]) {
  transition: transform var(--mi-dur) var(--mi-ease);
}
#app-root :is(.sgkProvName, .sgkProvKey, [class*="srcpill"], [class*="SrcPill"]):hover {
  transform: translateY(-1px);
}


#app-root [class][class],
#page-root [class][class] {
  border-color: transparent !important;
  border-width: 0 !important;
  
  border-image: none !important;
  box-shadow: none !important;
  background-image: none !important;
  text-shadow: none !important;
  border-radius: 0 !important;
}


:root {
  --mi-radius-pill: 9px;
  --mi-radius-control: 4px;   
  --mi-radius-small: 4px;
  --mi-radius-crisp: 2px;
}


#app-root button[class][class],
#app-root input[class][class],
#app-root select[class][class],
#app-root [role="tab"][class][class],
#app-root [role="switch"][class][class],
#page-root button[class][class],
#page-root input[class][class],
#page-root select[class][class],
#page-root [role="tab"][class][class],
#page-root [role="switch"][class][class] {
  border-radius: var(--mi-radius-control, 6px) !important;
}


#app-root button[class][class][data-pill],
#app-root [class][class][data-chip],
#page-root button[class][class][data-pill],
#page-root [class][class][data-chip] {
  border-radius: var(--mi-radius-pill, 9px) !important;
}


#app-root [class][class] [class][class]:not([data-pane]):not([class*="mark"]):not([class*="Mark"]):not([class*="dot"]):not([class*="Dot"]):not([class*="badge"]):not([class*="Badge"]):not([class*="pill"]):not([class*="Pill"]):not([class*="swatch"]):not([class*="legend"]):not([class*="Legend"]):not([class*="hit"]):not([class*="Hit"]):not([class*="highlight"]):not([class*="Highlight"]):not([class*="match"]):not([class*="Match"]),
#page-root [class][class] [class][class]:not([data-pane]):not([class*="mark"]):not([class*="Mark"]):not([class*="dot"]):not([class*="Dot"]):not([class*="badge"]):not([class*="Badge"]):not([class*="pill"]):not([class*="Pill"]):not([class*="hit"]):not([class*="Hit"]):not([class*="highlight"]):not([class*="Highlight"]):not([class*="match"]):not([class*="Match"]) {
  background-color: transparent !important;
}




#app-root [class][class]:is(.sgkPanel, .terminal-panel, [class$="-panel"], [class*="-panel "]),
#page-root [class][class]:is(.pk-card, .pk-panel) {
  border: 1px solid var(--mi-hair) !important;
  border-radius: var(--mi-radius-small) !important;
  
  background-color: var(--mi-panel-bg) !important;
  background-image: var(--mi-wash) !important;
}


#app-root { background-color: var(--mi-term-base) !important; }


@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #page-root {
    --i-surface-1: #0B0C0E;
    --i-surface-2: #101114;
    --i-surface-3: #16171A;
    --i-surface-4: #1C1D21;
    --mi-panel-bg: #0A0A0C;
  }
}
:root[data-theme="dark"] #page-root {
  --i-surface-1: #0B0C0E;
  --i-surface-2: #101114;
  --i-surface-3: #16171A;
  --i-surface-4: #1C1D21;
  --mi-panel-bg: #0A0A0C;
}

#app-root [data-pane][data-pane][data-pane] {
  border: 1px solid var(--mi-hair) !important;
  border-radius: var(--mi-radius-small) !important;
  background-color: var(--mi-panel-bg) !important;
  background-image: var(--mi-wash) !important;
}


#page-root [class][class]:is(.plcBanner, .plcSub) {
  border: 1px solid var(--mi-hair) !important;
  border-radius: 9px !important;
}

#page-root [class][class].plcBanner {
  
  border-color: var(--i-amber) !important;
}

#page-root [class][class]:is(.plcQa, .plcFactRow) {
  border-bottom-width: 1px !important;
  border-bottom-color: var(--mi-hair) !important;
}

#page-root [class][class]:is(.plcQa, .plcFactRow):last-child {
  border-bottom-width: 0 !important;
}

#page-root [class][class]:is(.plcStoreKind, .plcTag) {
  border: 1px solid var(--mi-hair) !important;
  border-radius: 999px !important;
}




#page-root [class][class].lndFigs {
  border-top: 1px solid var(--mi-hair) !important;
  border-bottom: 1px solid var(--mi-hair) !important;
}


#page-root [class][class].lndFigCell {
  border: 1px solid var(--mi-hair) !important;
  border-radius: var(--mi-radius-small) !important;
}


#page-root [class][class].lndWsLine {
  border-bottom: 1px solid var(--mi-hair) !important;
}

#page-root [class][class].lndWsLine:last-child {
  border-bottom-width: 0 !important;
}


#page-root [class][class]:is(.lndSrc, .lndLimit) {
  border: 1px solid var(--mi-hair) !important;
  border-radius: var(--mi-radius-small) !important;
}


#page-root [class][class].lndSectionHead {
  border-bottom: 1px solid var(--mi-hair) !important;
}

#page-root [class][class].plcTagKey {
  border-color: var(--i-amber) !important;
}


#app-root [class][class]:is([class$="-panel-title"], [class*="-panel-title "], .sgkTitle) {
  font-family: var(--mi-body);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase !important;
  color: var(--mi-ink-3);
}

#app-root [class][class]:is([class$="-panel-caption"], [class*="-panel-caption "], .sgkMeta) {
  font-size: 11px;
  color: var(--mi-ink-4);
}


#app-root table,
#app-root [class][class]:is(table) {
  border: 1px solid var(--mi-hair) !important;
  border-radius: var(--mi-radius-small);
}

#app-root [class][class] td,
#app-root [class][class] th,
#app-root [class][class].sgtCell {
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

#app-root [class][class] td:not(:last-child),
#app-root [class][class] th:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
}


#app-root [class][class] th,
#app-root [class][class] thead td,
#app-root [class][class].sgtHeadCell {
  background-color: var(--mi-thead-bg) !important;
  border-bottom: 1px solid var(--mi-hair-2) !important;
  color: var(--mi-ink-3) !important;
  font-weight: 600 !important;
}

#app-root thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}


#app-root tbody tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.016); }
#app-root [class][class].sgtRow { background-color: transparent !important; }
#app-root [class][class].sgtRow:nth-child(even) { backdrop-filter: brightness(1.35); }

#app-root [class][class] tbody tr:hover,
#app-root [class][class].sgtRow:hover {
  background-color: var(--mi-row-hover) !important;
}


#app-root [class][class]:is(button, input, select, textarea, .sgkBtn),
#page-root [class][class]:is(button, input, select, textarea, .pk-btn) {
  border: 1px solid var(--mi-hair) !important;
  border-radius: var(--mi-radius-control) !important;
  background-color: var(--mi-control-bg) !important;
  color: var(--mi-ink-2);
  transition: background-color var(--mi-dur) var(--mi-ease),
              border-color var(--mi-dur) var(--mi-ease),
              color var(--mi-dur) var(--mi-ease);
}


#app-root [class][class]:is(button, .sgkBtn):hover,
#page-root [class][class]:is(button, .pk-btn):hover {
  background-color: var(--mi-control-bg-hover) !important;
  border-color: var(--i-accent-edge) !important;
  color: var(--mi-ink-1);
}

#app-root [class][class]:is(input, textarea, select):focus,
#page-root [class][class]:is(input, textarea, select):focus {
  border-color: var(--i-accent-edge) !important;
}


#app-root #singularity-sidebar { box-shadow: none !important; }

#app-root [class][class][class]:is(button, .sgkBtn, a):not(.active):not([aria-current="page"]) {
  box-shadow: none !important;
}


#singularity-sidebar {
  border-right: 1px solid var(--mi-hair) !important;
  background-color: var(--mi-shell-bg) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}



#app-root [class][class].viewport-header {
  border-bottom: 1px solid var(--mi-hair) !important;
  background-color: var(--mi-shell-bg) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.sgcChromeRow {
  border-bottom: 1px solid var(--mi-hair) !important;
  background-color: rgba(255, 255, 255, 0.012) !important;
}




#app-root .sgcChromeRow .sgcCrumbs { display: none; }
#app-root .sgcChromeRow {
  min-height: 0 !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}


#app-root .sguoAddWrap[data-sguo-state="none"],
#app-root .sguoAddWrap[data-sguo-state="loading"] {
  display: none;
}





#app-root [class][class]:is(.sgkPopover, .sgPalette, .sgkToast, [role="dialog"]),
#app-root [class][class][data-sgc-overlay] {
  border: 1px solid var(--mi-hair-2) !important;
  border-radius: 9px !important;
  background-color: var(--mi-float-bg) !important;
  box-shadow: 0 30px 60px -26px rgba(0, 0, 0, 0.95) !important;
}


#app-root [class][class]:is([class*="chip"], [class*="Chip"], [class*="badge"], [class*="Badge"]) {
  border: 1px solid var(--mi-hair) !important;
  border-radius: 4px !important;
  background-color: var(--mi-control-bg) !important;
  padding: 2px 7px;
  font-family: var(--mi-fig);
  font-size: 10px;
  letter-spacing: 0.10em;
}


#app-root, #page-root, body,
#app-root [class][class], #page-root [class][class] {
  font-family: var(--mi-body);
}


#app-root [class][class].mono,
#app-root [class][class].sgtCell.mono,
#page-root [class][class] code,
#page-root [class][class].pk-card-path {
  font-family: var(--mi-fig) !important;
  font-variant-numeric: tabular-nums lining-nums;
}

#app-root, #page-root { font-variant-numeric: tabular-nums lining-nums; }


#app-root [class][class] { font-size: 13px; }


#app-root [class][class]:is(h1, .terminal-title, .viewport-title),
#page-root h1 {
  font-family: var(--mi-display) !important;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: var(--mi-ink-1);
}

#app-root [class][class]:is(h1, .viewport-title) { font-size: 21px; line-height: 1.1; }
#app-root [class][class].terminal-title      { font-size: 19px; line-height: 1.1; }

#app-root [class][class]:is(h2, h3) {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--mi-ink-1);
}


#app-root [class][class]:is(th, thead td, .sgtHeadCell, [class*="-head-cell"], [class*="-grid-head"], [class$="-eyebrow"], [class*="-eyebrow "], [class$="-panel-title"], [class*="-panel-title "], .sidebar-group-label, .oo-nav-section-label, .kick, .pk-kick) {
  font-size: calc(9.5px * var(--i-t-scale)) !important;   
  letter-spacing: 0.18em;
  font-weight: 600;
  text-transform: uppercase !important;
}


#app-root [class][class]:not(th):not(.sgtHeadCell):not([class*="-head-cell"]):not([class*="-grid-head"]):not([class$="-eyebrow"]):not([class*="-eyebrow "]):not([class$="-panel-title"]):not([class*="-panel-title "]):not(.sidebar-group-label):not(.oo-nav-section-label):not(.kick):not(.pk-kick),
#page-root [class][class]:not(.pk-kick):not([class$="-eyebrow"]):not([class*="-eyebrow "]) {
  text-transform: none !important;
}


#app-root [class][class]:is([class*="-label"], [class*="-meta"], [class*="-sub"], [class*="muted"], [class$="-caption"], [class*="-caption "], .sgkMeta) {
  color: var(--mi-ink-3);
}


#page-root { font-size: 14px; }

#page-root#page-root h1 {
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.04;
  margin-bottom: 0.4em;
}

#page-root#page-root h2 {
  font-family: var(--mi-display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(22px, 2.2vw, 28px);
  letter-spacing: -0.02em;
  line-height: 1.14;
  margin-top: 2.2em;
  color: var(--mi-ink-1);
}


#page-root#page-root .pk-panel-head h2,
#page-root#page-root .pk-panel-head h3 {
  font-family: var(--mi-body);
  font-style: normal;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.005em;
  margin-top: 0;
}

#page-root#page-root h3 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--mi-ink-1);
}

#page-root p, #page-root li {
  max-width: 68ch;
  line-height: 1.7;
  font-weight: 300;
  color: var(--mi-ink-2);
}


#page-root#page-root :is(.pk-panel, .pk-section, .pk-prose) {
  max-width: 86ch;
}

#page-root#page-root :is(.pk-panel, .pk-section):has(table, pre, .pk-grid, [class*="-grid"], [class*="-cards"], [class*="-table"]) {
  max-width: none;
}

#page-root [class][class].pk-card { padding: 16px; }
#page-root [class][class].pk-card:hover {
  border-color: var(--i-accent-edge-soft) !important;
}


#app-root [class][class]:is(.sidebar-nav-item, .sgaNavItem, .command-tab).active,
#app-root [class][class][aria-current="page"] {
  background-color: var(--i-nav-active-wash) !important;
  color: var(--mi-ink-1) !important;
  box-shadow: inset 2px 0 0 0 var(--mi-gold) !important;
}

#app-root [class][class]:is(.sidebar-nav-item, .sgaNavItem, .command-tab) {
  border-radius: 4px !important;
  transition: background-color var(--mi-dur) var(--mi-ease),
              color var(--mi-dur) var(--mi-ease);
}

#app-root [class][class]:is(.sidebar-nav-item, .sgaNavItem, .command-tab):hover {
  background-color: var(--mi-control-bg-hover) !important;
  color: var(--mi-ink-1) !important;
}


#app-root [class][class]:is(.sidebar-group-label, .oo-nav-section-label) {
  color: var(--mi-ink-3) !important;
}


#app-root [class][class].terminal-title {
  font-family: var(--mi-body) !important;
  font-style: normal;
  font-size: calc(10.5px * var(--i-t-scale)) !important;   
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase !important;
  color: #E2DDD4;
}


#app-root [class][class].viewport-command {
  font-family: var(--mi-display) !important;
  font-style: italic;
  font-weight: 400;
  font-size: calc(22px * var(--i-t-scale)) !important;   
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--mi-ink-1) !important;
  text-transform: none !important;
}


#app-root [class][class].viewport-command-code {
  font-family: var(--mi-fig) !important;
  font-size: calc(10px * var(--i-t-scale)) !important;   
  letter-spacing: 0.14em;
  color: var(--mi-gold) !important;
  border: 1px solid var(--i-accent-edge-soft) !important;
  border-radius: 4px !important;
  padding: 2px 7px;
  align-self: center;
}

#app-root [class][class].viewport-title-block {
  display: flex;
  align-items: baseline;
  gap: 10px;
}


#app-root :focus-visible,
#page-root :focus-visible {
  outline: 2px solid var(--mi-gold) !important;
  outline-offset: 2px;
}

::selection { background: rgba(225, 173, 102, 0.32); color: #FFF; }


#app-root a:not([class]):not([style*="color"]),
#page-root a:not([class]):not([style*="color"]) {
  color: var(--mi-gold);
  text-decoration-color: color-mix(in srgb, var(--mi-gold) 45%, transparent);
}


#app-root [class][class]:is(.bullish, [class$="-up"], [class*="-up "], [class*="positive"]) { color: var(--mi-up) !important; }
#app-root [class][class]:is(.bearish, [class$="-down"], [class*="-down "], [class*="negative"]) { color: var(--mi-down) !important; }



#app-root [class][class].oo-awaiting {
  color: var(--mi-ink-3) !important;
  opacity: 1;
}

#app-root [class][class].oo-awaiting-dot {
  background-color: var(--mi-ink-4) !important;
}


#app-root [class][class].so-read,
#app-root [class][class].si-readone {
  border-left: 2px solid var(--mi-hair-2) !important;
}

#app-root [class][class].so-read.is-strong,
#app-root [class][class].si-readone.is-strong { border-left-color: var(--mi-up) !important; }

#app-root [class][class].so-read.is-weak,
#app-root [class][class].si-readone.is-weak { border-left-color: var(--mi-down) !important; }


#app-root [class][class].so-read.is-caution,
#app-root [class][class].si-readone.is-caution { border-left-color: var(--mi-gold) !important; }

#app-root [class][class].source-warning {
  display: revert !important;
  border-left: 2px solid var(--mi-gold) !important;
  border-radius: 0 !important;
  background-color: var(--i-accent-glow) !important;
  padding: 7px 11px;
  color: var(--mi-ink-2) !important;
  font-size: 11.5px;
  line-height: 1.55;
}




@keyframes miRise {
  from { transform: translate3d(0, 10px, 0); }
  to   { transform: none; }
}


#app-root [class][class].mi-crest {
  position: relative;
  height: clamp(76px, 9vh, 104px);
  margin: 10px 22px 4px;
  border: 1px solid var(--mi-hair) !important;
  border-radius: 9px !important;
  background-color: var(--mi-panel-bg) !important;
  overflow: hidden;
  --mi-crest-fill: var(--mi-up);
  --mi-crest-line: var(--mi-up);
  --mi-crest-dot: var(--mi-ink-1);
}

#app-root [class][class].mi-crest[data-mi-trend="down"] {
  --mi-crest-fill: var(--mi-down);
  --mi-crest-line: var(--mi-down);
}

#app-root [class][class].mi-crest-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

#app-root [class][class].mi-crest-label {
  position: absolute;
  top: 9px;
  left: 12px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  pointer-events: none;
}

#app-root [class][class].mi-crest-sym {
  font-family: var(--mi-fig) !important;
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--mi-ink-1);
}

#app-root [class][class].mi-crest-kind {
  font-size: calc(9.5px * var(--i-t-scale)) !important;   
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase !important;
  color: var(--mi-ink-3);
}


#app-root [class][class].mi-crest-note {
  position: absolute;
  right: 12px;
  bottom: 8px;
  font-family: var(--mi-fig) !important;
  font-size: 9.5px;
  color: var(--mi-ink-3);
  pointer-events: none;
}

#app-root [class][class].mi-crest-stale { color: var(--mi-gold); }


#app-root [class][class].mi-crest-out {
  display: grid;
  place-items: center;
  height: 100%;
  padding: 0 16px;
  font-size: 11.5px;
  color: var(--mi-ink-4);
  text-align: center;
}



#app-root .sidebar-nav { position: relative; }

#app-root .mi-rail {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--mi-gold-lift), var(--mi-gold-deep));
  pointer-events: none;
  opacity: 0;
  will-change: transform;
}


.mi-aurora {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}

.mi-aurora-blob {
  position: absolute;
  width: 46vw;
  height: 46vw;
  min-width: 380px;
  min-height: 380px;
  border-radius: 50%;
  filter: blur(90px);
  will-change: transform;
}


.mi-aurora-1 {
  top: -14vw; left: -10vw;
  background: radial-gradient(circle, rgba(79, 178, 134, 0.13), transparent 68%);
}
.mi-aurora-2 {
  bottom: -18vw; right: -12vw;
  background: radial-gradient(circle, rgba(220, 106, 98, 0.12), transparent 68%);
}
.mi-aurora-3 {
  top: 34%; left: 42%;
  background: radial-gradient(circle, rgba(225, 173, 102, 0.10), transparent 70%);
}


:root[data-theme="light"] body:not(:has(.lndHero)) .mi-aurora { display: none; }
:root[data-theme="light"] .mi-aurora-blob {
  mix-blend-mode: multiply;
  filter: blur(110px);
}
:root[data-theme="light"] .mi-aurora-1 {
  background: radial-gradient(circle, rgba(21, 122, 82, 0.10), transparent 70%);
}
:root[data-theme="light"] .mi-aurora-2 {
  background: radial-gradient(circle, rgba(176, 58, 50, 0.09), transparent 70%);
}
:root[data-theme="light"] .mi-aurora-3 {
  background: radial-gradient(circle, rgba(150, 104, 34, 0.07), transparent 72%);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) body:not(:has(.lndHero)) .mi-aurora { display: none; }
  :root:not([data-theme="dark"]) .mi-aurora-blob {
    mix-blend-mode: multiply;
    filter: blur(110px);
  }
  :root:not([data-theme="dark"]) .mi-aurora-1 {
    background: radial-gradient(circle, rgba(21, 122, 82, 0.10), transparent 70%);
  }
  :root:not([data-theme="dark"]) .mi-aurora-2 {
    background: radial-gradient(circle, rgba(176, 58, 50, 0.09), transparent 70%);
  }
  :root:not([data-theme="dark"]) .mi-aurora-3 {
    background: radial-gradient(circle, rgba(150, 104, 34, 0.07), transparent 72%);
  }
}

@media (prefers-reduced-motion: reduce) {
  
  .mi-aurora-blob { animation: none; }
}


#app-root, #page-root, #terminal-root { position: relative; z-index: 1; }


.mi-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--mi-gold-deep), var(--mi-gold-lift));
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  
  .mi-progress { opacity: 0.55; }
}

@keyframes miShimmer { from { background-position: -160% 0; } to { background-position: 160% 0; } }




#app-root [class][class]:is([class*="skeleton"], [class*="Skeleton"]) {
  background-image: linear-gradient(90deg,
    rgba(255, 255, 255, 0.03) 0%,
    rgba(255, 255, 255, 0.08) 50%,
    rgba(255, 255, 255, 0.03) 100%) !important;
  background-size: 200% 100%;
  animation: miShimmer 1.4s linear infinite;
  border-radius: 4px !important;
}


:root[data-theme="dark"],
:root:not([data-theme="light"]) {
  
  --i-viz-1: #E1AD66;
  --i-viz-2: #FFF0CE;
  --i-viz-3: #A5591B;
  --i-viz-4: #FFD87E;
  --i-viz-5: #8A6D3B;
  --i-viz-6: #F2C591;
  --i-viz-7: #C08A2E;
  --i-viz-8: #6B5327;
  
  --i-viz-crosshair: rgba(225, 173, 102, 0.55);
}

@media (prefers-color-scheme: light) {
  
  :root:not([data-theme="dark"]) {
    --i-viz-1: #B03A82;
    --i-viz-2: #2F7D4F;
    --i-viz-3: #2C5FA8;
    --i-viz-4: #A8542F;
    --i-viz-5: #1F7A75;
    --i-viz-6: #6B4CA8;
    --i-viz-7: #A03C6E;
    --i-viz-8: #7A6A3F;
    --i-viz-crosshair: rgba(138, 97, 23, 0.55);
  }
}


@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) { --mi-light-fix: 1; }
}
:root[data-theme="light"] { --mi-light-fix: 1; }


#app-root [class].si-figmark,
#app-root [class].stocklab-return-key,
#app-root [class].si-jumpwhy {
  color: var(--i-ink-3) !important;
}


#app-root [class][class].phase5-magenta-hit {
  color: var(--i-ink-1) !important;
  background-color: var(--i-accent-wash) !important;
}
:root[data-theme="light"] #app-root [class][class].phase5-magenta-hit,
:root[data-theme="light"] #app-root [class][class].phase5-magenta-hit * {
  
  background-color: #FBE3B6 !important;
  background-image: none !important;
  color: #1A1611 !important;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) #app-root [class][class].phase5-magenta-hit,
  :root:not([data-theme="dark"]) #app-root [class][class].phase5-magenta-hit * {
    background-color: #FBE3B6 !important;
    background-image: none !important;
    color: #1A1611 !important;
  }
}


#app-root [class][class].stocklab-node-warning {
  color: var(--i-ink-1) !important;
}


:root[data-theme="light"] #app-root,
:root[data-theme="light"] #page-root {
  --si-hue: var(--i-orchid);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) #app-root,
  :root:not([data-theme="dark"]) #page-root {
    --si-hue: var(--i-orchid);
  }
}


:root[data-theme="light"] #app-root [class].si-figmark,
:root[data-theme="light"] #app-root [class].stocklab-return-key,
:root[data-theme="light"] #app-root [class].si-jumpwhy {
  
  color: var(--i-ink-3) !important;
}

:root[data-theme="light"] #app-root [class][class].phase5-toggle.active {
  
  border-color: #1B7A2E !important;
  color: #1B7A2E !important;
}

:root[data-theme="light"] #app-root [class][class].si-scopetag,
:root[data-theme="light"] #app-root [class][class].si-jumpcmd {
  color: var(--i-ink-2) !important;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) #app-root [class].si-figmark,
  :root:not([data-theme="dark"]) #app-root [class].stocklab-return-key,
  :root:not([data-theme="dark"]) #app-root [class].si-jumpwhy {
    color: var(--i-ink-3) !important;
  }
  :root:not([data-theme="dark"]) #app-root [class][class].phase5-toggle.active {
    border-color: #1B7A2E !important;
    color: #1B7A2E !important;
  }
  :root:not([data-theme="dark"]) #app-root [class][class].si-scopetag,
  :root:not([data-theme="dark"]) #app-root [class][class].si-jumpcmd {
    color: var(--i-ink-2) !important;
  }
}


#app-root ::-webkit-scrollbar,
#page-root ::-webkit-scrollbar { width: 9px; height: 9px; }
#app-root ::-webkit-scrollbar-thumb,
#page-root ::-webkit-scrollbar-thumb {
  background: rgba(232, 228, 221, 0.13);
  border-radius: 9px;
}
#app-root ::-webkit-scrollbar-thumb:hover,
#page-root ::-webkit-scrollbar-thumb:hover { background: rgba(225, 173, 102, 0.40); }
#app-root ::-webkit-scrollbar-track,
#page-root ::-webkit-scrollbar-track { background: transparent; }




#app-root .phase5-screen,
#app-root .phase7-screen,
#app-root .phase8-screen,
#app-root .fa-screen,
#app-root .ee-screen,
#app-root .qs-screen,
#app-root .portfolio-screen,
#app-root .anr-distribution {
  overflow-y: auto;
  overscroll-behavior-y: contain;
}


#app-root .evcalRoot {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
}


#app-root [class*="-scroll"],
#app-root [class*="Scroll"],
#page-root [class*="-scroll"] {
  overflow-y: auto;
  overscroll-behavior: contain;
}


#app-root .pk-scroll-x,
#page-root .pk-scroll-x,
#app-root [class*="table-wrap"],
#app-root [class*="TableWrap"] {
  overflow-x: auto;
  overscroll-behavior-x: contain;
}


#app-root [class*="-scroll"],
#page-root [class*="-scroll"] { scroll-padding-top: 0.75rem; }


#app-root *, #page-root * { scrollbar-width: thin; }


#app-root [class*="-scroll"] > [class*="-head"],
#app-root [class*="-scroll"] > thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--i-surface-1, #0b0b0d);
}


@media (prefers-reduced-motion: reduce) {
  #app-root *, #page-root *,
  #app-root::before, #app-root::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}



#app-root [class][class].phase5-magenta-hit {
  background-color: var(--i-accent-wash) !important;
  color: var(--mi-ink-1) !important;
  box-shadow: inset 0 -1px 0 0 var(--mi-gold) !important;
  border-radius: 2px !important;
  padding: 0 2px;
  font-weight: 600;
}


#app-root [class][class]:is(.stocklab-row-value, .flc-meta, .shub-figure-delta,
                            .hpg-opt-note, .des-fact-figure, .pk-badge,
                            .stocklab-subs-name, .stocklab-peer-name) {
  font-family: var(--mi-body) !important;
  font-variant-numeric: tabular-nums lining-nums;
}


#app-root [class][class].cf-body {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
}


#app-root [class][class]:is(.fd-panel-title, .fd-mast-badge, .fd-mast-mode,
                            .fd-signal-value, .fd-engine-route, .fd-gauge-label,
                            .tmap-layer-reason, .feed-status-text,
                            .cf-empty, .source-warning) {
  font-family: var(--mi-body) !important;
  font-variant-numeric: tabular-nums lining-nums;
}


:where(#page-root a, #app-root a) { color: inherit; }
:where(#page-root a:visited, #app-root a:visited) { color: inherit; }



#page-root a[href].pk-card,
#app-root a[href].pk-card,
#page-root a[href].lndFigCell,
#app-root a[href].lndFigCell,
#page-root a[href].lndWsCard,
#app-root a[href].lndWsCard {
  display: block;
  justify-content: initial;
  align-items: initial;
}

#page-root a[href].lndBoardRow,
#app-root a[href].lndBoardRow {
  
  display: grid;
  justify-content: initial;
}



#app-root [class][class][class].mi-crest {
  height: clamp(44px, 5.2vh, 58px);
  margin: 6px 22px 2px;
}


#app-root [class][class].viewport-header {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 0;
}


.mi-spot-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 260ms cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(225, 173, 102, 0.10), rgba(79, 178, 134, 0.07)),
    var(--mi-panel-bg, #0d0d10);
}

.mi-spot-grid {
  position: absolute;
  inset: -8%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 10px 18px;
  align-content: start;
  padding: 18px 22px;
  transform: rotate(-4deg) scale(1.14);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  letter-spacing: 0.02em;
}

.mi-spot-cell {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  border-left: 1px solid rgba(var(--i-accent-rgb, 225, 173, 102), 0.32);
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
}

.mi-spot-cell b {
  font-weight: 600;
  color: var(--i-orchid, #E1AD66);
}

.mi-spot-cell i {
  font-style: normal;
  color: var(--i-ink-2, #b9b4ab);
  text-overflow: ellipsis;
  overflow: hidden;
}


:root[data-theme="light"] .mi-spot-layer {
  background:
    linear-gradient(180deg, rgba(138, 97, 23, 0.10), rgba(0, 115, 57, 0.07)),
    var(--mi-panel-bg, #FBF9F4);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .mi-spot-layer {
    background:
      linear-gradient(180deg, rgba(138, 97, 23, 0.10), rgba(0, 115, 57, 0.07)),
      var(--mi-panel-bg, #FBF9F4);
  }
}

@media (prefers-reduced-motion: reduce) {
  
  .mi-spot-layer { display: none; }
}



#app-root {
  
  --i-t-body: calc(12.5px * var(--i-t-scale));   
  --i-t-sm: calc(11.5px * var(--i-t-scale));   
  --i-t-xs: calc(10.5px * var(--i-t-scale));   
  --i-t-md: calc(14px * var(--i-t-scale));   
  --i-t-lg: calc(17px * var(--i-t-scale));   
  --i-t-xl: calc(22px * var(--i-t-scale));   
  
  --i-t-hero: calc(34px * var(--i-t-scale));   
}


#app-root [class][class]:is(td, th, li, dd, dt, .sgkFigValue, [class*="-row"],
                            [class*="-cell"], [class*="Row"], [class*="Cell"]) {
  line-height: 1.35;
}

#app-root p,
#app-root [class][class]:is([class*="-why"], [class*="-note"], [class*="-lede"]) {
  line-height: 1.5;
}


#app-root [class][class]:is(td, th) { padding: 5px 10px 5px 0; }

#app-root [class][class]:is([class*="-row"], [class*="Row"]):not([class*="-rows"]) {
  padding-top: 6px;
  padding-bottom: 6px;
}


#app-root [class][class]:is([class*="value"], [class*="Value"], [class*="-fig"],
                            [class*="Fig"], [class*="-num"], [class*="-pct"],
                            [class*="-price"], [class*="-metric"], .mono, td) {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}


#app-root [class][class]:is([class$="-panel"], [class*="-panel "], .sgkPanel,
                            [class$="-card"], [class*="-card "]) {
  box-shadow: none !important;
}


#app-root [class][class]:is([class$="-panel"], [class*="-panel "], .sgkPanel) {
  border-radius: 6px !important;
}
#app-root [class][class]:is([class*="-chip"], [class*="-pill"], [class*="-toggle"]) {
  border-radius: 9px !important;
}


#app-root [class][class]:is([class*="-grid"], [class*="Grid"]) { gap: 10px; }
#app-root [class][class]:is([class*="-rows"], [class*="-list"], [class*="List"]) { gap: 6px; }


.mi-tape {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: 12px;
  
  opacity: 0.42;
  -webkit-mask-image: radial-gradient(120% 90% at 50% 45%, #000 42%, transparent 78%);
  mask-image: radial-gradient(120% 90% at 50% 45%, #000 42%, transparent 78%);
}

.mi-tape-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }


.mi-tape-stamp {
  position: absolute;
  left: 0;
  bottom: 6px;
  margin: 0;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9.5px;
  letter-spacing: 0.04em;
  color: var(--i-ink-3, #8d8781);
  opacity: 0.72;
}


.mi-tape-read {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  white-space: nowrap;
  padding: 5px 10px;
  border: 1px solid var(--i-hair, rgba(255, 255, 255, 0.14));
  border-radius: 6px;
  background: var(--i-surface-2, rgba(12, 12, 12, 0.94));
  color: var(--i-ink-2, #cfcac1);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10.5px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  
}
.mi-tape-read[hidden] { display: none; }
.mi-tape-read[data-dir="up"] { border-color: rgba(79, 178, 134, 0.5); }
.mi-tape-read[data-dir="down"] { border-color: rgba(220, 106, 98, 0.5); }

@media (prefers-reduced-motion: reduce) {
  
  .mi-tape { opacity: 0.3; }
}


:root[data-theme="light"] .mi-tape {
  opacity: 0.5;
  mix-blend-mode: multiply;
  -webkit-mask-image: radial-gradient(130% 96% at 50% 45%, #000 52%, transparent 86%);
  mask-image: radial-gradient(130% 96% at 50% 45%, #000 52%, transparent 86%);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .mi-tape {
    opacity: 0.5;
    mix-blend-mode: multiply;
    -webkit-mask-image: radial-gradient(130% 96% at 50% 45%, #000 52%, transparent 86%);
    mask-image: radial-gradient(130% 96% at 50% 45%, #000 52%, transparent 86%);
  }
}


.mi-nudge {
  position: fixed;
  left: 16px;
  bottom: 46px;               
  z-index: 60;
  width: min(300px, calc(100vw - 32px));
  padding: 12px 30px 12px 13px;
  border: 1px solid var(--i-hair-strong, rgba(255, 255, 255, 0.18));
  border-left: 2px solid rgba(var(--i-accent-rgb, 225, 173, 102), 0.85);
  border-radius: 8px;
  background: var(--i-surface-2, #0d0d0d);
  
  box-shadow: none;
}

.mi-nudge-eyebrow {
  margin: 0 0 6px;
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--i-ink-4, #7d7770);
}

.mi-nudge-code {
  display: inline-block;
  margin: 0 0 5px;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 15px;
  letter-spacing: 0.06em;
  color: var(--i-accent, #e1ad66);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.mi-nudge-code:hover,
.mi-nudge-code:focus-visible { border-bottom-color: currentColor; }

.mi-nudge-why {
  margin: 0 0 5px;
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--i-ink-2, #cfcac1);
}


.mi-nudge-because {
  margin: 0;
  font-size: 10.5px;
  line-height: 1.35;
  font-style: italic;
  color: var(--i-ink-3, #8d8781);
}

.mi-nudge-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--i-ink-4, #7d7770);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}
.mi-nudge-close:hover { color: var(--i-ink-1, #e9e5dd); }

@media (max-width: 720px) {
  
  .mi-nudge { left: 12px; right: 12px; width: auto; bottom: 12px; }
}


:root[data-theme="light"] #app-root input,
:root[data-theme="light"] #app-root select,
:root[data-theme="light"] #app-root textarea,
:root[data-theme="light"] #app-root [class*="-input"],
:root[data-theme="light"] #app-root [class*="-search"],
:root[data-theme="light"] #app-root [class*="-field"] {
  background: rgba(20, 18, 14, 0.045) !important;
  border-color: var(--i-hair-strong) !important;
  color: var(--i-ink-1) !important;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) #app-root input,
  :root:not([data-theme="dark"]) #app-root select,
  :root:not([data-theme="dark"]) #app-root textarea,
  :root:not([data-theme="dark"]) #app-root [class*="-input"],
  :root:not([data-theme="dark"]) #app-root [class*="-search"],
  :root:not([data-theme="dark"]) #app-root [class*="-field"] {
    background: rgba(20, 18, 14, 0.045) !important;
    border-color: var(--i-hair-strong) !important;
    color: var(--i-ink-1) !important;
  }
}


#app-root [class][class].si-head,
#app-root [class][class].si-ai {
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

#app-root [class][class].si-scopeyes,
#app-root [class][class].si-scopeno {
  display: none;
}


#app-root [class][class].si-scope {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-bottom: 4px;
}


#app-root [class][class].si-verdicthead { margin-bottom: 4px; }
#app-root [class][class].si-lede { margin: 0 0 6px; line-height: 1.4; }
#app-root [class][class].si-figstrip { gap: 8px 18px; }


#app-root [class][class].portfolio-grid-wrap { min-height: 120px; }


:root[data-rail="closed"] #singularity-sidebar,
:root[data-rail="closed"] .singularity-sidebar {
  width: 0 !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-right-width: 0 !important;
  overflow: hidden !important;
}
:root[data-rail="closed"] #singularity-sidebar > *,
:root[data-rail="closed"] .singularity-sidebar > * {
  visibility: hidden;
}

#app-root #singularity-sidebar,
#app-root .singularity-sidebar {
  transition: width 180ms cubic-bezier(0.16, 1, 0.3, 1),
              min-width 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
@media (prefers-reduced-motion: reduce) {
  #app-root #singularity-sidebar,
  #app-root .singularity-sidebar { transition: none; }
}




@media (min-width: 1100px) {
  #app-root .workspace:has(> .oo-related-rail) {
    flex-direction: row-reverse;
    align-items: stretch;
  }

  #app-root [class][class].oo-related-rail {
    flex: 0 0 130px;
    width: 130px;
    flex-direction: column;
    align-items: stretch;
    align-self: stretch;
    gap: 6px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  #app-root [class][class].oo-related-caption {
    
    padding-bottom: 4px;
    border-bottom: 1px solid var(--i-hair, rgba(255, 255, 255, 0.10));
  }

  #app-root [class][class].oo-related-chips {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    
    justify-content: flex-start;
    gap: 4px;
    min-width: 0;
  }

  #app-root [class][class].oo-related-rail {
    justify-content: flex-start;
    align-content: flex-start;
  }

  
  #app-root [class][class][class].oo-related-chips {
    flex: 0 0 auto;
    align-content: flex-start;
  }

  #app-root [class][class].oo-related-chip {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
  }

  
  #app-root .workspace > :not(.oo-related-rail) {
    flex: 1 1 auto;
    min-width: 0;
  }
}



#app-root [class][class]:not(.mono):not([class*="mono"]):not([class*="Mono"]):not(h1):not(h2),
#page-root [class][class]:not(.mono):not([class*="mono"]):not([class*="Mono"]):not(h1):not(h2) {
  font-family: var(--mi-body) !important;
}


#app-root .flc-root,
#app-root .flc-root *:not([class*="mono"]),
#app-root .tv-root,
#app-root .terminal-header,
#page-root .flc-root {
  font-family: var(--mi-body) !important;
}


#app-root h1, #app-root h2, #app-root .screen-title, #app-root .panel-title,
#page-root h1, #page-root h2 {
  font-family: var(--mi-display) !important;
}


#app-root [class][class]:is(.sgkFigValue, .so-fig-value, .hpg-cell, .ochain-cell,
                            [class*="-fig-value"], [class*="FigValue"], .pk-stat-value),
#app-root [class][class][class].mono {
  font-family: var(--mi-fig) !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}


#page-root [class][class].pkStatus {
  border: 1px solid var(--mi-hair) !important;
  border-radius: 999px !important;
}

#page-root [class][class].pkStatus[data-state="up"] {
  border-color: rgba(79, 178, 134, 0.34) !important;
}

#page-root [class][class].pkStatus[data-state="down"] {
  border-color: var(--i-error, var(--i-bear)) !important;
}





#app-root [class*="-source"]:not([class*="-source-health"]),
#app-root [class*="Source"]:not([class*="SourceHealth"]),
#app-root [class*="provenance"],
#app-root [class*="Provenance"],
#app-root .pk-provenance,
#app-root .sgkProvPop,
#app-root .sources,
#app-root .so-sources,
#app-root .flc-sources,
#app-root .ptrSources,
#app-root .sgrbSources,
#app-root .pshSources,
#app-root .evcalSourceBlock,
#app-root .evcalSourceCaption,


#app-root [class^="source-"]:not(.source-warning),
#app-root [class*=" source-"]:not(.source-warning),
#app-root .source-panel,
#app-root .source-title,
#app-root .source-row,
#app-root .source-detail {
  display: none !important;
}


#app-root .source-warning {
  display: revert !important;
}


#app-root button.sgkProv {
  display: none !important;
}


#app-root .sgfetchPip,
#app-root .sgfetchPipText,
#app-root .sgfetchPipDot,
#app-root .sgkLive,
#app-root .sgkAsOf,
#app-root .sgcAgo,
#app-root [class*="stale"],
#app-root [class*="Stale"],
#app-root [class*="cache"],
#app-root [class*="Cache"],
#app-root [class*="-asof"],
#app-root [class*="AsOf"],
#app-root time {
  display: revert !important;
}



#app-root .sgkUnavailable,
#app-root .pk-empty,
#app-root [class*="-empty"]:not(.is-empty),
#app-root [class*="-unavailable"]:not(.is-empty),
#app-root [class*="warning"],
#app-root [class*="Warning"] {
  display: revert !important;
}