/**
 * OkDak Liquid Glass — cohérent sur tout le site
 * Teinte chaude naturelle · hover accent · peu de blanc
 */

:root {
  --okdak-liquid-refraction: 0.55;
  --okdak-liquid-sheen: 0.22;
  --okdak-liquid-rim: 0.28;
  --okdak-liquid-depth: 0.22;
  --okdak-liquid-glow: 0.08;
  --okdak-liquid-highlight: 255, 244, 232;
  --okdak-liquid-accent-glow: var(--okdak-accent-rgb, 224, 92, 46);
}

#okdakLiquidGlassCanvas,
.okdak-lg__canvas {
  display: none !important;
}

/* Pas de double reflet blanc (apple-glass ::before) */
html.okdak-liquid-glass-on .glass-surface::before,
html.okdak-liquid-glass-on .glass-card::before,
html.okdak-liquid-glass-on .glass-panel::before,
html.okdak-liquid-glass-on .glass-toolbar::before,
html.okdak-liquid-glass-on .glass-chrome::before,
html.okdak-liquid-glass-on .glass-liquid::before {
  display: none !important;
}

/* ========== Surfaces unifiées — toutes les pages ========== */
html.okdak-liquid-glass-on .index-topbar,
html.okdak-liquid-glass-on .start-header,
html.okdak-liquid-glass-on .search-landing-topbar,
html.okdak-liquid-glass-on .search-landing-header,
html.okdak-liquid-glass-on .index-bg-picker__panel,
html.okdak-liquid-glass-on .index-bg-picker__btn,
html.okdak-liquid-glass-on .index-topbar__auth,
html.okdak-liquid-glass-on #themeToggle.theme-toggle,
html.okdak-liquid-glass-on .okdak-top-actions__btn,
html.okdak-liquid-glass-on .index-cta-studio,
html.okdak-liquid-glass-on .index-faq__item,
html.okdak-liquid-glass-on .glass-surface,
html.okdak-liquid-glass-on .glass-card,
html.okdak-liquid-glass-on .glass-liquid,
html.okdak-liquid-glass-on .glass-panel,
html.okdak-liquid-glass-on .glass-chrome,
html.okdak-liquid-glass-on .glass-toolbar,
html.okdak-liquid-glass-on .card,
html.okdak-liquid-glass-on .auth-card,
html.okdak-liquid-glass-on .auth-panel,
html.okdak-liquid-glass-on .auth-benefit-card,
html.okdak-liquid-glass-on .auth-modal__card,
html.okdak-liquid-glass-on .popup-content,
html.okdak-liquid-glass-on .presentation-panel,
html.okdak-liquid-glass-on .dropdown-content,
html.okdak-liquid-glass-on .feed-post,
html.okdak-liquid-glass-on .feed-nav-shell,
html.okdak-liquid-glass-on .feed-toolbar,
html.okdak-liquid-glass-on .feed-publish-panel,
html.okdak-liquid-glass-on .feed-search-panel,
html.okdak-liquid-glass-on .feed-advanced-panel,
html.okdak-liquid-glass-on .feed-onboarding__card,
html.okdak-liquid-glass-on .explorer-card,
html.okdak-liquid-glass-on .explorer-nav-shell,
html.okdak-liquid-glass-on .explorer-onboarding__card,
html.okdak-liquid-glass-on .dashboard-card,
html.okdak-liquid-glass-on .dashboard-header,
html.okdak-liquid-glass-on .dash-nav,
html.okdak-liquid-glass-on .dash-tour__card,
html.okdak-liquid-glass-on .dash-onboarding__card,
html.okdak-liquid-glass-on .start-card,
html.okdak-liquid-glass-on .start-panel,
html.okdak-liquid-glass-on .start-usecases__card,
html.okdak-liquid-glass-on .start-mobile-nav,
html.okdak-liquid-glass-on .benefit-card,
html.okdak-liquid-glass-on .feature-card,
html.okdak-liquid-glass-on .stat-card,
html.okdak-liquid-glass-on .status-card,
html.okdak-liquid-glass-on .usage-card,
html.okdak-liquid-glass-on .vis-card,
html.okdak-liquid-glass-on .meet-card,
html.okdak-liquid-glass-on .meet-lobby-card,
html.okdak-liquid-glass-on .meet-participants-panel,
html.okdak-liquid-glass-on .okdak-help__bubble,
html.okdak-liquid-glass-on .home-project-shell.glass-liquid,
html.okdak-liquid-glass-on .home-phase-hero.glass-liquid,
html.okdak-liquid-glass-on .home-publish-modal__panel,
html.okdak-liquid-glass-on .home-studio-share-modal__panel,
html.okdak-liquid-glass-on .home-start-subpanel.glass-card,
html.okdak-liquid-glass-on .static-site-panel.glass-card,
html.okdak-liquid-glass-on .home-publish-hub.glass-card,
html.okdak-liquid-glass-on .home-onboarding__card,
html.okdak-liquid-glass-on .app-menu,
html.okdak-liquid-glass-on .modal-content,
html.okdak-liquid-glass-on .messages-site-nav,
html.okdak-liquid-glass-on .msg-nav-shell,
html.okdak-liquid-glass-on .msg-onboarding__card,
html.okdak-liquid-glass-on .sidebar-content,
html.okdak-liquid-glass-on .chat-header,
html.okdak-liquid-glass-on .profil-nav-shell,
html.okdak-liquid-glass-on .profil-panel,
html.okdak-liquid-glass-on .profil-onboarding__card,
html.okdak-liquid-glass-on .admin-topbar,
html.okdak-liquid-glass-on .admin-sidebar,
html.okdak-liquid-glass-on .admin-tool-card,
html.okdak-liquid-glass-on .admin-tools-panel,
html.okdak-liquid-glass-on .console-topbar,
html.okdak-liquid-glass-on .console-panel,
html.okdak-liquid-glass-on .console-toolbar,
html.okdak-liquid-glass-on .analytics-sidebar,
html.okdak-liquid-glass-on .terre-header,
html.okdak-liquid-glass-on .support-header,
html.okdak-liquid-glass-on .support-success-card,
html.okdak-liquid-glass-on .abonnement-onboarding__card,
html.okdak-liquid-glass-on .okdak-qr-modal__panel,
html.okdak-liquid-glass-on .conference-modal-card,
html.okdak-liquid-glass-on .site-contact-card,
html.okdak-liquid-glass-on .menu-button {
  background-color: rgba(
    var(--okdak-surface-rgb, 22, 20, 18),
    calc(0.32 + var(--okdak-surface-alpha, 0.55) * 0.38)
  ) !important;
  background-image: linear-gradient(
    160deg,
    rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-sheen) * 0.45)) 0%,
    rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-sheen) * 0.08)) 40%,
    transparent 70%
  ) !important;
  border-color: rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.35)) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.55)),
    inset 1px 0 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.18)),
    0 10px 32px rgba(0, 0, 0, 0.2) !important;
  -webkit-backdrop-filter:
    blur(var(--okdak-surface-blur, 22px))
    saturate(calc(var(--okdak-surface-saturate, 155%) + 10%))
    brightness(1.02) !important;
  backdrop-filter:
    blur(var(--okdak-surface-blur, 22px))
    saturate(calc(var(--okdak-surface-saturate, 155%) + 10%))
    brightness(1.02) !important;
  transition:
    background-color 0.28s var(--apple-ease, ease),
    border-color 0.28s var(--apple-ease, ease),
    box-shadow 0.28s var(--apple-ease, ease);
}

/* Hover — teinte accent, pas flash blanc */
html.okdak-liquid-glass-on .card:hover,
html.okdak-liquid-glass-on .glass-card:hover,
html.okdak-liquid-glass-on .glass-surface:hover,
html.okdak-liquid-glass-on .index-cta-studio:hover,
html.okdak-liquid-glass-on .explorer-card:hover,
html.okdak-liquid-glass-on .feed-post:hover,
html.okdak-liquid-glass-on .dashboard-card:hover,
html.okdak-liquid-glass-on .start-card:hover,
html.okdak-liquid-glass-on .benefit-card:hover,
html.okdak-liquid-glass-on .feature-card:hover,
html.okdak-liquid-glass-on .meet-card:hover,
html.okdak-liquid-glass-on .admin-tool-card:hover,
html.okdak-liquid-glass-on .vis-card:hover,
html.okdak-liquid-glass-on .stat-card:hover,
html.okdak-liquid-glass-on .index-bg-picker__btn:hover,
html.okdak-liquid-glass-on #themeToggle.theme-toggle:hover,
html.okdak-liquid-glass-on .index-topbar__auth:hover,
html.okdak-liquid-glass-on .okdak-top-actions__btn:hover,
html.okdak-liquid-glass-on .menu-button:hover {
  background-color: rgba(
    var(--okdak-surface-rgb, 22, 20, 18),
    calc(0.38 + var(--okdak-surface-alpha, 0.55) * 0.4)
  ) !important;
  background-image: linear-gradient(
    160deg,
    rgba(var(--okdak-liquid-accent-glow), 0.1) 0%,
    rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-sheen) * 0.2)) 35%,
    transparent 72%
  ) !important;
  border-color: color-mix(
    in srgb,
    rgba(var(--okdak-liquid-accent-glow), 0.35) 55%,
    rgba(var(--okdak-liquid-highlight), 0.2)
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.4)),
    inset 0 0 0 1px rgba(var(--okdak-liquid-accent-glow), 0.08),
    0 12px 36px rgba(0, 0, 0, 0.24) !important;
}

html[data-okdak-theme="light"].okdak-liquid-glass-on .index-topbar,
html[data-okdak-theme="light"].okdak-liquid-glass-on .start-header,
html[data-okdak-theme="light"].okdak-liquid-glass-on .glass-card,
html[data-okdak-theme="light"].okdak-liquid-glass-on .glass-liquid,
html[data-okdak-theme="light"].okdak-liquid-glass-on .glass-surface,
html[data-okdak-theme="light"].okdak-liquid-glass-on .card,
html[data-okdak-theme="light"].okdak-liquid-glass-on .auth-card,
html[data-okdak-theme="light"].okdak-liquid-glass-on .auth-panel,
html[data-okdak-theme="light"].okdak-liquid-glass-on .index-bg-picker__panel,
html[data-okdak-theme="light"].okdak-liquid-glass-on .index-cta-studio,
html[data-okdak-theme="light"].okdak-liquid-glass-on .home-project-shell.glass-liquid,
html[data-okdak-theme="light"].okdak-liquid-glass-on .home-phase-hero.glass-liquid,
html[data-okdak-theme="light"].okdak-liquid-glass-on .dashboard-header,
html[data-okdak-theme="light"].okdak-liquid-glass-on .dashboard-card,
html[data-okdak-theme="light"].okdak-liquid-glass-on .feed-nav-shell,
html[data-okdak-theme="light"].okdak-liquid-glass-on .feed-post,
html[data-okdak-theme="light"].okdak-liquid-glass-on .messages-site-nav,
html[data-okdak-theme="light"].okdak-liquid-glass-on .profil-nav-shell,
html[data-okdak-theme="light"].okdak-liquid-glass-on .profil-panel,
html[data-okdak-theme="light"].okdak-liquid-glass-on .admin-topbar,
html[data-okdak-theme="light"].okdak-liquid-glass-on .console-topbar,
html[data-okdak-theme="light"].okdak-liquid-glass-on .meet-card,
html[data-okdak-theme="light"].okdak-liquid-glass-on .explorer-card {
  background-color: rgba(255, 252, 248, calc(0.55 + var(--okdak-surface-alpha, 0.55) * 0.32)) !important;
  background-image: linear-gradient(
    165deg,
    rgba(255, 248, 240, 0.5) 0%,
    rgba(255, 255, 255, 0.12) 45%,
    transparent 75%
  ) !important;
  border-color: rgba(40, 28, 18, 0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 248, 0.8),
    0 10px 28px rgba(20, 16, 12, 0.08) !important;
}

html[data-okdak-theme="light"].okdak-liquid-glass-on .card:hover,
html[data-okdak-theme="light"].okdak-liquid-glass-on .glass-card:hover,
html[data-okdak-theme="light"].okdak-liquid-glass-on .index-cta-studio:hover,
html[data-okdak-theme="light"].okdak-liquid-glass-on .explorer-card:hover,
html[data-okdak-theme="light"].okdak-liquid-glass-on .dashboard-card:hover,
html[data-okdak-theme="light"].okdak-liquid-glass-on .feed-post:hover,
html[data-okdak-theme="light"].okdak-liquid-glass-on .meet-card:hover {
  background-color: rgba(255, 250, 245, calc(0.62 + var(--okdak-surface-alpha, 0.55) * 0.28)) !important;
  background-image: linear-gradient(
    160deg,
    rgba(var(--okdak-liquid-accent-glow), 0.08) 0%,
    rgba(255, 248, 240, 0.35) 40%,
    transparent 75%
  ) !important;
  border-color: color-mix(in srgb, rgba(var(--okdak-liquid-accent-glow), 0.28), rgba(0, 0, 0, 0.06)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 248, 0.7),
    0 12px 32px rgba(20, 16, 12, 0.1) !important;
}

/* ========== Couches (surfaces visibles) ========== */
html.okdak-liquid-glass-on .okdak-lg {
  position: relative;
  isolation: isolate;
  /* overflow hidden coupe menus / chevrons — seulement sur petits contrôles */
  overflow: visible;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-color: rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.32)) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.5)),
    0 12px 36px rgba(0, 0, 0, 0.2) !important;
}

html.okdak-liquid-glass-on .menu-button.okdak-lg,
html.okdak-liquid-glass-on .okdak-top-actions__btn.okdak-lg,
html.okdak-liquid-glass-on .index-bg-picker__btn.okdak-lg,
html.okdak-liquid-glass-on #themeToggle.theme-toggle.okdak-lg {
  overflow: hidden;
}

html.okdak-liquid-glass-on .index-topbar.okdak-lg,
html.okdak-liquid-glass-on .start-header.okdak-lg,
html.okdak-liquid-glass-on .messages-site-nav.okdak-lg,
html.okdak-liquid-glass-on .admin-topbar.okdak-lg,
html.okdak-liquid-glass-on .console-topbar.okdak-lg {
  overflow: visible;
}

html.okdak-liquid-glass-on .okdak-lg__frost {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  transform: translateZ(0);
  background: rgba(
    var(--okdak-surface-rgb, 22, 20, 18),
    calc(0.28 + var(--okdak-surface-alpha, 0.55) * 0.28)
  );
  -webkit-backdrop-filter:
    blur(calc(var(--okdak-surface-blur, 22px) * 1.05))
    saturate(calc(var(--okdak-surface-saturate, 155%) + 12%));
  backdrop-filter:
    blur(calc(var(--okdak-surface-blur, 22px) * 1.05))
    saturate(calc(var(--okdak-surface-saturate, 155%) + 12%));
}

/* Displacement SVG désactivé : trop instable sur le Studio */
html.okdak-liquid-glass-on[data-okdak-engine="chromium"] .okdak-lg__frost {
  -webkit-backdrop-filter:
    blur(calc(var(--okdak-surface-blur, 22px) * 1.05))
    saturate(calc(var(--okdak-surface-saturate, 155%) + 12%));
  backdrop-filter:
    blur(calc(var(--okdak-surface-blur, 22px) * 1.05))
    saturate(calc(var(--okdak-surface-saturate, 155%) + 12%));
}

html.okdak-liquid-glass-on .okdak-lg__shine {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(
      120% 75% at 10% 0%,
      rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-sheen) * 0.55)) 0%,
      rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-sheen) * 0.12)) 30%,
      transparent 55%
    ),
    linear-gradient(
      180deg,
      rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-sheen) * 0.14)) 0%,
      transparent 38%
    );
  box-shadow:
    inset 0 1px 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.55)),
    inset 1px 0 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.2)),
    inset -1px 0 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.1)),
    inset 0 -14px 28px rgba(0, 0, 0, calc(var(--okdak-liquid-depth) * 0.45)),
    inset 0 12px 22px rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-glow) * 0.35));
  opacity: 0.85;
  transition: opacity 0.28s var(--apple-ease, ease), box-shadow 0.28s var(--apple-ease, ease);
}

html.okdak-liquid-glass-on .okdak-lg:hover > .okdak-lg__shine {
  opacity: 1;
  background:
    radial-gradient(
      115% 70% at 12% 0%,
      rgba(var(--okdak-liquid-accent-glow), 0.12) 0%,
      rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-sheen) * 0.35)) 28%,
      transparent 58%
    ),
    linear-gradient(
      180deg,
      rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-sheen) * 0.12)) 0%,
      transparent 40%
    );
  box-shadow:
    inset 0 1px 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.45)),
    inset 0 0 0 1px rgba(var(--okdak-liquid-accent-glow), 0.1),
    inset 0 -12px 24px rgba(0, 0, 0, calc(var(--okdak-liquid-depth) * 0.35));
}

/* Ne force PAS position:relative sur tous les enfants (cassait flex / éditeur) */
html.okdak-liquid-glass-on .okdak-lg > .okdak-lg__frost,
html.okdak-liquid-glass-on .okdak-lg > .okdak-lg__shine {
  z-index: 0;
}

html.okdak-liquid-glass-on .okdak-lg > :not(.okdak-lg__frost):not(.okdak-lg__shine) {
  position: relative;
  z-index: 2;
}

/* Home : enfants flex/grid gardent leur layout — z-index seulement */
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-project-shell.okdak-lg,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-phase-hero.okdak-lg,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-publish-modal__panel.okdak-lg,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-studio-share-modal__panel.okdak-lg,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-onboarding__card.okdak-lg {
  overflow: hidden;
  border-radius: var(--apple-radius-card, 16px);
}

/* Ne jamais liquid-wrapper l’éditeur / preview même si une vieille classe reste */
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-code-main,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .preview-section,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .CodeMirror,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-tech-card,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-media-card {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-code-main.okdak-lg,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .preview-section.okdak-lg {
  /* si wrap accidentel : neutraliser */
  isolation: auto;
  background: var(--okdak-surface-bg, rgba(22, 20, 18, 0.9)) !important;
}

html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-code-main.okdak-lg > .okdak-lg__frost,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .home-code-main.okdak-lg > .okdak-lg__shine,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .preview-section.okdak-lg > .okdak-lg__frost,
html[data-okdak-liquid-scope="home"].okdak-liquid-glass-on .preview-section.okdak-lg > .okdak-lg__shine {
  display: none !important;
}

html[data-okdak-theme="light"].okdak-liquid-glass-on .okdak-lg__frost {
  background: rgba(255, 252, 248, calc(0.42 + var(--okdak-surface-alpha, 0.55) * 0.36));
}

html[data-okdak-theme="light"].okdak-liquid-glass-on .okdak-lg {
  border-color: rgba(40, 28, 18, 0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 252, 248, 0.85),
    0 10px 28px rgba(20, 16, 12, 0.08) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.okdak-liquid-glass-on .okdak-lg__shine,
  html.okdak-liquid-glass-on .card,
  html.okdak-liquid-glass-on .glass-card {
    transition: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  html.okdak-liquid-glass-on .index-topbar,
  html.okdak-liquid-glass-on .glass-card,
  html.okdak-liquid-glass-on .glass-liquid,
  html.okdak-liquid-glass-on .card,
  html.okdak-liquid-glass-on .auth-card,
  html.okdak-liquid-glass-on .dashboard-card,
  html.okdak-liquid-glass-on .feed-post {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background-color: var(--okdak-surface-bg-strong, rgba(32, 28, 26, 0.94)) !important;
    background-image: none !important;
  }
  html.okdak-liquid-glass-on .okdak-lg__frost {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: var(--okdak-surface-bg-strong, rgba(32, 28, 26, 0.94)) !important;
  }
  html.okdak-liquid-glass-on .okdak-lg__shine {
    display: none;
  }
}

/* Index lanceur — pas de glass sur les wrappers .card, seulement sur les squircles */
html.okdak-liquid-glass-on body.index-launch .card,
html.okdak-liquid-glass-on body.index-launch .card:hover,
html[data-okdak-theme="light"].okdak-liquid-glass-on body.index-launch .card,
html[data-okdak-theme="light"].okdak-liquid-glass-on body.index-launch .card:hover {
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.okdak-liquid-glass-on body.index-launch .index-launch__icon {
  border-color: rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.55)) !important;
}

html.okdak-liquid-glass-on body.index-launch .index-launch__icon.okdak-lg {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--okdak-liquid-highlight), calc(var(--okdak-liquid-rim) * 0.65)),
    0 10px 22px rgba(0, 0, 0, 0.28) !important;
}

html.okdak-liquid-glass-on body.index-launch .index-launch__icon.okdak-lg::before,
html.okdak-liquid-glass-on body.index-launch .index-launch__icon.okdak-lg::after {
  display: none;
}

html.okdak-liquid-glass-on body.index-launch .index-launch__icon.okdak-lg > .okdak-lg__frost {
  border-radius: inherit;
  background:
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.06) 55%,
      rgba(22, 20, 18, 0.12) 100%
    );
  -webkit-backdrop-filter:
    blur(calc(var(--okdak-surface-blur, 22px) * 0.95))
    saturate(calc(var(--okdak-surface-saturate, 155%) + 10%))
    brightness(1.04);
  backdrop-filter:
    blur(calc(var(--okdak-surface-blur, 22px) * 0.95))
    saturate(calc(var(--okdak-surface-saturate, 155%) + 10%))
    brightness(1.04);
}

html.okdak-liquid-glass-on[data-okdak-engine="chromium"] body.index-launch .index-launch__icon.okdak-lg > .okdak-lg__frost {
  -webkit-backdrop-filter:
    blur(calc(var(--okdak-surface-blur, 22px) * 0.4))
    url(#okdakLgLens)
    saturate(calc(var(--okdak-surface-saturate, 155%) + 22%))
    brightness(1.07);
  backdrop-filter:
    blur(calc(var(--okdak-surface-blur, 22px) * 0.4))
    url(#okdakLgLens)
    saturate(calc(var(--okdak-surface-saturate, 155%) + 22%))
    brightness(1.07);
}

html.okdak-liquid-glass-on body.index-launch .index-launch__icon.okdak-lg > .okdak-lg__shine {
  border-radius: inherit;
  opacity: 0.95;
}

html[data-okdak-theme="light"].okdak-liquid-glass-on body.index-launch .index-launch__icon.okdak-lg > .okdak-lg__frost {
  background:
    linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.55) 0%,
      rgba(255, 252, 248, 0.35) 55%,
      rgba(255, 255, 255, 0.18) 100%
    );
}