/*
 * otDiary Floating Glass System — 1.9.6
 *
 * Global material for floating navigation, menus, modals, sheets,
 * popovers, search surfaces, media overlays and tooltips.
 */

:root {
  --otd-glass-bg:
    radial-gradient(
      125% 95% at 12% -12%,
      rgba(255, 255, 255, .25) 0%,
      rgba(255, 255, 255, .075) 34%,
      transparent 58%
    ),
    radial-gradient(
      92% 78% at 106% 116%,
      rgba(124, 168, 255, .105) 0%,
      transparent 62%
    ),
    linear-gradient(
      138deg,
      rgba(255, 255, 255, .105) 0%,
      rgba(255, 255, 255, .032) 42%,
      rgba(0, 0, 0, .10) 100%
    ),
    rgba(22, 23, 27, .27);
  --otd-glass-bg-deep:
    radial-gradient(
      120% 95% at 14% -10%,
      rgba(255, 255, 255, .18) 0%,
      transparent 52%
    ),
    linear-gradient(
      140deg,
      rgba(255, 255, 255, .075) 0%,
      rgba(0, 0, 0, .11) 100%
    ),
    rgba(12, 13, 16, .36);
  --otd-glass-bg-soft: rgba(255, 255, 255, .095);
  --otd-glass-bg-hover: rgba(255, 255, 255, .155);
  --otd-glass-border: rgba(255, 255, 255, .225);
  --otd-glass-border-strong: rgba(255, 255, 255, .37);
  --otd-glass-text: rgba(255, 255, 255, .98);
  --otd-glass-muted: rgba(255, 255, 255, .69);
  --otd-glass-faint: rgba(255, 255, 255, .46);
  --otd-glass-shadow:
    0 48px 120px rgba(0, 0, 0, .31),
    0 16px 42px rgba(0, 0, 0, .17),
    0 2px 4px rgba(0, 0, 0, .10),
    inset 0 1px 0 rgba(255, 255, 255, .34),
    inset 1px 0 0 rgba(255, 255, 255, .095),
    inset -1px 0 0 rgba(255, 255, 255, .045),
    inset 0 -1px 0 rgba(0, 0, 0, .20);
  --otd-glass-shadow-compact:
    0 28px 76px rgba(0, 0, 0, .27),
    0 9px 25px rgba(0, 0, 0, .14),
    inset 0 1px 0 rgba(255, 255, 255, .30),
    inset 0 -1px 0 rgba(0, 0, 0, .17);
  --otd-glass-filter:
    blur(38px)
    saturate(188%)
    contrast(106%)
    brightness(97%);
  --otd-glass-filter-compact:
    blur(27px)
    saturate(180%)
    contrast(105%)
    brightness(97%);
}

/* Reusable classes for every new floating component. */
.otd-glass-surface,
[data-otd-glass-surface] {
  border: 1px solid var(--otd-glass-border) !important;
  background: var(--otd-glass-bg) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter) !important;
  backdrop-filter: var(--otd-glass-filter) !important;
}

.otd-glass-pill,
[data-otd-glass-pill] {
  border: 1px solid var(--otd-glass-border) !important;
  border-radius: 999px !important;
  background: var(--otd-glass-bg) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow-compact) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter-compact) !important;
  backdrop-filter: var(--otd-glass-filter-compact) !important;
}

.otd-glass-surface::before,
[data-otd-glass-surface]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 42%);
}

/* ------------------------------------------------------------------ */
/* Floating bottom navigation.                                         */
/* ------------------------------------------------------------------ */
.otd-floating-nav {
  border-color: var(--otd-glass-border-strong) !important;
  background: var(--otd-glass-bg) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow-compact) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter) !important;
  backdrop-filter: var(--otd-glass-filter) !important;
}

.otd-floating-nav__link {
  color: rgba(255,255,255,.74) !important;
}

.otd-floating-nav__link:hover,
.otd-floating-nav__link:focus-visible {
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
}

.otd-floating-nav__link.is-active,
.otd-floating-nav__link[aria-current="page"] {
  border-color: rgba(255,255,255,.68) !important;
  background: rgba(255,255,255,.94) !important;
  color: #111 !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.otd-quick-create__button {
  border-color: rgba(255,255,255,.30) !important;
  background: var(--otd-glass-bg-deep) !important;
  color: #fff !important;
  box-shadow:
    0 17px 38px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
  -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
}

.otd-quick-create__button:hover,
.otd-quick-create__button[aria-expanded="true"] {
  border-color: rgba(255,255,255,.50) !important;
  background: rgba(255,255,255,.94) !important;
  color: #111 !important;
}

/* ------------------------------------------------------------------ */
/* Create-new floating menu.                                           */
/* ------------------------------------------------------------------ */
.otd-quick-create__menu {
  isolation: isolate;
  border-color: var(--otd-glass-border) !important;
  background: var(--otd-glass-bg) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter) !important;
  backdrop-filter: var(--otd-glass-filter) !important;
}

.otd-quick-create__heading {
  color: var(--otd-glass-muted) !important;
}

.otd-quick-create__menu a {
  color: var(--otd-glass-text) !important;
}

.otd-quick-create__menu a:hover,
.otd-quick-create__menu a:focus-visible {
  background: var(--otd-glass-bg-hover) !important;
}

.otd-quick-create__menu svg {
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.09) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.otd-quick-create__menu strong {
  color: #fff !important;
}

.otd-quick-create__menu small {
  color: var(--otd-glass-muted) !important;
}

/* ------------------------------------------------------------------ */
/* Discover global-search modal.                                       */
/* ------------------------------------------------------------------ */
.otd-discover-search-backdrop {
  background: rgba(8,8,10,.48) !important;
  -webkit-backdrop-filter: blur(28px) saturate(82%) !important;
  backdrop-filter: blur(28px) saturate(82%) !important;
}

.otd-discover-search-panel {
  isolation: isolate;
  border-color: var(--otd-glass-border) !important;
  background: var(--otd-glass-bg) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter) !important;
  backdrop-filter: var(--otd-glass-filter) !important;
}

.otd-discover-search-head,
.otd-discover-search-tabs,
.otd-discover-search-results,
.otd-discover-search-footer {
  background: transparent !important;
}

.otd-discover-search-head > span,
.otd-discover-search-footer,
.otd-discover-search-state p,
.otd-discover-result__copy > span,
.otd-discover-result__meta,
.otd-discover-result__arrow {
  color: var(--otd-glass-muted) !important;
}

.otd-discover-search-head h2,
.otd-discover-search-state strong,
.otd-discover-result,
.otd-discover-result__copy strong {
  color: var(--otd-glass-text) !important;
}

.otd-discover-search-field {
  border-color: rgba(255,255,255,.21) !important;
  background: rgba(255,255,255,.058) !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 34px rgba(0,0,0,.08) !important;
}

.otd-discover-search-field:focus-within {
  border-color: rgba(255,255,255,.64) !important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.09),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.otd-discover-search-field input {
  color: #fff !important;
}

.otd-discover-search-field input::placeholder {
  color: rgba(255,255,255,.50) !important;
}

.otd-discover-search-field button,
.otd-discover-search-close {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
}

.otd-discover-search-field button:hover,
.otd-discover-search-close:hover {
  background: rgba(255,255,255,.18) !important;
}

.otd-discover-search-tabs {
  border-color: rgba(255,255,255,.11) !important;
}

.otd-discover-search-tabs button {
  color: rgba(255,255,255,.62) !important;
}

.otd-discover-search-tabs button span {
  background: rgba(255,255,255,.09) !important;
  color: rgba(255,255,255,.58) !important;
}

.otd-discover-search-tabs button:hover {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

.otd-discover-search-tabs button.is-active {
  background: rgba(255,255,255,.94) !important;
  color: #111 !important;
}

.otd-discover-search-tabs button.is-active span {
  background: rgba(17,17,17,.10) !important;
  color: #111 !important;
}

.otd-discover-search-results {
  border-color: rgba(255,255,255,.10) !important;
}

.otd-discover-search-state__icon,
.otd-discover-result__media {
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.09) !important;
  color: #fff !important;
}

.otd-discover-search-state__icon svg {
  stroke: #fff !important;
}

.otd-discover-result:hover,
.otd-discover-result:focus-visible {
  background: rgba(255,255,255,.075) !important;
}

.otd-discover-search-footer {
  border-color: rgba(255,255,255,.11) !important;
}

.otd-discover-search-launch kbd,
.otd-discover-search-footer kbd {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.68) !important;
}

.otd-discover-search-spinner {
  border-color: rgba(255,255,255,.20) !important;
  border-top-color: #fff !important;
}

/* ------------------------------------------------------------------ */
/* Product Discovery modal.                                            */
/* ------------------------------------------------------------------ */
.otd-pd-modal__backdrop {
  background: rgba(8,8,10,.46) !important;
  -webkit-backdrop-filter: blur(30px) saturate(84%) !important;
  backdrop-filter: blur(30px) saturate(84%) !important;
}

.otd-pd-modal__dialog,
.otd-pd-modal__dialog .otd-pd-panel {
  border-color: var(--otd-glass-border) !important;
  background: var(--otd-glass-bg) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter) !important;
  backdrop-filter: var(--otd-glass-filter) !important;
}

.otd-pd-modal__dialog {
  isolation: isolate;
}

.otd-pd-modal__dialog .otd-pd-panel {
  box-shadow: none !important;
}

.otd-pd-modal__close {
  border: 1px solid rgba(255,255,255,.17) !important;
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
}

.otd-pd-modal__close:hover {
  border-color: rgba(255,255,255,.34) !important;
  background: rgba(255,255,255,.18) !important;
}

.otd-pd-modal__dialog .otd-pd-panel__intro > span,
.otd-pd-modal__dialog .otd-pd-panel__intro p,
.otd-pd-modal__dialog .otd-pd-result__copy span,
.otd-pd-modal__dialog .otd-pd-result__copy small,
.otd-pd-modal__dialog .otd-pd-empty,
.otd-pd-modal__dialog .otd-pd-loading,
.otd-pd-modal__dialog .otd-pd-url-toggle,
.otd-pd-modal__dialog .otd-pd-url-panel label {
  color: var(--otd-glass-muted) !important;
}

.otd-pd-modal__dialog .otd-pd-panel__intro h3,
.otd-pd-modal__dialog .otd-pd-result__copy strong,
.otd-pd-modal__dialog .otd-pd-url-import strong {
  color: #fff !important;
}

.otd-pd-modal__dialog .otd-pd-search-row,
.otd-pd-modal__dialog .otd-pd-filter-control,
.otd-pd-modal__dialog .otd-pd-url-panel,
.otd-pd-modal__dialog .otd-pd-url-import,
.otd-pd-modal__dialog .otd-pd-empty,
.otd-pd-modal__dialog .otd-pd-loading {
  border-color: rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.058) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.otd-pd-modal__dialog .otd-pd-search-row:hover,
.otd-pd-modal__dialog .otd-pd-search-row:focus-within,
.otd-pd-modal__dialog .otd-pd-filter-control:hover,
.otd-pd-modal__dialog .otd-pd-filter-control:focus-within {
  border-color: rgba(255,255,255,.46) !important;
  background: rgba(255,255,255,.085) !important;
}

.otd-pd-modal__dialog input,
.otd-pd-modal__dialog select {
  color: #fff !important;
}

.otd-pd-modal__dialog input::placeholder {
  color: rgba(255,255,255,.46) !important;
}

.otd-pd-modal__dialog select option {
  background: #1d1d20 !important;
  color: #fff !important;
}

.otd-pd-modal__dialog .otd-pd-search-icon,
.otd-pd-modal__dialog .otd-pd-filter-icon,
.otd-pd-modal__dialog .otd-pd-filter-chevron {
  color: rgba(255,255,255,.78) !important;
}

.otd-pd-modal__dialog .otd-pd-result {
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.058) !important;
  color: #fff !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.otd-pd-modal__dialog .otd-pd-result:hover {
  border-color: rgba(255,255,255,.29) !important;
  background: rgba(255,255,255,.085) !important;
}

.otd-pd-modal__dialog .otd-pd-result__image {
  border: 1px solid rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.91) !important;
}

.otd-pd-modal__dialog .otd-pd-result__add,
.otd-pd-modal__dialog .otd-pd-url-panel button,
.otd-pd-modal__dialog .otd-pd-url-import button {
  background: rgba(255,255,255,.94) !important;
  color: #111 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

.otd-pd-modal__dialog .otd-pd-result__add:hover,
.otd-pd-modal__dialog .otd-pd-url-panel button:hover,
.otd-pd-modal__dialog .otd-pd-url-import button:hover {
  background: #fff !important;
}

.otd-pd-modal__dialog .otd-pd-status.is-ready {
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.058) !important;
  color: rgba(255,255,255,.72) !important;
}

.otd-pd-modal__dialog .otd-pd-status.is-warning {
  border-color: rgba(236,196,109,.24) !important;
  background: rgba(127,91,31,.22) !important;
  color: #f1d79e !important;
}

.otd-pd-modal__dialog .otd-pd-inline-message,
.otd-pd-modal__dialog .otd-pd-result__error,
.otd-pd-modal__dialog .otd-pd-url-panel p {
  color: #ffb9ad !important;
}

.otd-pd-modal__dialog .otd-pd-inline-message {
  border-color: rgba(255,150,137,.24) !important;
  background: rgba(120,38,31,.24) !important;
}

/* ------------------------------------------------------------------ */
/* Verification popovers and compact floating tooltips.                */
/* ------------------------------------------------------------------ */
.otd-verification-popover,
.otd-live-tooltip {
  border-color: var(--otd-glass-border) !important;
  background: var(--otd-glass-bg-deep) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow-compact) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter-compact) !important;
  backdrop-filter: var(--otd-glass-filter-compact) !important;
}

.otd-verification-popover__criteria {
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.07) !important;
}

.otd-verification-popover__description,
.otd-verification-popover__footer,
.otd-verification-popover__hero .otd-kicker,
.otd-verification-popover__criteria small,
.otd-live-tooltip small {
  color: var(--otd-glass-muted) !important;
}

.otd-verification-popover__hero strong,
.otd-verification-popover__criteria span,
.otd-live-tooltip strong,
.otd-live-tooltip span {
  color: #fff !important;
}

/* SVG chart tooltip cannot blur its background, so it mirrors the tint. */
.otd-chart-tooltip rect {
  fill: rgba(20,20,23,.92) !important;
  stroke: rgba(255,255,255,.18) !important;
}

/* ------------------------------------------------------------------ */
/* Story creator sheet and Story viewer controls.                      */
/* ------------------------------------------------------------------ */
.otds-create-backdrop,
.otds-viewer-backdrop {
  background: rgba(7,7,9,.54) !important;
  -webkit-backdrop-filter: blur(28px) saturate(92%) !important;
  backdrop-filter: blur(28px) saturate(92%) !important;
}

.otds-create-sheet {
  border-color: var(--otd-glass-border) !important;
  background: var(--otd-glass-bg) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter) !important;
  backdrop-filter: var(--otd-glass-filter) !important;
}

.otds-create-close,
.otds-delete,
.otds-close {
  border: 1px solid rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
  backdrop-filter: blur(16px) saturate(135%) !important;
}

.otds-create-close:hover,
.otds-delete:hover,
.otds-close:hover {
  background: rgba(255,255,255,.17) !important;
}

.otds-kicker,
.otds-create-intro,
.otds-picker small,
.otds-duration small {
  color: var(--otd-glass-muted) !important;
}

.otds-picker,
.otds-duration label {
  border-color: rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.058) !important;
  color: #fff !important;
}

.otds-picker:hover,
.otds-duration label:hover {
  border-color: rgba(255,255,255,.32) !important;
  background: rgba(255,255,255,.085) !important;
}

.otds-duration label:has(input:checked) {
  border-color: rgba(255,255,255,.72) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.45),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.otds-create-handle {
  background: rgba(255,255,255,.25) !important;
}

.otds-client-error,
.otds-server-error {
  border: 1px solid rgba(255,146,133,.24) !important;
  background: rgba(122,35,29,.27) !important;
  color: #ffc0b7 !important;
}

.otds-publish {
  background: rgba(255,255,255,.94) !important;
  color: #111 !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.20) !important;
}

.otds-viewer-dialog {
  border-color: rgba(255,255,255,.21) !important;
  box-shadow: var(--otd-glass-shadow) !important;
}

.otds-viewer-header {
  right: 11px !important;
  left: 11px !important;
  gap: 9px !important;
  padding: 8px 9px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  background: rgba(15,15,18,.42) !important;
  box-shadow:
    0 12px 34px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
}

/* ------------------------------------------------------------------ */
/* Feed viewer glass metadata, product shelf and close control.        */
/* ------------------------------------------------------------------ */
.otd-feed-viewer__meta,
.otd-feed-viewer__product-rail {
  border: 1px solid var(--otd-glass-border) !important;
  background: var(--otd-glass-bg-deep) !important;
  color: #fff !important;
  box-shadow: var(--otd-glass-shadow-compact) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter-compact) !important;
  backdrop-filter: var(--otd-glass-filter-compact) !important;
}

.otd-feed-viewer__product-rail {
  padding: 8px !important;
  border-radius: 28px !important;
}

.otd-feed-viewer__product {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.otd-feed-viewer__product:hover,
.otd-feed-viewer__product:focus-visible {
  border-color: rgba(255,255,255,.30) !important;
  background: rgba(255,255,255,.17) !important;
}

.otd-feed-viewer__product-info {
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(12,12,15,.66) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
}

.otd-feed-viewer__close {
  border-color: rgba(255,255,255,.18) !important;
  background: var(--otd-glass-bg-deep) !important;
  color: #fff !important;
  box-shadow: var(--otd-glass-shadow-compact) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter-compact) !important;
  backdrop-filter: var(--otd-glass-filter-compact) !important;
}

/* ------------------------------------------------------------------ */
/* Generic front-end modal support for future otDiary components.      */
/* ------------------------------------------------------------------ */
body:not(.wp-admin)
:is(
  .otd-modal__dialog,
  .otd-floating-panel,
  .otd-floating-sheet,
  .otd-popover-panel,
  [data-otd-modal-panel],
  [data-otd-floating-panel]
) {
  border: 1px solid var(--otd-glass-border) !important;
  background: var(--otd-glass-bg) !important;
  color: var(--otd-glass-text) !important;
  box-shadow: var(--otd-glass-shadow) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter) !important;
  backdrop-filter: var(--otd-glass-filter) !important;
}

/* Ensure text remains readable in all current floating glass surfaces. */
:is(
  .otd-quick-create__menu,
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otd-verification-popover,
  .otds-create-sheet
) :focus-visible {
  outline-color: rgba(255,255,255,.86) !important;
}

/* Graceful fallback for browsers without backdrop-filter. */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .otd-floating-nav,
  .otd-quick-create__menu,
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otd-pd-modal__dialog .otd-pd-panel,
  .otd-verification-popover,
  .otd-live-tooltip,
  .otds-create-sheet,
  .otd-feed-viewer__meta,
  .otd-feed-viewer__product-rail,
  .otd-feed-viewer__close,
  .otd-glass-surface,
  [data-otd-glass-surface] {
    background: rgba(20,20,23,.96) !important;
  }
}

@media (max-width: 700px) {
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otds-create-sheet {
    border-color: rgba(255,255,255,.20) !important;
  }

  .otd-feed-viewer__product-rail {
    border-radius: 22px !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .otd-floating-nav,
  .otd-quick-create__menu,
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otd-pd-modal__dialog .otd-pd-panel,
  .otd-verification-popover,
  .otd-live-tooltip,
  .otds-create-sheet,
  .otd-feed-viewer__meta,
  .otd-feed-viewer__product-rail,
  .otd-feed-viewer__close {
    background: rgba(19,19,22,.96) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}


/* ================================================================== */
/* otDiary 1.9.7 — physically richer smoked translucent glass.         */
/* ================================================================== */

/*
 * This selector set is the single source of truth for every current
 * floating surface. Dynamic future panels are also tagged by
 * glass-system.js and inherit the same material.
 */
:where(
  .otd-glass-surface,
  [data-otd-glass-surface],
  [data-otd-modal-panel],
  [data-otd-floating-panel],
  .otd-floating-nav,
  .otd-quick-create__menu,
  .otd-mobile-menu,
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otd-verification-popover,
  .otd-live-tooltip,
  .otds-create-sheet,
  .otds-viewer-header,
  .otd-feed-viewer__meta,
  .otd-feed-viewer__product-rail,
  .otd-feed-viewer__close,
  .otd-modal__dialog,
  .otd-floating-panel,
  .otd-floating-sheet,
  .otd-popover-panel
) {
  background-color: rgba(22, 23, 27, .25) !important;
  background-image: var(--otd-glass-bg) !important;
  background-blend-mode: screen, screen, soft-light, normal !important;
  border-color: var(--otd-glass-border) !important;
  outline: 1px solid rgba(0, 0, 0, .16);
  outline-offset: -2px;
  box-shadow: var(--otd-glass-shadow) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter) !important;
  backdrop-filter: var(--otd-glass-filter) !important;
}

/* Give large glass panels a tangible lens edge without covering content. */
:where(
  .otd-quick-create__menu,
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otds-create-sheet,
  .otd-feed-viewer__meta,
  .otd-feed-viewer__product-rail,
  .otd-modal__dialog,
  .otd-floating-panel,
  .otd-floating-sheet,
  [data-otd-modal-panel],
  [data-otd-floating-panel],
  [data-otd-glass-surface]
) {
  position: relative;
  isolation: isolate;
}

/* Specular reflection and microscopic glass grain. */
:where(
  .otd-quick-create__menu,
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otds-create-sheet,
  .otd-feed-viewer__meta,
  .otd-feed-viewer__product-rail,
  .otd-modal__dialog,
  .otd-floating-panel,
  .otd-floating-sheet,
  [data-otd-modal-panel],
  [data-otd-floating-panel],
  [data-otd-glass-surface]
)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: .70;
  background:
    linear-gradient(
      112deg,
      rgba(255,255,255,.24) 0%,
      rgba(255,255,255,.085) 15%,
      transparent 35%,
      transparent 72%,
      rgba(135,172,255,.075) 100%
    ),
    radial-gradient(
      90% 34% at 50% 0%,
      rgba(255,255,255,.17) 0%,
      transparent 76%
    ),
    radial-gradient(
      circle,
      rgba(255,255,255,.22) .45px,
      transparent .75px
    );
  background-size: auto, auto, 4px 4px;
  mix-blend-mode: screen;
}

:where(
  .otd-quick-create__menu,
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otds-create-sheet,
  .otd-feed-viewer__meta,
  .otd-feed-viewer__product-rail,
  .otd-modal__dialog,
  .otd-floating-panel,
  .otd-floating-sheet,
  [data-otd-modal-panel],
  [data-otd-floating-panel],
  [data-otd-glass-surface]
) > * {
  position: relative;
  z-index: 1;
}

/*
 * The product panel is nested inside its glass dialog. Keep the inner
 * panel transparent so two dark tints are not stacked on top of each other.
 */
.otd-pd-modal__dialog .otd-pd-panel {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* The discovery sections remain optically continuous inside one glass lens. */
.otd-discover-search-head,
.otd-discover-search-tabs,
.otd-discover-search-results,
.otd-discover-search-footer {
  background-color: transparent !important;
  background-image: none !important;
}

/* More transparent backdrops let the glass visibly refract the page. */
.otd-discover-search-backdrop,
.otd-pd-modal__backdrop,
.otds-create-backdrop,
.otds-viewer-backdrop,
.otd-feed-viewer__backdrop {
  background: rgba(9, 10, 12, .20) !important;
  -webkit-backdrop-filter:
    blur(18px)
    saturate(105%)
    brightness(92%) !important;
  backdrop-filter:
    blur(18px)
    saturate(105%)
    brightness(92%) !important;
}

/* Compact pieces use the same lens material with a slightly denser tint. */
:where(
  .otd-glass-pill,
  [data-otd-glass-pill],
  .otd-quick-create__button,
  .otd-discover-search-close,
  .otd-discover-search-field button,
  .otd-pd-modal__close,
  .otds-create-close,
  .otds-delete,
  .otds-close
) {
  background-color: rgba(22, 23, 27, .32) !important;
  background-image: var(--otd-glass-bg-deep) !important;
  background-blend-mode: screen, soft-light, normal !important;
  border-color: rgba(255,255,255,.25) !important;
  box-shadow: var(--otd-glass-shadow-compact) !important;
  -webkit-backdrop-filter: var(--otd-glass-filter-compact) !important;
  backdrop-filter: var(--otd-glass-filter-compact) !important;
}

/* Inner controls become thinner panes of clear glass, not flat gray boxes. */
:where(
  .otd-discover-search-field,
  .otd-pd-modal__dialog .otd-pd-search-row,
  .otd-pd-modal__dialog .otd-pd-filter-control,
  .otd-pd-modal__dialog .otd-pd-url-panel,
  .otd-pd-modal__dialog .otd-pd-url-import,
  .otd-pd-modal__dialog .otd-pd-result,
  .otds-picker,
  .otds-duration label,
  .otd-verification-popover__criteria
) {
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.082),
      rgba(255,255,255,.032) 48%,
      rgba(0,0,0,.025)
    ) !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 12px 34px rgba(0,0,0,.075) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}

/* Active navigation is milky glass rather than an opaque white tile. */
.otd-floating-nav__link.is-active,
.otd-floating-nav__link[aria-current="page"] {
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.93),
      rgba(255,255,255,.76)
    ) !important;
  border-color: rgba(255,255,255,.86) !important;
  box-shadow:
    0 12px 32px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(0,0,0,.06) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  backdrop-filter: blur(20px) saturate(145%) !important;
}

/* Preserve the verification arrow generated by the component stylesheet. */
.otd-verification-popover::before {
  content: none !important;
}

/* Keep Story media crisp while its floating header remains glass. */
.otds-viewer-dialog {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Large modal surfaces should reveal more of the page on bright backgrounds. */
@media (min-width: 701px) {
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otds-create-sheet {
    background-color: rgba(20, 21, 25, .22) !important;
  }
}

/* Mobile glass is a touch denser for contrast over moving content. */
@media (max-width: 700px) {
  :where(
    .otd-discover-search-panel,
    .otd-pd-modal__dialog,
    .otds-create-sheet,
    .otd-quick-create__menu
  ) {
    background-color: rgba(19, 20, 24, .38) !important;
    -webkit-backdrop-filter:
      blur(34px)
      saturate(182%)
      contrast(105%)
      brightness(96%) !important;
    backdrop-filter:
      blur(34px)
      saturate(182%)
      contrast(105%)
      brightness(96%) !important;
  }
}

/* Accessible fallback remains rich but avoids transparency entirely. */
@media (prefers-reduced-transparency: reduce) {
  :where(
    .otd-floating-nav,
    .otd-quick-create__menu,
    .otd-mobile-menu,
    .otd-discover-search-panel,
    .otd-pd-modal__dialog,
    .otd-verification-popover,
    .otd-live-tooltip,
    .otds-create-sheet,
    .otds-viewer-header,
    .otd-feed-viewer__meta,
    .otd-feed-viewer__product-rail,
    .otd-feed-viewer__close,
    .otd-modal__dialog,
    .otd-floating-panel,
    .otd-floating-sheet,
    .otd-popover-panel,
    [data-otd-glass-surface],
    [data-otd-modal-panel],
    [data-otd-floating-panel]
  ) {
    background: #202126 !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}


/* ================================================================== */
/* otDiary 1.9.8 — clearer, more transparent glass across the app.     */
/* ================================================================== */

:root {
  --otd-glass-clarity-tint: rgba(18, 19, 23, .23);
  --otd-glass-clarity-tint-compact: rgba(18, 19, 23, .30);
}

/*
 * Final clarity pass loaded after every earlier material rule.
 * This keeps one unified material while revealing substantially more
 * of the page, photography and color located behind each surface.
 */
:where(
  .otd-glass-surface,
  [data-otd-glass-surface],
  [data-otd-modal-panel],
  [data-otd-floating-panel],
  .otd-floating-nav,
  .otd-quick-create__menu,
  .otd-mobile-menu,
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otd-verification-popover,
  .otd-live-tooltip,
  .otds-create-sheet,
  .otds-viewer-header,
  .otd-feed-viewer__meta,
  .otd-feed-viewer__product-rail,
  .otd-feed-viewer__close,
  .otd-modal__dialog,
  .otd-floating-panel,
  .otd-floating-sheet,
  .otd-popover-panel
) {
  background-color: var(--otd-glass-clarity-tint) !important;
  -webkit-backdrop-filter:
    blur(38px)
    saturate(190%)
    contrast(105%)
    brightness(99%) !important;
  backdrop-filter:
    blur(38px)
    saturate(190%)
    contrast(105%)
    brightness(99%) !important;
}

/* Compact glass pieces stay legible without becoming opaque. */
:where(
  .otd-glass-pill,
  [data-otd-glass-pill],
  .otd-quick-create__button,
  .otd-discover-search-close,
  .otd-discover-search-field button,
  .otd-pd-modal__close,
  .otds-create-close,
  .otds-delete,
  .otds-close
) {
  background-color: var(--otd-glass-clarity-tint-compact) !important;
  -webkit-backdrop-filter:
    blur(27px)
    saturate(184%)
    contrast(104%)
    brightness(98%) !important;
  backdrop-filter:
    blur(27px)
    saturate(184%)
    contrast(104%)
    brightness(98%) !important;
}

/* Lighten all modal backdrops so the glass can visibly transmit color. */
:where(
  .otd-discover-search-backdrop,
  .otd-pd-modal__backdrop,
  .otds-create-backdrop,
  .otds-viewer-backdrop,
  .otd-feed-viewer__backdrop
) {
  background: rgba(7, 8, 10, .17) !important;
  -webkit-backdrop-filter:
    blur(14px)
    saturate(112%)
    brightness(97%) !important;
  backdrop-filter:
    blur(14px)
    saturate(112%)
    brightness(97%) !important;
}

/* Clearer panes inside every large floating surface. */
:where(
  .otd-discover-search-field,
  .otd-pd-modal__dialog .otd-pd-search-row,
  .otd-pd-modal__dialog .otd-pd-filter-control,
  .otd-pd-modal__dialog .otd-pd-url-panel,
  .otd-pd-modal__dialog .otd-pd-url-import,
  .otd-pd-modal__dialog .otd-pd-result,
  .otds-picker,
  .otds-duration label,
  .otd-verification-popover__criteria
) {
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.080),
      rgba(255,255,255,.028) 50%,
      rgba(0,0,0,.018)
    ) !important;
  -webkit-backdrop-filter:
    blur(15px)
    saturate(155%)
    brightness(101%) !important;
  backdrop-filter:
    blur(15px)
    saturate(155%)
    brightness(101%) !important;
}

/* The main search surfaces receive the clearest large-panel treatment. */
.otd-discover-search-panel,
.otd-pd-modal__dialog,
.otds-create-sheet {
  background-color: rgba(19, 20, 24, .19) !important;
}

/* Navigation remains visibly glass while preserving selected-state contrast. */
.otd-floating-nav {
  background-color: rgba(20, 21, 24, .22) !important;
}

.otd-quick-create__menu,
.otd-mobile-menu {
  background-color: rgba(18, 19, 23, .25) !important;
}

/* Media overlays should transmit the underlying photograph most strongly. */
.otd-feed-viewer__meta,
.otd-feed-viewer__product-rail,
.otds-viewer-header {
  background-color: rgba(14, 15, 18, .22) !important;
  -webkit-backdrop-filter:
    blur(25px)
    saturate(205%)
    contrast(104%)
    brightness(100%) !important;
  backdrop-filter:
    blur(25px)
    saturate(205%)
    contrast(104%)
    brightness(100%) !important;
}

/* Mobile retains slightly more tint for text accessibility. */
@media (max-width: 700px) {
  .otd-discover-search-panel,
  .otd-pd-modal__dialog,
  .otds-create-sheet,
  .otd-quick-create__menu,
  .otd-mobile-menu {
    background-color: rgba(18, 19, 23, .32) !important;
  }
}


/* otDiary 1.9.9 — center verification title beside its badge. */
@media (min-width: 701px) {
  .otd-verification-popover__hero {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-areas: "badge title" !important;
    column-gap: 12px !important;
    align-items: center !important;
  }

  .otd-verification-popover__hero img {
    grid-area: badge !important;
    align-self: center !important;
    margin: 0 !important;
  }

  .otd-verification-popover__hero strong {
    grid-area: title !important;
    align-self: center !important;
    margin: 0 !important;
    line-height: 1.08 !important;
  }
}


/* otDiary 1.9.10 — creator location and niches floating card. */
.otd-profile-name-row {
  display: flex !important;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.otd-profile-info-trigger {
  appearance: none;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
}

.otd-profile-info-trigger span {
  overflow-wrap: anywhere;
}

.otd-profile-info-trigger:hover,
.otd-profile-info-trigger:focus-visible {
  opacity: .76;
}

.otd-profile-info-trigger:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 7px;
  border-radius: 5px;
}

.otd-profile-name-row > .otd-verification-badge-wrap {
  flex: 0 0 auto;
}

.otd-profile-info-layer[hidden] {
  display: none !important;
}

.otd-profile-info-layer {
  position: fixed;
  inset: 0;
  z-index: 100004;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(7, 8, 10, .13);
  opacity: 0;
  transition: opacity .18s ease;
  -webkit-backdrop-filter: blur(13px) saturate(112%);
  backdrop-filter: blur(13px) saturate(112%);
}

.otd-profile-info-layer.is-open {
  opacity: 1;
}

body.otd-profile-info-open {
  overflow: hidden;
}

.otd-profile-info-panel {
  width: min(430px, calc(100vw - 34px));
  max-height: min(640px, calc(100vh - 48px));
  overflow: auto;
  padding: 25px;
  border-radius: 27px;
  color: var(--otd-glass-text, #fff);
  opacity: 0;
  transform: translateY(15px) scale(.975);
  transition:
    opacity .18s ease,
    transform .18s ease;
  scrollbar-width: thin;
}

.otd-profile-info-layer.is-open .otd-profile-info-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.otd-profile-info-panel__identity {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(255,255,255,.15);
}

.otd-profile-info-panel__avatar {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255,255,255,.33);
  border-radius: 50%;
  object-fit: cover;
  background: rgba(255,255,255,.11);
  box-shadow:
    0 13px 30px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.otd-profile-info-panel__eyebrow,
.otd-profile-info-panel__section > span {
  display: block;
  color: rgba(255,255,255,.61);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.otd-profile-info-panel__identity h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: clamp(25px, 4vw, 34px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.04em;
}

.otd-profile-info-panel__details {
  display: grid;
  gap: 12px;
  padding-top: 18px;
}

.otd-profile-info-panel__section {
  padding: 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.075),
      rgba(255,255,255,.025) 52%,
      rgba(0,0,0,.018)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 12px 30px rgba(0,0,0,.07);
  -webkit-backdrop-filter: blur(15px) saturate(155%);
  backdrop-filter: blur(15px) saturate(155%);
}

.otd-profile-info-panel__section strong {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.35;
}

.otd-profile-info-panel__niches {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.otd-profile-info-panel__niches span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.83);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.15;
}

.otd-profile-info-panel__niches span.is-primary {
  border-color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.91);
  color: #111;
}

.otd-profile-info-panel__hint {
  margin: 17px 0 0;
  color: rgba(255,255,255,.47);
  font-size: 10px;
  text-align: center;
}

@media (max-width: 650px) {
  .otd-profile-info-layer {
    align-items: end;
    padding: 12px;
  }

  .otd-profile-info-panel {
    width: 100%;
    max-height: min(76vh, 620px);
    padding: 23px 20px calc(20px + env(safe-area-inset-bottom));
    border-radius: 27px;
    transform: translateY(34px);
  }

  .otd-profile-name-row {
    gap: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .otd-profile-info-layer,
  .otd-profile-info-panel {
    transition: none;
  }
}


/* otDiary 1.9.19 — creator profile composition. */
.otd-profile-header > .otds-avatar-wrap {
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  min-width:0;
  max-width:none;
}
.otd-profile-bio-row .otd-profile-edit-trigger {
  align-self:center;
  min-height:38px;
  white-space:nowrap;
}
@media (max-width:700px) {
  .otd-profile-bio-row .otd-profile-edit-trigger {
    width:40px;
    height:40px;
    min-width:40px !important;
    min-height:40px;
    padding:0 !important;
    justify-content:center;
    border-radius:50%;
  }
  .otd-profile-bio-row .otd-profile-edit-trigger span { display:none; }
}

/* otDiary 1.9.14 — inline creator profile editor. */
.otd-profile-inline-notice {
  position: relative;
  z-index: 8;
  width: min(1180px, 92vw);
  margin: 16px auto -5px;
}

.otd-profile-inline-notice:empty {
  display: none;
}

.otd-profile-inline-notice .otd-notice {
  margin: 0;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 12px 32px rgba(0,0,0,.07);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}

.otd-profile-edit-trigger {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  min-width: auto !important;
  padding-inline: 15px !important;
}

.otd-profile-edit-trigger svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.otd-profile-edit-layer[hidden] {
  display: none !important;
}

.otd-profile-edit-layer {
  position: fixed;
  inset: 0;
  z-index: 100006;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(7,8,10,.16);
  opacity: 0;
  transition: opacity .19s ease;
  -webkit-backdrop-filter: blur(14px) saturate(112%) brightness(98%);
  backdrop-filter: blur(14px) saturate(112%) brightness(98%);
}

.otd-profile-edit-layer.is-open {
  opacity: 1;
}

body.otd-profile-edit-open {
  overflow: hidden;
}

.otd-profile-edit-panel {
  width: min(860px, calc(100vw - 36px));
  max-height: min(820px, calc(100vh - 48px));
  overflow: hidden;
  border-radius: 30px;
  color: #fff;
  opacity: 0;
  transform: translateY(18px) scale(.982);
  transition:
    opacity .19s ease,
    transform .19s ease;
}

.otd-profile-edit-layer.is-open .otd-profile-edit-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.otd-profile-edit-form {
  display: flex;
  min-height: 0;
  max-height: min(820px, calc(100vh - 48px));
  flex-direction: column;
}

.otd-profile-edit-panel__head {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 26px 21px;
  border-bottom: 1px solid rgba(255,255,255,.15);
}

.otd-profile-edit-panel__identity {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr);
  align-items: center;
  gap: 14px;
}

.otd-profile-edit-panel__avatar {
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 50%;
  object-fit: cover;
  background: rgba(255,255,255,.10);
  box-shadow:
    0 12px 30px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.22);
}

.otd-profile-edit-panel__identity span,
.otd-profile-edit-section__head > span {
  display: block;
  color: rgba(255,255,255,.61);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.otd-profile-edit-panel__identity h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: clamp(27px, 4vw, 38px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.045em;
}

.otd-profile-edit-panel__dismiss {
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.78);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  backdrop-filter: blur(16px) saturate(145%);
}

.otd-profile-edit-panel__dismiss:hover,
.otd-profile-edit-panel__dismiss:focus-visible {
  background: rgba(255,255,255,.14);
  color: #fff;
}

.otd-profile-edit-panel__body {
  display: grid;
  min-height: 0;
  gap: 14px;
  padding: 18px 20px 24px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.32) transparent;
}

.otd-profile-edit-section {
  padding: 20px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 22px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.073),
      rgba(255,255,255,.025) 50%,
      rgba(0,0,0,.016)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 14px 34px rgba(0,0,0,.07);
  -webkit-backdrop-filter: blur(16px) saturate(155%);
  backdrop-filter: blur(16px) saturate(155%);
}

.otd-profile-edit-section__head {
  margin-bottom: 15px;
}

.otd-profile-edit-section__head p {
  margin: 5px 0 0;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1.45;
}

.otd-profile-edit-panel .otd-field {
  color: #fff;
}

.otd-profile-edit-panel .otd-field > span,
.otd-profile-edit-panel .otd-niche-options legend {
  color: rgba(255,255,255,.82);
}

.otd-profile-edit-panel .otd-field small,
.otd-profile-edit-panel .otd-niche-options legend small {
  color: rgba(255,255,255,.48);
}

.otd-profile-edit-panel .otd-field input,
.otd-profile-edit-panel .otd-field textarea,
.otd-profile-edit-panel .otd-field select {
  border-color: rgba(255,255,255,.17);
  background: rgba(255,255,255,.065);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
}

.otd-profile-edit-panel .otd-field input:focus,
.otd-profile-edit-panel .otd-field textarea:focus,
.otd-profile-edit-panel .otd-field select:focus {
  border-color: rgba(255,255,255,.62);
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.otd-profile-edit-panel .otd-field input:disabled {
  color: rgba(255,255,255,.48);
  background: rgba(255,255,255,.035);
}

.otd-profile-edit-panel .otd-field input::placeholder,
.otd-profile-edit-panel .otd-field textarea::placeholder {
  color: rgba(255,255,255,.38);
}

.otd-profile-edit-panel .otd-field select option {
  background: #202126;
  color: #fff;
}

.otd-profile-edit-panel .otd-niche-picker {
  display: grid;
  gap: 15px;
}

.otd-profile-edit-panel .otd-niche-options {
  margin: 0;
  padding: 0;
  border: 0;
}

.otd-profile-edit-panel .otd-niche-grid {
  gap: 8px;
}

.otd-profile-edit-panel .otd-niche-grid label {
  border-color: rgba(255,255,255,.15);
  background: rgba(255,255,255,.055);
  color: rgba(255,255,255,.79);
}

.otd-profile-edit-panel .otd-niche-grid label:has(input:checked) {
  border-color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.91);
  color: #111;
}

.otd-profile-edit-media-grid {
  display: grid;
  grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr);
  gap: 12px;
}

.otd-profile-edit-upload {
  display: grid;
  min-width: 0;
  gap: 6px;
  padding: 13px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  color: #fff;
  cursor: pointer;
}

.otd-profile-edit-upload:hover {
  border-color: rgba(255,255,255,.32);
  background: rgba(255,255,255,.085);
}

.otd-profile-edit-upload__preview {
  display: grid;
  width: 100%;
  height: 150px;
  place-items: center;
  overflow: hidden;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.48);
}

.otd-profile-edit-upload:not(.otd-profile-edit-upload--cover) .otd-profile-edit-upload__preview {
  width: 150px;
  max-width: 100%;
  justify-self: center;
  border-radius: 50%;
}

.otd-profile-edit-upload__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.otd-profile-edit-upload strong {
  font-size: 13px;
  font-weight: 600;
}

.otd-profile-edit-upload small {
  color: rgba(255,255,255,.48);
  font-size: 11px;
}

.otd-profile-edit-upload input[type="file"] {
  width: 100%;
  color: rgba(255,255,255,.62);
  font-size: 11px;
}

.otd-profile-edit-upload input[type="file"]::file-selector-button {
  margin-right: 9px;
  padding: 7px 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.90);
  color: #111;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}

.otd-profile-edit-panel__actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px calc(17px + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(255,255,255,.15);
  background: rgba(8,9,12,.12);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
}

.otd-profile-edit-panel__actions .otd-btn {
  min-width: 126px;
}

@media (max-width: 700px) {
  .otd-profile-actions {
    flex-wrap: wrap;
  }

  .otd-profile-edit-trigger span {
    display: none;
  }

  .otd-profile-edit-trigger {
    width: 48px;
    min-width: 48px !important;
    padding: 0 !important;
  }

  .otd-profile-edit-layer {
    align-items: end;
    padding: 10px;
  }

  .otd-profile-edit-panel {
    width: 100%;
    max-height: min(88vh, 820px);
    border-radius: 28px;
    transform: translateY(36px);
  }

  .otd-profile-edit-form {
    max-height: min(88vh, 820px);
  }

  .otd-profile-edit-panel__head {
    padding: 20px 18px 17px;
  }

  .otd-profile-edit-panel__body {
    padding: 14px 13px 18px;
  }

  .otd-profile-edit-section {
    padding: 17px 15px;
  }

  .otd-profile-edit-media-grid {
    grid-template-columns: 1fr;
  }

  .otd-profile-edit-upload:not(.otd-profile-edit-upload--cover) .otd-profile-edit-upload__preview {
    width: 130px;
    height: 130px;
  }

  .otd-profile-edit-panel__actions {
    padding-right: 13px;
    padding-left: 13px;
  }

  .otd-profile-edit-panel__actions .otd-btn {
    flex: 1 1 0;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .otd-profile-edit-layer,
  .otd-profile-edit-panel {
    transition: none;
  }
}


/* otDiary 1.9.28 — Edit Profile niche pills: remove label chrome and keep text legible. */
.otd-profile-edit-panel .otd-niche-grid label {
  position: relative;
  display: block;
  padding: 0 !important;
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  overflow: visible;
}

.otd-profile-edit-panel .otd-niche-grid label:has(input:checked) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

.otd-profile-edit-panel .otd-niche-grid input + span {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  color: #171719;
  font-weight: 620;
  line-height: 1.15;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 1px 3px rgba(0,0,0,.08);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.otd-profile-edit-panel .otd-niche-grid input:checked + span {
  border-color: rgba(0,0,0,.88);
  background: rgba(10,10,11,.96);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 4px 13px rgba(0,0,0,.17);
}

.otd-profile-edit-panel .otd-niche-grid input:focus-visible + span {
  outline: 2px solid rgba(255,255,255,.96);
  outline-offset: 2px;
}

.otd-profile-edit-panel .otd-niche-grid input:disabled + span {
  opacity: .42;
}

@media (max-width: 760px) {
  .otd-profile-edit-panel .otd-niche-grid input + span {
    min-height: 42px;
    padding-inline: 10px;
  }
}


/* otDiary 1.9.29 — Edit Profile media order: centered profile image first, cover last. */
.otd-profile-edit-media-grid {
  grid-template-columns: 1fr;
  gap: 14px;
}
.otd-profile-edit-media-grid > .otd-profile-edit-upload:not(.otd-profile-edit-upload--cover) {
  order: 1;
  width: min(100%, 340px);
  justify-self: center;
  text-align: center;
}
.otd-profile-edit-media-grid > .otd-profile-edit-upload.otd-profile-edit-upload--cover {
  order: 2;
  width: 100%;
}
.otd-profile-edit-media-grid > .otd-profile-edit-upload:not(.otd-profile-edit-upload--cover) .otd-profile-edit-upload__preview {
  justify-self: center;
}
@media (max-width: 700px) {
  .otd-profile-edit-media-grid > .otd-profile-edit-upload:not(.otd-profile-edit-upload--cover) {
    width: min(100%, 300px);
  }
}
\n\n/* otDiary 1.9.30 — Edit Profile: Instagram + Website links. */\n.otd-profile-edit-links__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}\n.otd-profile-edit-link-card{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 14px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.055);color:#fff}\n.otd-profile-edit-link-card__icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.07);font-size:22px;line-height:1}\n.otd-profile-edit-link-card__copy{display:grid;gap:3px;min-width:0;flex:1}\n.otd-profile-edit-link-card__copy strong{font-size:13px;font-weight:650;color:#fff}\n.otd-profile-edit-link-card__copy small{font-size:11px;line-height:1.35;color:rgba(255,255,255,.52)}\n.otd-profile-edit-link-card__action{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.90);color:#111!important;font-size:11px;font-weight:700;text-decoration:none!important}\n.otd-profile-edit-link-card__action:hover{background:#fff}\n.otd-profile-edit-website{height:100%;justify-content:center;padding:13px 14px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.055)}\n.otd-profile-edit-website>span{font-size:13px;font-weight:650;color:#fff}\n.otd-profile-edit-website input{margin-top:4px}\n.otd-profile-edit-website small{font-size:11px;line-height:1.35;color:rgba(255,255,255,.52)}\n@media(max-width:700px){.otd-profile-edit-links__grid{grid-template-columns:1fr}.otd-profile-edit-link-card{padding:12px}.otd-profile-edit-link-card__action{min-height:40px}}\n

/* otDiary 1.9.31 — Instagram + Website icons in profile links. */
.otd-profile-link-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:currentColor}
.otd-profile-edit-link-card__icon .otd-profile-link-icon{width:20px;height:20px}
.otd-profile-edit-website__label{display:flex!important;align-items:center;gap:8px;color:#fff}
.otd-profile-edit-website__label b{font:inherit;font-weight:650;color:inherit}
.otd-profile-edit-website__label .otd-profile-link-icon{width:17px;height:17px;color:rgba(255,255,255,.86)}
.otd-profile-socials .otd-profile-social-link{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--otd-line);border-radius:999px;font-size:11px;text-decoration:none}
.otd-profile-socials .otd-profile-social-link .otd-profile-link-icon{width:15px;height:15px;flex-basis:15px}
@media(max-width:600px){.otd-profile-socials .otd-profile-social-link{gap:6px;padding:7px 10px}.otd-profile-socials .otd-profile-social-link .otd-profile-link-icon{width:14px;height:14px;flex-basis:14px}}


/* otDiary 1.9.32 — robust Instagram glyph fallback. */
.otd-profile-edit-link-card--instagram .otd-profile-edit-link-card__icon,
.otd-profile-social-link--instagram {
  --otd-instagram-icon-color: currentColor;
}
.otd-profile-edit-link-card--instagram .otd-profile-edit-link-card__icon .otd-profile-link-icon,
.otd-profile-social-link--instagram .otd-profile-link-icon {
  display: none !important;
}
.otd-profile-edit-link-card--instagram .otd-profile-edit-link-card__icon::before,
.otd-profile-social-link--instagram::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid var(--otd-instagram-icon-color);
  border-radius: 6px;
  background:
    radial-gradient(circle at 72% 28%, var(--otd-instagram-icon-color) 0 1.45px, transparent 1.65px),
    radial-gradient(circle at 50% 50%, transparent 0 3.7px, var(--otd-instagram-icon-color) 3.9px 5.4px, transparent 5.6px);
  opacity: 1;
}
.otd-profile-edit-link-card--instagram .otd-profile-edit-link-card__icon {
  color: rgba(255,255,255,.94) !important;
}
.otd-profile-social-link--instagram::before {
  width: 15px;
  height: 15px;
  border-width: 1.6px;
  border-radius: 4.6px;
  background:
    radial-gradient(circle at 72% 28%, currentColor 0 1px, transparent 1.15px),
    radial-gradient(circle at 50% 50%, transparent 0 2.75px, currentColor 2.9px 4px, transparent 4.15px);
}
@media (max-width:600px) {
  .otd-profile-social-link--instagram::before {
    width: 14px;
    height: 14px;
    border-width: 1.5px;
    border-radius: 4.2px;
  }
}


/* otDiary 1.9.33 — ephemeral global notices / toast feedback. */
.otd-profile-inline-notice{
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
}
.otd-notice[data-otd-toast]{
  position:fixed!important;
  z-index:2147482000!important;
  top:calc(env(safe-area-inset-top, 0px) + 16px)!important;
  left:50%!important;
  width:min(calc(100vw - 28px), 440px)!important;
  margin:0!important;
  padding:11px 16px!important;
  transform:translate(-50%,-14px) scale(.985);
  opacity:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.46)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  color:#151515!important;
  box-shadow:0 12px 34px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(24px) saturate(180%)!important;
  backdrop-filter:blur(24px) saturate(180%)!important;
  font-size:12px!important;
  font-weight:560!important;
  line-height:1.35!important;
  text-align:center;
  transition:opacity .22s ease, transform .22s ease!important;
}
body.admin-bar .otd-notice[data-otd-toast]{
  top:calc(env(safe-area-inset-top, 0px) + 48px)!important;
}
.otd-notice[data-otd-toast].is-visible{
  opacity:1;
  transform:translate(-50%,0) scale(1);
}
.otd-notice[data-otd-toast].is-leaving{
  opacity:0;
  transform:translate(-50%,-10px) scale(.985);
}
.otd-notice[data-otd-toast].otd-notice--error{
  background:rgba(255,247,247,.84)!important;
  border-color:rgba(174,61,61,.20)!important;
  color:#7c2828!important;
}
@media(max-width:782px){
  body.admin-bar .otd-notice[data-otd-toast]{
    top:calc(env(safe-area-inset-top, 0px) + 16px)!important;
  }
}


/* otDiary 1.9.34 — preserve creator biography line breaks exactly as entered. */
.otd-profile-bio {
  white-space: pre-line;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* ================================================================== */
/* otDiary 1.9.63 — Discover stability reset + safe anchored search.   */
/* No body/html mutation loop, no fullscreen touch shield, no scroll  */
/* lock. The provider still owns querying/results; the theme only     */
/* positions its visible panel after an actual user interaction.      */
/* ================================================================== */
html.otd-discover-route-html,
body.otd-discover-route {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
  position: static !important;
  inset: auto !important;
  touch-action: auto !important;
  overscroll-behavior-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.otd-discover-route main,
body.otd-discover-route .site,
body.otd-discover-route .site-content,
body.otd-discover-route .otd-app-shell,
body.otd-discover-route .otd-discover,
body.otd-discover-route .otd-discover-page {
  pointer-events: auto !important;
  touch-action: pan-y !important;
}

body.otd-discover-route .otd-discover-search-backdrop {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* White launcher remains present before activation. */
body.otd-discover-route .otd-discover-search-launch,
body.otd-discover-route [data-otd-discover-search-open],
body.otd-discover-route [data-otd-search-open] {
  visibility: visible !important;
}

body.otd-discover-route.otd-discover-search-opening .otd-discover-search-launch,
body.otd-discover-route.otd-discover-search-opening [data-otd-discover-search-open],
body.otd-discover-route.otd-discover-search-opening [data-otd-search-open] {
  border-color: rgba(255,255,255,.56) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.66),rgba(214,214,214,.38)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(0,0,0,.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
}

body.otd-discover-route.otd-discover-search-mounted .otd-discover-search-launch,
body.otd-discover-route.otd-discover-search-mounted [data-otd-discover-search-open],
body.otd-discover-route.otd-discover-search-mounted [data-otd-search-open] {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored {
  position: fixed !important;
  inset: auto !important;
  top: var(--otd-search-launcher-top,20px) !important;
  left: var(--otd-search-launcher-left,16px) !important;
  width: var(--otd-search-launcher-width,min(720px,calc(100vw - 32px))) !important;
  max-width: calc(100vw - 20px) !important;
  max-height: var(--otd-search-dropdown-max-height,calc(100dvh - 32px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  z-index: 10020 !important;
  pointer-events: auto !important;
  touch-action: pan-y !important;
}

body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-head {
  display: none !important;
}

body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-field {
  position: relative !important;
  width: 100% !important;
  height: var(--otd-search-launcher-height,64px) !important;
  min-height: var(--otd-search-launcher-height,64px) !important;
  margin: 0 !important;
  padding: 0 14px 0 18px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,rgba(255,255,255,.68),rgba(207,207,207,.42)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92),0 14px 34px rgba(0,0,0,.09) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  overflow: hidden !important;
  color: #111 !important;
}
body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-field input {
  color: #111 !important;
  background: transparent !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}
body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-field input::placeholder {
  color: rgba(17,17,17,.50) !important;
}

body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-tabs {
  margin-top: 10px !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-bottom: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: rgba(238,238,238,.86) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  backdrop-filter: blur(20px) saturate(145%) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.10) !important;
}
body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-results {
  max-height: max(180px,calc(var(--otd-search-dropdown-max-height,60vh) - 150px)) !important;
  overflow-y: auto !important;
  border-left: 1px solid rgba(255,255,255,.55) !important;
  border-right: 1px solid rgba(255,255,255,.55) !important;
  background: rgba(238,238,238,.86) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  backdrop-filter: blur(20px) saturate(145%) !important;
}
body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-footer {
  border: 1px solid rgba(255,255,255,.55) !important;
  border-top: 0 !important;
  border-radius: 0 0 20px 20px !important;
  background: rgba(238,238,238,.86) !important;
  -webkit-backdrop-filter: blur(20px) saturate(145%) !important;
  backdrop-filter: blur(20px) saturate(145%) !important;
}

@media(max-width:700px){
  body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored {max-width:calc(100vw - 20px)!important}
  body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-tabs {border-radius:18px 18px 0 0!important}
  body.otd-discover-route .otd-discover-search-panel.is-otd-search-anchored .otd-discover-search-footer {border-radius:0 0 18px 18px!important}
}

/* otDiary 1.9.58 — mobile verification badge typography cleanup. */
@media (max-width: 650px) {
  .otd-verification-popover__hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }

  .otd-verification-popover__hero img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .otd-verification-popover__hero strong {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    justify-self: center !important;
    align-self: center !important;
    color: #fff !important;
    font-weight: 760 !important;
  }

  .otd-verification-popover__description {
    color: rgba(255,255,255,.78) !important;
    text-align: center !important;
  }

  .otd-verification-popover__criteria,
  .otd-verification-popover__criteria span {
    width: auto !important;
    max-width: 34rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-decoration: none !important;
  }

  .otd-verification-popover__criteria {
    margin-top: 14px !important;
    text-align: center !important;
  }

  .otd-verification-popover__criteria::before,
  .otd-verification-popover__criteria::after,
  .otd-verification-popover__criteria span::before,
  .otd-verification-popover__criteria span::after {
    display: none !important;
    content: none !important;
  }

  .otd-verification-popover__criteria small {
    display: none !important;
  }

  .otd-verification-popover__criteria span {
    display: block !important;
    color: #fff !important;
    font-size: clamp(16px, 4.35vw, 20px) !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    letter-spacing: -.01em !important;
    text-align: center !important;
  }
}


/* otDiary 1.9.60 — remove the remaining verification criteria inner tile on mobile. */
@media (max-width: 650px) {
  body .otd-verification-popover .otd-verification-popover__criteria {
    display: contents !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
  }
  body .otd-verification-popover .otd-verification-popover__criteria small {
    display: none !important;
  }
  body .otd-verification-popover .otd-verification-popover__criteria > span {
    display: block !important;
    width: min(34rem, 100%) !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    text-align: center !important;
  }
}


/* otDiary 1.9.85 — Quick Create is intentionally NOT a glass surface.
   This override lives inside glass-system.css because this file is loaded
   after the main theme stylesheet and previously re-applied the glass tokens. */
.otd-quick-create__menu,
html body .otd-quick-create__menu,
html body .otd-public-floating-ui .otd-quick-create__menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.14) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}
.otd-quick-create__menu .otd-quick-create__heading {
  color: #777777 !important;
}
.otd-quick-create__menu a {
  color: #111111 !important;
  background: transparent !important;
}
.otd-quick-create__menu a:hover,
.otd-quick-create__menu a:focus-visible {
  background: #f4f4f4 !important;
}
.otd-quick-create__menu svg {
  border: 1px solid #e7e7e7 !important;
  background: #f3f3f3 !important;
  color: #111111 !important;
  box-shadow: none !important;
}
.otd-quick-create__menu strong {
  color: #111111 !important;
}
.otd-quick-create__menu small {
  color: #777777 !important;
}
@media (max-width: 700px) {
  .otd-quick-create__menu,
  html body .otd-quick-create__menu,
  html body .otd-public-floating-ui .otd-quick-create__menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}


/* otDiary 1.9.86 — Quick Create descendants use solid white surfaces instead of glass. */
.otd-quick-create__menu,
.otd-pd-modal__dialog,
.otd-pd-modal__dialog .otd-pd-panel {
  background: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  border-color: rgba(17,17,17,.10) !important;
  box-shadow: 0 26px 70px rgba(17,17,17,.16) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* otDiary 1.9.87 — FINAL override: Quick Create and all Product descendants
   are intentionally solid white and are excluded from the glass system. */
.otd-quick-create__menu,
html body .otd-quick-create__menu,
html body .otd-public-floating-ui .otd-quick-create__menu,
.otd-product-method-shell,
.otd-product-method-shell .otd-page-head,
.otd-product-method-shell .otd-card,
.otd-product-method-shell .otd-form-card,
.otd-product-method-shell .otd-side-note,
.otd-product-method-shell .otd-product-library-bridge__card,
.otd-product-method-card,
.otd-pd-modal__dialog,
.otd-pd-modal__dialog .otd-pd-panel {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.otd-product-method-shell .otd-card,
.otd-product-method-shell .otd-form-card,
.otd-product-method-shell .otd-side-note,
.otd-product-method-shell .otd-product-library-bridge__card,
.otd-product-method-card,
.otd-pd-modal__dialog .otd-pd-search-row,
.otd-pd-modal__dialog .otd-pd-filter-control,
.otd-pd-modal__dialog .otd-pd-url-panel,
.otd-pd-modal__dialog .otd-pd-url-import,
.otd-pd-modal__dialog .otd-pd-result {
  border-color: #e3e3e3 !important;
  box-shadow: none !important;
}

.otd-product-method-card:hover,
.otd-product-method-card:focus-visible,
.otd-quick-create__menu a:hover,
.otd-quick-create__menu a:focus-visible,
.otd-pd-modal__dialog .otd-pd-result:hover {
  background: #f5f5f5 !important;
}

body:not(.wp-admin) :is(
  .otd-modal__dialog,
  .otd-floating-panel,
  .otd-floating-sheet,
  .otd-popover-panel,
  [data-otd-modal-panel],
  [data-otd-floating-panel],
  .otd-qc-layer,
  .otd-qc-menu,
  [data-otd-qc]
):has(.otd-product-method-shell),
body:not(.wp-admin) :is(
  .otd-modal__dialog,
  .otd-floating-panel,
  .otd-floating-sheet,
  .otd-popover-panel,
  [data-otd-modal-panel],
  [data-otd-floating-panel]
):has(.otd-product-method-grid) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  border: 1px solid #e1e1e1 !important;
  box-shadow: 0 26px 70px rgba(17,17,17,.16) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width: 700px) {
  .otd-product-method-shell,
  .otd-product-method-shell .otd-card,
  .otd-product-method-card,
  .otd-pd-modal__dialog,
  .otd-pd-modal__dialog .otd-pd-panel {
    background: #fff !important;
    background-color: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}


/* otDiary 1.9.88 — never apply glass to product creation hosts. */
[data-otd-solid-create-host],
[data-otd-glass-surface]:has(.otd-solid-create-flow),
[data-otd-glass-surface]:has(.otd-product-method-shell),
:is(.otd-modal__dialog,.otd-floating-panel,.otd-floating-sheet,.otd-popover-panel,[data-otd-modal-panel],[data-otd-floating-panel]):has(.otd-solid-create-flow),
:is(.otd-modal__dialog,.otd-floating-panel,.otd-floating-sheet,.otd-popover-panel,[data-otd-modal-panel],[data-otd-floating-panel]):has(.otd-product-method-shell) {
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  color:#111 !important;
  border-color:#e1e1e1 !important;
  outline-color:transparent !important;
  box-shadow:0 24px 70px rgba(17,17,17,.14) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  filter:none !important;
}
[data-otd-solid-create-host]::before,
[data-otd-glass-surface]:has(.otd-solid-create-flow)::before,
[data-otd-glass-surface]:has(.otd-product-method-shell)::before {
  content:none !important;
  display:none !important;
}


/* otDiary 1.9.89 — Quick Create plugin is SOLID WHITE, never glass.
   Applies to the entire .otd-qc-layer flow: Products, Feed Post, Diary and Collection. */
html body .otd-qc-layer [role="dialog"],
html body .otd-qc-layer [data-otd-glass-surface],
html body .otd-qc-layer [class*="dialog"],
html body .otd-qc-layer [class*="panel"],
html body .otd-qc-layer [class*="sheet"],
html body .otd-qc-layer [class*="modal"] {
  --otd-glass-bg: #ffffff !important;
  --otd-glass-bg-deep: #ffffff !important;
  --otd-glass-text: #111111 !important;
  --otd-glass-muted: #6f6f6f !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-color: #dedede !important;
}
html body .otd-qc-layer [role="dialog"],
html body .otd-qc-layer [class*="dialog"],
html body .otd-qc-layer [class*="panel"],
html body .otd-qc-layer [class*="sheet"] {
  box-shadow: 0 24px 70px rgba(0,0,0,.18) !important;
}
html body .otd-qc-layer [class*="backdrop"],
html body .otd-qc-layer [class*="overlay"] {
  background: rgba(0,0,0,.28) !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .otd-qc-layer [class*="header"],
html body .otd-qc-layer [class*="body"],
html body .otd-qc-layer [class*="footer"],
html body .otd-qc-layer [class*="content"],
html body .otd-qc-layer [class*="actions"],
html body .otd-qc-layer [class*="form"] {
  background: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .otd-qc-layer input,
html body .otd-qc-layer textarea,
html body .otd-qc-layer select,
html body .otd-qc-layer [class*="field"],
html body .otd-qc-layer [class*="upload"],
html body .otd-qc-layer [class*="drop"],
html body .otd-qc-layer [class*="option"],
html body .otd-qc-layer [class*="card"],
html body .otd-qc-layer [class*="product"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  border-color: #d8d8d8 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
html body .otd-qc-layer h1,
html body .otd-qc-layer h2,
html body .otd-qc-layer h3,
html body .otd-qc-layer h4,
html body .otd-qc-layer strong,
html body .otd-qc-layer label,
html body .otd-qc-layer [class*="title"] {
  color: #111111 !important;
}
html body .otd-qc-layer p,
html body .otd-qc-layer small,
html body .otd-qc-layer [class*="description"],
html body .otd-qc-layer [class*="subtitle"],
html body .otd-qc-layer [class*="kicker"],
html body .otd-qc-layer [class*="meta"] {
  color: #737373 !important;
}
html body .otd-qc-layer input::placeholder,
html body .otd-qc-layer textarea::placeholder {
  color: #9a9a9a !important;
}
html body .otd-qc-layer button,
html body .otd-qc-layer [role="button"] {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .otd-qc-layer [class*="close"],
html body .otd-qc-layer [class*="cancel"],
html body .otd-qc-layer [class*="secondary"] {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #d6d6d6 !important;
  box-shadow: none !important;
}
html body .otd-qc-layer [class*="submit"],
html body .otd-qc-layer [class*="primary"],
html body .otd-qc-layer button[type="submit"] {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
  box-shadow: none !important;
}
html body .otd-qc-layer svg {
  color: currentColor;
}


/* otDiary 1.9.90 — Quick Create overlay stays translucent; only floating panels are solid white. */
html body .otd-qc-layer {
  background: rgba(0, 0, 0, .16) !important;
  background-color: rgba(0, 0, 0, .16) !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .otd-qc-layer::before,
html body .otd-qc-layer::after {
  content: none !important;
  display: none !important;
}
html body .otd-qc-layer [class*="backdrop"],
html body .otd-qc-layer [class*="overlay"] {
  background: rgba(0, 0, 0, .16) !important;
  background-color: rgba(0, 0, 0, .16) !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body .otd-qc-layer :is(
  [role="dialog"],
  [class*="dialog"],
  [class*="panel"],
  [class*="sheet"],
  [class*="modal"],
  .otd-product-method-shell,
  .otd-solid-create-flow
) {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* The title/header strip is white too, with a visible boundary like a native sheet. */
html body .otd-qc-layer :is(
  .otd-qc-head,
  [class*="header"],
  .otd-page-head,
  .otd-product-method-head
) {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  border-bottom: 1px solid #dedede !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* Keep the content below the header white but do not erase the header divider. */
html body .otd-qc-layer :is(
  [class*="body"],
  [class*="content"],
  [class*="form"],
  [class*="footer"],
  [class*="actions"]
) {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}


/* otDiary 1.9.91 — Unified Catalog product entry. */
html body .otd-qc-layer.otd-catalog-unified-chooser [data-otd-catalog-bridge-hidden="1"] {
  display: none !important;
}
html body .otd-qc-layer.otd-catalog-unified-chooser .otd-catalog-only-choice {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html body .otd-qc-layer.otd-catalog-unified-chooser .otd-catalog-only-choice:hover,
html body .otd-qc-layer.otd-catalog-unified-chooser .otd-catalog-only-choice:focus-within {
  border-color: #bdbdbd !important;
  background: #fafafa !important;
}
html body .otd-qc-layer.otd-catalog-unified-chooser .otd-catalog-only-choice::before {
  content: none !important;
  display: none !important;
}
html body .otd-qc-layer.otd-catalog-unified-chooser .otd-catalog-only-choice :is(a,button,[role="button"]) {
  width: 100% !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body .otd-qc-layer.otd-catalog-unified-chooser .otd-catalog-only-choice :is([class*="icon"],[class*="media"]) {
  border: 1px solid #dedede !important;
  background: #fff !important;
  box-shadow: none !important;
}
html body .otd-qc-layer.otd-catalog-unified-screen input.is-url-value {
  border-color: #111 !important;
}
html body .otd-qc-layer.otd-catalog-unified-screen input.is-url-value:focus {
  outline: 1px solid #111 !important;
  outline-offset: 0 !important;
}


/* otDiary 1.9.92 — Quick Create text elements are not header strips. */
html body .otd-qc-layer .otd-qc-head__copy,
html body .otd-qc-layer .otd-qc-head__eyebrow,
html body .otd-qc-layer .otd-qc-head h2,
html body .otd-qc-layer .otd-qc-head p,
html body .otd-qc-layer .otd-qc-catalog-head,
html body .otd-qc-layer .otd-qc-catalog-head strong,
html body .otd-qc-layer .otd-qc-catalog-head span {
  border:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background-image:none !important;
  text-decoration:none !important;
}
html body .otd-qc-layer .otd-qc-head__copy::before,
html body .otd-qc-layer .otd-qc-head__copy::after,
html body .otd-qc-layer .otd-qc-head__eyebrow::before,
html body .otd-qc-layer .otd-qc-head__eyebrow::after,
html body .otd-qc-layer .otd-qc-catalog-head::before,
html body .otd-qc-layer .otd-qc-catalog-head::after {
  content:none !important;
  display:none !important;
}


/* otDiary 1.10.3 — no legacy floating search on the Discover route. */
body.otd-discover-route .otd-discover-search-backdrop,
body.otd-discover-route .otd-discover-search-panel,
body.otd-discover-route .otd-discover-search-launch,
body.otd-discover-route [data-otd-discover-search-open],
body.otd-discover-route [data-otd-search-open]{display:none!important;visibility:hidden!important;pointer-events:none!important}
html.otd-discover-route-html,body.otd-discover-route,body.otd-discover-route.otd-discover-search-open,body.otd-discover-route.otd-discover-search-mounted{overflow-x:hidden!important;overflow-y:auto!important}

/* ================================================================== */
/* 1.10.8 — Creator Edit Profile: solid white modal                    */
/* ================================================================== */
/*
 * Edit Profile is intentionally excluded from the global glass visual
 * language. Keep the modal floating, but render the actual workspace as
 * an opaque white editing surface for maximum clarity and legibility.
 */
.otd-profile-edit-layer {
  background: rgba(17,17,17,.18) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body .otd-profile-edit-panel,
html body .otd-profile-edit-panel.otd-glass-surface,
html body [data-otd-profile-edit-panel] {
  border: 1px solid #e5e5e5 !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.18) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body .otd-profile-edit-panel::before,
html body .otd-profile-edit-panel.otd-glass-surface::before,
html body [data-otd-profile-edit-panel]::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

.otd-profile-edit-panel__head {
  border-bottom-color: #ededed !important;
  background: #ffffff !important;
}

.otd-profile-edit-panel__avatar {
  border-color: #e2e2e2 !important;
  background: #f4f4f4 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
}

.otd-profile-edit-panel__identity span,
.otd-profile-edit-section__head > span {
  color: #777777 !important;
}

.otd-profile-edit-panel__identity h2,
.otd-profile-edit-panel .otd-field,
.otd-profile-edit-upload,
.otd-profile-edit-upload strong {
  color: #111111 !important;
}

.otd-profile-edit-panel__dismiss {
  border-color: #dddddd !important;
  background: #ffffff !important;
  color: #333333 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.otd-profile-edit-panel__dismiss:hover,
.otd-profile-edit-panel__dismiss:focus-visible {
  border-color: #c9c9c9 !important;
  background: #f6f6f6 !important;
  color: #111111 !important;
}

.otd-profile-edit-panel__body {
  background: #ffffff !important;
  scrollbar-color: #c9c9c9 transparent !important;
}

.otd-profile-edit-section {
  border-color: #e6e6e6 !important;
  background: #fafafa !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.otd-profile-edit-section__head p {
  color: #777777 !important;
}

.otd-profile-edit-panel .otd-field > span,
.otd-profile-edit-panel .otd-niche-options legend {
  color: #333333 !important;
}

.otd-profile-edit-panel .otd-field small,
.otd-profile-edit-panel .otd-niche-options legend small,
.otd-profile-edit-upload small {
  color: #777777 !important;
}

.otd-profile-edit-panel .otd-field input,
.otd-profile-edit-panel .otd-field textarea,
.otd-profile-edit-panel .otd-field select {
  border-color: #dcdcdc !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.otd-profile-edit-panel .otd-field input:focus,
.otd-profile-edit-panel .otd-field textarea:focus,
.otd-profile-edit-panel .otd-field select:focus {
  border-color: #111111 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.06) !important;
}

.otd-profile-edit-panel .otd-field input:disabled {
  color: #858585 !important;
  background: #f3f3f3 !important;
}

.otd-profile-edit-panel .otd-field input::placeholder,
.otd-profile-edit-panel .otd-field textarea::placeholder {
  color: #a0a0a0 !important;
}

.otd-profile-edit-panel .otd-field select option {
  background: #ffffff !important;
  color: #111111 !important;
}

.otd-profile-edit-panel .otd-niche-grid label {
  border-color: #dedede !important;
  background: #ffffff !important;
  color: #333333 !important;
}

.otd-profile-edit-panel .otd-niche-grid label:has(input:checked) {
  border-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

.otd-profile-edit-upload {
  border-color: #dedede !important;
  background: #ffffff !important;
}

.otd-profile-edit-upload:hover {
  border-color: #bdbdbd !important;
  background: #f8f8f8 !important;
}

.otd-profile-edit-upload__preview {
  background: #f4f4f4 !important;
  color: #777777 !important;
}

.otd-profile-edit-upload input[type="file"] {
  color: #555555 !important;
}

.otd-profile-edit-upload input[type="file"]::file-selector-button {
  border: 1px solid #dddddd !important;
  background: #ffffff !important;
  color: #111111 !important;
}

.otd-profile-edit-panel__actions {
  border-top-color: #e8e8e8 !important;
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.otd-profile-edit-panel__actions .otd-btn--light {
  border-color: #dddddd !important;
  background: #ffffff !important;
  color: #111111 !important;
}

.otd-profile-edit-panel__actions .otd-btn:not(.otd-btn--light) {
  border-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}