/* [project]/app/environment.css [app-client] (css) */
:root {
  --environment-utility-right: max(14px, env(safe-area-inset-right));
}

.environment-badge {
  bottom: max(14px, env(safe-area-inset-bottom));
  letter-spacing: .08em;
  pointer-events: none;
  min-height: 26px;
  right: var(--environment-utility-right);
  -webkit-user-select: none;
  user-select: none;
  z-index: 10000;
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font: 700 11px / 1 Inter, ui-sans-serif, system-ui, sans-serif;
  display: flex;
  position: fixed;
  box-shadow: 0 2px 8px #17372b1f;
}

.environment-badge[data-environment="local"] {
  color: #744b00;
  background: #fff5d6;
  border-color: #d99a17;
}

.environment-badge[data-environment="preview"] {
  color: #294a9b;
  background: #e9efff;
  border-color: #6f8fe8;
}

@media (max-width: 520px) {
  :root {
    --environment-utility-right: max(10px, env(safe-area-inset-right));
  }

  .environment-badge {
    bottom: max(10px, env(safe-area-inset-bottom));
  }
}

/* [project]/styles/themes/global.css [app-client] (css) */
:root {
  --signal-info: #28658b;
  --signal-attention: #835713;
  --signal-neutral: #5b6570;
  --signal-destructive: #7152a1;
  --financial-up: #006b3c;
  --financial-down: #bd1735;
  --financial-series-cash: #6d59ae;
  --optionova-global-canvas: #f7f3e8;
  --optionova-global-canvas-image: none;
  --optionova-global-surface: #fffbf2;
  --optionova-global-subtle: #e1e8d8;
  --optionova-global-deep: #213d34;
  --optionova-global-text: #213d34;
  --optionova-global-muted: #657066;
  --optionova-global-border: #d8d9ca;
  --optionova-global-focus: #9a4e32;
  --optionova-global-nav-text: #493f35;
  --optionova-global-summary-opaque: #eadfcd;
  --optionova-global-summary-image: radial-gradient(ellipse at 100% 100%, #ffffff1a, transparent 65%), linear-gradient(315deg, #f1e6d599 0%, #e9dcc899 50%, #e1d1b999 100%);
  --optionova-global-summary-text: #352d24;
  --optionova-global-summary-muted: #514335;
  --optionova-global-summary-positive: #004421;
  --optionova-global-summary-negative: #72051f;
}

html[data-theme="dark"] {
  --signal-info: #98c9e8;
  --signal-attention: #f2c878;
  --signal-neutral: #b4c5cf;
  --signal-destructive: #ceb5f0;
  --financial-up: #36e29b;
  --financial-down: #ff8491;
  --financial-series-cash: #c9b3ed;
  --optionova-global-canvas: #08233b;
  --optionova-global-surface: #16394d;
  --optionova-global-subtle: #214a60;
  --optionova-global-deep: #0b2b42;
  --optionova-global-text: #e7eff4;
  --optionova-global-muted: #bfd1dc;
  --optionova-global-border: #486c7d;
  --optionova-global-focus: #f6d69a;
  --optionova-global-nav-text: #e7eff4;
  --optionova-global-summary-opaque: #c7dce9;
  --optionova-global-canvas-image: linear-gradient(180deg, #08233b 0px, #08233b00 140px), radial-gradient(ellipse at 100% 10%, #28637c66, transparent 65%), linear-gradient(90deg, #061a32, #123c58);
  --optionova-global-summary-image: radial-gradient(ellipse at 0% 0%, #ffffff26, transparent 62%), linear-gradient(135deg, #d8e7f1b8 0%, #c7dce9b0 52%, #bfd3e3a8 100%);
  --optionova-global-summary-text: #0b2638;
  --optionova-global-summary-muted: #102b3d;
  --optionova-global-summary-positive: #004421;
  --optionova-global-summary-negative: #72051f;
}

/* [project]/styles/themes/mobile.css [app-client] (css) */
.mobile-app {
  --brand-lime: #c7f26b;
  --mobile-info: var(--signal-info);
  --mobile-attention: var(--signal-attention);
  --mobile-loss-overflow-surface: #ff334b;
  --mobile-neutral: var(--signal-neutral);
  --mobile-destructive: var(--signal-destructive);
  --mobile-nav-default-shadow: 0 4px 20px #173f4210;
  --mobile-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mobile-font-facts: var(--mobile-font-ui);
  --mobile-font-heading: var(--mobile-font-ui);
  --mobile-type-meta: .75rem;
  --mobile-type-recency: .75rem;
  --mobile-line-meta: 1rem;
  --mobile-type-body: .875rem;
  --mobile-type-heading: 1.25rem;
  --mobile-type-value: 2.125rem;
  --mobile-type-balance: 2.75rem;
  --mobile-line-balance: 3.25rem;
  --mobile-type-supporting-value: 1.625rem;
  --mobile-line-heading: 1.75rem;
  --mobile-line-body: 1.25rem;
  --mobile-type-position-identity: 1rem;
  --mobile-line-position-identity: 1.5rem;
  --mobile-type-position-result: 1.125rem;
  --mobile-type-position-unit: .6875rem;
  --mobile-type-position-detail: 2rem;
  --mobile-line-position-detail: 2.5rem;
  --mobile-weight-medium: 500;
  --mobile-weight-emphasis: 600;
  --mobile-logo-size: 32px;
  --mobile-loading-logo-size: 112px;
  --mobile-brand-ring: var(--brand-lime);
  --mobile-loading-incomplete: #65716a;
  --mobile-loading-shimmer: #e26f66;
  --mobile-loading-complete: var(--signal-info);
  --mobile-loading-complete-description: var(--mobile-text);
  --mobile-currency-selected: var(--mobile-subtle);
  --mobile-currency-selected-foreground: var(--mobile-text);
  --mobile-criterion-logo-size: 48px;
  --mobile-criterion-credit-surface: var(--mobile-subtle);
  --mobile-criterion-expiration-surface: var(--mobile-subtle);
  --mobile-composition-logo-size: 48px;
  --mobile-composition-surface: #45658e;
  --mobile-on-composition: #fff;
  --mobile-on-criterion-expiration: #fff;
  --mobile-on-criterion-expiration-muted: #fff;
  --mobile-on-criterion-expiration-border: #8cbebf;
  --mobile-content-width: 480px;
  --mobile-page-inset: 12px;
  --mobile-panel-gap: 24px;
  --mobile-panel-padding: 20px;
  --mobile-hero-padding: 12px;
  --mobile-tab-stack-gap: 8px;
  --mobile-overview-stack-gap: var(--mobile-tab-stack-gap);
  --mobile-tab-title-inset: 0px;
  --mobile-tab-status-inset: 0px;
  --mobile-overview-content-inset: var(--mobile-tab-title-inset);
  --mobile-summary-radius: 24px;
  --mobile-panel-radius: 18px;
  --mobile-detail-card-surface: color-mix(in srgb, var(--mobile-subtle) 48%, var(--mobile-surface));
  --mobile-detail-card-radius: var(--mobile-panel-radius);
  --mobile-detail-card-padding: var(--mobile-panel-padding);
  --mobile-detail-card-gap: 16px;
  --mobile-detail-sum-rule: color-mix(in srgb, var(--mobile-text) 18%, transparent);
  --mobile-control-radius: 12px;
  --mobile-nav-width: 400px;
  --mobile-nav-radius: 28px;
  --mobile-nav-glass: color-mix(in srgb, var(--mobile-surface) 60%, transparent);
  --mobile-nav-text: #163233;
  --mobile-canvas: #f4f3ed;
  --mobile-canvas-image: var(--optionova-global-canvas-image);
  --mobile-surface: #fffefa;
  --mobile-subtle: #e4ece4;
  --mobile-deep: #173f42;
  --mobile-summary-supporting-surface: #2b5555;
  --mobile-summary-backdrop: transparent;
  --mobile-summary-hero-surface: var(--mobile-deep);
  --mobile-on-deep: #f8f9ef;
  --mobile-history-plot-surface: var(--mobile-deep);
  --mobile-history-grid: #3a6263;
  --mobile-history-plot-height: max(240px, 15rem);
  --mobile-history-axis-width: 36;
  --mobile-history-badge-text: #082335;
  --mobile-market-gain-surface-subtle: color-mix(in srgb,var(--financial-up) 8%,var(--mobile-surface));
  --mobile-market-gain-surface-moderate: color-mix(in srgb,var(--financial-up) 12%,var(--mobile-surface));
  --mobile-market-gain-surface-strong: color-mix(in srgb,var(--financial-up) 16%,var(--mobile-surface));
  --mobile-market-loss-surface-subtle: color-mix(in srgb,var(--financial-down) 8%,var(--mobile-surface));
  --mobile-market-loss-surface-moderate: color-mix(in srgb,var(--financial-down) 12%,var(--mobile-surface));
  --mobile-market-loss-surface-strong: color-mix(in srgb,var(--financial-down) 16%,var(--mobile-surface));
  --mobile-market-gain-foreground: color-mix(in srgb, var(--financial-up) 65%, var(--mobile-text));
  --mobile-market-loss-foreground: color-mix(in srgb, var(--financial-down) 65%, var(--mobile-text));
  --mobile-history-plot-radius: 0px;
  --mobile-history-grid-step: 48px;
  --mobile-history-grid-opacity: .4;
  --mobile-history-selected: var(--mobile-on-deep);
  --mobile-history-control-track: color-mix(in srgb, var(--mobile-deep) 45%, var(--mobile-composition-surface));
  --mobile-history-control-pill: var(--mobile-on-composition);
  --mobile-history-control-text: var(--mobile-on-composition);
  --mobile-history-control-selected-text: var(--mobile-deep);
  --mobile-history-value: var(--financial-up);
  --mobile-history-cash: var(--financial-series-cash);
  --mobile-history-positive: var(--financial-up);
  --mobile-history-negative: var(--financial-down);
  --mobile-history-trend-negative: var(--financial-down);
  --mobile-on-deep-muted: #cfdfd7;
  --mobile-on-deep-control: #2b5555;
  --mobile-on-deep-border: #61817a;
  --mobile-text: #233f3f;
  --mobile-muted: #596b69;
  --mobile-border: #d9dfd7;
  --mobile-accent: #173f42;
  --mobile-on-accent: #f8f9ef;
  --mobile-peach: #faead8;
  --mobile-sage: #e4ece4;
  --mobile-amber: #f6d69a;
  --mobile-on-amber: #4e3b19;
  --mobile-brand-dot: #b27525;
  --mobile-positive: var(--financial-up);
  --mobile-negative: var(--financial-down);
  --mobile-focus: #a65a14;
  --mobile-touch-color: #075456;
}

html[data-theme="dark"] .mobile-app {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --mobile-brand-ring: var(--brand-lime);
  --mobile-loading-incomplete: var(--mobile-muted);
  --mobile-loading-shimmer: var(--brand-lime);
  --mobile-loading-complete: var(--signal-info);
  --mobile-loading-complete-description: var(--mobile-muted);
  --mobile-nav-glass: color-mix(in srgb, var(--mobile-canvas) 30%, transparent);
  --mobile-nav-text: color-mix(in srgb, var(--mobile-text) 40%, var(--mobile-muted));
  --mobile-nav-selected-text: #fff;
  --mobile-market-gain-foreground: color-mix(in srgb, var(--financial-up) 65%, var(--mobile-text));
  --mobile-market-loss-foreground: color-mix(in srgb, var(--financial-down) 65%, var(--mobile-text));
  --mobile-canvas: var(--optionova-global-canvas);
  --mobile-on-deep: var(--optionova-global-text);
  --mobile-on-deep-muted: var(--optionova-global-muted);
  --mobile-on-deep-control: #244d62;
  --mobile-on-deep-border: var(--optionova-global-border);
  --mobile-surface: var(--optionova-global-surface);
  --mobile-subtle: var(--optionova-global-subtle);
  --mobile-deep: var(--optionova-global-deep);
  --mobile-summary-supporting-surface: #163d52;
  --mobile-summary-backdrop: transparent;
  --mobile-summary-hero-surface: transparent;
  --mobile-history-plot-surface: transparent;
  --mobile-history-grid: #355c70;
  --mobile-text: var(--optionova-global-text);
  --mobile-muted: var(--optionova-global-muted);
  --mobile-border: var(--optionova-global-border);
  --mobile-accent: #b8d5c9;
  --mobile-on-accent: #142b2e;
  --mobile-peach: #493c2c;
  --mobile-sage: var(--optionova-global-subtle);
  --mobile-positive: var(--financial-up);
  --mobile-negative: var(--financial-down);
  --mobile-focus: var(--optionova-global-focus);
  --mobile-touch-color: var(--optionova-global-focus);
}

html:not([data-theme="dark"]) .mobile-app {
  --mobile-canvas: var(--optionova-global-canvas);
  --mobile-surface: var(--optionova-global-surface);
  --mobile-subtle: var(--optionova-global-subtle);
  --mobile-deep: var(--optionova-global-deep);
  --mobile-text: var(--optionova-global-text);
  --mobile-muted: var(--optionova-global-muted);
  --mobile-border: var(--optionova-global-border);
  --mobile-accent: #213d34;
  --mobile-on-accent: var(--optionova-global-surface);
  --mobile-nav-text: var(--optionova-global-nav-text);
  --mobile-nav-selected-surface: #e2d2b9cc;
  --mobile-nav-selected-text: #352d24;
  --mobile-nav-glass: #fffaf04d;
  --mobile-nav-shadow: inset 0 1px 0 #fffc, inset 0 0 0 1px #75644f1a, 0 5px 20px #493d2c14;
  --mobile-nav-selected-shadow: inset 0 1px 0 #fff6, inset 0 0 0 1px #75644f1a;
  --mobile-peach: #f2dfcf;
  --mobile-sage: var(--optionova-global-subtle);
  --mobile-amber: #f2dfcf;
  --mobile-on-amber: #9a4e32;
  --mobile-brand-dot: #d9825b;
  --mobile-focus: var(--optionova-global-focus);
  --mobile-touch-color: var(--optionova-global-focus);
  --mobile-composition-surface: var(--optionova-global-deep);
  --mobile-on-composition: var(--optionova-global-surface);
  --mobile-criterion-credit-surface: var(--optionova-global-subtle);
  --mobile-criterion-expiration-surface: #f2dfcf;
  --mobile-on-criterion-expiration: var(--optionova-global-text);
  --mobile-on-criterion-expiration-muted: #546257;
  --mobile-on-criterion-expiration-border: var(--optionova-global-border);
}

html:not([data-theme="dark"]) .mobile-app .mobile-overview-summary {
  --mobile-summary-supporting-surface: var(--optionova-global-subtle);
  --mobile-summary-backdrop: transparent;
  --mobile-summary-hero-surface: transparent;
  --mobile-on-deep: var(--optionova-global-text);
  --mobile-on-deep-muted: var(--optionova-global-muted);
  --mobile-on-deep-control: #e1e8d8;
  --mobile-on-deep-border: var(--optionova-global-border);
  --mobile-history-plot-surface: transparent;
  --mobile-history-grid: #b8c1b2;
  --mobile-history-selected: #0e432d;
  --mobile-history-badge-text: var(--optionova-global-surface);
  --mobile-history-value: var(--financial-up);
  --mobile-history-cash: var(--financial-series-cash);
  --mobile-history-positive: var(--financial-up);
  --mobile-history-negative: var(--financial-down);
  --mobile-history-trend-negative: var(--financial-down);
  --mobile-history-line-width: 3;
  --mobile-history-control-track: #e1e8d8;
  --mobile-history-control-pill: var(--optionova-global-deep);
  --mobile-history-control-text: var(--optionova-global-text);
  --mobile-history-control-selected-text: var(--optionova-global-surface);
}

html:not([data-theme="dark"]) .mobile-app .mobile-criterion-credit {
  --mobile-deep: #fffbf2;
  --mobile-on-deep: var(--optionova-global-text);
  --mobile-on-deep-muted: #546257;
  --mobile-on-deep-border: var(--optionova-global-border);
}

html:not([data-theme="dark"]) .mobile-app .mobile-overview-distribution {
  --mobile-subtle: #4d655b;
}

.mobile-app .mobile-overview-summary .mobile-metrics {
  --mobile-metric-card-surface: var(--mobile-summary-supporting-surface);
  --mobile-metric-card-image: none;
  --mobile-metric-card-foreground: var(--mobile-on-deep);
  --mobile-metric-card-muted: var(--mobile-on-deep-muted);
  --mobile-metric-card-positive: var(--mobile-history-positive);
  --mobile-metric-card-negative: var(--mobile-history-negative);
  --mobile-metric-card-gap: 12px;
  --mobile-metric-card-padding: 16px;
  --mobile-metric-card-min-height: 104px;
  --mobile-metric-card-shadow: none;
}

html:not([data-theme="dark"]) .mobile-app .mobile-overview-summary .mobile-metrics {
  --mobile-metric-card-surface: transparent;
  --mobile-metric-card-foreground: var(--optionova-global-summary-text);
  --mobile-metric-card-muted: var(--optionova-global-summary-muted);
  --mobile-metric-card-positive: var(--optionova-global-summary-positive);
  --mobile-metric-card-negative: var(--optionova-global-summary-negative);
  --mobile-metric-card-image: var(--optionova-global-summary-image);
  --mobile-metric-card-shadow: inset 0 1px 0 #ffffff73, inset 0 0 0 1px #243b4b14, 0 5px 12px #243b4b0f;
}

html[data-theme="dark"] .mobile-app .mobile-overview-summary .mobile-metrics {
  --mobile-metric-card-surface: transparent;
  --mobile-metric-card-image: var(--optionova-global-summary-image);
  --mobile-metric-card-foreground: var(--optionova-global-summary-text);
  --mobile-metric-card-muted: var(--optionova-global-summary-muted);
  --mobile-metric-card-positive: var(--optionova-global-summary-positive);
  --mobile-metric-card-negative: var(--optionova-global-summary-negative);
  --mobile-metric-card-min-height: 112px;
  --mobile-metric-card-shadow: inset 0 1px 0 #ffffff3d, 0 4px 10px #02152614;
}

html[data-theme="dark"] .mobile-app .mobile-overview-summary {
  --mobile-history-control-track: #02152666;
  --mobile-history-control-pill: #e7eff4e6;
}

@media (prefers-reduced-transparency: reduce), (forced-colors: active) {
  html:not([data-theme="dark"]) .mobile-app {
    --mobile-nav-selected-surface: #e2d2b9;
  }

  html:not([data-theme="dark"]) .mobile-app .mobile-overview-summary .mobile-metrics {
    --mobile-metric-card-surface: var(--optionova-global-summary-opaque);
    --mobile-metric-card-image: none;
    --mobile-metric-card-shadow: none;
  }

  html[data-theme="dark"] .mobile-app .mobile-overview-summary {
    --mobile-history-control-track: #183d52;
    --mobile-history-control-pill: #e7eff4;
  }

  html[data-theme="dark"] .mobile-app .mobile-overview-summary .mobile-metrics {
    --mobile-metric-card-surface: var(--optionova-global-summary-opaque);
    --mobile-metric-card-image: none;
  }
}

html[data-theme="dark"] .mobile-app {
  --mobile-canvas-image: var(--optionova-global-canvas-image);
}

html[data-theme="dark"]:has(.mobile-runtime, .mobile-startup) {
  --mobile-canvas-image: var(--optionova-global-canvas-image);
}

:is(html:has(.mobile-runtime, .mobile-startup), body:has(.mobile-runtime, .mobile-startup)) {
  background: var(--optionova-global-canvas);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

html[data-theme="dark"]:has(.mobile-runtime, .mobile-startup) {
  background: var(--optionova-global-canvas);
  background-image: var(--mobile-canvas-image);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html[data-theme="dark"] body:has(.mobile-runtime, .mobile-startup) {
  background: var(--optionova-global-canvas);
  background-image: var(--mobile-canvas-image);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

/* [project]/styles/96-mobile-tokens.css [app-client] (css) */


/* [project]/styles/98-mobile-startup.css [app-client] (css) */
.mobile-runtime {
  min-height: 100dvh;
}

.mobile-prepared-panel[data-active="false"] {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 100px;
  left: 14px;
  right: 14px;
}

.mobile-prepared-panel[data-active="false"] * {
  visibility: hidden !important;
}

.mobile-prepared-panel[data-panel="news"][data-active="false"] {
  inset: 0;
}

.mobile-startup.mobile-app {
  z-index: 100000;
  min-height: 100dvh;
  padding: max(24px,env(safe-area-inset-top, 0px)) 24px max(64px,env(safe-area-inset-bottom, 0px));
  background: var(--mobile-canvas);
  background-image: var(--mobile-canvas-image);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.mobile-preparation img {
  width: var(--mobile-loading-logo-size, 112px);
  height: var(--mobile-loading-logo-size, 112px);
  background: none;
  border-radius: 0;
}

.mobile-loading-mark {
  width: var(--mobile-loading-logo-size, 112px);
  height: var(--mobile-loading-logo-size, 112px);
  flex-shrink: 0;
  line-height: 0;
  display: block;
}

.mobile-loading-mark .mobile-loading-logo-light {
  display: block;
}

.mobile-loading-mark .mobile-loading-logo-dark, html[data-theme="dark"] .mobile-loading-mark .mobile-loading-logo-light {
  display: none;
}

html[data-theme="dark"] .mobile-loading-mark .mobile-loading-logo-dark {
  display: block;
}

.mobile-preparation {
  font-family: var(--mobile-font-ui, system-ui,sans-serif);
  color: var(--mobile-text);
}

.mobile-preparation p {
  white-space: pre-line;
  max-width: 320px;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}

.mobile-preparation p[data-default-message="true"] {
  font-size: round(nearest,var(--mobile-type-heading),1px);
  font-weight: 600;
  line-height: round(1.75rem, 1px);
}

.mobile-startup-spinner {
  border: 2px solid var(--mobile-subtle);
  border-top-color: var(--mobile-accent);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: .8s linear infinite mobile-startup-spin;
}

@keyframes mobile-startup-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-startup-spinner {
    animation: none;
  }
}

.mobile-runtime #mobile-main {
  position: relative;
}

.mobile-prepared-panel[data-active="false"]:not([data-panel="news"]) {
  left: 18px;
  right: 18px;
}

.mobile-prepared-panel:not([data-panel="news"]) {
  font-family: var(--mobile-font-ui);
}

.mobile-prepared-panel[data-active="false"] {
  height: calc(100dvh - 100px);
  overflow: hidden;
}

.mobile-prepared-panel[data-panel="news"][data-active="false"] {
  height: 100dvh;
}

.mobile-preloader-page.mobile-preparation {
  min-height: calc(100dvh - var(--mobile-navigation-clearance, 0px) - var(--ion-safe-area-top, 0px) - 28px);
  text-align: center;
  box-sizing: border-box;
  background: var(--mobile-canvas);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 24px;
  display: flex;
}

.mobile-loading-steps {
  text-align: left;
  align-content: start;
  gap: 0;
  width: min(100%, 320px);
  min-height: 144px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.mobile-loading-steps li {
  min-height: 36px;
  color: var(--mobile-text);
  align-items: center;
  gap: 12px;
  font-size: round(.9375rem, 1px);
  line-height: round(1.375rem, 1px);
  display: flex;
}

.mobile-loading-steps .ph {
  color: var(--mobile-loading-incomplete);
  flex-shrink: 0;
  font-size: 24px;
}

.mobile-loading-steps li[data-state="preparing"] {
  color: var(--mobile-text);
}

.mobile-loading-steps li[data-state="preparing"] .ph {
  color: var(--mobile-loading-complete);
}

.mobile-loading-steps li[data-state="ready"] {
  color: var(--mobile-loading-complete-description);
}

.mobile-loading-steps li[data-state="ready"] .ph, .mobile-loading-steps li[data-state="ready"] small {
  color: var(--mobile-loading-complete);
}

.mobile-loading-steps li[data-state="waiting"], .mobile-loading-steps li:is([data-state="preparing"], [data-state="waiting"]) small {
  color: var(--mobile-loading-incomplete);
}

.mobile-loading-step-icon {
  flex: none;
  width: 24px;
  height: 24px;
  display: grid;
}

.mobile-loading-step-icon > .ph {
  grid-area: 1 / 1;
  transition: opacity .5s, color .5s;
}

.mobile-loading-step-icon > .ph-check-circle-fill, .mobile-loading-steps li[data-state="ready"] .mobile-loading-step-icon > .ph:first-child {
  opacity: 0;
}

.mobile-loading-steps li[data-state="ready"] .mobile-loading-step-icon > .ph-check-circle-fill {
  opacity: 1;
}

.mobile-loading-steps li span, .mobile-loading-steps li small {
  transition: color .5s;
}

@media (prefers-reduced-motion: reduce) {
  .mobile-loading-step-icon > .ph, .mobile-loading-steps li span, .mobile-loading-steps li small {
    transition: none;
  }
}

.mobile-loading-steps li span {
  flex: 1;
  min-width: 0;
}

.mobile-loading-steps li small {
  font: inherit;
  text-align: right;
  min-width: 5.5rem;
  color: var(--mobile-muted);
  white-space: nowrap;
  flex: none;
  font-size: round(.8125rem, 1px);
  line-height: round(1.125rem, 1px);
}

.mobile-loading-steps li {
  container-type: inline-size;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) and (width: 1cqw) {
  @media (prefers-reduced-motion: no-preference) and (forced-colors: none) {
    .mobile-loading-steps li[data-state="preparing"] {
      --mobile-loading-sweep: linear-gradient(90deg,var(--mobile-loading-incomplete) 40%,var(--mobile-loading-shimmer) 50%,var(--mobile-loading-incomplete) 60%);
      background-image: var(--mobile-loading-sweep);
      -webkit-text-fill-color: transparent;
      background-position: 100% 0;
      background-size: 300% 100%;
      -webkit-background-clip: text;
      background-clip: text;
      animation: 4s ease-in-out infinite mobile-loading-status-sweep;
    }

    .mobile-loading-steps li[data-state="preparing"] .ph:before {
      background-image: var(--mobile-loading-sweep);
      background-color: #0000;
      background-position: -200cqw 0;
      background-size: 300cqw 100%;
      animation: 4s ease-in-out infinite mobile-loading-icon-sweep;
    }
  }
}

@keyframes mobile-loading-status-sweep {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes mobile-loading-icon-sweep {
  from {
    background-position: -200cqw 0;
  }

  to {
    background-position: 0 0;
  }
}

.mobile-startup.mobile-app {
  justify-content: flex-start;
  overflow-y: auto;
}

.mobile-startup > :first-child {
  flex-shrink: 0;
  margin-top: auto;
}

.mobile-startup > :last-child {
  margin-bottom: auto;
}

.mobile-startup-spinner {
  flex-shrink: 0;
}

html[data-theme="dark"] .mobile-app .mobile-preloader-page {
  background: none;
}

.mobile-startup:focus-visible > p {
  text-underline-offset: 4px;
  text-decoration: underline;
}

.mobile-orientation-guard {
  z-index: 2147483647;
  width: 100%;
  max-width: none;
  height: 100dvh;
  max-height: none;
  padding: max(24px,env(safe-area-inset-top, 0px)) max(24px,env(safe-area-inset-right, 0px)) max(24px,env(safe-area-inset-bottom, 0px)) max(24px,env(safe-area-inset-left, 0px));
  box-sizing: border-box;
  background: var(--mobile-canvas);
  background-image: var(--mobile-canvas-image);
  color: var(--mobile-text);
  text-align: center;
  border: 0;
  border-radius: 0;
  place-items: center;
  margin: 0;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.mobile-orientation-guard[open] {
  display: grid;
}

.mobile-orientation-guard::backdrop {
  background: var(--mobile-canvas);
}

.mobile-orientation-guard > div {
  max-width: 360px;
  margin: auto;
}

.mobile-orientation-mark {
  background: var(--mobile-brand-ring);
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  display: block;
  -webkit-mask: url("/assets/images/brand/optionova-transparent-icon.png") center / contain no-repeat;
  mask: url("/assets/images/brand/optionova-transparent-icon.png") center / contain no-repeat;
}

.mobile-orientation-guard h2 {
  font: 600 round(nearest,var(--mobile-type-heading),1px)/round(nearest,1.75rem,1px) var(--mobile-font-ui);
  margin: 0 0 12px;
}

.mobile-orientation-guard h2:focus {
  outline: none;
}

.mobile-orientation-guard p {
  font: 500 round(nearest,var(--mobile-type-body),1px)/round(nearest,1.5rem,1px) var(--mobile-font-ui);
  color: var(--mobile-muted);
  margin: 0;
}

/*# sourceMappingURL=_0d5pzcg._.css.map*/