/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-black: #000;
    --spacing: 0.25rem;
    --container-3xl: 48rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .tab {
    position: relative;
    display: inline-flex;
    cursor: pointer;
    appearance: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    webkit-user-select: none;
    user-select: none;
    &:hover {
      @media (hover: hover) {
        color: var(--color-base-content);
      }
    }
    --tab-p: 1rem;
    --tab-bg: var(--color-base-100);
    --tab-border-color: var(--color-base-300);
    --tab-radius-ss: 0;
    --tab-radius-se: 0;
    --tab-radius-es: 0;
    --tab-radius-ee: 0;
    --tab-order: 0;
    --tab-radius-min: calc(0.75rem - var(--border));
    border-color: #0000;
    order: var(--tab-order);
    height: calc(var(--size-field, 0.25rem) * 10);
    font-size: 0.875rem;
    padding-inline-start: var(--tab-p);
    padding-inline-end: var(--tab-p);
    &:is(input[type="radio"]) {
      min-width: fit-content;
      &:after {
        content: attr(aria-label);
      }
    }
    &:is(label) {
      position: relative;
      input {
        position: absolute;
        inset: calc(0.25rem * 0);
        cursor: pointer;
        appearance: none;
        opacity: 0%;
      }
    }
    &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"]) {
      & + .tab-content {
        display: block;
        height: 100%;
      }
    }
    &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"]) {
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
      }
    }
    &:not(input):empty {
      flex-grow: 1;
      cursor: default;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible, &:is(label:has(:checked:focus-visible)) {
      outline: 2px solid currentColor;
      outline-offset: -5px;
    }
    &[disabled] {
      pointer-events: none;
      opacity: 40%;
    }
  }
  .menu {
    display: flex;
    width: fit-content;
    flex-direction: column;
    flex-wrap: wrap;
    padding: calc(0.25rem * 2);
    --menu-active-fg: var(--color-neutral-content);
    --menu-active-bg: var(--color-neutral);
    font-size: 0.875rem;
    :where(li ul) {
      position: relative;
      margin-inline-start: calc(0.25rem * 4);
      padding-inline-start: calc(0.25rem * 2);
      white-space: nowrap;
      &:before {
        position: absolute;
        inset-inline-start: calc(0.25rem * 0);
        top: calc(0.25rem * 3);
        bottom: calc(0.25rem * 3);
        background-color: var(--color-base-content);
        opacity: 10%;
        width: var(--border);
        content: "";
      }
    }
    :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
      display: none;
    }
    :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
      display: grid;
      grid-auto-flow: column;
      align-content: flex-start;
      align-items: center;
      gap: calc(0.25rem * 2);
      border-radius: var(--radius-field);
      padding-inline: calc(0.25rem * 3);
      padding-block: calc(0.25rem * 1.5);
      text-align: start;
      transition-property: color, background-color, box-shadow;
      transition-duration: 0.2s;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
      grid-auto-columns: minmax(auto, max-content) auto max-content;
      text-wrap: balance;
      user-select: none;
    }
    :where(li > details > summary) {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      &::-webkit-details-marker {
        display: none;
      }
    }
    :where(li > details > summary), :where(li > .menu-dropdown-toggle) {
      &:after {
        justify-self: flex-end;
        display: block;
        height: 0.375rem;
        width: 0.375rem;
        rotate: -135deg;
        translate: 0 -1px;
        transition-property: rotate, translate;
        transition-duration: 0.2s;
        content: "";
        transform-origin: 50% 50%;
        box-shadow: 2px 2px inset;
        pointer-events: none;
      }
    }
    :where(li > details[open] > summary):after, :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
      rotate: 45deg;
      translate: 0 1px;
    }
    :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn) {
      &.menu-focus, &:focus-visible {
        cursor: pointer;
        background-color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
        }
        color: var(--color-base-content);
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
      cursor: pointer;
      background-color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
      box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
    }
    :where(li:empty) {
      background-color: var(--color-base-content);
      opacity: 10%;
      margin: 0.5rem 1rem;
      height: 1px;
    }
    :where(li) {
      position: relative;
      display: flex;
      flex-shrink: 0;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: stretch;
      .badge {
        justify-self: flex-end;
      }
      & > *:not(ul, .menu-title, details, .btn):active, & > *:not(ul, .menu-title, details, .btn).menu-active, & > details > summary:active {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
        color: var(--menu-active-fg);
        background-color: var(--menu-active-bg);
        background-size: auto, calc(var(--noise) * 100%);
        background-image: none, var(--fx-noise);
        &:not(&:active) {
          box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
        }
      }
      &.menu-disabled {
        pointer-events: none;
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
    }
    .dropdown:focus-within {
      .menu-dropdown-toggle:after {
        rotate: 45deg;
        translate: 0 1px;
      }
    }
    .dropdown-content {
      margin-top: calc(0.25rem * 2);
      padding: calc(0.25rem * 2);
      &:before {
        display: none;
      }
    }
  }
  .loading {
    pointer-events: none;
    display: inline-block;
    aspect-ratio: 1 / 1;
    background-color: currentColor;
    vertical-align: middle;
    width: calc(var(--size-selector, 0.25rem) * 6);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  }
  .visible {
    visibility: visible;
  }
  .list {
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    :where(.list-row) {
      --list-grid-cols: minmax(0, auto) 1fr;
      position: relative;
      display: grid;
      grid-auto-flow: column;
      gap: calc(0.25rem * 4);
      border-radius: var(--radius-box);
      padding: calc(0.25rem * 4);
      word-break: break-word;
      grid-template-columns: var(--list-grid-cols);
      &:has(.list-col-grow:nth-child(1)) {
        --list-grid-cols: 1fr;
      }
      &:has(.list-col-grow:nth-child(2)) {
        --list-grid-cols: minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(3)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(4)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(5)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
      }
      &:has(.list-col-grow:nth-child(6)) {
        --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
        minmax(0, auto) 1fr;
      }
      :not(.list-col-wrap) {
        grid-row-start: 1;
      }
    }
    & > :not(:last-child) {
      &.list-row, .list-row {
        &:after {
          content: "";
          border-bottom: var(--border) solid;
          inset-inline: var(--radius-box);
          position: absolute;
          bottom: calc(0.25rem * 0);
          border-color: var(--color-base-content);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
          }
        }
      }
    }
  }
  .toggle {
    border: var(--border) solid currentColor;
    color: var(--input-color);
    position: relative;
    display: inline-grid;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    place-content: center;
    vertical-align: middle;
    webkit-user-select: none;
    user-select: none;
    grid-template-columns: 0fr 1fr 1fr;
    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );
    border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) );
    padding: var(--toggle-p);
    box-shadow: 0 1px currentColor inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
    }
    transition: color 0.3s, grid-template-columns 0.2s;
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
    }
    --toggle-p: calc(var(--size) * 0.125);
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
    height: var(--size);
    > * {
      z-index: 1;
      grid-column: span 1 / span 1;
      grid-column-start: 2;
      grid-row-start: 1;
      height: 100%;
      cursor: pointer;
      appearance: none;
      background-color: transparent;
      padding: calc(0.25rem * 0.5);
      transition: opacity 0.2s, rotate 0.4s;
      border: none;
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:nth-child(2) {
        color: var(--color-base-100);
        rotate: 0deg;
      }
      &:nth-child(3) {
        color: var(--color-base-100);
        opacity: 0%;
        rotate: -15deg;
      }
    }
    &:has(:checked) {
      > :nth-child(2) {
        opacity: 0%;
        rotate: 15deg;
      }
      > :nth-child(3) {
        opacity: 100%;
        rotate: 0deg;
      }
    }
    &:before {
      position: relative;
      inset-inline-start: calc(0.25rem * 0);
      grid-column-start: 2;
      grid-row-start: 1;
      aspect-ratio: 1 / 1;
      height: 100%;
      border-radius: var(--radius-selector);
      background-color: currentColor;
      translate: 0;
      --tw-content: "";
      content: var(--tw-content);
      transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s;
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
      }
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
    }
    @media (forced-colors: active) {
      &:before {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
        outline-offset: calc(1px * -1);
      }
    }
    @media print {
      &:before {
        outline: 0.25rem solid;
        outline-offset: -1rem;
      }
    }
    &:focus-visible, &:has(:focus-visible) {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }
    &:checked, &[aria-checked="true"], &:has(> input:checked) {
      grid-template-columns: 1fr 1fr 0fr;
      background-color: var(--color-base-100);
      --input-color: var(--color-base-content);
      &:before {
        background-color: currentColor;
      }
      @starting-style {
        &:before {
          opacity: 0;
        }
      }
    }
    &:indeterminate {
      grid-template-columns: 0.5fr 1fr 0.5fr;
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 30%;
      &:before {
        background-color: transparent;
        border: var(--border) solid currentColor;
      }
    }
  }
  .indicator {
    position: relative;
    display: inline-flex;
    width: max-content;
    :where(.indicator-item) {
      z-index: 1;
      position: absolute;
      white-space: nowrap;
      top: var(--inidicator-t, 0);
      bottom: var(--inidicator-b, auto);
      left: var(--inidicator-s, auto);
      right: var(--inidicator-e, 0);
      translate: var(--inidicator-x, 50%) var(--indicator-y, -50%);
    }
  }
  .table {
    font-size: 0.875rem;
    position: relative;
    width: 100%;
    border-radius: var(--radius-box);
    text-align: left;
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      text-align: right;
    }
    tr.row-hover {
      &, &:nth-child(even) {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-base-200);
          }
        }
      }
    }
    :where(th, td) {
      padding-inline: calc(0.25rem * 4);
      padding-block: calc(0.25rem * 3);
      vertical-align: middle;
    }
    :where(thead, tfoot) {
      white-space: nowrap;
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
      }
      font-size: 0.875rem;
      font-weight: 600;
    }
    :where(tfoot) {
      border-top: var(--border) solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
    :where(.table-pin-rows thead tr) {
      position: sticky;
      top: calc(0.25rem * 0);
      z-index: 1;
      background-color: var(--color-base-100);
    }
    :where(.table-pin-rows tfoot tr) {
      position: sticky;
      bottom: calc(0.25rem * 0);
      z-index: 1;
      background-color: var(--color-base-100);
    }
    :where(.table-pin-cols tr th) {
      position: sticky;
      right: calc(0.25rem * 0);
      left: calc(0.25rem * 0);
      background-color: var(--color-base-100);
    }
    :where(thead tr, tbody tr:not(:last-child)) {
      border-bottom: var(--border) solid var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
  }
  .steps {
    display: inline-grid;
    grid-auto-flow: column;
    overflow: hidden;
    overflow-x: auto;
    counter-reset: step;
    grid-auto-columns: 1fr;
    .step {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-template-columns: auto;
      grid-template-rows: repeat(2, minmax(0, 1fr));
      grid-template-rows: 40px 1fr;
      place-items: center;
      text-align: center;
      min-width: 4rem;
      --step-bg: var(--color-base-300);
      --step-fg: var(--color-base-content);
      &:before {
        top: calc(0.25rem * 0);
        grid-column-start: 1;
        grid-row-start: 1;
        height: calc(0.25rem * 2);
        width: 100%;
        border: 1px solid;
        color: var(--step-bg);
        background-color: var(--step-bg);
        --tw-content: "";
        content: var(--tw-content);
        margin-inline-start: -100%;
      }
      > .step-icon, &:not(:has(.step-icon)):after {
        content: counter(step);
        counter-increment: step;
        z-index: 1;
        color: var(--step-fg);
        background-color: var(--step-bg);
        border: 1px solid var(--step-bg);
        position: relative;
        grid-column-start: 1;
        grid-row-start: 1;
        display: grid;
        height: calc(0.25rem * 8);
        width: calc(0.25rem * 8);
        place-items: center;
        place-self: center;
        border-radius: calc(infinity * 1px);
      }
      &:first-child:before {
        content: none;
      }
      &[data-content]:after {
        content: attr(data-content);
      }
    }
    .step-neutral {
      + .step-neutral:before, &:after, > .step-icon {
        --step-bg: var(--color-neutral);
        --step-fg: var(--color-neutral-content);
      }
    }
    .step-primary {
      + .step-primary:before, &:after, > .step-icon {
        --step-bg: var(--color-primary);
        --step-fg: var(--color-primary-content);
      }
    }
    .step-secondary {
      + .step-secondary:before, &:after, > .step-icon {
        --step-bg: var(--color-secondary);
        --step-fg: var(--color-secondary-content);
      }
    }
    .step-accent {
      + .step-accent:before, &:after, > .step-icon {
        --step-bg: var(--color-accent);
        --step-fg: var(--color-accent-content);
      }
    }
    .step-info {
      + .step-info:before, &:after, > .step-icon {
        --step-bg: var(--color-info);
        --step-fg: var(--color-info-content);
      }
    }
    .step-success {
      + .step-success:before, &:after, > .step-icon {
        --step-bg: var(--color-success);
        --step-fg: var(--color-success-content);
      }
    }
    .step-warning {
      + .step-warning:before, &:after, > .step-icon {
        --step-bg: var(--color-warning);
        --step-fg: var(--color-warning-content);
      }
    }
    .step-error {
      + .step-error:before, &:after, > .step-icon {
        --step-bg: var(--color-error);
        --step-fg: var(--color-error-content);
      }
    }
  }
  .range {
    appearance: none;
    webkit-appearance: none;
    --range-thumb: var(--color-base-100);
    --range-thumb-size: calc(var(--size-selector, 0.25rem) * 6);
    --range-progress: currentColor;
    --range-fill: 1;
    --range-p: 0.25rem;
    --range-bg: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      --range-bg: color-mix(in oklab, currentColor 10%, #0000);
    }
    cursor: pointer;
    overflow: hidden;
    background-color: transparent;
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    --radius-selector-max: calc(
    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
  );
    border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
    border: none;
    height: var(--range-thumb-size);
    [dir="rtl"] & {
      --range-dir: -1;
    }
    &:focus {
      outline: none;
    }
    &:focus-visible {
      outline: 2px solid;
      outline-offset: 2px;
    }
    &::-webkit-slider-runnable-track {
      width: 100%;
      background-color: var(--range-bg);
      border-radius: var(--radius-selector);
      height: calc(var(--range-thumb-size) * 0.5);
    }
    @media (forced-colors: active) {
      &::-webkit-slider-runnable-track {
        border: 1px solid;
      }
    }
    @media (forced-colors: active) {
      &::-moz-range-track {
        border: 1px solid;
      }
    }
    &::-webkit-slider-thumb {
      position: relative;
      box-sizing: border-box;
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      background-color: currentColor;
      height: var(--range-thumb-size);
      width: var(--range-thumb-size);
      border: var(--range-p) solid;
      appearance: none;
      webkit-appearance: none;
      top: 50%;
      color: var(--range-progress);
      transform: translateY(-50%);
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      }
    }
    &::-moz-range-track {
      width: 100%;
      background-color: var(--range-bg);
      border-radius: var(--radius-selector);
      height: calc(var(--range-thumb-size) * 0.5);
    }
    &::-moz-range-thumb {
      position: relative;
      box-sizing: border-box;
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      background-color: currentColor;
      height: var(--range-thumb-size);
      width: var(--range-thumb-size);
      border: var(--range-p) solid;
      top: 50%;
      color: var(--range-progress);
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill));
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 30%;
    }
  }
  .select {
    border: var(--border) solid #0000;
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    appearance: none;
    align-items: center;
    gap: calc(0.25rem * 1.5);
    background-color: var(--color-base-100);
    padding-inline-start: calc(0.25rem * 4);
    padding-inline-end: calc(0.25rem * 7);
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    height: var(--size);
    font-size: 0.875rem;
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    border-color: var(--input-color);
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    [dir="rtl"] & {
      background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
    }
    select {
      margin-inline-start: calc(0.25rem * -4);
      margin-inline-end: calc(0.25rem * -7);
      width: calc(100% + 2.75rem);
      appearance: none;
      padding-inline-start: calc(0.25rem * 4);
      padding-inline-end: calc(0.25rem * 7);
      height: calc(100% - 2px);
      background: inherit;
      border-radius: inherit;
      border-style: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * -5.5);
        background-image: none;
      }
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
      z-index: 1;
    }
    &:has(> select[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
    }
    &:has(> select[disabled]) > select[disabled] {
      cursor: not-allowed;
    }
  }
  .timeline {
    position: relative;
    display: flex;
    > li {
      position: relative;
      display: grid;
      flex-shrink: 0;
      align-items: center;
      grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var( --timeline-row-end, minmax(0, 1fr) );
      grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var( --timeline-col-end, minmax(0, 1fr) );
      > hr {
        border: none;
        width: 100%;
        &:first-child {
          grid-column-start: 1;
          grid-row-start: 2;
        }
        &:last-child {
          grid-column-start: 3;
          grid-column-end: none;
          grid-row-start: 2;
          grid-row-end: auto;
        }
        @media print {
          border: 0.1px solid var(--color-base-300);
        }
      }
    }
    :where(hr) {
      height: calc(0.25rem * 1);
      background-color: var(--color-base-300);
    }
    &:has(.timeline-middle hr) {
      &:first-child {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
        border-start-end-radius: var(--radius-selector);
        border-end-end-radius: var(--radius-selector);
      }
      &:last-child {
        border-start-start-radius: var(--radius-selector);
        border-end-start-radius: var(--radius-selector);
        border-start-end-radius: 0;
        border-end-end-radius: 0;
      }
    }
    &:not(:has(.timeline-middle)) {
      :first-child hr:last-child {
        border-start-start-radius: var(--radius-selector);
        border-end-start-radius: var(--radius-selector);
        border-start-end-radius: 0;
        border-end-end-radius: 0;
      }
      :last-child hr:first-child {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
        border-start-end-radius: var(--radius-selector);
        border-end-end-radius: var(--radius-selector);
      }
    }
  }
  .card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-box);
    outline-width: 2px;
    transition: outline 0.2s ease-in-out;
    outline: 0 solid #0000;
    outline-offset: 2px;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible {
      outline-color: currentColor;
    }
    :where(figure:first-child) {
      overflow: hidden;
      border-start-start-radius: inherit;
      border-start-end-radius: inherit;
      border-end-start-radius: unset;
      border-end-end-radius: unset;
    }
    :where(figure:last-child) {
      overflow: hidden;
      border-start-start-radius: unset;
      border-start-end-radius: unset;
      border-end-start-radius: inherit;
      border-end-end-radius: inherit;
    }
    &:where(.card-border) {
      border: var(--border) solid var(--color-base-200);
    }
    &:where(.card-dash) {
      border: var(--border) dashed var(--color-base-200);
    }
    &.image-full {
      display: grid;
      > * {
        grid-column-start: 1;
        grid-row-start: 1;
      }
      > .card-body {
        position: relative;
        color: var(--color-neutral-content);
      }
      :where(figure) {
        overflow: hidden;
        border-radius: inherit;
      }
      > figure img {
        height: 100%;
        object-fit: cover;
        filter: brightness(28%);
      }
    }
    figure {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    &:has(> input:is(input[type="checkbox"], input[type="radio"])) {
      cursor: pointer;
      user-select: none;
    }
    &:has(> :checked) {
      outline: 2px solid currentColor;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .avatar {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    & > div {
      display: block;
      aspect-ratio: 1 / 1;
      overflow: hidden;
    }
    img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
  }
  .checkbox {
    border: var(--border) solid var(--input-color, var(--color-base-content));
    @supports (color: color-mix(in lab, red, red)) {
      border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-selector);
    padding: calc(0.25rem * 1);
    vertical-align: middle;
    color: var(--color-base-content);
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;
    transition: background-color 0.2s, box-shadow 0.2s;
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: var(--size);
    height: var(--size);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    &:before {
      --tw-content: "";
      content: var(--tw-content);
      display: block;
      width: 100%;
      height: 100%;
      rotate: 45deg;
      background-color: currentColor;
      opacity: 0%;
      transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
      transition-delay: 0.1s;
      clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
      box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
      font-size: 1rem;
      line-height: 0.75;
    }
    &:focus-visible {
      outline: 2px solid var(--input-color, currentColor);
      outline-offset: 2px;
    }
    &:checked, &[aria-checked="true"] {
      background-color: var(--input-color, #0000);
      box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
      &:before {
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
        opacity: 100%;
      }
      @media (forced-colors: active) {
        &:before {
          rotate: 0deg;
          background-color: transparent;
          --tw-content: "✔︎";
          clip-path: none;
        }
      }
      @media print {
        &:before {
          rotate: 0deg;
          background-color: transparent;
          --tw-content: "✔︎";
          clip-path: none;
        }
      }
    }
    &:indeterminate {
      &:before {
        rotate: 0deg;
        opacity: 100%;
        translate: 0 -35%;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 20%;
    }
  }
  .radio {
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    appearance: none;
    border-radius: calc(infinity * 1px);
    padding: calc(0.25rem * 1);
    vertical-align: middle;
    border: var(--border) solid var(--input-color, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
    }
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
    --size: calc(var(--size-selector, 0.25rem) * 6);
    width: var(--size);
    height: var(--size);
    color: var(--input-color, currentColor);
    &:before {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: calc(infinity * 1px);
      --tw-content: "";
      content: var(--tw-content);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--fx-noise);
    }
    &:focus-visible {
      outline: 2px solid currentColor;
    }
    &:checked, &[aria-checked="true"] {
      animation: radio 0.2s ease-out;
      border-color: currentColor;
      background-color: var(--color-base-100);
      &:before {
        background-color: currentColor;
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
      }
      @media (forced-colors: active) {
        &:before {
          outline-style: var(--tw-outline-style);
          outline-width: 1px;
          outline-offset: calc(1px * -1);
        }
      }
      @media print {
        &:before {
          outline: 0.25rem solid;
          outline-offset: -1rem;
        }
      }
    }
    &:disabled {
      cursor: not-allowed;
      opacity: 20%;
    }
  }
  .drawer {
    position: relative;
    display: grid;
    width: 100%;
    grid-auto-columns: max-content auto;
  }
  .stats {
    position: relative;
    display: inline-grid;
    grid-auto-flow: column;
    overflow-x: auto;
    border-radius: var(--radius-box);
  }
  .progress {
    position: relative;
    height: calc(0.25rem * 2);
    width: 100%;
    appearance: none;
    overflow: hidden;
    border-radius: var(--radius-box);
    background-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentColor 20%, transparent);
    }
    color: var(--color-base-content);
    &:indeterminate {
      background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
      background-size: 200%;
      background-position-x: 15%;
      animation: progress 5s ease-in-out infinite;
      @supports (-moz-appearance: none) {
        &::-moz-progress-bar {
          background-color: transparent;
          background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
          background-size: 200%;
          background-position-x: 15%;
          animation: progress 5s ease-in-out infinite;
        }
      }
    }
    @supports (-moz-appearance: none) {
      &::-moz-progress-bar {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
    @supports (-webkit-appearance: none) {
      &::-webkit-progress-bar {
        border-radius: var(--radius-box);
        background-color: transparent;
      }
      &::-webkit-progress-value {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .textarea {
    border: var(--border) solid #0000;
    min-height: calc(0.25rem * 20);
    flex-shrink: 1;
    appearance: none;
    border-radius: var(--radius-field);
    background-color: var(--color-base-100);
    padding-block: calc(0.25rem * 2);
    vertical-align: middle;
    width: clamp(3rem, 20rem, 100%);
    padding-inline-start: 0.75rem;
    padding-inline-end: 0.75rem;
    font-size: 0.875rem;
    border-color: var(--input-color);
    box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
    }
    --input-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
    textarea {
      appearance: none;
      background-color: transparent;
      border: none;
      &:focus, &:focus-within {
        --tw-outline-style: none;
        outline-style: none;
        @media (forced-colors: active) {
          outline: 2px solid transparent;
          outline-offset: 2px;
        }
      }
    }
    &:focus, &:focus-within {
      --input-color: var(--color-base-content);
      box-shadow: 0 1px var(--input-color);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
      }
      outline: 2px solid var(--input-color);
      outline-offset: 2px;
      isolation: isolate;
    }
    &:has(> textarea[disabled]), &:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
      &::placeholder {
        color: var(--color-base-content);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
        }
      }
      box-shadow: none;
    }
    &:has(> textarea[disabled]) > textarea[disabled] {
      cursor: not-allowed;
    }
  }
  .stack {
    display: inline-grid;
    grid-template-columns: 3px 4px 1fr 4px 3px;
    grid-template-rows: 3px 4px 1fr 4px 3px;
    & > * {
      height: 100%;
      width: 100%;
      &:nth-child(n + 2) {
        width: 100%;
        opacity: 70%;
      }
      &:nth-child(2) {
        z-index: 2;
        opacity: 90%;
      }
      &:nth-child(1) {
        z-index: 3;
        width: 100%;
      }
    }
    &, &.stack-bottom {
      > * {
        grid-column: 3 / 4;
        grid-row: 3 / 6;
        &:nth-child(2) {
          grid-column: 2 / 5;
          grid-row: 2 / 5;
        }
        &:nth-child(1) {
          grid-column: 1 / 6;
          grid-row: 1 / 4;
        }
      }
    }
    &.stack-top {
      > * {
        grid-column: 3 / 4;
        grid-row: 1 / 4;
        &:nth-child(2) {
          grid-column: 2 / 5;
          grid-row: 2 / 5;
        }
        &:nth-child(1) {
          grid-column: 1 / 6;
          grid-row: 3 / 6;
        }
      }
    }
    &.stack-start {
      > * {
        grid-column: 1 / 4;
        grid-row: 3 / 4;
        &:nth-child(2) {
          grid-column: 2 / 5;
          grid-row: 2 / 5;
        }
        &:nth-child(1) {
          grid-column: 3 / 6;
          grid-row: 1 / 6;
        }
      }
    }
    &.stack-end {
      > * {
        grid-column: 3 / 6;
        grid-row: 3 / 4;
        &:nth-child(2) {
          grid-column: 2 / 5;
          grid-row: 2 / 5;
        }
        &:nth-child(1) {
          grid-column: 1 / 4;
          grid-row: 1 / 6;
        }
      }
    }
  }
  .hero {
    display: grid;
    width: 100%;
    place-items: center;
    background-size: cover;
    background-position: center;
    & > * {
      grid-column-start: 1;
      grid-row-start: 1;
    }
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .label {
    display: inline-flex;
    align-items: center;
    gap: calc(0.25rem * 1.5);
    white-space: nowrap;
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
    &:has(input) {
      cursor: pointer;
    }
    &:is(.input > *, .select > *) {
      display: flex;
      height: calc(100% - 0.5rem);
      align-items: center;
      padding-inline: calc(0.25rem * 3);
      white-space: nowrap;
      font-size: inherit;
      &:first-child {
        margin-inline-start: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * 3);
        border-inline-end: var(--border) solid currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
        }
      }
      &:last-child {
        margin-inline-start: calc(0.25rem * 3);
        margin-inline-end: calc(0.25rem * -3);
        border-inline-start: var(--border) solid currentColor;
        @supports (color: color-mix(in lab, red, red)) {
          border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
        }
      }
    }
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .status {
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: calc(0.25rem * 2);
    height: calc(0.25rem * 2);
    border-radius: var(--radius-selector);
    background-color: var(--color-base-content);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, #000 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }
    background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 );
    box-shadow: 0 2px 3px -1px currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
    }
  }
  .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(0.25rem * 2);
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--badge-fg);
    border: var(--border) solid var(--badge-color, var(--color-base-200));
    font-size: 0.875rem;
    width: fit-content;
    padding-inline: calc(0.25rem * 3 - var(--border));
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    background-color: var(--badge-bg);
    --badge-bg: var(--badge-color, var(--color-base-100));
    --badge-fg: var(--color-base-content);
    --size: calc(var(--size-selector, 0.25rem) * 6);
    height: var(--size);
    &.badge-outline {
      --badge-fg: var(--badge-color);
      --badge-bg: #0000;
      background-image: none;
      border-color: currentColor;
    }
    &.badge-dash {
      --badge-fg: var(--badge-color);
      --badge-bg: #0000;
      background-image: none;
      border-color: currentColor;
      border-style: dashed;
    }
    &.badge-soft {
      color: var(--badge-color, var(--color-base-content));
      background-color: var(--badge-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100) );
      }
      border-color: var(--badge-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix( in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100) );
      }
      background-image: none;
    }
  }
  .tabs {
    display: flex;
    flex-wrap: wrap;
    --tabs-height: auto;
    --tabs-direction: row;
    height: var(--tabs-height);
    flex-direction: var(--tabs-direction);
  }
  .carousel {
    display: inline-flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .join {
    display: inline-flex;
    align-items: stretch;
    --join-ss: 0;
    --join-se: 0;
    --join-es: 0;
    --join-ee: 0;
    :where(.join-item) {
      border-start-start-radius: var(--join-ss, 0);
      border-start-end-radius: var(--join-se, 0);
      border-end-start-radius: var(--join-es, 0);
      border-end-end-radius: var(--join-ee, 0);
      * {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
    > .join-item:where(:first-child) {
      --join-ss: var(--radius-field);
      --join-se: 0;
      --join-es: var(--radius-field);
      --join-ee: 0;
    }
    :first-child:not(:last-child) {
      :where(.join-item) {
        --join-ss: var(--radius-field);
        --join-se: 0;
        --join-es: var(--radius-field);
        --join-ee: 0;
      }
    }
    > .join-item:where(:last-child) {
      --join-ss: 0;
      --join-se: var(--radius-field);
      --join-es: 0;
      --join-ee: var(--radius-field);
    }
    :last-child:not(:first-child) {
      :where(.join-item) {
        --join-ss: 0;
        --join-se: var(--radius-field);
        --join-es: 0;
        --join-ee: var(--radius-field);
      }
    }
    > .join-item:where(:only-child) {
      --join-ss: var(--radius-field);
      --join-se: var(--radius-field);
      --join-es: var(--radius-field);
      --join-ee: var(--radius-field);
    }
    :only-child {
      :where(.join-item) {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee: var(--radius-field);
      }
    }
  }
  .chat {
    display: grid;
    column-gap: calc(0.25rem * 3);
    padding-block: calc(0.25rem * 1);
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .w-full {
    width: 100%;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .flex-1 {
    flex: 1;
  }
  .link {
    cursor: pointer;
    text-decoration-line: underline;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
    &:focus-visible {
      outline: 2px solid currentColor;
      outline-offset: 2px;
    }
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .sm\:mt-24 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .sm\:py-20 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
}
[data-theme="mystic"] {
  --room-accent: #b795f5;
  --room-accent-strong: #8b5cf6;
  --room-gold: #e7c877;
  --room-bg: #0d0a1a;
  --room-surface: #171131;
  --room-border: #2c2150;
  --room-text: #ece7f7;
}
[data-theme="champagne"] {
  --room-accent: #c8a05a;
  --room-accent-strong: #b0863f;
  --room-gold: #8c5f2a;
  --room-bg: #1a1410;
  --room-surface: #241c14;
  --room-border: #3a2e20;
  --room-text: #f3ece1;
}
.sm-app-room-shell[data-theme] {
  background: radial-gradient( 1200px 600px at 20% -10%, var(--room-surface) 0%, var(--room-bg) 55% );
  color: var(--room-text);
}
.sm-app-room-shell[data-theme] h1, .sm-app-room-shell[data-theme] h2 {
  color: var(--room-gold);
}
.sm-app-room-shell[data-theme] .sm-eyebrow {
  color: var(--room-accent);
}
.sm-app-room-shell[data-theme] .sm-panel {
  background: var(--room-surface);
  border-color: var(--room-border);
}
body[data-page="feed"] .sm-feed-page-card .sm-feed-carta {
  border: 0;
  background: transparent;
  padding: 0;
  max-width: none;
  margin: 0;
}
body[data-page="feed"] .sm-feed-page-card__body {
  margin: 4px 0 0;
}
body[data-page="feed"] .sm-feed-page-card__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--sm-border, var(--hr-border));
}
body[data-page="feed"] .sm-feed-page-card__footer a {
  color: var(--sm-accent, #8b5cf6);
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}
body[data-page="feed"] .sm-feed-page-card__footer a:hover {
  text-decoration: underline;
}
@keyframes hr-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes hr-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes hr-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-phx-session], [data-phx-teleported-src] {
  display: contents;
}
:root {
  --sm-ink: #131313;
  --sm-paper: #f5efe5;
  --sm-sand: #e7d6bc;
  --sm-rust: #a3482f;
  --sm-plum: #3d2337;
  --sm-gold: #c48a32;
  --sm-line: rgba(19, 19, 19, 0.12);
}
body {
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(196, 138, 50, 0.18), transparent 28%), radial-gradient(circle at 85% 10%, rgba(163, 72, 47, 0.18), transparent 24%), linear-gradient(180deg, #fbf7f1 0%, #efe6d7 100%);
  color: var(--sm-ink);
  font-family: Georgia, "Times New Roman", serif;
}
body[data-page="landing"] {
  background: radial-gradient(circle at 18% 10%, rgba(247, 211, 156, 0.18), transparent 24%), radial-gradient(circle at 78% 0%, rgba(196, 138, 50, 0.12), transparent 20%), linear-gradient(180deg, #120f14 0%, #1a1418 42%, #241b20 100%);
  color: #fff7ef;
}
body[data-page="legal"] {
  background: radial-gradient(circle at 22% 6%, rgba(247, 211, 156, 0.12), transparent 22%), radial-gradient(circle at 84% 10%, rgba(163, 72, 47, 0.12), transparent 20%), linear-gradient(180deg, #120f14 0%, #181216 46%, #1f171b 100%);
  color: #fff7ef;
}
.sm-shell {
  min-height: 100vh;
  padding: 0;
}
body[data-page="legal"] .sm-page-landing {
  max-width: 980px;
  margin: 0 auto;
}
.sm-legal-shell {
  --sm-page-title: #fff0d5;
  --sm-page-copy: rgba(255, 247, 239, 0.8);
  --sm-page-lead: rgba(255, 247, 239, 0.78);
  --sm-page-panel-border: rgba(255, 240, 213, 0.1);
  --sm-page-panel-bg: linear-gradient(180deg, rgba(25, 22, 26, 0.96), rgba(16, 14, 18, 0.96));
  --sm-page-panel-shadow: 0 30px 72px rgba(0, 0, 0, 0.28);
  display: grid;
  gap: 24px;
  padding: 34px 0 48px;
}
.sm-legal-shell[data-page-theme="obsidian"], .sm-content-shell[data-page-theme="obsidian"] {
  --sm-page-title: #f2f5fb;
  --sm-page-copy: rgba(226, 233, 244, 0.84);
  --sm-page-lead: rgba(214, 224, 238, 0.8);
  --sm-page-panel-border: rgba(184, 204, 233, 0.16);
  --sm-page-panel-bg: linear-gradient(180deg, rgba(14, 21, 30, 0.96), rgba(10, 15, 23, 0.98));
  --sm-page-panel-shadow: 0 30px 72px rgba(3, 10, 20, 0.34);
}
.sm-legal-shell[data-page-theme="champagne"], .sm-content-shell[data-page-theme="champagne"] {
  --sm-page-title: #fff6ea;
  --sm-page-copy: rgba(255, 244, 229, 0.86);
  --sm-page-lead: rgba(255, 241, 222, 0.82);
  --sm-page-panel-border: rgba(246, 226, 193, 0.22);
  --sm-page-panel-bg: linear-gradient(180deg, rgba(69, 47, 37, 0.9), rgba(32, 24, 21, 0.95));
  --sm-page-panel-shadow: 0 30px 72px rgba(45, 26, 18, 0.32);
}
.sm-legal-hero {
  display: grid;
  gap: 12px;
  max-width: 760px;
}
.sm-legal-hero h1 {
  margin: 0;
  color: var(--sm-page-title);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.8rem, 5vw, 4.6rem);
  font-weight: 600;
  line-height: 0.92;
}
.sm-legal-lead {
  margin: 0;
  color: var(--sm-page-lead);
  font-size: 1.08rem;
  line-height: 1.8;
  max-width: 62ch;
}
.sm-legal-panel {
  display: grid;
  gap: 22px;
  padding: 28px;
  border-radius: 32px;
  border: 1px solid var(--sm-page-panel-border);
  background: var(--sm-page-panel-bg);
  box-shadow: var(--sm-page-panel-shadow);
}
.sm-legal-body {
  display: grid;
  gap: 16px;
}
.sm-legal-body p {
  margin: 0;
  color: var(--sm-page-copy);
  line-height: 1.84;
}
.sm-legal-body .sm-page-table th, .sm-legal-body .sm-page-table td {
  border: 1px solid rgba(255, 240, 213, 0.14);
}
.sm-legal-actions {
  flex-wrap: wrap;
}
.sm-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  border: 1px solid var(--sm-line);
  border-radius: 24px;
  background: rgba(255, 252, 246, 0.72);
  backdrop-filter: blur(14px);
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-shell__center-column {
  gap: 0;
  padding-left: 0;
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__drawer {
  gap: 0;
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__brand-card, body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__account-card, body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__menu-list-secondary {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__brand-card {
  padding-top: 0;
  padding-bottom: 14px;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__account-card {
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__menu-list {
  padding-top: 0;
  border-top: 0;
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__menu-list-secondary {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__menu-link {
  min-height: 34px;
  padding-left: 10px;
}
body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__menu-link-exit, body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] #feed-menu-new-post {
  border-left-width: 1px;
}
body[data-page="feed"] .sm-feed-settings, body[data-page="feed"] .sm-feed-settings__workspace, body[data-page="feed"] .sm-feed-settings__nav {
  display: grid;
  gap: 0;
}
body[data-page="feed"] .sm-feed-settings {
  min-height: 100%;
}
body[data-page="feed"] .sm-feed-settings__nav, body[data-page="feed"] .sm-feed-settings__panel, body[data-page="feed"] .sm-feed-settings__empty {
  border-radius: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body[data-page="feed"] .sm-feed-settings__panel, body[data-page="feed"] .sm-feed-settings__empty {
  padding: 0;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-editor-identity, body[data-page="feed"] .sm-feed-settings .sm-profile-editor-cover, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form, body[data-page="feed"] .sm-feed-settings .sm-profile-upload-grid input[type="file"], body[data-page="feed"] .sm-feed-settings .sm-profile-flag-grid .sm-check, body[data-page="feed"] .sm-feed-settings .sm-empty-state, body[data-page="feed"] .sm-feed-settings__back {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-page="feed"] .sm-feed-settings__workspace {
  grid-template-columns: minmax(220px, 240px) minmax(0, 1fr);
  align-items: start;
  min-height: 100%;
}
body[data-page="feed"] .sm-feed-settings__nav {
  padding: 0 0 0 24px;
  align-content: start;
}
body[data-page="feed"] .sm-feed-settings__nav-item {
  display: grid;
  gap: 2px;
  padding: 12px 14px 12px 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: rgba(255, 246, 234, 0.82);
}
body[data-page="feed"] .sm-feed-settings__nav-item strong {
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
body[data-page="feed"] .sm-feed-settings__nav-item.is-active {
  border-bottom-color: rgba(243, 213, 160, 0.32);
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-settings__nav-item span {
  color: rgba(255, 243, 224, 0.58);
  font-size: 0.76rem;
  line-height: 1.35;
}
body[data-page="feed"] .sm-feed-settings__detail {
  min-width: 0;
  width: 100%;
  padding: 0 0 0 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}
body[data-page="feed"] .sm-feed-settings__panel-head {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0 2px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-feed-settings__panel-head .sm-eyebrow {
  margin: 0;
  font-size: 1.28rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff8ef;
}
body[data-page="feed"] .sm-feed-settings__panel-head h3 {
  margin: 4px 0 0;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.4;
  color: rgba(255, 243, 224, 0.6);
}
body[data-page="feed"] .sm-feed-settings__placeholder-copy {
  padding: 14px 0 2px;
  border-radius: 0;
  border: 0;
  border-top: 1px dashed rgba(255, 255, 255, 0.12);
  color: rgba(255, 243, 224, 0.72);
  font-size: 0.82rem;
  line-height: 1.55;
}
body[data-page="feed"] .sm-feed-settings__panel-section {
  display: grid;
  gap: 18px;
}
body[data-page="feed"] .sm-feed-settings__wallet-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-settings__wallet-quick button {
  font: inherit;
  font-size: 0.78rem;
  color: rgba(255, 243, 224, 0.85);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 6px 12px;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
body[data-page="feed"] .sm-feed-settings__wallet-quick button:hover {
  border-color: rgba(212, 175, 55, 0.55);
  color: #ffe9ad;
}
body[data-page="feed"] .sm-feed-settings__wallet-block {
  display: grid;
  gap: 10px;
  padding: 16px 0 0;
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
}
body[data-page="feed"] .sm-feed-settings__block-title {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 243, 224, 0.6);
}
body[data-page="feed"] .sm-feed-settings__plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
}
body[data-page="feed"] .sm-feed-settings__plan-card {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(12, 10, 9, 0.88);
}
body[data-page="feed"] .sm-feed-settings__plan-card strong {
  font-size: 0.95rem;
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-settings__plan-card > span {
  font-weight: 700;
  color: var(--hr-accent, #d4af37);
}
body[data-page="feed"] .sm-feed-settings__plan-card p {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: rgba(255, 243, 224, 0.6);
}
body[data-page="feed"] .sm-feed-settings__plan-card .sm-button-primary {
  margin-top: 4px;
  justify-self: start;
}
body[data-page="feed"] .sm-feed-settings__deposit {
  display: grid;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-settings__amount {
  display: grid;
  gap: 6px;
}
body[data-page="feed"] .sm-feed-settings__amount span {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 243, 224, 0.5);
}
body[data-page="feed"] .sm-feed-settings__amount input[type="number"], body[data-page="feed"] .sm-feed-settings__withdraw-row input[type="number"] {
  width: 160px;
  box-sizing: border-box;
  font: inherit;
  font-size: 0.9rem;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.25);
  color: #fffdf9;
}
body[data-page="feed"] .sm-feed-settings__amount-chips, body[data-page="feed"] .sm-feed-settings__providers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-settings__amount-chips button, body[data-page="feed"] .sm-feed-settings__provider {
  font: inherit;
  font-size: 0.8rem;
  color: #f2ede4;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 7px 14px;
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-settings__provider {
  display: inline-flex;
  align-items: center;
}
body[data-page="feed"] .sm-feed-settings__provider.is-on {
  border-color: var(--hr-accent, #d4af37);
  color: #ffe9ad;
  background: rgba(212, 175, 55, 0.14);
  box-shadow: 0 0 0 1px var(--hr-accent, #d4af37);
}
body[data-page="feed"] .sm-feed-settings__withdraw-note {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgba(255, 243, 224, 0.6);
}
body[data-page="feed"] .sm-feed-settings__withdraw-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
body[data-page="feed"] .sm-feed-settings__wallet-feedback {
  margin: 2px 0 0;
  color: var(--hr-accent, #ffe9ad);
}
body[data-page="feed"] .sm-feed-native__newpost-chooser {
  position: fixed;
  z-index: 1400;
  min-width: 200px;
  padding: 6px;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 14px;
  background: rgba(18, 14, 22, 0.98);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.5);
}
body[data-page="feed"] .sm-feed-native__newpost-option {
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: center;
  gap: 2px 10px;
  width: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #fff6ea;
  text-decoration: none;
  text-align: left;
  font: inherit;
  font-size: 0.86rem;
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-native__newpost-option:hover {
  background: rgba(255, 255, 255, 0.07);
}
body[data-page="feed"] .sm-feed-native__newpost-option-icon svg {
  display: block;
  width: 16px;
  height: 16px;
  color: var(--hr-accent, #d4af37);
}
body[data-page="feed"] .sm-feed-native__newpost-option-copy {
  display: grid;
  gap: 1px;
}
body[data-page="feed"] .sm-feed-native__newpost-option-copy strong {
  font-weight: 600;
}
body[data-page="feed"] .sm-feed-native__newpost-option-copy small {
  font-size: 0.7rem;
  color: rgba(255, 243, 224, 0.5);
}
body[data-page="feed"] .sm-feed-settings__booking-list {
  display: grid;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-settings__booking-card {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
}
body[data-page="feed"] .sm-feed-settings__booking-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body[data-page="feed"] .sm-feed-settings__booking-card__head strong {
  font-size: 14px;
}
body[data-page="feed"] .sm-feed-settings__booking-card dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px 14px;
  margin: 0;
}
body[data-page="feed"] .sm-feed-settings__booking-card dl > div {
  display: grid;
  gap: 2px;
}
body[data-page="feed"] .sm-feed-settings__booking-card dt {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 243, 224, 0.5);
}
body[data-page="feed"] .sm-feed-settings__booking-card dd {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 243, 224, 0.9);
}
body[data-page="feed"] .sm-feed-settings__booking-card__actions {
  display: flex;
  justify-content: flex-end;
}
body[data-page="feed"] .sm-feed-settings__contact-list {
  display: grid;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-settings__contact-card {
  display: grid;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
}
body[data-page="feed"] .sm-feed-settings__contact-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body[data-page="feed"] .sm-feed-settings__contact-card__head strong {
  font-size: 14px;
}
body[data-page="feed"] .sm-feed-settings__contact-card p {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 243, 224, 0.85);
  word-break: break-word;
}
body[data-page="feed"] .sm-feed-settings__contact-card small {
  font-size: 12px;
  color: rgba(255, 243, 224, 0.5);
}
body[data-page="feed"] .sm-feed-settings__contact-status {
  font-size: 0.78rem;
  color: rgba(255, 248, 240, 0.85);
}
body[data-page="feed"] .sm-feed-settings__stack-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.25);
  color: #fffdf9;
  font: inherit;
  resize: vertical;
}
body[data-page="feed"] .sm-feed-settings__stack-form {
  display: grid;
  gap: 18px;
}
body[data-page="feed"] .sm-feed-settings__stack-form label {
  display: grid;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-settings__wide-action {
  width: 100%;
}
body[data-page="feed"] .sm-feed-settings__stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
body[data-page="feed"] .sm-feed-settings__stat-card, body[data-page="feed"] .sm-feed-settings__info-card, body[data-page="feed"] .sm-feed-settings__verify-dropzone-wrap {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(12, 10, 9, 0.88);
}
body[data-page="feed"] .sm-feed-settings__stat-card span {
  display: block;
  color: rgba(255, 243, 224, 0.62);
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-feed-settings__stat-card strong {
  display: block;
  margin-top: 6px;
  font-size: 1.12rem;
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-settings__toggle-list {
  display: grid;
  gap: 16px;
}
body[data-page="feed"] .sm-feed-settings__toggle-row {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-settings__switch {
  position: relative;
  width: 28px;
  height: 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
  flex: 0 0 auto;
}
body[data-page="feed"] .sm-feed-settings__switch i {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #d4d0cb;
}
body[data-page="feed"] .sm-feed-settings__switch.is-active {
  background: #f3bd1b;
}
body[data-page="feed"] .sm-feed-settings__switch.is-active i {
  left: 14px;
  background: #120d0b;
}
body[data-page="feed"] .sm-feed-settings__table-wrap {
  overflow-x: auto;
}
body[data-page="feed"] .sm-feed-settings__table {
  width: 100%;
  border-collapse: collapse;
}
body[data-page="feed"] .sm-feed-settings__table th, body[data-page="feed"] .sm-feed-settings__table td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  text-align: left;
  white-space: nowrap;
  font-size: 0.8rem;
}
body[data-page="feed"] .sm-feed-settings__table th {
  color: #fff6ea;
  font-weight: 600;
}
body[data-page="feed"] .sm-feed-settings__table td {
  color: rgba(255, 243, 224, 0.86);
}
body[data-page="feed"] .sm-feed-settings__status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  padding: 6px 10px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #120d0b;
}
body[data-page="feed"] .sm-feed-settings__status-pill.is-success {
  background: #8adb13;
}
body[data-page="feed"] .sm-feed-settings__status-pill.is-info {
  background: #35d4ff;
}
body[data-page="feed"] .sm-feed-settings__info-card {
  display: grid;
  gap: 14px;
}
body[data-page="feed"] .sm-feed-settings__info-card p, body[data-page="feed"] .sm-feed-settings__verify-copy p, body[data-page="feed"] .sm-feed-settings__verify-dropzone-wrap p {
  margin: 0;
  color: rgba(255, 243, 224, 0.78);
  font-size: 0.85rem;
  line-height: 1.5;
}
body[data-page="feed"] .sm-feed-settings__verify-list li {
  font-size: 0.85rem;
}
body[data-page="feed"] .sm-feed-settings__info-card ul, body[data-page="feed"] .sm-feed-settings__verify-list {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-settings__verify-copy {
  display: grid;
  gap: 14px;
}
body[data-page="feed"] .sm-feed-settings__verify-list li.is-complete {
  color: #9eea21;
}
body[data-page="feed"] .sm-feed-settings__verify-list li.is-pending {
  color: #ff7f7f;
}
body[data-page="feed"] .sm-feed-settings__verify-dropzone-wrap h4 {
  margin: 0;
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-settings__verify-dropzone {
  min-height: 96px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(255, 255, 255, 0.24);
  color: #fff6ea;
  text-align: center;
  position: relative;
}
body[data-page="feed"] .sm-feed-settings__verify-dropzone input {
  position: absolute;
  inset: 0;
  opacity: 0;
}
body[data-page="feed"] .sm-feed-settings__verify-actions {
  display: flex;
  justify-content: flex-end;
}
body[data-page="feed"] .sm-feed-settings__profile-hero {
  margin-bottom: 18px;
}
body[data-page="feed"] .sm-feed-settings__save {
  min-height: 36px;
  padding: 0 18px;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-editor-identity, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form {
  border: 0;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-editor-identity {
  gap: 0;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-editor-cover {
  position: relative;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body[data-page="feed"] .sm-feed-settings__media-tools {
  position: absolute;
  display: inline-flex;
  gap: 8px;
  z-index: 2;
}
body[data-page="feed"] .sm-feed-settings__media-tools-cover {
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
}
body[data-page="feed"] .sm-feed-settings__media-tools-avatar {
  left: 104px;
  bottom: 18px;
}
body[data-page="feed"] .sm-feed-settings__media-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.58);
  color: #fff6ea;
  border-radius: 0;
}
body[data-page="feed"] .sm-feed-settings__media-tool-label {
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-settings__editor-inline-slot {
  margin-top: 16px;
}
body[data-page="feed"] .sm-feed-settings-editor-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 12px;
  background: rgba(6, 4, 3, 0.82);
  touch-action: none;
}
body[data-page="feed"] .sm-feed-settings-editor-modal__surface {
  position: relative;
  width: min(1180px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  overflow: auto;
  padding: 18px;
  background: #120d0b;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.42);
}
body[data-page="feed"] .sm-feed-settings-editor-modal__dismiss {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(17, 12, 10, 0.74);
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-settings__panel-media-editor .sm-feed-settings__panel-head {
  align-items: start;
}
body[data-page="feed"] .sm-feed-settings__panel-head-media-editor {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-bottom: 14px;
  padding-right: 52px;
}
body[data-page="feed"] .sm-feed-settings__panel-media-editor .sm-feed-settings__panel-head p:last-child {
  margin: 6px 0 0;
  color: rgba(255, 243, 224, 0.72);
}
body[data-page="feed"] .sm-feed-settings__media-editor-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
body[data-page="feed"] .sm-feed-settings__media-editor-stage {
  display: grid;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-settings__media-editor-frame-wrap {
  position: relative;
  display: grid;
}
body[data-page="feed"] .sm-feed-settings__media-editor-frame {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  background: rgba(9, 6, 5, 0.88);
  touch-action: none;
  user-select: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
body[data-page="feed"] .sm-feed-settings__media-editor-frame.is-cover {
  aspect-ratio: 16 / 5;
  width: min(100%, 1120px);
}
body[data-page="feed"] .sm-feed-settings__media-editor-frame.is-avatar {
  aspect-ratio: 1;
  width: min(100%, 520px);
  justify-self: center;
}
body[data-page="feed"] .sm-feed-settings__media-editor-image {
  position: absolute;
  max-width: none;
  max-height: none;
  pointer-events: none;
}
body[data-page="feed"] .sm-feed-settings__media-editor-crop-guide {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
body[data-page="feed"] .sm-feed-settings__media-editor-crop-box, body[data-page="feed"] .sm-feed-settings__media-editor-crop-box-grid, body[data-page="feed"] .sm-feed-settings__media-editor-handle {
  position: absolute;
}
body[data-page="feed"] .sm-feed-settings__media-editor-crop-box {
  border: 1.5px solid rgba(255, 244, 230, 0.94);
  box-shadow: 0 0 0 999px rgba(7, 4, 3, 0.42), inset 0 0 0 1px rgba(17, 9, 7, 0.58);
  pointer-events: auto;
  touch-action: none;
  cursor: move;
}
body[data-page="feed"] .sm-feed-settings__media-editor-crop-box.is-avatar {
  border-radius: 999px;
}
body[data-page="feed"] .sm-feed-settings__media-editor-crop-box-grid {
  inset: 0;
  border-radius: inherit;
  background-image: linear-gradient(to right, transparent 33.333%, rgba(255, 244, 230, 0.18) 33.333%, rgba(255, 244, 230, 0.18) 34%, transparent 34%, transparent 66.666%, rgba(255, 244, 230, 0.18) 66.666%, rgba(255, 244, 230, 0.18) 67%, transparent 67%), linear-gradient(to bottom, transparent 33.333%, rgba(255, 244, 230, 0.18) 33.333%, rgba(255, 244, 230, 0.18) 34%, transparent 34%, transparent 66.666%, rgba(255, 244, 230, 0.18) 66.666%, rgba(255, 244, 230, 0.18) 67%, transparent 67%);
}
body[data-page="feed"] .sm-feed-settings__media-editor-crop-box.is-avatar .sm-feed-settings__media-editor-crop-box-grid {
  background-image: none;
}
body[data-page="feed"] .sm-feed-settings__media-editor-handle {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(255, 244, 230, 0.96);
  background: rgba(18, 13, 11, 0.92);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  pointer-events: auto;
  touch-action: none;
}
body[data-page="feed"] .sm-feed-settings__media-editor-handle.is-top-left {
  top: -11px;
  left: -11px;
  cursor: nwse-resize;
}
body[data-page="feed"] .sm-feed-settings__media-editor-handle.is-top-right {
  top: -11px;
  right: -11px;
  cursor: nesw-resize;
}
body[data-page="feed"] .sm-feed-settings__media-editor-handle.is-bottom-left {
  bottom: -11px;
  left: -11px;
  cursor: nesw-resize;
}
body[data-page="feed"] .sm-feed-settings__media-editor-handle.is-bottom-right {
  right: -11px;
  bottom: -11px;
  cursor: nwse-resize;
}
body[data-page="feed"] .sm-feed-settings__media-editor-avatar-result {
  position: absolute;
  right: 14px;
  bottom: 78px;
  z-index: 2;
  display: grid;
  gap: 6px;
  justify-items: center;
  pointer-events: none;
}
body[data-page="feed"] .sm-feed-settings__media-editor-avatar-result-label {
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(12, 8, 7, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 243, 224, 0.86);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}
body[data-page="feed"] .sm-feed-settings__media-editor-avatar-result-frame {
  position: relative;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border-radius: 999px;
  border: 2px solid rgba(255, 244, 230, 0.88);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.26), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
  background: rgba(12, 8, 7, 0.7);
}
body[data-page="feed"] .sm-feed-settings__media-editor-avatar-result-image {
  position: absolute;
  max-width: none;
  max-height: none;
}
body[data-page="feed"] .sm-feed-settings__media-editor-overlay {
  position: absolute;
  left: 14px;
  right: 14px;
  z-index: 5;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  pointer-events: auto;
}
body[data-page="feed"] .sm-feed-settings__media-editor-overlay-top {
  top: 14px;
  align-items: start;
}
body[data-page="feed"] .sm-feed-settings__media-editor-overlay-bottom {
  bottom: 14px;
  align-items: end;
}
body[data-page="feed"] .sm-feed-settings__media-editor-chip-group, body[data-page="feed"] .sm-feed-settings__media-editor-status-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  pointer-events: none;
}
body[data-page="feed"] .sm-feed-settings__media-editor-chip, body[data-page="feed"] .sm-feed-settings__media-editor-status {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(12, 8, 7, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  color: rgba(255, 243, 224, 0.86);
  font-size: 0.78rem;
  line-height: 1.2;
}
body[data-page="feed"] .sm-feed-settings__media-editor-status {
  margin: 0;
}
body[data-page="feed"] .sm-feed-settings__media-editor-status.is-error {
  color: #ffb3a7;
  border-color: rgba(255, 179, 167, 0.42);
}
body[data-page="feed"] .sm-feed-settings__media-editor-zoom-dock, body[data-page="feed"] .sm-feed-settings__media-editor-action-dock {
  display: flex;
  align-items: center;
  gap: 10px;
  pointer-events: auto;
}
body[data-page="feed"] .sm-feed-settings__media-editor-step, body[data-page="feed"] .sm-feed-settings__media-editor-reset, body[data-page="feed"] .sm-feed-settings__media-editor-apply, body[data-page="feed"] .sm-feed-settings__media-editor-slider input {
  pointer-events: auto;
}
body[data-page="feed"] .sm-feed-settings__media-editor-zoom-dock {
  flex: 1 1 auto;
  max-width: min(100%, 520px);
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(12, 8, 7, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
}
body[data-page="feed"] .sm-feed-settings__media-editor-slider {
  display: grid;
  gap: 6px;
  flex: 1 1 auto;
}
body[data-page="feed"] .sm-feed-settings__media-editor-slider-inline {
  width: min(100%, 420px);
}
body[data-page="feed"] .sm-feed-settings__media-editor-position {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
body[data-page="feed"] .sm-feed-settings__media-editor-slider span {
  color: rgba(255, 243, 224, 0.82);
  font-size: 0.78rem;
}
body[data-page="feed"] .sm-feed-settings__media-editor-step, body[data-page="feed"] .sm-feed-settings__media-editor-reset, body[data-page="feed"] .sm-feed-settings__media-editor-apply {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(12, 8, 7, 0.72);
  color: #fff6ea;
  backdrop-filter: blur(12px);
}
body[data-page="feed"] .sm-feed-settings__media-editor-step {
  min-width: 44px;
  padding: 0;
  font-size: 1.1rem;
}
body[data-page="feed"] .sm-feed-settings__media-editor-slider input {
  width: 100%;
}
body[data-page="feed"] .sm-feed-settings__media-editor-caption {
  display: grid;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-settings__media-editor-position {
  color: rgba(255, 243, 224, 0.7);
  font-size: 0.82rem;
}
body[data-page="feed"] .sm-feed-settings__media-editor-note {
  margin: 0;
  color: rgba(255, 243, 224, 0.7);
  font-size: 0.84rem;
  line-height: 1.5;
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-feed-settings-editor-modal {
    padding: 0;
    place-items: stretch;
  }
  body[data-page="feed"] .sm-feed-settings-editor-modal__surface {
    width: 100vw;
    max-height: 100dvh;
    padding: 14px 12px 16px;
    border: 0;
    border-radius: 0;
  }
  body[data-page="feed"] .sm-feed-settings__panel-head-media-editor {
    padding-right: 48px;
    gap: 10px;
  }
  body[data-page="feed"] .sm-feed-settings__panel-media-editor .sm-feed-settings__panel-head p:last-child {
    font-size: 0.86rem;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-frame.is-avatar {
    width: min(100%, calc(100dvw - 24px));
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-overlay {
    left: 10px;
    right: 10px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-crop-safe-zone {
    inset: 8%;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-crop-guide.is-cover .sm-feed-settings__media-editor-crop-safe-zone {
    inset: 15% 6%;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-crop-guide.is-avatar .sm-feed-settings__media-editor-crop-safe-zone {
    inset: 10%;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner {
    width: 18px;
    height: 18px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-avatar-result {
    top: 10px;
    right: 10px;
    bottom: auto;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-avatar-result-frame {
    width: 76px;
    height: 76px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-avatar-result-label {
    font-size: 0.66rem;
    padding: 4px 8px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner.is-top-left, body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner.is-top-right {
    top: 8px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner.is-bottom-left, body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner.is-bottom-right {
    bottom: 8px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner.is-top-left, body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner.is-bottom-left {
    left: 8px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner.is-top-right, body[data-page="feed"] .sm-feed-settings__media-editor-crop-corner.is-bottom-right {
    right: 8px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-overlay-top {
    top: 10px;
    flex-direction: column;
    align-items: stretch;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-overlay-bottom {
    bottom: 10px;
    flex-direction: column;
    align-items: stretch;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-chip-group {
    max-width: 100%;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-chip, body[data-page="feed"] .sm-feed-settings__media-editor-status {
    width: fit-content;
    max-width: 100%;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-zoom-dock, body[data-page="feed"] .sm-feed-settings__media-editor-action-dock {
    width: 100%;
    max-width: none;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-action-dock {
    justify-content: stretch;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-reset, body[data-page="feed"] .sm-feed-settings__media-editor-apply {
    flex: 1 1 0;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-caption {
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
}
body[data-page="feed"] .sm-feed-settings__media-tool svg {
  width: 15px;
  height: 15px;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form {
  padding: 0;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-upload-grid {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-editor-header, body[data-page="feed"] .sm-feed-settings .sm-profile-meta, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form h4, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form > label, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-grid, body[data-page="feed"] .sm-feed-settings .sm-profile-upload-grid, body[data-page="feed"] .sm-feed-settings .sm-profile-flag-grid, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form > button, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form > div[data-settings-profile-feedback] {
  padding-left: 0;
  padding-right: 0;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-editor-header {
  position: relative;
  margin-top: -56px;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-editor-avatar {
  width: 132px;
  height: 132px;
  flex-basis: 132px;
  border-width: 4px;
}
body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form input, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form textarea, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form select, body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form button, body[data-page="feed"] .sm-feed-settings__back {
  border-radius: 0;
}
@media (min-width: 901px) {
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] {
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    gap: 0;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-shell__left-rail {
    justify-content: flex-start;
    padding-right: 24px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
  }
  body[data-page="feed"] .sm-feed-settings__workspace {
    grid-template-columns: minmax(220px, 240px) minmax(0, 1fr);
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-shell__center-column {
    grid-column: 2 / -1;
    padding-left: 0;
  }
  body[data-page="feed"] .sm-feed-settings__back {
    display: none;
  }
}
@media (max-width: 900px) {
  body[data-page="feed"] .sm-feed-settings {
    min-height: calc(100dvh - 24px);
  }
  body[data-page="feed"] .sm-feed-settings__panel-head {
    grid-template-columns: 1fr;
    display: grid;
    gap: 10px;
  }
  body[data-page="feed"] .sm-feed-settings__save {
    width: 100%;
  }
  body[data-page="feed"] .sm-feed-settings__stats-grid {
    grid-template-columns: 1fr;
  }
  body[data-page="feed"] .sm-feed-settings__workspace {
    grid-template-columns: 1fr;
    min-height: 100dvh;
  }
  body[data-page="feed"] .sm-feed-settings__nav {
    padding: 0;
  }
  body[data-page="feed"] .sm-feed-settings__detail {
    padding: 12px 16px 28px;
    border-left: 0;
  }
  body[data-page="feed"] .sm-feed-settings__nav-item {
    padding: 5px 16px;
    gap: 1px;
  }
  body[data-page="feed"] .sm-feed-settings__nav-item strong {
    font-size: 0.9rem;
    line-height: 1.2;
  }
  body[data-page="feed"] .sm-feed-settings__nav-item span {
    font-size: 0.72rem;
    line-height: 1.25;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-shell__center-column {
    padding: 0;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-shell__left-rail {
    border-right: 0;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__drawer {
    padding-right: 0;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__brand-card, body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__account-card, body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"] .sm-feed-native__menu-list-secondary {
    padding-left: 0;
    padding-right: 0;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"][data-feed-settings-pane="detail"] .sm-feed-settings__nav {
    display: none;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"][data-feed-settings-pane="list"] .sm-feed-settings__detail {
    display: none;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-view="settings"][data-feed-settings-pane="list"] .sm-feed-settings__nav {
    padding-top: 54px;
  }
  body[data-page="feed"] .sm-feed-settings__back {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-editor-cover {
    min-height: 112px;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-editor-header {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 12px;
    padding-top: 0;
    margin-top: -38px;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-editor-avatar {
    width: 108px;
    height: 108px;
    flex-basis: 108px;
    order: 1;
  }
  body[data-page="feed"] .sm-feed-settings__media-tools-cover {
    bottom: 10px;
  }
  body[data-page="feed"] .sm-feed-settings__media-tools-avatar {
    left: 82px;
    bottom: 12px;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-layout {
    grid-template-columns: 1fr;
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-controls {
    padding-left: 0;
    border-left: 0;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  body[data-page="feed"] .sm-feed-settings__media-editor-frame.is-avatar {
    max-width: 100%;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-editor-title {
    order: 2;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form h4 {
    order: 1;
    margin: 0;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form > label:nth-of-type(1) {
    order: 2;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form > label:nth-of-type(2) {
    order: 3;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-upload-grid {
    order: 4;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-identity-grid {
    order: 5;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-flag-grid {
    order: 6;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form > button {
    order: 7;
  }
  body[data-page="feed"] .sm-feed-settings .sm-profile-identity-form > div[data-settings-profile-feedback] {
    order: 8;
  }
}
@media (min-width: 1101px) {
  body[data-page="feed"] .sm-feed-settings__back {
    display: none;
  }
  box-shadow: 0 16px 48px rgba(61, 35, 55, 0.08);
}
body[data-page="landing"] .sm-topbar {
  border: 1px solid rgba(246, 226, 193, 0.16);
  background: linear-gradient(180deg, rgba(255, 248, 238, 0.08), rgba(255, 248, 238, 0.03)), linear-gradient(160deg, rgba(44, 33, 39, 0.82), rgba(23, 17, 22, 0.74));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 18px 48px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(18px);
}
.sm-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  color: inherit;
  text-decoration: none;
}
.sm-brand strong, .sm-panel-head h1, .sm-panel-head h2, .sm-hero h1 {
  font-family: "Times New Roman", Georgia, serif;
  letter-spacing: -0.04em;
}
.sm-brand small {
  display: block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  opacity: 0.65;
}
body[data-page="landing"] .sm-brand, body[data-page="landing"] .sm-brand small, body[data-page="landing"] .sm-nav a {
  color: #fff7ef;
}
.sm-brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--sm-rust), var(--sm-plum));
  color: #fff7ef;
  font-weight: 700;
}
.sm-brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sm-brand--wordmark {
  gap: 0;
}
.sm-brand--wordmark-image {
  display: block;
  width: clamp(86px, 9vw, 118px);
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  border-radius: 22px;
}
.sm-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.sm-nav a, .sm-button {
  border-radius: 999px;
  text-decoration: none;
}
.sm-nav a {
  padding: 10px 14px;
  color: var(--sm-ink);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(19, 19, 19, 0.08);
}
.sm-topbar-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: rgba(255, 255, 255, 0.46);
}
.sm-topbar-pill, .sm-topbar-copy {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.sm-topbar-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(61, 35, 55, 0.08);
}
.sm-topbar-copy {
  color: rgba(19, 19, 19, 0.64);
}
body[data-page="landing"] .sm-nav a {
  background: rgba(255, 248, 238, 0.08);
  border-color: rgba(246, 226, 193, 0.14);
}
body[data-page="landing"] .sm-topbar-status {
  border-color: rgba(246, 226, 193, 0.16);
  background: rgba(255, 248, 238, 0.08);
}
body[data-page="landing"] .sm-topbar-pill {
  background: rgba(247, 211, 156, 0.14);
  color: #fff7ef;
}
body[data-page="landing"] .sm-topbar-copy {
  color: rgba(255, 247, 239, 0.68);
}
.sm-page {
  padding-top: 26px;
}
.sm-page.sm-page-feed, body[data-page="feed"] .sm-page {
  padding-top: 0;
}
body[data-admin-page] {
  --sm-admin-bg: #eef2f7;
  --sm-admin-shell-bg: #f8fafc;
  --sm-admin-surface: rgba(255, 255, 255, 0.98);
  --sm-admin-surface-soft: rgba(248, 250, 252, 0.94);
  --sm-admin-line: rgba(24, 39, 56, 0.1);
  --sm-admin-line-strong: rgba(24, 39, 56, 0.18);
  --sm-admin-nav-section-bg: rgba(24, 39, 56, 0.06);
  --sm-admin-text: #17232e;
  --sm-admin-muted: #54677a;
  --sm-admin-accent: #0f6cbd;
  --sm-admin-accent-strong: #0b4f8f;
  --sm-admin-accent-soft: rgba(15, 108, 189, 0.12);
  --sm-admin-topbar: #0f1b28;
  --sm-admin-success: #177a4d;
  --sm-admin-success-soft: rgba(23, 122, 77, 0.12);
  --sm-admin-warning: #9c6208;
  --sm-admin-warning-soft: rgba(156, 98, 8, 0.13);
  --sm-admin-danger: #c03636;
  --sm-admin-danger-soft: rgba(192, 54, 54, 0.12);
  --sm-admin-info: #0f6cbd;
  --sm-admin-info-soft: rgba(15, 108, 189, 0.12);
  --sm-admin-radius-sm: 6px;
  --sm-admin-radius-md: 10px;
  --sm-admin-radius-lg: 14px;
  --sm-admin-radius-chip: 999px;
  --sm-admin-radius-input: 8px;
  --sm-admin-radius-card: 10px;
  --sm-admin-radius-panel: 12px;
  --sm-admin-shadow-soft: 0 10px 26px rgba(24, 39, 56, 0.08);
  --sm-admin-shadow-medium: 0 22px 60px rgba(24, 39, 56, 0.12);
  --sm-admin-font: "Open Sans", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  background: radial-gradient(circle at 0% 0%, rgba(15, 108, 189, 0.06), transparent 18%), linear-gradient(180deg, #f8fafc 0%, var(--sm-admin-bg) 100%);
  color: var(--sm-admin-text);
  font-family: var(--sm-admin-font);
}
.sm-appearance-bar-admin {
  padding: 14px;
  border-radius: var(--sm-admin-radius-panel);
  border: 1px solid var(--sm-admin-line);
  background: rgba(255, 255, 255, 0.74);
}
.sm-button-full {
  width: 100%;
}
.sm-button-compact {
  min-height: 30px;
  padding: 6px 10px;
  font-size: 0.68rem;
}
.sm-empty-state pre {
  margin: 12px 0 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.84rem;
  line-height: 1.5;
}
.sm-hero, .sm-app-grid, .sm-dev-grid, .sm-feature-grid {
  display: grid;
  gap: 22px;
}
.sm-hero {
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
  align-items: stretch;
}
.sm-hero-copy, .sm-panel {
  border: 1px solid var(--sm-line);
  border-radius: 28px;
  background: rgba(255, 250, 243, 0.82);
  box-shadow: 0 20px 60px rgba(61, 35, 55, 0.08);
}
body[data-page="landing"] .sm-hero-copy, body[data-page="landing"] .sm-panel {
  border: 1px solid rgba(246, 226, 193, 0.14);
  background: linear-gradient(180deg, rgba(255, 248, 238, 0.1), rgba(255, 248, 238, 0.04)), linear-gradient(160deg, rgba(51, 39, 44, 0.82), rgba(24, 18, 23, 0.78));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 22px 64px rgba(0, 0, 0, 0.24);
}
.sm-hero-copy {
  padding: 46px;
}
.sm-stat-card {
  padding: 16px 18px;
  border-radius: var(--sm-admin-radius-lg);
  background: var(--sm-admin-surface);
  border: 1px solid var(--sm-admin-line);
  box-shadow: var(--sm-admin-shadow-soft);
}
.sm-stat-card span, .sm-eyebrow, .sm-result-type, .sm-feed-meta span, .sm-thread-head span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.72rem;
}
body[data-page="landing"] .sm-eyebrow, body[data-page="landing"] .sm-lead, body[data-page="landing"] .sm-home-feature-panel p, body[data-page="landing"] .sm-home-support-panel p, body[data-page="landing"] .sm-home-mini-card p, body[data-page="landing"] .sm-home-status-strip .sm-stat-card span {
  color: rgba(255, 247, 239, 0.74);
}
.sm-stat-card strong {
  display: block;
  margin-top: 8px;
  font-size: 1.45rem;
}
.sm-stat-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.sm-stat-card__meta small {
  color: var(--sm-admin-muted);
}
body[data-admin-page] .sm-stat-card, body[data-admin-page] .sm-metric-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 4px 14px;
}
body[data-admin-page] .sm-stat-card > span, body[data-admin-page] .sm-metric-card > span {
  grid-column: 1;
  grid-row: 1;
}
body[data-admin-page] .sm-stat-card > strong, body[data-admin-page] .sm-metric-card > strong {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  margin-top: 0;
  text-align: right;
}
body[data-admin-page] .sm-stat-card__meta {
  grid-column: 1 / -1;
  margin-top: 6px;
}
body[data-admin-page] .sm-metric-card {
  padding: 10px 12px;
  border-radius: 8px;
}
.sm-stat-card__badges {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.sm-hero h1 {
  max-width: 11ch;
  margin: 8px 0 18px;
  font-size: clamp(2.8rem, 6vw, 5.2rem);
  line-height: 0.92;
}
.sm-lead {
  max-width: 58ch;
  font-size: 1.06rem;
  line-height: 1.8;
  opacity: 0.82;
}
.sm-home-hero {
  position: relative;
}
.sm-home-hero-copy {
  background: radial-gradient(circle at top left, rgba(196, 138, 50, 0.16), transparent 34%), linear-gradient(180deg, rgba(255, 250, 243, 0.96), rgba(247, 239, 228, 0.92));
}
body[data-page="landing"] .sm-home-hero-copy {
  background: radial-gradient(circle at top left, rgba(247, 211, 156, 0.18), transparent 32%), linear-gradient(180deg, rgba(62, 46, 51, 0.92), rgba(31, 24, 28, 0.86));
}
.sm-home-hero-visual {
  display: grid;
}
.sm-home-showcase {
  display: grid;
  gap: 18px;
  padding: 26px;
  border: 1px solid var(--sm-line);
  border-radius: 28px;
  background: linear-gradient(160deg, rgba(61, 35, 55, 0.96), rgba(41, 27, 38, 0.94));
  color: #f8efe5;
  box-shadow: 0 24px 70px rgba(61, 35, 55, 0.18);
}
body[data-page="landing"] .sm-home-showcase {
  border: 1px solid rgba(247, 211, 156, 0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 30px 80px rgba(0, 0, 0, 0.3);
}
.sm-home-sanctuary-card {
  background: radial-gradient(circle at top center, rgba(196, 138, 50, 0.18), transparent 28%), linear-gradient(160deg, rgba(61, 35, 55, 0.98), rgba(29, 20, 31, 0.96));
}
.sm-home-showcase__head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
}
.sm-home-showcase__head strong {
  display: block;
  margin-top: 6px;
  font-size: 1.05rem;
}
.sm-home-kicker, .sm-home-live-badge, .sm-home-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 12px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
}
.sm-home-kicker {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(248, 239, 229, 0.82);
}
.sm-home-live-badge {
  background: rgba(196, 138, 50, 0.16);
  border: 1px solid rgba(196, 138, 50, 0.22);
  color: #f7d39c;
}
.sm-home-showcase__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.sm-home-sanctuary-scene {
  position: relative;
  display: grid;
  gap: 16px;
}
.sm-home-sanctuary-orb {
  position: absolute;
  top: -6px;
  right: 12px;
  width: 122px;
  height: 122px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(247, 211, 156, 0.88), rgba(196, 138, 50, 0.12) 62%, transparent 74%);
  filter: blur(4px);
  opacity: 0.9;
}
.sm-home-sanctuary-grid {
  grid-template-columns: 1fr;
  position: relative;
  z-index: 1;
}
.sm-home-mini-card {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
}
.sm-home-mini-card span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  color: rgba(248, 239, 229, 0.62);
}
.sm-home-mini-card strong {
  display: block;
  margin: 10px 0 8px;
  font-size: 1rem;
  line-height: 1.3;
}
.sm-home-mini-card p {
  margin: 0;
  color: rgba(248, 239, 229, 0.72);
  line-height: 1.55;
}
.sm-home-mode-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04));
}
.sm-home-status-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.sm-home-status-strip .sm-stat-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04));
  border-color: rgba(255,255,255,0.08);
}
.sm-home-status-strip .sm-stat-card span {
  color: rgba(248, 239, 229, 0.62);
}
.sm-home-status-strip .sm-stat-card strong {
  color: #fff7ef;
}
.sm-home-showcase-foot {
  display: grid;
  gap: 10px;
}
.sm-home-showcase-foot p {
  margin: 0;
  color: rgba(255, 247, 239, 0.72);
  line-height: 1.6;
}
.sm-home-showcase-line {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(246, 226, 193, 0.32), rgba(246, 226, 193, 0));
}
.sm-home-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.sm-home-hero-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.sm-home-meta-card {
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(246, 226, 193, 0.12);
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
}
.sm-home-meta-card span {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  color: rgba(255, 247, 239, 0.62);
}
.sm-home-meta-card strong {
  display: block;
  margin: 8px 0 6px;
  color: #fff7ef;
  font-size: 1rem;
}
.sm-home-meta-card p {
  margin: 0;
  color: rgba(255, 247, 239, 0.72);
  line-height: 1.55;
}
.sm-home-pill {
  background: rgba(255, 255, 255, 0.52);
  border: 1px solid rgba(19, 19, 19, 0.08);
  color: rgba(19, 19, 19, 0.78);
}
body[data-page="landing"] .sm-home-pill, body[data-page="landing"] .sm-button-secondary, body[data-page="landing"] .sm-button-ghost {
  background: rgba(255, 248, 238, 0.08);
  border-color: rgba(246, 226, 193, 0.14);
  color: #fff7ef;
}
.sm-home-support-grid {
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
}
.sm-home-support-panel {
  padding: 28px;
}
.sm-home-support-panel h2, .sm-home-feature-panel h2 {
  margin: 10px 0 12px;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.05;
}
.sm-home-support-panel p, .sm-home-feature-panel p {
  margin: 0;
  line-height: 1.7;
  color: rgba(19, 19, 19, 0.78);
}
.sm-home-support-panel-compact {
  display: grid;
  align-content: start;
}
.sm-home-support-links {
  display: grid;
  gap: 12px;
  margin-top: 6px;
}
.sm-appearance-bar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: rgba(255, 255, 255, 0.42);
}
.sm-appearance-bar-compact {
  margin-top: 14px;
  padding: 14px 16px;
}
.sm-appearance-bar h3 {
  margin: 6px 0 4px;
  font-size: 1.05rem;
}
.sm-appearance-copy {
  margin: 0;
  color: rgba(19, 19, 19, 0.68);
  line-height: 1.5;
}
.sm-theme-select-wrap {
  display: grid;
  gap: 6px;
  min-width: 220px;
}
.sm-theme-select-wrap span {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgba(19, 19, 19, 0.64);
}
.sm-theme-select {
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 16px;
  border: 1px solid rgba(19, 19, 19, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: inherit;
}
.sm-theme-select:disabled {
  opacity: 0.58;
  cursor: not-allowed;
}
.sm-cta-row, .sm-inline-actions, .sm-request-row, .sm-quick-grid, .sm-inline-form, .sm-panel-head-inline {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.sm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 600;
}
.sm-button-primary {
  background: #41d97b;
  color: #ffffff;
}
.sm-button-secondary {
  background: #ffffff;
  border-color: rgba(130, 145, 170, 0.16);
  color: var(--sm-ink);
}
.sm-button-ghost {
  background: transparent;
  border-color: rgba(19, 19, 19, 0.12);
  color: var(--sm-ink);
}
.sm-feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
}
.sm-home-feature-grid {
  margin-top: 24px;
}
.sm-home-feature-panel {
  background: linear-gradient(180deg, rgba(255,255,255,0.76), rgba(247,239,228,0.92));
}
body[data-page="landing"] .sm-home-feature-panel, body[data-page="landing"] .sm-home-support-panel {
  background: linear-gradient(180deg, rgba(255, 248, 238, 0.1), rgba(255, 248, 238, 0.04)), linear-gradient(160deg, rgba(54, 40, 45, 0.84), rgba(24, 18, 23, 0.78));
}
body[data-page="landing"] .sm-home-status-strip .sm-stat-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.04));
  border-color: rgba(246, 226, 193, 0.12);
}
body[data-page="landing"] .sm-home-status-strip .sm-stat-card strong, body[data-page="landing"] .sm-home-feature-panel h2, body[data-page="landing"] .sm-home-support-panel h2, body[data-page="landing"] .sm-hero h1, body[data-page="landing"] .sm-home-showcase__head strong, body[data-page="landing"] .sm-home-mini-card strong, body[data-page="landing"] .sm-home-mini-card span, body[data-page="landing"] .sm-panel-head h1, body[data-page="landing"] .sm-panel-head h2 {
  color: #fff7ef;
}
.sm-home-feature-panel h2 {
  margin: 8px 0 10px;
  font-size: clamp(1.4rem, 2.2vw, 2rem);
}
.sm-home-feature-panel p:last-child {
  margin: 0;
  color: rgba(19, 19, 19, 0.74);
  line-height: 1.65;
}
.sm-panel {
  padding: 24px;
}
.sm-panel-head {
  margin-bottom: 10px;
}
.sm-panel-head h1, .sm-panel-head h2 {
  margin: 4px 0 0;
  font-size: clamp(1.3rem, 2.1vw, 2rem);
}
body[data-admin-page="pages"] {
  font-size: 0.88rem;
  font-family: var(--sm-admin-font);
}
body[data-admin-page="pages"] .sm-panel {
  padding: 10px;
}
body[data-admin-page="pages"] #admin-pages-excerpt {
  min-height: 72px;
}
body[data-page="app"], body[data-page="feed"] {
  --sm-user-panel-bg: rgba(255, 250, 243, 0.82);
  --sm-user-panel-border: rgba(19, 19, 19, 0.08);
  --sm-user-panel-shadow: 0 20px 60px rgba(61, 35, 55, 0.08);
  --sm-user-accent-text: var(--sm-ink);
}
body[data-user-theme="ice"][data-page="app"], body[data-user-theme="ice"][data-page="feed"] {
  --sm-user-panel-bg: linear-gradient(180deg, rgba(246, 251, 255, 0.92), rgba(228, 237, 245, 0.86));
  --sm-user-panel-border: rgba(63, 96, 126, 0.16);
  --sm-user-panel-shadow: 0 20px 54px rgba(61, 87, 110, 0.12);
}
body[data-user-theme="noir"][data-page="app"], body[data-user-theme="noir"][data-page="feed"] {
  --sm-user-panel-bg: linear-gradient(180deg, rgba(42, 31, 38, 0.92), rgba(24, 18, 24, 0.9));
  --sm-user-panel-border: rgba(246, 226, 193, 0.14);
  --sm-user-panel-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
  --sm-user-accent-text: #fff7ef;
}
body[data-user-theme="clay"][data-page="app"], body[data-user-theme="clay"][data-page="feed"] {
  --sm-user-panel-bg: linear-gradient(180deg, rgba(248, 241, 232, 0.96), rgba(233, 221, 212, 0.92));
  --sm-user-panel-border: rgba(143, 109, 85, 0.14);
  --sm-user-panel-shadow: 0 18px 44px rgba(122, 90, 72, 0.14);
}
body[data-page="app"] .sm-product-shell .sm-panel, body[data-page="feed"] .sm-feed-shell .sm-panel, body[data-page="app"] .sm-metric-card, body[data-page="feed"] .sm-metric-card, body[data-page="app"] .sm-feed-card, body[data-page="feed"] .sm-feed-card, body[data-page="feed"] .sm-feed-story, body[data-page="app"] .sm-app-nav-item, body[data-page="feed"] .sm-app-nav-item, body[data-page="app"] .sm-appearance-bar, body[data-page="feed"] .sm-appearance-bar {
  background: var(--sm-user-panel-bg);
  border-color: var(--sm-user-panel-border);
  box-shadow: var(--sm-user-panel-shadow);
}
body[data-user-theme="noir"][data-page="app"] .sm-product-shell .sm-panel, body[data-user-theme="noir"][data-page="feed"] .sm-feed-shell .sm-panel, body[data-user-theme="noir"][data-page="app"] .sm-metric-card, body[data-user-theme="noir"][data-page="feed"] .sm-metric-card, body[data-user-theme="noir"][data-page="app"] .sm-feed-card, body[data-user-theme="noir"][data-page="feed"] .sm-feed-card, body[data-user-theme="noir"][data-page="feed"] .sm-feed-story, body[data-user-theme="noir"][data-page="app"] .sm-app-nav-item, body[data-user-theme="noir"][data-page="feed"] .sm-app-nav-item, body[data-user-theme="noir"][data-page="app"] .sm-appearance-bar, body[data-user-theme="noir"][data-page="feed"] .sm-appearance-bar, body[data-user-theme="noir"][data-page="app"] .sm-theme-select, body[data-user-theme="noir"][data-page="feed"] .sm-theme-select, body[data-user-theme="noir"][data-page="app"] .sm-theme-select-wrap span, body[data-user-theme="noir"][data-page="feed"] .sm-theme-select-wrap span, body[data-user-theme="noir"][data-page="app"] .sm-appearance-copy, body[data-user-theme="noir"][data-page="feed"] .sm-appearance-copy {
  color: var(--sm-user-accent-text);
}
body[data-user-theme="noir"][data-page="app"] .sm-theme-select, body[data-user-theme="noir"][data-page="feed"] .sm-theme-select, body[data-user-theme="noir"][data-page="app"] .sm-button-secondary, body[data-user-theme="noir"][data-page="feed"] .sm-button-secondary, body[data-user-theme="noir"][data-page="app"] .sm-button-ghost, body[data-user-theme="noir"][data-page="feed"] .sm-button-ghost {
  background: rgba(255, 248, 238, 0.08);
  border-color: rgba(246, 226, 193, 0.14);
  color: #fff7ef;
}
body[data-page="become_creator"] {
  --bc-ui-font: "Manrope", "Open Sans", system-ui, sans-serif;
  --bc-display-font: "Cormorant Garamond", Georgia, serif;
  --bc-gold: #b57c2a;
  --bc-gold-strong: #f0cf8a;
  --bc-rust: #a3482f;
  --bc-ink: #241a1f;
  --bc-ink-soft: #5c4c54;
  --bc-line: rgba(36, 26, 31, 0.1);
  background: radial-gradient(1100px 540px at 16% -10%, rgba(196, 138, 50, 0.16), transparent 55%), radial-gradient(900px 480px at 86% 0%, rgba(163, 72, 47, 0.12), transparent 52%), linear-gradient(180deg, #fcf8f2 0%, #f1e7d8 100%);
}
body[data-page="become_creator"] .sm-become-creator {
  display: grid;
  gap: 26px;
  max-width: 900px;
  margin: 0 auto;
  padding: 8px 18px 64px;
  font-family: var(--bc-ui-font);
  color: var(--bc-ink);
}
body[data-page="become_creator"] .sm-bc-kicker {
  margin: 0;
  font-family: var(--bc-ui-font);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--bc-rust);
}
body[data-page="become_creator"] .sm-bc-kicker--light {
  color: var(--bc-gold-strong);
}
body[data-page="become_creator"] .sm-bc-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  justify-items: center;
  gap: 16px;
  text-align: center;
  padding: clamp(34px, 6vw, 62px) clamp(22px, 5vw, 58px) clamp(30px, 5vw, 50px);
  border: 1px solid rgba(246, 226, 193, 0.16);
  border-radius: 34px;
  background: radial-gradient(560px 320px at 16% -6%, rgba(196, 138, 50, 0.3), transparent 62%), radial-gradient(640px 380px at 86% 6%, rgba(163, 72, 47, 0.24), transparent 58%), linear-gradient(165deg, rgba(61, 35, 55, 0.97), rgba(21, 15, 20, 0.98));
  color: #fff7ef;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 28px 72px rgba(61, 35, 55, 0.26);
}
body[data-page="become_creator"] .sm-bc-hero__orb {
  position: absolute;
  top: -90px;
  right: -46px;
  width: 250px;
  height: 250px;
  border-radius: 999px;
  background: radial-gradient( circle, rgba(247, 211, 156, 0.55), rgba(196, 138, 50, 0.08) 60%, transparent 74% );
  filter: blur(6px);
  pointer-events: none;
}
body[data-page="become_creator"] .sm-bc-hero__title {
  margin: 0;
  max-width: 18ch;
  font-family: var(--bc-display-font);
  font-weight: 600;
  font-size: clamp(2.4rem, 5.8vw, 4.2rem);
  line-height: 0.98;
  letter-spacing: -0.01em;
  color: #fff7ef;
  text-wrap: balance;
}
body[data-page="become_creator"] .sm-bc-hero__title em {
  font-style: italic;
  color: var(--bc-gold-strong);
}
body[data-page="become_creator"] .sm-bc-hero__lead {
  margin: 0;
  max-width: 56ch;
  font-size: 1.04rem;
  line-height: 1.72;
  color: rgba(255, 247, 239, 0.8);
}
body[data-page="become_creator"] .sm-bc-hero__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}
body[data-page="become_creator"] .sm-bc-hero__tags li {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 13px;
  border-radius: 999px;
  border: 1px solid rgba(246, 226, 193, 0.2);
  background: rgba(255, 248, 238, 0.06);
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  color: rgba(255, 247, 239, 0.8);
}
body[data-page="become_creator"] .sm-bc-body {
  display: grid;
  gap: 24px;
}
body[data-page="become_creator"] .sm-bc-card {
  padding: clamp(22px, 4vw, 36px);
  border: 1px solid rgba(36, 26, 31, 0.09);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 253, 249, 0.97), rgba(255, 250, 242, 0.92));
  box-shadow: 0 22px 60px rgba(61, 35, 55, 0.08);
}
body[data-page="become_creator"] .sm-bc-card--ok {
  border-color: rgba(23, 122, 77, 0.24);
}
body[data-page="become_creator"] .sm-bc-card__head h2 {
  margin: 6px 0 0;
  font-family: var(--bc-display-font);
  font-weight: 600;
  font-size: clamp(1.55rem, 3vw, 2.05rem);
  line-height: 1.04;
  letter-spacing: -0.01em;
  color: var(--bc-ink);
  text-wrap: balance;
}
body[data-page="become_creator"] .sm-bc-card__intro {
  margin: 10px 0 4px;
  font-size: 0.96rem;
  line-height: 1.68;
  color: var(--bc-ink-soft);
}
body[data-page="become_creator"] .sm-bc-card__intro strong {
  color: var(--bc-ink);
}
body[data-page="become_creator"] .sm-bc-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
body[data-page="become_creator"] .sm-bc-value {
  display: grid;
  gap: 6px;
  align-content: start;
  padding: 18px 18px 16px;
  border: 1px solid rgba(36, 26, 31, 0.08);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(255, 250, 242, 0.55));
  box-shadow: 0 14px 34px rgba(61, 35, 55, 0.06);
}
body[data-page="become_creator"] .sm-bc-value__step {
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: var(--bc-gold);
}
body[data-page="become_creator"] .sm-bc-value h3 {
  margin: 2px 0 0;
  font-family: var(--bc-ui-font);
  font-size: 1rem;
  font-weight: 800;
  color: var(--bc-ink);
}
body[data-page="become_creator"] .sm-bc-value p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--bc-ink-soft);
}
body[data-page="become_creator"] .sm-bc-ways {
  margin: 14px 0 0;
  padding: 0;
  border: 0;
  display: grid;
  gap: 12px;
}
body[data-page="become_creator"] .sm-bc-ways legend {
  margin-bottom: 2px;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--bc-ink-soft);
}
body[data-page="become_creator"] .sm-bc-way {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 14px;
  align-items: start;
  padding: 15px 16px;
  border: 1px solid rgba(36, 26, 31, 0.1);
  border-radius: 18px;
  background: #fffdfa;
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
body[data-page="become_creator"] .sm-bc-way:hover {
  border-color: rgba(196, 138, 50, 0.4);
}
body[data-page="become_creator"] .sm-bc-way input {
  appearance: none;
  -webkit-appearance: none;
  grid-column: 1;
  grid-row: 1;
  width: 22px;
  height: 22px;
  margin: 3px 0 0;
  border: 2px solid rgba(36, 26, 31, 0.26);
  border-radius: 999px;
  background: #fff;
}
body[data-page="become_creator"] .sm-bc-way input:checked {
  border: 7px solid var(--bc-gold);
}
body[data-page="become_creator"] .sm-bc-way input:focus-visible {
  outline: 2px solid rgba(196, 138, 50, 0.55);
  outline-offset: 2px;
}
body[data-page="become_creator"] .sm-bc-way:has(input:checked) {
  border-color: rgba(196, 138, 50, 0.5);
  background: linear-gradient(180deg, rgba(255, 251, 242, 0.98), rgba(250, 240, 222, 0.9));
  box-shadow: 0 0 0 3px rgba(196, 138, 50, 0.12), 0 12px 26px rgba(61, 35, 55, 0.06);
}
body[data-page="become_creator"] .sm-bc-way__body {
  grid-column: 2;
  display: grid;
  gap: 4px;
}
body[data-page="become_creator"] .sm-bc-way__title {
  font-size: 0.98rem;
  font-weight: 800;
  color: var(--bc-ink);
}
body[data-page="become_creator"] .sm-bc-way__desc {
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--bc-ink-soft);
}
body[data-page="become_creator"] .sm-bc-way__rec {
  grid-column: 2;
  justify-self: start;
  margin: 3px 0 0;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(196, 138, 50, 0.16);
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #8a5f1d;
}
body[data-page="become_creator"] .sm-bc-field {
  display: grid;
  gap: 8px;
  margin-top: 20px;
}
body[data-page="become_creator"] .sm-bc-field__label {
  font-size: 0.82rem;
  font-weight: 800;
  color: var(--bc-ink);
}
body[data-page="become_creator"] .sm-bc-field input, body[data-page="become_creator"] .sm-bc-field textarea, body[data-page="become_creator"] .sm-bc-field select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(36, 26, 31, 0.14);
  border-radius: 16px;
  background: #fffdfa;
  color: var(--bc-ink);
  font-family: var(--bc-ui-font);
  font-size: 0.96rem;
  padding: 12px 14px;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}
body[data-page="become_creator"] .sm-bc-field select {
  min-height: 46px;
  cursor: pointer;
}
body[data-page="become_creator"] .sm-bc-field input:focus, body[data-page="become_creator"] .sm-bc-field textarea:focus, body[data-page="become_creator"] .sm-bc-field select:focus {
  outline: none;
  border-color: rgba(196, 138, 50, 0.6);
  box-shadow: 0 0 0 3px rgba(196, 138, 50, 0.14);
}
body[data-page="become_creator"] .sm-bc-field textarea {
  resize: vertical;
  min-height: 118px;
  line-height: 1.55;
}
body[data-page="become_creator"] .sm-bc-field input::placeholder, body[data-page="become_creator"] .sm-bc-field textarea::placeholder {
  color: rgba(92, 76, 84, 0.55);
}
body[data-page="become_creator"] .sm-bc-field__help {
  font-size: 0.78rem;
  color: var(--bc-ink-soft);
}
body[data-page="become_creator"] .sm-bc-form__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px dashed rgba(36, 26, 31, 0.14);
}
body[data-page="become_creator"] .sm-bc-form__hint {
  margin: 0;
  max-width: 40ch;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--bc-ink-soft);
}
body[data-page="become_creator"] .sm-button {
  font-family: var(--bc-ui-font);
  border-radius: 14px;
}
body[data-page="become_creator"] .sm-bc-cta {
  background: linear-gradient(135deg, #c48a32, #a3482f);
  color: #fff7ef;
  box-shadow: 0 14px 30px rgba(163, 72, 47, 0.22);
}
body[data-page="become_creator"] .sm-bc-cta:hover {
  filter: brightness(1.06);
}
body[data-page="become_creator"] .sm-bc-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  filter: none;
}
body[data-page="become_creator"] .sm-bc-state__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 16px;
}
body[data-page="become_creator"] .sm-bc-chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
body[data-page="become_creator"] .sm-bc-chip--mode {
  background: rgba(196, 138, 50, 0.16);
  color: #8a5f1d;
}
body[data-page="become_creator"] .sm-bc-chip--status {
  background: rgba(163, 72, 47, 0.12);
  color: #8c3a26;
}
body[data-page="become_creator"] .sm-bc-steps {
  margin: 6px 0 10px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}
body[data-page="become_creator"] .sm-bc-steps li {
  position: relative;
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 14px;
  align-items: start;
  padding: 2px 0 18px;
}
body[data-page="become_creator"] .sm-bc-steps li:last-child {
  padding-bottom: 2px;
}
body[data-page="become_creator"] .sm-bc-steps li::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 32px;
  bottom: 2px;
  width: 2px;
  background: rgba(36, 26, 31, 0.12);
}
body[data-page="become_creator"] .sm-bc-steps li.is-current::before {
  background: linear-gradient(180deg, rgba(196, 138, 50, 0.7), rgba(36, 26, 31, 0.12));
}
body[data-page="become_creator"] .sm-bc-steps li.is-done::before {
  background: rgba(23, 122, 77, 0.45);
}
body[data-page="become_creator"] .sm-bc-steps li:last-child::before {
  display: none;
}
body[data-page="become_creator"] .sm-bc-step__num {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 800;
  border: 1px solid rgba(36, 26, 31, 0.1);
  background: rgba(36, 26, 31, 0.05);
  color: rgba(36, 26, 31, 0.5);
}
body[data-page="become_creator"] .sm-bc-steps li.is-current .sm-bc-step__num {
  background: linear-gradient(135deg, #c48a32, #a3482f);
  color: #fff7ef;
  border-color: transparent;
  box-shadow: 0 8px 18px rgba(196, 138, 50, 0.3);
}
body[data-page="become_creator"] .sm-bc-steps li.is-done .sm-bc-step__num {
  background: #177a4d;
  color: #fff;
  border-color: transparent;
}
body[data-page="become_creator"] .sm-bc-step__text {
  display: grid;
  gap: 2px;
  padding-top: 3px;
}
body[data-page="become_creator"] .sm-bc-step__text strong {
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--bc-ink);
}
body[data-page="become_creator"] .sm-bc-step__text small {
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--bc-ink-soft);
}
body[data-page="become_creator"] .sm-bc-steps li.is-done .sm-bc-step__text strong {
  color: rgba(36, 26, 31, 0.58);
}
body[data-page="become_creator"] .sm-bc-note {
  margin: 4px 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(163, 72, 47, 0.08);
  color: #7a2f20;
  font-size: 0.88rem;
  line-height: 1.5;
}
body[data-page="become_creator"] .sm-bc-card .sm-feedback {
  margin-top: 14px;
  border-radius: 16px;
  padding: 10px 14px;
  font-size: 0.9rem;
  line-height: 1.5;
}
body[data-page="become_creator"] .sm-bc-card .sm-feedback-error {
  background: rgba(192, 54, 54, 0.12);
  color: #a02b2b;
}
body[data-page="become_creator"] .sm-bc-card .sm-feedback-success {
  background: rgba(23, 122, 77, 0.14);
  color: #176b46;
}
body[data-page="become_creator"] .sm-bc-reqs {
  margin: 4px 0 18px;
  padding: 14px 16px;
  border: 1px solid rgba(36, 26, 31, 0.08);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 250, 242, 0.4));
}
body[data-page="become_creator"] .sm-bc-reqs__title {
  margin: 0 0 8px;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--bc-ink-soft);
}
body[data-page="become_creator"] .sm-bc-reqs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
body[data-page="become_creator"] .sm-bc-req {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--bc-ink);
}
body[data-page="become_creator"] .sm-bc-req.is-missing {
  color: rgba(36, 26, 31, 0.55);
}
body[data-page="become_creator"] .sm-bc-req__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  flex: none;
}
body[data-page="become_creator"] .sm-bc-req.is-met .sm-bc-req__mark {
  background: #177a4d;
  color: #fff;
  font-size: 0.7rem;
}
body[data-page="become_creator"] .sm-bc-req.is-met .sm-bc-req__mark::after {
  content: "\2713";
}
body[data-page="become_creator"] .sm-bc-req.is-missing .sm-bc-req__mark {
  border: 1px solid rgba(36, 26, 31, 0.22);
}
body[data-page="become_creator"] .sm-bc-chip--self {
  background: rgba(196, 138, 50, 0.16);
  color: #8a5f1d;
}
@media (max-width: 720px) {
  body[data-page="become_creator"] .sm-bc-values {
    grid-template-columns: 1fr;
  }
  body[data-page="become_creator"] .sm-become-creator {
    padding: 4px 12px 44px;
  }
  body[data-page="become_creator"] .sm-bc-form__foot {
    justify-content: flex-start;
  }
}
body[data-admin-page] {
  --sm-admin-panel-bg: linear-gradient(180deg, var(--sm-admin-surface), var(--sm-admin-surface-soft));
  --sm-admin-panel-border: var(--sm-admin-line);
  --sm-admin-panel-shadow: var(--sm-admin-shadow-soft);
  --sm-admin-panel-text: var(--sm-admin-text);
}
body[data-admin-theme="graphite"] {
  --sm-admin-bg: #eef2f7;
  --sm-admin-surface: rgba(255, 255, 255, 0.98);
  --sm-admin-surface-soft: rgba(248, 250, 252, 0.96);
  --sm-admin-line: rgba(24, 39, 56, 0.1);
  --sm-admin-line-strong: rgba(24, 39, 56, 0.18);
  --sm-admin-text: #17232e;
  --sm-admin-muted: #54677a;
  --sm-admin-accent: #0f6cbd;
  --sm-admin-accent-strong: #0b4f8f;
  --sm-admin-accent-soft: rgba(15, 108, 189, 0.12);
  --sm-admin-topbar: #0f1b28;
  --sm-admin-success: #177a4d;
  --sm-admin-success-soft: rgba(23, 122, 77, 0.12);
  --sm-admin-warning: #9c6208;
  --sm-admin-warning-soft: rgba(156, 98, 8, 0.13);
  --sm-admin-danger: #c03636;
  --sm-admin-danger-soft: rgba(192, 54, 54, 0.12);
  --sm-admin-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  --sm-admin-panel-border: rgba(24, 39, 56, 0.1);
  --sm-admin-panel-shadow: 0 10px 26px rgba(24, 39, 56, 0.08);
}
body[data-admin-theme="obsidian"] {
  --sm-admin-bg: #0d1622;
  --sm-admin-shell-bg: #101b28;
  --sm-admin-surface: rgba(17, 31, 46, 0.96);
  --sm-admin-surface-soft: rgba(15, 26, 38, 0.86);
  --sm-admin-line: rgba(207, 223, 239, 0.1);
  --sm-admin-line-strong: rgba(207, 223, 239, 0.18);
  --sm-admin-nav-section-bg: rgba(207, 223, 239, 0.07);
  --sm-admin-text: #eef5fb;
  --sm-admin-muted: #a8bdd1;
  --sm-admin-accent: #54a7ff;
  --sm-admin-accent-strong: #7bc1ff;
  --sm-admin-accent-soft: rgba(84, 167, 255, 0.16);
  --sm-admin-topbar: #070d15;
  --sm-admin-success: #43d98a;
  --sm-admin-success-soft: rgba(67, 217, 138, 0.14);
  --sm-admin-warning: #f0b34a;
  --sm-admin-warning-soft: rgba(240, 179, 74, 0.14);
  --sm-admin-danger: #ff7a72;
  --sm-admin-danger-soft: rgba(255, 122, 114, 0.14);
  --sm-admin-panel-bg: linear-gradient(180deg, rgba(17, 31, 46, 0.96), rgba(15, 26, 38, 0.9));
  --sm-admin-panel-border: rgba(207, 223, 239, 0.14);
  --sm-admin-panel-shadow: 0 22px 62px rgba(0, 0, 0, 0.26);
  --sm-admin-panel-text: #eef5fb;
}
body[data-admin-theme="champagne"] {
  --sm-admin-bg: #f6f0e8;
  --sm-admin-surface: rgba(255, 248, 239, 0.98);
  --sm-admin-surface-soft: rgba(246, 238, 227, 0.94);
  --sm-admin-line: rgba(167, 126, 84, 0.16);
  --sm-admin-line-strong: rgba(167, 126, 84, 0.24);
  --sm-admin-nav-section-bg: rgba(167, 126, 84, 0.1);
  --sm-admin-text: #45372f;
  --sm-admin-muted: #7d6a5c;
  --sm-admin-accent: #a96f2a;
  --sm-admin-accent-strong: #82531a;
  --sm-admin-accent-soft: rgba(169, 111, 42, 0.12);
  --sm-admin-topbar: #241d17;
  --sm-admin-success: #1d7a4e;
  --sm-admin-success-soft: rgba(29, 122, 78, 0.12);
  --sm-admin-warning: #9c6208;
  --sm-admin-warning-soft: rgba(156, 98, 8, 0.13);
  --sm-admin-danger: #b3402e;
  --sm-admin-danger-soft: rgba(179, 64, 46, 0.12);
  --sm-admin-panel-bg: linear-gradient(180deg, rgba(255, 248, 239, 0.96), rgba(243, 232, 219, 0.92));
  --sm-admin-panel-border: rgba(167, 126, 84, 0.16);
  --sm-admin-panel-shadow: 0 18px 52px rgba(139, 102, 73, 0.12);
}
body[data-admin-page] .sm-panel {
  padding: 8px 10px;
}
body[data-admin-page] .sm-panel-head {
  margin-bottom: 6px;
}
body[data-admin-page] .sm-panel-head h1 {
  margin: 2px 0 0;
  font-family: var(--sm-admin-font);
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}
body[data-admin-page] .sm-panel-head h2 {
  margin: 2px 0 0;
  font-family: var(--sm-admin-font);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}
body[data-admin-page] .sm-stat-card > strong {
  font-size: 1.2rem;
}
body[data-admin-theme="obsidian"] .sm-button-primary {
  box-shadow: 0 14px 30px rgba(84, 167, 255, 0.24);
}
body[data-admin-theme="obsidian"] .sm-button-secondary:hover, body[data-admin-theme="obsidian"] .sm-button-ghost:hover {
  background: rgba(255, 248, 238, 0.12);
}
body[data-admin-page] .sm-form label {
  gap: 6px;
}
body[data-admin-page] .sm-form label span, body[data-admin-page] .sm-theme-select-wrap span {
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sm-admin-muted);
}
body[data-admin-page] .sm-form input, body[data-admin-page] .sm-form textarea, body[data-admin-page] .sm-inline-form input, body[data-admin-page] .sm-request-row input, body[data-admin-page] .sm-request-row select, body[data-admin-page] #request-body {
  padding: 10px 12px;
}
body[data-admin-page] .sm-button {
  min-height: 24px;
  padding: 2px 8px;
  font-size: 0.6rem;
  font-weight: 800;
  gap: 4px;
  border-radius: var(--sm-admin-radius-chip);
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, color 160ms ease;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.26) inset;
}
body[data-admin-page] .sm-button-primary {
  background: linear-gradient(135deg, var(--sm-admin-accent), var(--sm-admin-accent-strong));
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 108, 189, 0.24);
}
body[data-admin-page] .sm-button-secondary, body[data-admin-page] .sm-button-ghost {
  background: rgba(255, 255, 255, 0.84);
  border-color: var(--sm-admin-line);
  color: var(--sm-admin-text);
}
body[data-admin-page] .sm-button:hover {
  transform: translateY(-1px);
}
body[data-admin-page] .sm-button-primary:hover {
  box-shadow: 0 16px 32px rgba(15, 108, 189, 0.3);
  filter: saturate(1.06);
}
body[data-admin-page] .sm-button-secondary:hover, body[data-admin-page] .sm-button-ghost:hover {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--sm-admin-shadow-soft);
}
body[data-admin-page] .sm-button:active {
  transform: translateY(0);
  box-shadow: none;
}
body[data-admin-page="dashboard"] .sm-panel-head {
  margin-bottom: 6px;
}
body[data-admin-page="dashboard"] .sm-panel-head h2 {
  margin: 0;
  font-size: 1.05rem;
}
body[data-admin-page="settings"] {
  font-size: 0.88rem;
  font-family: var(--sm-admin-font);
}
body[data-admin-page="settings"] h1, body[data-admin-page="settings"] h2, body[data-admin-page="settings"] h3, body[data-admin-page="settings"] .sm-button, body[data-admin-page="settings"] input, body[data-admin-page="settings"] select, body[data-admin-page="settings"] textarea {
  font-family: inherit;
}
body[data-admin-page="settings"] .sm-appearance-bar-admin {
  padding: 8px 10px 10px;
}
body[data-admin-page="settings"] .sm-panel {
  padding: 10px;
}
body[data-admin-page="settings"] .sm-appearance-copy {
  margin: 0;
  font-size: 0.64rem;
  line-height: 1.4;
  color: rgba(19, 19, 19, 0.62);
}
body[data-admin-page="settings"] .sm-theme-select-wrap span {
  font-size: 0.58rem;
  letter-spacing: 0.14em;
}
body[data-admin-page="settings"] .sm-theme-select {
  min-height: 26px;
  padding: 3px 8px;
  font-size: 0.66rem;
}
.sm-app-grid {
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.3fr) minmax(320px, 1fr);
  align-items: start;
}
.sm-product-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-content: start;
}
.sm-product-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 4px 10px;
  margin: -8px -6px 8px;
  padding: 3px 6px 5px;
  position: sticky;
  top: 0;
  z-index: 5;
  background: linear-gradient(180deg, rgba(244, 247, 252, 0.96), rgba(244, 247, 252, 0.82));
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(19, 19, 19, 0.06);
}
.sm-product-banner-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.9fr);
  align-items: start;
}
.sm-product-rail-links-inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.sm-product-rail-links {
  display: grid;
  gap: 10px;
}
.sm-product-main, .sm-product-section, .sm-inbox-grid, .sm-profile-grid, .sm-rail-metrics, .sm-profile-card, .sm-notification-list {
  display: grid;
  gap: 16px;
}
.sm-product-main {
  min-height: 0;
}
.sm-product-section {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}
.sm-product-section.is-active {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
  border-radius: var(--sm-admin-radius-card);
  border: 1px solid var(--sm-admin-line);
  background: rgba(255, 255, 255, 0.7);
  display: grid;
}
width: 100%;
margin: 0;
.sm-product-status-panel {
  align-self: stretch;
}
display: grid;
gap: 3px;
.sm-product-rail {
  position: sticky;
  font-size: 0.86rem;
  top: 16px;
}
margin: 0;
font-size: 0.72rem;
line-height: 1.45;
color: rgba(19, 19, 19, 0.76);
.sm-feed-shell {
  display: grid;
  grid-template-columns: minmax(236px, 260px) minmax(0, 1fr) minmax(310px, 360px);
  font-size: 0.66rem;
  letter-spacing: 0.14em;
  color: rgba(19, 19, 19, 0.56);
  gap: 22px;
  align-items: start;
  position: relative;
}
.sm-feed-shell__rail, .sm-feed-shell__utility {
  display: grid;
  gap: 16px;
  align-self: start;
  position: sticky;
  top: 16px;
}
.sm-feed-shell__main {
  min-width: 0;
}
.sm-feed-mobile-topbar, .sm-feed-mobile-nav, .sm-feed-mobile-overlay, .sm-feed-panel-mobile-head {
  display: none;
}
.sm-feed-rail-brand {
  display: grid;
  gap: 10px;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(18, 19, 22, 0.96), rgba(10, 10, 12, 0.96));
  color: #f4efe7;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.28);
}
.sm-feed-rail-brand h1, .sm-feed-rail-brand p {
  margin: 0;
}
.sm-feed-rail-brand__mark {
  font-size: 0.9rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #d9b26e;
}
.sm-feed-search-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.sm-feed-search-panel .sm-search-results {
  gap: 12px;
}
.sm-feed-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.72fr);
  gap: 22px;
  align-items: start;
}
.sm-feed-main-column, .sm-feed-side-column, .sm-feed-suggestions, .sm-feed-alerts, .sm-feed-stories {
  display: grid;
  gap: 16px;
}
.sm-feed-hero-panel, .sm-feed-composer-panel, .sm-feed-side-panel {
  overflow: hidden;
}
.sm-feed-hero-copy {
  margin: 0 0 18px;
  color: rgba(19, 19, 19, 0.74);
  line-height: 1.6;
}
.sm-feed-stories {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm-feed-story {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 14px 12px;
  border-radius: 20px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(245,232,213,0.82));
  text-align: center;
}
.sm-feed-story.is-unseen {
  border-color: rgba(163,72,47,0.42);
  box-shadow: 0 0 0 3px rgba(163,72,47,0.1);
}
.sm-feed-story.is-seen {
  opacity: 0.76;
}
.sm-feed-story span, .sm-feed-author-copy span, .sm-feed-composer-state, .sm-feed-footer small, .sm-feed-action {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.72rem;
}
.sm-feed-story-placeholder {
  place-items: center;
  min-height: 120px;
}
.sm-feed-story__avatar, .sm-feed-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sm-rust), var(--sm-plum));
  color: #fff7ef;
  font-weight: 700;
}
.sm-feed-story__avatar {
  width: 64px;
  height: 64px;
  padding: 3px;
}
.sm-feed-avatar {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
}
.sm-feed-story__avatar img, .sm-feed-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sm-feed-composer-state {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(61, 35, 55, 0.08);
  color: rgba(19, 19, 19, 0.74);
}
.sm-app-nav {
  display: grid;
  gap: 10px;
}
.sm-app-nav-band {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}
.sm-app-nav-item {
  width: 100%;
  text-align: left;
  padding: 13px 16px;
  border-radius: 18px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: rgba(255, 255, 255, 0.56);
  font-weight: 700;
}
.sm-app-nav-item.is-active {
  background: linear-gradient(135deg, rgba(163,72,47,0.14), rgba(61,35,55,0.14));
  border-color: rgba(163,72,47,0.28);
}
.sm-app-nav-band .sm-app-nav-item {
  text-align: center;
}
.sm-feed-scope-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 14px;
}
.sm-feed-scope-tabs .sm-app-nav-item {
  text-align: center;
}
.sm-metric-card, .sm-notification-card, .sm-profile-summary {
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: rgba(255, 255, 255, 0.64);
}
.sm-metric-card span, .sm-notification-card small, .sm-profile-summary span, .sm-profile-meta small, .sm-feed-footer small, .sm-conversation-card small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.7rem;
  opacity: 0.72;
}
.sm-metric-card strong {
  display: block;
  margin-top: 6px;
  font-size: 1.2rem;
}
.sm-form-compact {
  margin-bottom: 18px;
}
.sm-feed-footer, .sm-profile-meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.sm-inbox-grid, .sm-profile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm-notification-card.is-unseen {
  background: linear-gradient(135deg, rgba(196,138,50,0.16), rgba(255,255,255,0.82));
}
.sm-code-output {
  min-height: 280px;
}
.sm-dev-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm-panel-full {
  grid-column: 1 / -1;
}
.sm-form, .sm-auth-summary, .sm-realtime-log, .sm-feed-list, .sm-search-results, .sm-conversation-list, .sm-thread {
  display: grid;
  gap: 14px;
}
.sm-form label, .sm-check {
  display: grid;
  gap: 8px;
}
.sm-form input, .sm-form textarea, .sm-inline-form input, .sm-request-row input, .sm-request-row select, #request-body {
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(19, 19, 19, 0.12);
  background: rgba(255, 255, 255, 0.68);
  padding: 12px 14px;
  color: var(--sm-ink);
}
.sm-inline-form input {
  flex: 1 1 280px;
}
.sm-feed-card, .sm-result-card, .sm-conversation-card, .sm-bubble, .sm-empty-state, .sm-token-box, .sm-code-output, .sm-user-chip {
  border-radius: 18px;
  border: 1px solid rgba(19, 19, 19, 0.08);
}
.sm-feed-card, .sm-result-card, .sm-bubble, .sm-empty-state, .sm-user-chip {
  padding: 16px;
  background: rgba(255, 255, 255, 0.64);
}
.sm-suggestion-card {
  display: grid;
  gap: 12px;
  padding: 0;
  border-radius: 20px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(245,236,223,0.72));
  box-shadow: 0 14px 30px rgba(61, 35, 55, 0.05);
  overflow: hidden;
}
.sm-suggestion-card__cover {
  min-height: 120px;
  background: linear-gradient(135deg, rgba(61, 35, 55, 0.86), rgba(163, 72, 47, 0.72));
  background-size: cover;
  background-position: center;
}
.sm-suggestion-card__body {
  display: grid;
  gap: 12px;
  padding: 16px;
  margin-top: -34px;
  position: relative;
  z-index: 1;
}
.sm-conversation-card {
  width: 100%;
  text-align: left;
  padding: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.76), rgba(231,214,188,0.48));
}
.sm-feed-card {
  padding: 20px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(242,233,219,0.78));
  box-shadow: 0 18px 40px rgba(61, 35, 55, 0.06);
}
.sm-feed-card__head, .sm-feed-author, .sm-feed-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sm-feed-card__head {
  justify-content: space-between;
  margin-bottom: 14px;
}
.sm-feed-author-copy {
  display: grid;
  gap: 4px;
}
.sm-feed-author-copy strong {
  font-size: 1.02rem;
}
.sm-feed-post-card__author-link {
  color: inherit;
  text-decoration: none;
}
.sm-feed-post-card__author-link:hover .sm-feed-author-copy strong, .sm-feed-post-card__author-link:focus-visible .sm-feed-author-copy strong {
  text-decoration: underline;
}
.sm-feed-more, .sm-feed-action {
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: rgba(255, 255, 255, 0.72);
  color: var(--sm-ink);
  border-radius: 999px;
  min-height: 36px;
  padding: 8px 12px;
}
.sm-feed-more:disabled {
  opacity: 0.6;
}
.sm-feed-body {
  margin: 0;
  font-size: 1rem;
  line-height: 1.72;
}
.sm-feed-reason-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.sm-feed-reason-chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(61,35,55,0.1);
  color: var(--sm-plum);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
body[data-page="feed"] .sm-feed-creator-ad {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 16px;
  align-items: start;
  overflow: hidden;
  padding: 22px 22px 20px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: radial-gradient(900px 260px at 92% -40%, rgba(196, 138, 50, 0.28), transparent 62%), linear-gradient(180deg, rgba(30, 24, 20, 0.98), rgba(12, 12, 15, 0.98));
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.28);
}
body[data-page="feed"] .sm-feed-creator-ad__copy {
  display: grid;
  gap: 6px;
  max-width: 560px;
}
body[data-page="feed"] .sm-feed-creator-ad h3 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #fff7ef;
}
body[data-page="feed"] .sm-feed-creator-ad p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.62;
  color: rgba(245, 239, 232, 0.78);
}
body[data-page="feed"] .sm-feed-creator-ad__copy .sm-feed-creator-ad__eyebrow {
  margin: 0;
  color: #e4ae55;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-creator-ad__glyph {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  padding: 0 4px;
  font-size: 2.5rem;
  line-height: 1;
  color: rgba(228, 174, 85, 0.8);
}
body[data-page="feed"] .sm-feed-creator-ad__cta {
  grid-column: 1 / -1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, #eab25a, #cf9440);
  color: #231b12;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: filter 0.15s ease;
}
body[data-page="feed"] .sm-feed-creator-ad__cta:hover, body[data-page="feed"] .sm-feed-creator-ad__cta:focus-visible {
  filter: brightness(1.08);
}
.sm-suggestion-group {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(239,227,208,0.62));
}
.sm-suggestion-group + .sm-suggestion-group {
  margin-top: 18px;
}
.sm-suggestion-group__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.sm-suggestion-group__head h3 {
  margin: 0;
  font-size: 1.02rem;
}
.sm-suggestion-group__description {
  margin: 6px 0 0;
  color: rgba(19, 19, 19, 0.68);
  line-height: 1.5;
  font-size: 0.92rem;
}
.sm-suggestion-group__count {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(61,35,55,0.1);
  color: var(--sm-plum);
  font-weight: 800;
}
.sm-suggestion-group__list {
  display: grid;
  gap: 12px;
}
.sm-suggestion-group[data-suggestion-group-id="premium_picks"] {
  background: linear-gradient(180deg, rgba(248,237,213,0.92), rgba(244,221,185,0.7));
}
.sm-suggestion-group[data-suggestion-group-id="rising_creators"] {
  background: linear-gradient(180deg, rgba(221,239,234,0.9), rgba(199,228,220,0.68));
}
.sm-suggestion-group[data-suggestion-group-id="recent_activity"] {
  background: linear-gradient(180deg, rgba(227,238,247,0.92), rgba(212,226,239,0.7));
}
.sm-feed-media-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
.sm-feed-media-card {
  display: block;
  width: 100%;
  min-height: 150px;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: rgba(255, 255, 255, 0.72);
  cursor: pointer;
}
.sm-feed-media-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sm-profile-editor-identity, .sm-profile-identity-form, .sm-profile-identity-grid, .sm-profile-upload-grid, .sm-profile-flag-grid {
  display: grid;
  gap: 14px;
}
.sm-profile-editor-identity {
  gap: 0;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.76), rgba(244,236,225,0.68));
}
.sm-profile-editor-cover {
  min-height: 180px;
  background: linear-gradient(135deg, rgba(61,35,55,0.86), rgba(163,72,47,0.66));
  background-size: cover;
  background-position: center;
}
.sm-profile-editor-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  align-items: end;
  padding: 0 18px 18px;
  margin-top: -42px;
}
.sm-profile-editor-avatar {
  width: 104px;
  height: 104px;
  flex-basis: 104px;
  border: 4px solid rgba(255,255,255,0.95);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.18);
  background: rgba(255,255,255,0.92);
}
.sm-profile-editor-title {
  display: grid;
  gap: 4px;
}
.sm-profile-editor-title strong, .sm-profile-editor-title span, .sm-profile-editor-title p {
  margin: 0;
}
.sm-profile-editor-title strong {
  font-size: 1.24rem;
}
.sm-profile-editor-title p {
  color: rgba(19, 19, 19, 0.7);
  line-height: 1.55;
}
.sm-profile-identity-form {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: rgba(255,255,255,0.62);
}
.sm-profile-identity-form h4 {
  margin: 0;
}
.sm-profile-identity-grid, .sm-profile-upload-grid, .sm-profile-flag-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm-profile-upload-grid input[type="file"] {
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px dashed rgba(19, 19, 19, 0.16);
  background: rgba(255, 255, 255, 0.74);
}
.sm-profile-flag-grid {
  gap: 10px 14px;
}
.sm-profile-flag-grid .sm-check {
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(19, 19, 19, 0.08);
  background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 820px) {
  .sm-profile-editor-header {
    grid-template-columns: 1fr;
  }
  .sm-profile-identity-grid {
    justify-content: flex-start;
  }
  .sm-profile-upload-grid, .sm-profile-flag-grid {
    grid-template-columns: 1fr;
  }
  .sm-profile-editor-avatar {
    width: 88px;
    height: 88px;
    flex-basis: 88px;
  }
}
.sm-feed-media-card-placeholder {
  display: grid;
  place-items: center;
  gap: 6px;
  width: 100%;
  padding: 12px;
  text-align: center;
}
.sm-feed-actions {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.sm-feed-price-badge {
  display: inline-flex;
  align-items: center;
  margin-top: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.sm-feed-price-badge.is-locked {
  background: rgba(163,72,47,0.14);
  color: var(--sm-rust);
}
.sm-feed-price-badge.is-unlocked {
  background: rgba(61,35,55,0.12);
  color: var(--sm-plum);
}
.sm-feed-action {
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}
.sm-feed-action.is-active {
  background: linear-gradient(135deg, rgba(163,72,47,0.18), rgba(61,35,55,0.16));
  border-color: rgba(163,72,47,0.3);
  color: var(--sm-rust);
}
.sm-feed-action:hover, .sm-feed-media-card:hover {
  transform: translateY(-1px);
}
.sm-profile-spotlight {
  background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(240,227,205,0.82));
}
.sm-feed-lightbox-shell {
  display: grid;
  gap: 18px;
}
.sm-feed-lightbox-shell__head, .sm-feed-lightbox-shell__nav {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sm-feed-lightbox-shell__head {
  justify-content: space-between;
}
.sm-feed-lightbox-shell__head p {
  margin: 4px 0 0;
  color: rgba(19, 19, 19, 0.68);
}
.sm-story-slide, .sm-feed-locked-panel {
  display: grid;
  gap: 14px;
}
.sm-feed-locked-panel {
  min-height: 260px;
  place-content: center;
  padding: 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(61,35,55,0.09), rgba(163,72,47,0.12));
  text-align: center;
}
.sm-feed-media-card-locked {
  background: linear-gradient(180deg, rgba(61,35,55,0.18), rgba(163,72,47,0.18));
  color: var(--sm-ink);
}
.sm-feed-lightbox {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
}
.sm-feed-lightbox[hidden] {
  display: none;
}
.sm-feed-lightbox__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(19, 19, 19, 0.72);
}
.sm-feed-lightbox__dialog {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
  padding: 18px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(242,233,219,0.94));
  box-shadow: 0 24px 70px rgba(19, 19, 19, 0.25);
}
.sm-feed-lightbox__close {
  display: inline-flex;
  margin-left: auto;
  margin-bottom: 12px;
}
.sm-feed-lightbox__content {
  min-height: 180px;
  display: grid;
  place-items: center;
}
.sm-feed-lightbox__content img {
  width: 100%;
  max-height: 72vh;
  object-fit: contain;
  border-radius: 22px;
}
body[data-page="feed"], body[data-page="app"] {
  background: radial-gradient(circle at top left, rgba(189, 126, 54, 0.12), transparent 28%), radial-gradient(circle at top right, rgba(154, 69, 45, 0.14), transparent 34%), linear-gradient(180deg, #141518 0%, #09090b 100%);
}
body[data-page="feed"] .sm-shell, body[data-page="app"] .sm-shell {
  max-width: 1500px;
}
body[data-page="feed"] .sm-feed-shell, body[data-page="app"] .sm-product-shell, body[data-page="feed"] .sm-feed-shell .sm-panel, body[data-page="app"] .sm-product-shell .sm-panel, body[data-page="feed"] .sm-feed-card, body[data-page="app"] .sm-feed-card, body[data-page="feed"] .sm-result-card, body[data-page="app"] .sm-result-card, body[data-page="feed"] .sm-conversation-card, body[data-page="app"] .sm-conversation-card, body[data-page="feed"] .sm-notification-card, body[data-page="app"] .sm-notification-card, body[data-page="feed"] .sm-metric-card, body[data-page="app"] .sm-metric-card, body[data-page="feed"] .sm-user-chip, body[data-page="app"] .sm-user-chip, body[data-page="feed"] .sm-empty-state, body[data-page="app"] .sm-empty-state, body[data-page="feed"] .sm-bubble, body[data-page="app"] .sm-bubble, body[data-page="feed"] .sm-app-nav-item, body[data-page="app"] .sm-app-nav-item, body[data-page="feed"] .sm-appearance-bar, body[data-page="app"] .sm-appearance-bar, body[data-page="feed"] .sm-form input, body[data-page="app"] .sm-form input, body[data-page="feed"] .sm-form textarea, body[data-page="app"] .sm-form textarea, body[data-page="feed"] .sm-inline-form input, body[data-page="app"] .sm-inline-form input, body[data-page="feed"] .sm-request-row input, body[data-page="feed"] .sm-request-row select, body[data-page="app"] .sm-request-row input, body[data-page="app"] .sm-request-row select {
  color: #f5efe8;
}
body[data-page="feed"] .sm-feed-shell .sm-panel, body[data-page="app"] .sm-product-shell .sm-panel, body[data-page="feed"] .sm-feed-card, body[data-page="app"] .sm-feed-card, body[data-page="feed"] .sm-result-card, body[data-page="app"] .sm-result-card, body[data-page="feed"] .sm-conversation-card, body[data-page="app"] .sm-conversation-card, body[data-page="feed"] .sm-notification-card, body[data-page="app"] .sm-notification-card, body[data-page="feed"] .sm-metric-card, body[data-page="app"] .sm-metric-card, body[data-page="feed"] .sm-user-chip, body[data-page="app"] .sm-user-chip, body[data-page="feed"] .sm-empty-state, body[data-page="app"] .sm-empty-state, body[data-page="feed"] .sm-bubble, body[data-page="app"] .sm-bubble, body[data-page="feed"] .sm-app-nav-item, body[data-page="app"] .sm-app-nav-item, body[data-page="feed"] .sm-appearance-bar, body[data-page="app"] .sm-appearance-bar, body[data-page="feed"] .sm-form input, body[data-page="app"] .sm-form input, body[data-page="feed"] .sm-form textarea, body[data-page="app"] .sm-form textarea, body[data-page="feed"] .sm-inline-form input, body[data-page="app"] .sm-inline-form input {
  background: linear-gradient(180deg, rgba(19, 20, 24, 0.96), rgba(11, 11, 13, 0.96));
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
}
body[data-page="feed"] .sm-feed-body, body[data-page="app"] .sm-feed-body, body[data-page="feed"] .sm-feed-hero-copy, body[data-page="app"] .sm-feed-hero-copy, body[data-page="feed"] .sm-appearance-copy, body[data-page="app"] .sm-appearance-copy, body[data-page="feed"] .sm-suggestion-group__description, body[data-page="app"] .sm-suggestion-group__description, body[data-page="feed"] .sm-feed-lightbox-shell__head p, body[data-page="feed"] .sm-log-row, body[data-page="app"] .sm-log-row {
  color: rgba(245, 239, 232, 0.72);
}
body[data-page="feed"] .sm-feed-reason-chip, body[data-page="app"] .sm-feed-reason-chip, body[data-page="feed"] .sm-suggestion-group__count, body[data-page="app"] .sm-suggestion-group__count, body[data-page="feed"] .sm-feed-composer-state, body[data-page="app"] .sm-feed-composer-state {
  background: rgba(255, 255, 255, 0.08);
  color: #f3d7a5;
}
body[data-page="feed"] .sm-feed-more, body[data-page="feed"] .sm-feed-action, body[data-page="app"] .sm-feed-more, body[data-page="app"] .sm-feed-action {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: #f5efe8;
}
body[data-page="feed"] .sm-app-nav-item.is-active, body[data-page="app"] .sm-app-nav-item.is-active {
  background: linear-gradient(135deg, rgba(228, 53, 43, 0.22), rgba(197, 147, 66, 0.16));
  border-color: rgba(228, 53, 43, 0.34);
}
body[data-page="feed"] .sm-feed-shell .sm-panel, body[data-page="feed"] .sm-feed-native__hero, body[data-page="feed"] .sm-feed-native__composer, body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="feed"] .sm-feed-native__account-card, body[data-page="feed"] .sm-feed-native__mini-panel, body[data-page="feed"] .sm-feed-native__brand-card, body[data-page="feed"] .sm-feed-native-profile-card, body[data-page="feed"] .sm-feed-native-alert, body[data-page="feed"] .sm-result-card, body[data-page="feed"] .sm-empty-state, body[data-page="feed"] .sm-metric-card, body[data-page="feed"] .sm-feed-card, body[data-page="feed"] .sm-feed-post-card, body[data-page="feed"] .sm-suggestion-group, body[data-page="feed"] .sm-feed-native-suggestion-card, body[data-page="feed"] .sm-conversation-card, body[data-page="feed"] .sm-notification-card, body[data-page="feed"] .sm-appearance-bar {
  border-radius: 0 !important;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-feed-avatar, body[data-page="feed"] .sm-suggestion-card__body .sm-feed-avatar {
  width: 60px !important;
  height: 60px !important;
  flex-basis: 60px !important;
  transform: translateY(-4px);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__identity {
  align-items: start;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy {
  margin-top: -3px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__handle-row {
  margin-top: -1px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__side {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  align-self: center;
  gap: 3px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__badge {
  order: 1;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__follow {
  order: 2;
}
body[data-page="feed"] .sm-feed-native-suggestion-card {
  min-height: 148px !important;
  height: auto !important;
  position: relative;
  overflow: hidden;
  background: #191a1d !important;
  border: 0 !important;
  box-shadow: none !important;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-suggestion-card__cover {
  display: block !important;
  position: absolute;
  inset: 0;
  min-height: 0 !important;
  height: 100%;
  width: 100%;
  background-color: #1b1c20;
  background-size: cover;
  background-position: center;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-suggestion-card__body {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0 !important;
  display: block;
  gap: 8px;
  min-height: 116px;
  padding: 20px 12px 12px !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.16) 55%, rgba(0, 0, 0, 0.58) 100%) !important;
  min-height: 0 !important;
  z-index: 1;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-suggestion-card__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.16) 46%, rgba(0, 0, 0, 0.4) 100%);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__main {
  display: contents;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy {
  margin-top: 0;
  display: block !important;
  padding-left: 2px;
  padding-bottom: 4px;
  min-width: 0;
  width: 100%;
  max-width: none;
  min-height: 56px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy strong {
  font-size: 0.86rem;
  line-height: 1.04;
  color: #fff6ea;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__handle-row {
  gap: 4px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__handle-row > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(245, 240, 232, 0.86);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__handle-row {
  margin-top: 2px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar {
  position: relative;
  z-index: 2;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar .sm-feed-avatar, body[data-page="feed"] .sm-feed-native-suggestion-card__avatar img, body[data-page="feed"] .sm-feed-native-suggestion-card__avatar span {
  width: 100px !important;
  height: 100px !important;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar .sm-feed-avatar {
  flex-basis: 100px !important;
  border: 2px solid rgba(255, 255, 255, 0.92);
  transform: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__side {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-top: 6px;
  margin-left: 108px;
  width: calc(100% - 108px);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  background: rgba(14, 14, 16, 0.66);
  color: #fff0d6;
  border-color: rgba(255, 232, 197, 0.24);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__follow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 24px;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-size: 0.64rem;
  line-height: 1;
  letter-spacing: 0.16em;
}
.sm-app-access-shell, .sm-app-rotator-panel, .sm-app-access-footer {
  display: grid;
  gap: 18px;
}
body[data-page="app"] .sm-app-access-shell > * {
  opacity: 0;
  animation: sm-app-access-rise 560ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
body[data-page="app"] .sm-app-access-shell > *:nth-child(2) {
  animation-delay: 70ms;
}
body[data-page="app"] .sm-app-access-shell > *:nth-child(3) {
  animation-delay: 140ms;
}
.sm-app-access-shell {
  position: relative;
  align-content: start;
  max-width: 1160px;
  margin: 0 auto;
  padding: 52px 0 36px;
}
.sm-app-access-shell::before, .sm-app-access-shell::after {
  content: "";
  position: fixed;
  inset: auto;
  pointer-events: none;
  z-index: 0;
  filter: blur(24px);
  opacity: 0.6;
}
.sm-app-access-shell::before {
  top: 72px;
  left: 2%;
  width: 320px;
  height: 320px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(212, 153, 79, 0.18), transparent 68%);
}
.sm-app-access-shell::after {
  top: 260px;
  right: 4%;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(136, 61, 41, 0.18), transparent 70%);
}
.sm-app-reference-top {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 388px);
  gap: 48px;
  align-items: start;
}
.sm-app-reference-brand-block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding-top: 34px;
}
body[data-page="app"] .sm-app-reference-brand-mark {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  width: clamp(204px, 25vw, 278px);
  height: clamp(204px, 25vw, 278px);
  border-radius: 38px;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}
body[data-page="app"] .sm-app-reference-brand-mark::before {
  content: none;
}
body[data-page="app"] .sm-app-reference-brand-mark img {
  display: block;
  width: 88%;
  height: 88%;
  object-fit: cover;
  border-radius: 30px;
  transform: translateY(-2px);
  filter: drop-shadow(0 28px 40px rgba(0, 0, 0, 0.4)) drop-shadow(0 0 24px rgba(241, 187, 98, 0.14));
}
body[data-page="app"] .sm-app-reference-brand-mark::after {
  content: none;
}
.sm-app-reference-brand-copy {
  display: grid;
  gap: 18px;
  max-width: 620px;
}
.sm-app-reference-brand-copy::after {
  content: "";
  width: 88px;
  height: 1px;
  background: linear-gradient(90deg, rgba(247, 213, 157, 0.9), transparent);
}
body[data-page="app"] .sm-app-reference-brand-copy .sm-eyebrow, body[data-page="app"] .sm-app-reference-section-head .sm-eyebrow, body[data-page="app"] .sm-app-reference-banner-copy .sm-eyebrow, body[data-page="app"] .sm-app-rotator-panel .sm-eyebrow {
  color: rgba(246, 215, 152, 0.74);
  letter-spacing: 0.22em;
  font-size: 0.72rem;
}
body[data-page="app"] .sm-app-reference-brand-copy h1 {
  margin: 0;
  max-width: 8ch;
  color: #f8e3bf;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-size: clamp(2.15rem, 4.2vw, 3.6rem);
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: -0.03em;
  text-wrap: balance;
}
.sm-app-access-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sm-app-access-pill {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(248, 223, 180, 0.14);
  background: linear-gradient(180deg, rgba(255, 247, 232, 0.08), rgba(255, 247, 232, 0.03));
  color: #f5dfba;
  box-shadow: inset 0 1px 0 rgba(255, 247, 231, 0.06);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}
.sm-app-reference-login-card {
  position: relative;
  display: grid;
  gap: 16px;
  padding: 28px 26px;
  background: linear-gradient(180deg, rgba(55, 49, 49, 0.96), rgba(30, 28, 31, 0.96)), linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 52%);
  border: 1px solid rgba(249, 228, 188, 0.12);
  border-radius: 28px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 245, 228, 0.08);
}
.sm-app-reference-login-card::before {
  content: none;
}
.sm-app-reference-login-card::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 88px;
  height: 88px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(247, 213, 157, 0.08), transparent 66%);
  pointer-events: none;
}
.sm-app-reference-login-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  min-height: 26px;
  border: 1px solid rgba(255, 235, 202, 0.18);
  border-radius: 999px;
  background: rgba(255, 247, 232, 0.04);
  color: #f5ddba;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.sm-app-reference-login-actions .sm-button-primary {
  min-width: 136px;
  border-radius: 999px;
}
body[data-page="app"] .sm-app-reference-login-card .sm-panel-head h2 {
  margin: 4px 0 0;
  color: #fff7ea;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-size: 1.45rem;
  font-weight: 800;
}
body[data-page="app"] .sm-app-reference-login-card .sm-form {
  display: grid;
  gap: 14px;
}
body[data-page="app"] .sm-app-reference-login-card .sm-form label {
  display: grid;
  gap: 8px;
}
body[data-page="app"] .sm-app-reference-login-card .sm-form span {
  color: rgba(247, 233, 206, 0.78);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
body[data-page="app"] .sm-app-reference-login-card input {
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid rgba(249, 228, 188, 0.14);
  border-radius: 18px;
  background: rgba(9, 9, 11, 0.34);
  color: #fff8ef;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  box-shadow: inset 0 1px 0 rgba(255, 245, 228, 0.04);
}
body[data-page="app"] .sm-app-reference-login-card input::placeholder {
  color: rgba(247, 233, 206, 0.34);
}
body[data-page="app"] .sm-app-reference-login-card input:focus {
  outline: none;
  border-color: rgba(247, 208, 140, 0.46);
  box-shadow: 0 0 0 3px rgba(204, 138, 67, 0.14);
}
body[data-page="app"] .sm-app-reference-login-card .sm-button {
  min-height: 46px;
  font-weight: 700;
}
body[data-page="app"] .sm-app-reference-login-card .sm-button-primary, body[data-page="app"] .sm-app-access-hero-actions .sm-button-primary {
  border: 1px solid rgba(255, 226, 182, 0.16);
  background: linear-gradient(135deg, #d7a35b, #a44d33 78%);
  color: #fff8ef;
  box-shadow: 0 18px 40px rgba(164, 77, 51, 0.28);
}
body[data-page="app"] .sm-app-reference-login-card .sm-button-secondary, body[data-page="app"] .sm-app-access-hero-actions .sm-button-secondary, body[data-page="app"] .sm-app-session-actions .sm-button-secondary {
  border: 1px solid rgba(248, 223, 180, 0.14);
  background: rgba(255, 247, 232, 0.08);
  color: #f8e3bf;
}
body[data-page="app"] .sm-app-reference-login-card .sm-button-ghost, body[data-page="app"] .sm-app-access-hero-actions .sm-button-ghost, body[data-page="app"] .sm-app-session-actions .sm-button-ghost, body[data-page="app"] .sm-app-rotator-control {
  border: 1px solid rgba(248, 223, 180, 0.12);
  background: transparent;
  color: rgba(248, 227, 191, 0.84);
}
.sm-app-access-tone-list {
  display: grid;
  gap: 12px;
  padding-left: 20px;
  color: rgba(249, 239, 220, 0.82);
}
.sm-app-access-copy-lead {
  font-size: clamp(1rem, 1.4vw, 1.14rem);
  line-height: 1.66;
  color: rgba(249, 239, 220, 0.92);
}
.sm-app-access-copy {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.72;
  max-width: 64ch;
}
.sm-app-access-copy-muted {
  color: rgba(249, 239, 220, 0.68);
}
.sm-app-reference-showcase {
  position: relative;
  display: grid;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 36px;
  border: 1px solid rgba(248, 223, 180, 0.1);
  background: #0b0a0b;
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.42);
}
.sm-app-reference-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 248, 235, 0.03), transparent 36%), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 32px);
  pointer-events: none;
  z-index: 0;
}
.sm-app-reference-banner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(320px, 1.06fr);
  min-height: 420px;
  background: linear-gradient(0deg, rgba(9, 9, 10, 0.18), rgba(9, 9, 10, 0.18)), radial-gradient(circle at 18% 24%, rgba(246, 209, 141, 0.22), transparent 24%), radial-gradient(circle at 82% 24%, rgba(160, 74, 46, 0.2), transparent 22%), linear-gradient(90deg, rgba(42, 29, 23, 0.98), rgba(17, 16, 19, 0.96));
}
.sm-app-reference-banner::before {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(255, 247, 232, 0.07);
  border-radius: 28px;
  pointer-events: none;
  z-index: 1;
}
.sm-app-reference-banner::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(247, 213, 157, 0.34), transparent);
}
.sm-app-reference-banner-copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: end;
  gap: 18px;
  padding: 42px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.08) 62%, transparent);
}
.sm-app-reference-banner-copy::before {
  content: "Curated night access";
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 241, 214, 0.14);
  background: rgba(255, 248, 235, 0.05);
  color: rgba(255, 241, 214, 0.78);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.sm-app-reference-banner-copy::after {
  content: "";
  width: 112px;
  height: 1px;
  background: linear-gradient(90deg, rgba(247, 213, 157, 0.85), transparent);
}
.sm-app-reference-banner-copy h2, .sm-app-reference-section-head h2, .sm-app-reference-feature-card h3 {
  margin: 0;
}
.sm-app-reference-banner-copy h2 {
  max-width: 10ch;
  color: #fff1d7;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-size: clamp(2rem, 3.4vw, 3rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.025em;
}
.sm-app-reference-banner-art {
  position: relative;
  min-height: 420px;
  overflow: hidden;
}
.sm-app-reference-banner-art::before, .sm-app-reference-banner-art::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  filter: blur(10px);
}
.sm-app-reference-banner-art::before {
  top: 54px;
  right: 110px;
  width: 160px;
  height: 160px;
  background: radial-gradient(circle, rgba(255, 231, 193, 0.22), transparent 68%);
}
.sm-app-reference-banner-art::after {
  bottom: 34px;
  left: 36px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(176, 82, 53, 0.18), transparent 68%);
}
.sm-app-reference-banner-strip {
  position: absolute;
  inset: auto 0 0 0;
  height: 34%;
  opacity: 0.84;
  background: linear-gradient(90deg, rgba(249, 237, 214, 0.78), rgba(217, 181, 147, 0.52));
}
.sm-app-reference-banner-strip-a {
  inset: 0 0 auto 12%;
  height: 100%;
  width: 18%;
  transform: skewX(-12deg);
  background: linear-gradient(180deg, rgba(232, 213, 188, 0.18), rgba(255, 245, 232, 0.68));
}
.sm-app-reference-banner-strip-b {
  inset: 0 auto auto 36%;
  width: 15%;
  height: 100%;
  transform: skewX(-9deg);
  background: linear-gradient(180deg, rgba(122, 89, 69, 0.16), rgba(255, 244, 230, 0.42));
}
.sm-app-reference-banner-strip-c {
  inset: 0 auto auto 57%;
  width: 12%;
  height: 100%;
  transform: skewX(-7deg);
  background: linear-gradient(180deg, rgba(194, 176, 156, 0.14), rgba(255, 243, 232, 0.36));
}
.sm-app-reference-device {
  position: absolute;
  bottom: 28px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(24, 24, 27, 0.98), rgba(10, 10, 12, 0.98));
  border: 1px solid rgba(255, 247, 232, 0.14);
  box-shadow: 0 28px 52px rgba(0, 0, 0, 0.34);
}
.sm-app-reference-device::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 248, 235, 0.08), transparent 24%), linear-gradient(135deg, rgba(203, 114, 74, 0.24), rgba(67, 75, 111, 0.18) 58%, rgba(15, 15, 18, 0.1));
}
.sm-app-reference-device::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 8px;
  width: 28%;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 247, 232, 0.2);
  transform: translateX(-50%);
}
.sm-app-reference-device-laptop {
  right: 74px;
  width: 300px;
  height: 184px;
  transform: rotate(-3deg);
}
.sm-app-reference-device-phone {
  right: 26px;
  width: 92px;
  height: 176px;
  transform: rotate(8deg);
}
.sm-app-reference-device-laptop .sm-app-reference-device::before, .sm-app-reference-device-phone .sm-app-reference-device::before {
  background: transparent;
}
.sm-app-reference-rotators {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  background: linear-gradient(90deg, rgba(247, 213, 157, 0.24), rgba(165, 74, 46, 0.14), rgba(247, 213, 157, 0.18));
}
.sm-app-rotator-panel-compact {
  position: relative;
  min-height: 100%;
  border: 0;
  border-radius: 0;
  background: #090909;
}
.sm-app-rotator-panel-compact::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 248, 235, 0.02), transparent 28%);
  pointer-events: none;
}
.sm-app-reference-featured {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 22px;
  padding-top: 28px;
}
.sm-app-reference-section-head {
  display: grid;
  justify-items: center;
  gap: 8px;
  text-align: center;
}
.sm-app-reference-featured-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  grid-auto-rows: minmax(220px, auto);
}
.sm-app-reference-featured-grid > :nth-child(1) {
  grid-column: span 2;
}
.sm-app-reference-featured-grid > :nth-child(4), .sm-app-reference-featured-grid > :nth-child(8) {
  transform: translateY(16px);
}
.sm-app-reference-feature-card {
  position: relative;
  display: grid;
  min-height: 220px;
  border: 1px solid rgba(249, 228, 188, 0.1);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(16, 16, 18, 0.98), rgba(10, 10, 12, 0.98));
  overflow: hidden;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.24);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.sm-app-reference-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 248, 235, 0.03), transparent 26%);
  pointer-events: none;
}
.sm-app-reference-feature-card::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 243, 220, 0.08), transparent 66%);
  pointer-events: none;
}
.sm-app-reference-feature-card:hover {
  transform: translateY(-4px);
  border-color: rgba(249, 228, 188, 0.2);
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.3);
}
.sm-app-reference-feature-card:nth-child(1), .sm-app-reference-feature-card:nth-child(5), .sm-app-reference-feature-card:nth-child(9) {
  grid-row: span 2;
}
.sm-app-reference-feature-card__media {
  position: relative;
  min-height: 148px;
  background: radial-gradient(circle at 24% 24%, rgba(255, 245, 228, 0.32), transparent 24%), linear-gradient(135deg, rgba(229, 205, 175, 0.54), rgba(97, 64, 49, 0.78));
}
.sm-app-reference-feature-card__media::before, .sm-app-reference-feature-card__media::after {
  content: "";
  position: absolute;
  border-radius: 999px;
}
.sm-app-reference-feature-card__media::before {
  top: 16px;
  left: 16px;
  width: 84px;
  height: 84px;
  background: radial-gradient(circle, rgba(255, 247, 232, 0.24), transparent 64%);
}
.sm-app-reference-feature-card__media::after {
  right: 18px;
  bottom: 16px;
  width: 82px;
  height: 82px;
  border: 1px solid rgba(255, 247, 232, 0.18);
  background: rgba(8, 8, 9, 0.08);
}
.sm-app-reference-feature-card:nth-child(1) .sm-app-reference-feature-card__media, .sm-app-reference-feature-card:nth-child(5) .sm-app-reference-feature-card__media, .sm-app-reference-feature-card:nth-child(9) .sm-app-reference-feature-card__media {
  min-height: 200px;
}
.sm-app-reference-feature-card:nth-child(1) .sm-app-reference-feature-card__body, .sm-app-reference-feature-card:nth-child(5) .sm-app-reference-feature-card__body, .sm-app-reference-feature-card:nth-child(9) .sm-app-reference-feature-card__body {
  padding-top: 22px;
}
.sm-app-reference-feature-card-reclamos .sm-app-reference-feature-card__media {
  background: radial-gradient(circle at 70% 28%, rgba(216, 156, 123, 0.24), transparent 22%), linear-gradient(135deg, rgba(34, 34, 39, 0.96), rgba(167, 118, 94, 0.58));
}
.sm-app-reference-feature-card-propuestas .sm-app-reference-feature-card__media {
  background: radial-gradient(circle at 30% 18%, rgba(255, 227, 168, 0.28), transparent 20%), linear-gradient(135deg, rgba(233, 192, 122, 0.54), rgba(59, 91, 97, 0.66));
}
.sm-app-reference-feature-card-cognitive .sm-app-reference-feature-card__media {
  min-height: 176px;
  background: radial-gradient(circle at 50% 18%, rgba(255, 238, 205, 0.18), transparent 24%), linear-gradient(180deg, rgba(18, 18, 21, 0.98), rgba(11, 11, 14, 0.98));
}
.sm-app-reference-feature-card-cognitive .sm-app-reference-feature-card__media::before {
  top: 22px;
  left: 22px;
  width: 116px;
  height: 116px;
  background: radial-gradient(circle, rgba(255, 245, 228, 0.1), transparent 70%);
}
.sm-app-reference-feature-card-cognitive .sm-app-reference-feature-card__media::after {
  right: 22px;
  bottom: 22px;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255, 247, 232, 0.14);
  background: rgba(8, 8, 9, 0.14);
}
.sm-app-reference-feature-card__badge {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  padding: 0;
  border-radius: 999px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.sm-app-reference-feature-card__badge::before {
  content: "";
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.22));
}
.sm-app-reference-feature-card__badge-discovery_room::before {
  background-image: url('/images/agents/discovery-guide-symbol-only.png');
}
.sm-app-reference-feature-card__badge-knowledge_room::before {
  background-image: url('/images/agents/knowledge-guide-symbol-only.png');
}
.sm-app-reference-feature-card__badge-learning_room::before {
  background-image: url('/images/agents/learning-guide-symbol-only.png');
}
.sm-app-reference-feature-card-cognitive-discovery_room .sm-app-reference-feature-card__media {
  background: radial-gradient(circle at 50% 22%, rgba(246, 210, 146, 0.12), transparent 24%), linear-gradient(180deg, rgba(22, 20, 23, 0.98), rgba(12, 12, 15, 0.98));
}
.sm-app-reference-feature-card-cognitive-knowledge_room .sm-app-reference-feature-card__media {
  background: radial-gradient(circle at 50% 24%, rgba(239, 193, 121, 0.1), transparent 22%), linear-gradient(180deg, rgba(21, 19, 18, 0.98), rgba(10, 10, 12, 0.98));
}
.sm-app-reference-feature-card-cognitive-learning_room .sm-app-reference-feature-card__media {
  background: radial-gradient(circle at 50% 20%, rgba(247, 221, 168, 0.11), transparent 22%), linear-gradient(180deg, rgba(17, 18, 22, 0.98), rgba(10, 10, 12, 0.98));
}
.sm-app-reference-feature-card__body {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 18px 18px 20px;
}
.sm-app-reference-feature-card__body p {
  margin: 0;
  color: rgba(249, 239, 220, 0.74);
  font-size: 0.92rem;
  line-height: 1.56;
}
.sm-app-reference-feature-card__eyebrow {
  color: #f3d7a5;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
body[data-page="app"] .sm-app-cognitive-entry-points .sm-panel-head .sm-eyebrow {
  color: #000;
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.sm-app-reference-feature-card__body h3 {
  max-width: 14ch;
}
.sm-app-session-actions, .sm-app-access-hero-actions {
  flex-wrap: wrap;
}
.sm-app-rotator-card {
  position: relative;
  display: grid;
  gap: 14px;
  min-height: 0;
  padding: 22px 22px 20px;
  border-radius: 0;
  border: 0;
  background: linear-gradient(180deg, rgba(16, 16, 18, 0.98), rgba(8, 8, 10, 0.98));
  overflow: hidden;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.sm-app-rotator-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(243, 213, 160, 0.9), rgba(228, 92, 64, 0.6), transparent);
}
.sm-app-rotator-card::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 247, 232, 0.08), transparent 66%);
}
.sm-app-rotator-card:hover {
  transform: translateY(-3px) scale(1.01);
  border-color: rgba(243, 213, 160, 0.18);
  box-shadow: 0 20px 34px rgba(0, 0, 0, 0.22);
}
.sm-app-rotator-card h3, .sm-app-rotator-card p, .sm-app-rotator-card__eyebrow {
  margin: 0;
}
.sm-app-rotator-card__eyebrow {
  color: #f3d7a5;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.sm-app-rotator-card h3 {
  color: #fff2dc;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-size: 1.38rem;
  font-weight: 800;
  line-height: 1.1;
}
.sm-app-rotator-card__copy {
  color: rgba(249, 239, 220, 0.78);
  font-size: 0.92rem;
  line-height: 1.58;
}
.sm-app-legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 22px;
  padding-top: 16px;
  border-top: 1px solid rgba(248, 223, 180, 0.1);
}
.sm-app-legal-links a {
  color: rgba(249, 239, 220, 0.7);
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.sm-app-legal-links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 1px;
  background: linear-gradient(90deg, rgba(247, 213, 157, 0.8), transparent);
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 160ms ease, transform 160ms ease;
}
.sm-app-legal-links a:hover, .sm-app-legal-links a:focus-visible {
  color: #fff7ef;
  text-decoration: none;
}
.sm-app-legal-links a:hover::after, .sm-app-legal-links a:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}
body[data-page="app"] {
  background: #000;
  color: #f8efdf;
  font-family: "Open Sans", "Segoe UI", sans-serif;
}
body[data-page="app_room"] {
  background: #000;
  color: #f8efdf;
  font-family: "Open Sans", "Segoe UI", sans-serif;
}
body[data-page="app"] .sm-shell {
  max-width: none;
  padding: 0;
}
body[data-page="app_room"] .sm-shell {
  max-width: none;
  padding: 0;
}
body[data-page="app"] .sm-app-access-shell .sm-panel {
  padding: 20px;
}
body[data-page="app_room"] .sm-app-access-shell .sm-panel {
  padding: 20px;
}
body[data-page="app"] .sm-app-access-footer {
  background: transparent;
}
body[data-page="app"] .sm-app-reference-login-card .sm-auth-summary {
  display: grid;
  gap: 10px;
  padding-top: 4px;
}
body[data-page="app"] .sm-app-reference-login-card .sm-user-chip {
  justify-self: start;
}
body[data-page="app"] .sm-feed-story__avatar {
  width: 76px;
  height: 76px;
  padding: 4px;
}
body[data-page="app"] .sm-feed-avatar {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
}
body[data-page="app"] .sm-profile-editor-avatar {
  width: 84px;
  height: 84px;
  flex: 0 0 84px;
}
body[data-page="app"] .sm-app-rotator-slot {
  position: relative;
  min-height: 0;
  overflow: visible;
  touch-action: pan-y;
}
body[data-page="app"] .sm-app-rotator-controls {
  position: absolute;
  inset-block-start: 50%;
  inset-inline: 0;
  z-index: 2;
  display: block;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 160ms ease;
}
body[data-page="app"] .sm-app-rotator-control {
  position: absolute;
  top: 50%;
  display: grid;
  place-items: center;
  width: 28px;
  min-height: 94px;
  min-width: 28px;
  padding: 0;
  overflow: hidden;
  appearance: none;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(10, 11, 14, 0.1);
  color: rgba(255, 246, 234, 0.8);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  transform: translateY(-50%);
}
body[data-page="app"] .sm-app-rotator-control[hidden] {
  display: none;
}
body[data-page="app"] .sm-app-rotator-control[data-rotator-direction="prev"] {
  left: -24px;
}
body[data-page="app"] .sm-app-rotator-control[data-rotator-direction="next"] {
  right: -24px;
}
body[data-page="app"] .sm-app-rotator-control svg {
  width: 12px;
  height: 12px;
  margin-top: 0;
}
body[data-page="app"] .sm-app-rotator-control__count {
  display: none;
}
body[data-page="app"] .sm-app-rotator-card {
  min-height: 188px;
}
body[data-page="app"] .sm-app-rotator-slot.is-controls-visible .sm-app-rotator-controls, body[data-page="app"] .sm-app-rotator-slot:focus-within .sm-app-rotator-controls {
  opacity: 1;
}
body[data-page="app"] .sm-app-rotator-slot.is-controls-visible .sm-app-rotator-control, body[data-page="app"] .sm-app-rotator-slot:focus-within .sm-app-rotator-control {
  pointer-events: auto;
}
@media (hover: hover) and (pointer: fine) {
  body[data-page="app"] .sm-app-rotator-slot:hover .sm-app-rotator-controls {
    opacity: 1;
  }
  body[data-page="app"] .sm-app-rotator-slot:hover .sm-app-rotator-control {
    pointer-events: auto;
  }
}
body[data-page="app"] .sm-app-reference-showcase .sm-panel-head h2, body[data-page="app"] .sm-app-reference-feature-card h3, body[data-page="app"] .sm-app-reference-section-head h2 {
  color: #fff1d7;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 800;
}
body[data-page="app_room"] .sm-app-reference-showcase .sm-panel-head h2, body[data-page="app_room"] .sm-app-reference-feature-card h3, body[data-page="app_room"] .sm-app-reference-section-head h2 {
  color: #fff1d7;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 800;
}
body[data-page="app"] .sm-app-reference-showcase .sm-panel-head h2 {
  font-size: 1.3rem;
}
body[data-page="app_room"] .sm-app-reference-showcase .sm-panel-head h2 {
  font-size: 1.3rem;
}
body[data-page="app"] .sm-app-reference-feature-card h3, body[data-page="app"] .sm-app-reference-section-head h2 {
  font-size: 1.5rem;
  line-height: 1.08;
}
body[data-page="app_room"] .sm-app-reference-feature-card h3, body[data-page="app_room"] .sm-app-reference-section-head h2 {
  font-size: 1.5rem;
  line-height: 1.08;
}
.sm-app-room-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
  gap: 18px;
  align-items: start;
}
.sm-app-room-timeline-panel {
  display: grid;
  gap: 18px;
}
.sm-app-room-timeline {
  display: grid;
  gap: 14px;
  min-height: 180px;
}
.sm-app-room-entry {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(249, 228, 188, 0.1);
  background: linear-gradient(180deg, rgba(16, 16, 18, 0.98), rgba(8, 8, 10, 0.98));
}
.sm-app-room-entry__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
}
.sm-app-room-entry__meta strong {
  color: #fff1d7;
}
.sm-app-room-entry__meta span {
  color: rgba(249, 239, 220, 0.58);
  font-size: 0.78rem;
}
.sm-app-room-entry p {
  margin: 0;
  color: rgba(249, 239, 220, 0.84);
  line-height: 1.66;
}
.sm-app-room-entry-user {
  border-color: rgba(215, 163, 91, 0.26);
}
.sm-app-room-entry-agent {
  border-color: rgba(248, 223, 180, 0.18);
}
.sm-app-room-entry-system {
  background: linear-gradient(180deg, rgba(28, 26, 28, 0.98), rgba(12, 12, 14, 0.98));
}
.sm-app-room-entry-prompt, .sm-app-room-entry-agent {
  border-color: rgba(164, 77, 51, 0.26);
}
.sm-app-room-entry-coordinator {
  border-color: rgba(212, 188, 118, 0.26);
}
.sm-app-room-composer {
  display: grid;
  gap: 14px;
}
.sm-app-room-composer label {
  display: grid;
  gap: 8px;
}
.sm-app-room-composer span {
  color: rgba(247, 233, 206, 0.78);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.sm-app-room-composer textarea {
  min-height: 148px;
  padding: 14px 16px;
  border: 1px solid rgba(249, 228, 188, 0.14);
  border-radius: 18px;
  background: rgba(9, 9, 11, 0.34);
  color: #fff8ef;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  resize: vertical;
}
.sm-app-room-composer textarea:focus {
  outline: none;
  border-color: rgba(247, 208, 140, 0.46);
  box-shadow: 0 0 0 3px rgba(204, 138, 67, 0.14);
}
@keyframes sm-app-access-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1024px) {
  .sm-app-reference-top, .sm-app-reference-banner, .sm-app-reference-featured-grid, .sm-app-reference-rotators, .sm-app-room-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .sm-app-reference-brand-block {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-page="app"] .sm-app-reference-brand-copy h1 {
    max-width: none;
  }
  .sm-app-reference-banner-art {
    min-height: 260px;
  }
  .sm-app-reference-featured-grid > :nth-child(1) {
    grid-column: span 1;
  }
  .sm-app-reference-featured-grid > :nth-child(4), .sm-app-reference-featured-grid > :nth-child(8) {
    transform: none;
  }
  .sm-app-reference-feature-card:nth-child(1), .sm-app-reference-feature-card:nth-child(5), .sm-app-reference-feature-card:nth-child(9) {
    grid-row: span 1;
  }
  .sm-app-reference-feature-card__badge {
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
  }
  .sm-app-reference-feature-card__badge::before {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 640px) {
  .sm-legal-panel {
    padding: 20px;
    border-radius: 24px;
  }
  body[data-page="app"] .sm-app-access-shell .sm-panel {
    padding: 16px;
  }
  .sm-app-access-shell {
    padding-top: 36px;
  }
  .sm-app-reference-top {
    gap: 28px;
  }
  body[data-page="app"] .sm-app-reference-brand-block {
    justify-items: center;
    text-align: center;
  }
  body[data-page="app"] .sm-app-reference-brand-mark {
    justify-self: center;
  }
  body[data-page="app"] .sm-app-reference-brand-copy {
    justify-items: center;
    text-align: center;
    margin-inline: auto;
  }
  body[data-page="app"] .sm-app-reference-brand-copy::after {
    margin-inline: auto;
  }
  body[data-page="app"] .sm-app-reference-brand-copy .sm-eyebrow, body[data-page="app"] .sm-app-reference-brand-copy h1, body[data-page="app"] .sm-app-reference-brand-copy .sm-app-access-copy-lead {
    margin-inline: auto;
    text-align: center;
  }
  body[data-page="app"] .sm-app-access-pill-row {
    justify-content: center;
  }
  .sm-app-reference-brand-mark {
    width: min(100%, 204px);
    height: min(100%, 204px);
  }
  body[data-page="app"] .sm-app-reference-brand-copy h1 {
    font-size: clamp(1.9rem, 9vw, 2.7rem);
  }
  .sm-app-reference-feature-card-cognitive .sm-app-reference-feature-card__media {
    min-height: 148px;
  }
  .sm-app-reference-feature-card__badge {
    right: 18px;
    bottom: 18px;
    width: 46px;
    height: 46px;
  }
  .sm-app-reference-feature-card__badge::before {
    width: 24px;
    height: 24px;
  }
  .sm-app-reference-login-card {
    padding: 22px 18px;
    border-radius: 24px;
  }
  .sm-app-reference-banner {
    min-height: 0;
  }
  .sm-app-reference-banner-copy {
    padding: 28px 22px;
  }
  .sm-app-reference-banner-copy::before {
    min-height: 24px;
    padding-inline: 10px;
    font-size: 0.56rem;
  }
  .sm-app-reference-banner-copy h2, body[data-page="app"] .sm-app-reference-feature-card h3, body[data-page="app"] .sm-app-reference-section-head h2, .sm-app-rotator-card h3, body[data-page="app"] .sm-app-reference-login-card .sm-panel-head h2 {
    font-size: 1.3rem;
  }
  .sm-app-reference-device-laptop {
    right: 36px;
    width: 198px;
    height: 118px;
  }
  .sm-app-reference-device-phone {
    right: 8px;
    width: 62px;
    height: 116px;
  }
  .sm-app-legal-links {
    display: grid;
    gap: 10px;
  }
  .sm-app-rotator-card {
    min-height: 168px;
  }
  .sm-app-access-pill-row {
    gap: 8px;
  }
  .sm-app-access-pill {
    font-size: 0.66rem;
    letter-spacing: 0.08em;
  }
  .sm-app-rotator-slot {
    min-height: 0;
  }
  .sm-app-reference-featured-grid {
    grid-auto-rows: auto;
  }
  .sm-app-reference-feature-card__media, .sm-app-reference-feature-card:nth-child(1) .sm-app-reference-feature-card__media, .sm-app-reference-feature-card:nth-child(5) .sm-app-reference-feature-card__media, .sm-app-reference-feature-card:nth-child(9) .sm-app-reference-feature-card__media {
    min-height: 132px;
  }
  body[data-page="app"] .sm-shell {
    padding-inline: 14px;
  }
  body[data-page="app_room"] .sm-shell {
    padding-inline: 14px;
  }
}
body[data-page="feed"] .sm-feed-native__utility-card-suggestions, body[data-page="feed"] .sm-feed-suggestions, body[data-page="feed"] .sm-suggestion-group, body[data-page="feed"] .sm-suggestion-group__head, body[data-page="feed"] .sm-suggestion-group__header, body[data-page="feed"] .sm-suggestion-group__summary, body[data-page="feed"] .sm-suggestion-group__list, body[data-page="feed"] .sm-feed-native-suggestion-card, body[data-page="feed"] .sm-suggestion-card__body, body[data-page="feed"] .sm-feed-native-suggestion-card__identity, body[data-page="feed"] .sm-feed-native-suggestion-card__copy, body[data-page="feed"] .sm-feed-native-suggestion-card__meta {
  min-width: 0;
  max-width: 100%;
}
body[data-page="feed"] .sm-feed-native__utility-card-suggestions, body[data-page="feed"] .sm-feed-suggestions, body[data-page="feed"] .sm-suggestion-group, body[data-page="feed"] .sm-suggestion-group__list, body[data-page="feed"] .sm-feed-native-suggestion-card {
  overflow-x: hidden;
}
body[data-page="feed"] .sm-feed-suggestions {
  display: grid;
  gap: 10px;
}
body[data-page="feed"] .sm-suggestion-group {
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(18, 19, 22, 0.94), rgba(10, 11, 14, 0.94));
  border: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-suggestion-group__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}
body[data-page="feed"] .sm-suggestion-group__header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px;
}
body[data-page="feed"] .sm-suggestion-group__header h3, body[data-page="feed"] .sm-suggestion-group__description, body[data-page="feed"] .sm-suggestion-group__eyebrow {
  margin: 0;
}
body[data-page="feed"] .sm-suggestion-group__header h3 {
  white-space: nowrap;
}
body[data-page="feed"] .sm-suggestion-group__header h3::before {
  content: " - ";
  color: rgba(245, 240, 232, 0.5);
}
body[data-page="feed"] .sm-suggestion-group__eyebrow {
  color: #f3d7a5;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}
body[data-page="feed"] .sm-suggestion-group__eyebrow::after {
  content: "";
}
body[data-page="feed"] .sm-suggestion-group__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
body[data-page="feed"] .sm-suggestion-group__list {
  display: grid;
  gap: 6px;
}
body[data-page="feed"] .sm-suggestion-group__item {
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native-suggestion-card {
  min-height: 0;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(22, 23, 29, 0.98), rgba(11, 12, 15, 0.98));
  box-shadow: none;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-suggestion-card__cover {
  display: none;
}
body[data-page="feed"] .sm-feed-native-suggestion-card:hover {
  transform: translateY(-1px);
  border-color: rgba(243, 213, 160, 0.28);
  background: linear-gradient(180deg, rgba(24, 25, 32, 0.98), rgba(13, 14, 18, 0.98));
}
body[data-page="feed"] .sm-feed-native-suggestion-card:focus-visible {
  outline: 2px solid rgba(243, 213, 160, 0.72);
  outline-offset: 2px;
}
body[data-page="feed"] .sm-suggestion-card__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 12px;
  padding: 12px;
  margin-top: 0;
  position: static;
  background: transparent;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy {
  display: grid;
  gap: 2px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy strong {
  font-size: 0.84rem;
  line-height: 1.1;
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(245, 239, 232, 0.72);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: 0;
  color: rgba(245, 239, 232, 0.68);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__meta span {
  display: inline-flex;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__side {
  display: grid;
  justify-items: end;
  align-content: start;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #f3d7a5;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__badge.is-private {
  background: rgba(228, 125, 72, 0.14);
  color: #f0bb8c;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__badge.is-free {
  background: rgba(126, 176, 146, 0.14);
  color: #bce2cf;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__follow {
  min-height: 30px;
  padding: 6px 10px;
}
body[data-page="feed"] .sm-suggestion-group__show-more {
  justify-self: stretch;
  min-height: 34px;
  padding: 8px 12px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__bio, body[data-page="feed"] .sm-feed-native-suggestion-card__reasons {
  grid-column: 1 / -1;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__bio {
  margin: 0;
  color: rgba(245, 239, 232, 0.72);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__reasons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-feed-avatar {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  transform: none;
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-suggestion-card__body {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }
  body[data-page="feed"] .sm-feed-native-suggestion-card__side {
    justify-items: start;
  }
  body[data-page="feed"] .sm-feed-native-suggestion-card .sm-feed-avatar {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
}
body[data-page="feed"] .sm-feed-story, body[data-page="app"] .sm-feed-story {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(22, 23, 28, 0.96), rgba(11, 12, 15, 0.96));
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
  color: #f5efe8;
}
body[data-page="feed"] .sm-feed-story-placeholder, body[data-page="app"] .sm-feed-story-placeholder {
  background: linear-gradient(180deg, rgba(18, 19, 22, 0.92), rgba(10, 10, 12, 0.92));
  color: rgba(245, 239, 232, 0.72);
}
body[data-page="feed"] .sm-feed-card, body[data-page="app"] .sm-feed-card, body[data-page="feed"] .sm-conversation-card, body[data-page="app"] .sm-conversation-card, body[data-page="feed"] .sm-result-card, body[data-page="app"] .sm-result-card, body[data-page="feed"] .sm-empty-state, body[data-page="app"] .sm-empty-state {
  background: linear-gradient(180deg, rgba(19, 20, 24, 0.97), rgba(10, 11, 13, 0.96));
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  color: #f5efe8;
}
body[data-page="feed"] .sm-suggestion-card, body[data-page="app"] .sm-suggestion-card, body[data-page="feed"] .sm-feed-native-suggestion-card, body[data-page="app"] .sm-feed-native-suggestion-card {
  background: linear-gradient(180deg, rgba(19, 20, 24, 0.98), rgba(10, 10, 12, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
  color: #f5efe8;
}
body[data-page="feed"] .sm-suggestion-card__cover, body[data-page="app"] .sm-suggestion-card__cover {
  background-color: #1a1b20;
}
body[data-page="feed"] .sm-suggestion-card__cover::after, body[data-page="app"] .sm-suggestion-card__cover::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.72));
}
body[data-page="feed"] .sm-suggestion-card__body, body[data-page="app"] .sm-suggestion-card__body, body[data-page="feed"] .sm-suggestion-card__body p, body[data-page="feed"] .sm-suggestion-card__body span, body[data-page="app"] .sm-suggestion-card__body p, body[data-page="app"] .sm-suggestion-card__body span {
  color: #f5efe8;
}
body[data-page="feed"] .sm-feed-native__hero, body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="app"] .sm-product-shell .sm-panel {
  background: linear-gradient(180deg, rgba(18, 19, 22, 0.97), rgba(9, 10, 12, 0.96));
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.26);
}
body[data-page="feed"] .sm-feed-post-card, body[data-page="app"] .sm-feed-post-card {
  background: linear-gradient(180deg, rgba(16, 17, 20, 0.98), rgba(8, 9, 11, 0.98));
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.28);
}
body.sm-lightbox-open {
  overflow: hidden;
}
.sm-result-type {
  color: var(--sm-rust);
  margin-bottom: 8px;
}
.sm-thread-head {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(19, 19, 19, 0.08);
}
.sm-bubble-me {
  background: linear-gradient(135deg, rgba(163,72,47,0.18), rgba(61,35,55,0.14));
}
.sm-bubble-them {
  background: rgba(255,255,255,0.72);
}
.sm-log-row {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(19, 19, 19, 0.05);
  font-size: 0.9rem;
}
.sm-token-box, .sm-code-output {
  padding: 16px;
  background: #181312;
  color: #f8efe5;
  font-family: "Courier New", monospace;
  white-space: pre-wrap;
  overflow-x: auto;
}
.sm-token-box strong {
  display: block;
  margin-bottom: 8px;
  color: #f4b767;
}
@media (max-width: 720px) {
  .sm-shell {
    padding: 14px;
  }
  .sm-topbar, .sm-hero-copy, .sm-panel, .sm-home-showcase {
    padding: 18px;
  }
  .sm-topbar {
    flex-direction: column;
    align-items: stretch;
  }
  .sm-topbar-status {
    justify-content: center;
  }
  .sm-hero h1 {
    max-width: none;
    font-size: 2.6rem;
  }
  .sm-home-pill-row, .sm-cta-row {
    gap: 10px;
  }
  .sm-home-pill, .sm-home-kicker, .sm-home-live-badge {
    width: 100%;
    justify-content: center;
  }
  .sm-home-support-links .sm-button {
    width: 100%;
  }
  .sm-product-rail-links-inline {
    flex-direction: column;
    align-items: stretch;
  }
  .sm-feed-stories, .sm-feed-media-strip {
    grid-template-columns: 1fr;
  }
  .sm-feed-mobile-topbar {
    padding: 10px 12px;
  }
  .sm-feed-mobile-toggle, .sm-feed-mobile-close, .sm-feed-mobile-nav__item {
    min-height: 38px;
    padding: 0 12px;
    font-size: 0.82rem;
  }
  .sm-feed-shell {
    padding-bottom: 88px;
  }
  body[data-page="app"] .sm-app-nav-band {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
body[data-page="feed"] {
  background: radial-gradient(circle at top center, rgba(214, 176, 116, 0.16), transparent 24%), radial-gradient(circle at 80% 20%, rgba(218, 67, 52, 0.12), transparent 20%), linear-gradient(180deg, #111214 0%, #050607 100%);
  color: #f5f0e8;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  overflow-x: hidden;
}
body[data-page="feed"] .sm-shell {
  max-width: 1480px;
}
body[data-page="feed"] .sm-feed-native {
  display: flex;
  flex-direction: column;
  gap: 2px;
  grid-template-columns: 1fr;
  gap: 18px;
  padding-bottom: 92px;
}
body[data-page="feed"] .sm-feed-native__topbar {
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 11, 13, 0.94);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(18px);
}
body[data-page="feed"] .sm-feed-native__brand {
  display: grid;
  justify-items: center;
  gap: 2px;
}
body[data-page="feed"] .sm-feed-native__brand strong {
  font-size: 1rem;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native__brand-kicker {
  font-size: 0.72rem;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #d5ab64;
}
body[data-page="feed"] .sm-feed-native__topbar-action, body[data-page="feed"] .sm-feed-native__close, body[data-page="feed"] .sm-feed-native__refresh, body[data-page="feed"] .sm-feed-native__search-button, body[data-page="feed"] .sm-feed-native__scope-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  gap: 6px;
  padding: 0 16px;
  min-height: 42px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  color: #f5f0e8;
}
body[data-page="feed"] .sm-feed-native__scope {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: -33px;
  padding: 8px 16px 12px;
  gap: 12px;
  min-height: 54px;
  height: auto;
  overflow-x: auto;
  overflow-y: visible;
  background: rgba(11, 12, 14, 0.98);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
  scrollbar-width: none;
}
body[data-page="feed"] .sm-feed-native__scope::-webkit-scrollbar {
  display: none;
}
body[data-page="feed"] .sm-feed-native__scope-item {
  flex: 0 0 auto;
}
body[data-page="feed"] .sm-feed-native__drawer {
  left: 0;
  transform: translateX(-108%);
}
body[data-page="feed"] .sm-feed-native__utility {
  right: 0;
  transform: translateX(108%);
}
body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="menu"] .sm-feed-native__drawer {
  transform: translateX(0);
}
body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="utility"] .sm-feed-native__utility {
  transform: translateX(0);
}
body[data-page="feed"] .sm-feed-native__overlay {
  position: fixed;
  inset: 0;
  z-index: 42;
  border: 0;
  background: rgba(0, 0, 0, 0.56);
  opacity: 0;
  pointer-events: none;
}
body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="menu"] .sm-feed-native__overlay {
  opacity: 1;
  pointer-events: auto;
}
body[data-page="feed"] .sm-feed-native__bottom-bar {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 41;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 11, 13, 0.96);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px);
}
body[data-page="feed"] .sm-feed-native__hamburger {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 45;
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 11, 13, 0.92);
  color: #f5f0e8;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-native__hamburger.is-active {
  color: #d5ab64;
}
body[data-page="feed"] .sm-feed-native {
  overflow-x: hidden;
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native__hamburger {
    display: inline-flex;
  }
  body[data-page="feed"] .sm-feed-native__bottom-bar {
    display: none;
  }
  body[data-page="feed"] .sm-feed-shell__center-column {
    padding-top: 60px;
  }
  body[data-page="feed"] .sm-feed-shell {
    padding-bottom: 24px;
  }
}
body[data-page="feed"] .sm-feed-native__main {
  display: grid;
  gap: 16px;
}
body[data-page="feed"] .sm-feed-native__hero, body[data-page="feed"] .sm-feed-native__composer, body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="feed"] .sm-feed-native__account-card, body[data-page="feed"] .sm-feed-native__mini-panel, body[data-page="feed"] .sm-feed-native__brand-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(18, 19, 22, 0.96), rgba(9, 10, 12, 0.96));
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
}
body[data-page="feed"] .sm-feed-native__hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}
body[data-page="feed"] .sm-feed-native__hero.is-profile {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  align-items: end;
}
body[data-page="feed"] .sm-feed-native__hero.is-profile::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 180px;
  background: linear-gradient(180deg, rgba(16, 17, 20, 0.04), rgba(8, 9, 11, 0.26)), var(--sm-feed-hero-cover);
  background-size: cover;
  background-position: center;
}
body[data-page="feed"] .sm-feed-native__hero.is-profile > * {
  position: relative;
  z-index: 1;
}
body[data-page="feed"] .sm-feed-native__profile-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}
body[data-page="feed"] .sm-feed-native__profile-avatar {
  width: 68px;
  height: 68px;
  flex-basis: 68px;
  border: 2px solid rgba(255, 255, 255, 0.92);
  background: rgba(0, 0, 0, 0.28);
}
body[data-page="feed"] .sm-feed-native__profile-copy {
  display: grid;
  gap: 6px;
}
body[data-page="feed"] .sm-feed-native__profile-copy h2, body[data-page="feed"] .sm-feed-native__profile-copy p {
  margin: 0;
}
body[data-page="feed"] .sm-feed-native__profile-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}
body[data-page="feed"] .sm-feed-native__profile-meta span, body[data-page="feed"] .sm-feed-native__profile-meta a {
  color: rgba(245, 240, 232, 0.72);
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-feed-native__hero-copy h2, body[data-page="feed"] .sm-feed-native__brand-card h1 {
  margin: 0;
  font-size: clamp(0.32rem, 0.36vw, 0.36rem);
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(245, 240, 232, 0.72);
}
body[data-page="feed"] .sm-feed-native__profile-copy h2, body[data-page="feed"] .sm-feed-native__composer-head h3, body[data-page="feed"] .sm-feed-native__panel-head h2, body[data-page="feed"] .sm-feed-native__mini-title h3, body[data-page="feed"] .sm-feed-native__utility-head h3 {
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}
body[data-page="feed"] .sm-feed-native__hero-copy p:last-child, body[data-page="feed"] .sm-feed-native__brand-card p, body[data-page="feed"] .sm-feed-native__mini-title + p {
  margin: 0;
  color: rgba(245, 240, 232, 0.72);
  line-height: 1.6;
}
body[data-page="feed"] .sm-feed-native__panel-head, body[data-page="feed"] .sm-feed-native__composer-head, body[data-page="feed"] .sm-feed-native__mini-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-native__mini-title {
  align-items: flex-start;
}
body[data-page="feed"] .sm-feed-native__mini-title h3, body[data-page="feed"] .sm-feed-native__composer-head h3, body[data-page="feed"] .sm-feed-native__panel-head h2 {
  margin: 0;
}
body[data-page="feed"] .sm-feed-native__menu-list, body[data-page="feed"] .sm-feed-native__menu-actions {
  display: grid;
  gap: 6px;
}
body[data-page="feed"] .sm-feed-native__menu-list-secondary {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-feed-native__drawer {
  align-content: start;
}
body[data-page="feed"] .sm-feed-native__menu-actions-footer {
  margin-top: auto;
}
body[data-page="feed"] .sm-feed-native__menu-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 38px;
  padding: 0 0 0 12px;
  border-radius: 0;
  border: 0;
  border-left: 2px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  color: #f5f0e8;
  font-weight: 600;
  font-size: 0.93rem;
  letter-spacing: 0.01em;
  text-transform: none;
  font-family: "Open Sans", "Segoe UI", sans-serif;
}
body[data-page="feed"] .sm-feed-native__menu-link span:last-child {
  font-size: inherit;
}
body[data-page="feed"] .sm-feed-native__menu-link span:last-child {
  line-height: 1;
}
body[data-page="feed"] .sm-feed-native__menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  height: 18px;
  color: rgba(245, 240, 232, 0.82);
}
body[data-page="feed"] .sm-feed-native__menu-icon svg {
  width: 18px;
  height: 18px;
}
body[data-page="feed"] .sm-feed-native__menu-link.is-active {
  background: transparent;
  border-left-color: #f3d5a0;
  color: #ffffff;
}
body[data-page="feed"] .sm-feed-native__menu-link-exit {
  justify-content: flex-start;
  padding-left: 12px;
  border-left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  min-height: 42px;
}
body[data-page="feed"] .sm-feed-native__account-summary {
  display: grid;
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native-account {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-native-account-link {
  color: inherit;
  text-decoration: none;
}
body[data-page="feed"] .sm-feed-native-account-link:hover .sm-feed-native-account__copy strong, body[data-page="feed"] .sm-feed-native-account-link:focus-visible .sm-feed-native-account__copy strong {
  text-decoration: underline;
}
body[data-page="feed"] .sm-feed-native-account__avatar {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
}
body[data-page="feed"] .sm-feed-native-account__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native-account__copy strong {
  font-size: 0.95rem;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
}
body[data-page="feed"] .sm-feed-native-account__copy span {
  color: rgba(245, 240, 232, 0.62);
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native-credit-pill {
  display: none;
}
body[data-page="feed"] .sm-feed-native__brand-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: inherit;
  text-decoration: none;
}
body[data-page="feed"] .sm-feed-native__brand-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 72px;
  height: 72px;
  border-radius: 999px;
  color: rgba(243, 213, 160, 0.9);
  background: rgba(243, 213, 160, 0.08);
  flex: 0 0 72px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32);
}
body[data-page="feed"] .sm-feed-native__brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[data-page="feed"] .sm-feed-native__brand-mark {
  color: rgba(243, 213, 160, 0.86);
  font-size: 1.06rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-family: "Open Sans", "Segoe UI", sans-serif;
  font-weight: 700;
}
body[data-page="feed"] .sm-feed-native__brand-card h1 {
  font-size: clamp(0.82rem, 0.96vw, 0.98rem);
  letter-spacing: 0.06em;
  margin: 0;
  line-height: 1.05;
}
body[data-page="feed"] .sm-feed-native__brand-card p {
  max-width: 18rem;
  font-size: 0.76rem;
  line-height: 1.45;
}
body[data-page="feed"] .sm-feed-native__account-card {
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 12px;
}
body[data-page="feed"] .sm-feed-native__auth-form {
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native__auth-form label {
  gap: 4px;
}
body[data-page="feed"] .sm-feed-native__auth-form label span, body[data-page="feed"] .sm-feed-native__theme span {
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(245, 240, 232, 0.58);
}
body[data-page="feed"] .sm-feed-native__auth-form .sm-inline-actions {
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__composer-form .sm-inline-actions {
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__composer-form .sm-button {
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native__composer-form .sm-button-primary {
  box-shadow: none;
}
body[data-page="feed"] .sm-feed-native__menu-list {
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-feed-native__mini-panel {
  gap: 10px;
  padding-top: 12px;
  padding-bottom: 10px;
}
body[data-page="feed"] .sm-feed-native__mini-title {
  margin-bottom: 2px;
}
body[data-page="feed"] .sm-feed-native__mini-title h3 {
  font-size: 0.84rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native__menu-actions-footer {
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-feed-native__menu-actions-footer .sm-button {
  min-height: 36px;
  font-size: 0.78rem;
}
body[data-page="feed"] .sm-feed-alerts, body[data-page="feed"] .sm-realtime-log {
  max-height: 180px;
  overflow-y: auto;
}
body[data-page="feed"] .sm-feed-native__theme {
  display: grid;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native__utility-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-native__utility-tools {
  display: flex;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__tool, body[data-page="feed"] .sm-feed-native__utility-counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  min-width: 32px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(245, 240, 232, 0.78);
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: "Open Sans", "Segoe UI", sans-serif;
}
body[data-page="feed"] .sm-feed-native__search-results:empty {
  display: none;
}
body[data-page="feed"] .sm-feed-native__utility-counter {
  margin-left: auto;
}
body[data-page="feed"] .sm-feed-native__search-card-compact {
  padding-top: 8px;
}
body[data-page="feed"] .sm-feed-native__search-card-compact .sm-empty-state {
  padding: 0;
  color: rgba(245, 240, 232, 0.5);
}
body[data-page="feed"] .sm-feed-native__search-form input, body[data-page="feed"] .sm-feed-native__auth-form input, body[data-page="feed"] .sm-feed-native__composer-form textarea, body[data-page="feed"] .sm-feed-native__theme .sm-theme-select {
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #f5f0e8;
  padding: 12px 14px;
}
body[data-page="feed"] .sm-feed-native__stories {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(88px, 1fr);
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}
body[data-page="feed"] .sm-feed-native-story {
  min-width: 88px;
  padding: 10px 8px 12px;
  background: transparent;
  border: 0;
}
body[data-page="feed"] .sm-feed-native__timeline {
  display: grid;
  gap: 16px;
}
body[data-page="feed"] .sm-feed-post-card {
  padding: 0;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(16, 17, 20, 0.98), rgba(8, 9, 11, 0.98));
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.28);
}
body[data-page="feed"] .sm-feed-post-card__head, body[data-page="feed"] .sm-feed-post-card__body, body[data-page="feed"] .sm-feed-post-card__footer, body[data-page="feed"] .sm-feed-post-card__actions, body[data-page="feed"] .sm-feed-post-card .sm-feed-reason-strip, body[data-page="feed"] .sm-feed-post-card .sm-feed-price-badge {
  padding-left: 18px;
  padding-right: 18px;
}
body[data-page="feed"] .sm-feed-post-card__head {
  padding-top: 18px;
  margin-bottom: 0;
}
body[data-page="feed"] .sm-feed-post-card__metahead {
  display: grid;
  justify-items: end;
  gap: 6px;
}
body[data-page="feed"] .sm-feed-post-card__metahead small, body[data-page="feed"] .sm-feed-post-card__copy span, body[data-page="feed"] .sm-feed-post-card__footer small, body[data-page="feed"] .sm-feed-native-profile-card small, body[data-page="feed"] .sm-feed-native-alert small {
  color: rgba(245, 240, 232, 0.58);
}
body[data-page="feed"] .sm-feed-post-card__body {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.05rem;
  line-height: 1.68;
}
body[data-page="feed"] .sm-feed-native-media-strip {
  position: relative;
  margin-top: 14px;
  display: block;
}
body[data-page="feed"] .sm-feed-native-media-strip .sm-feed-media-card {
  min-height: 180px;
  border: 0;
  border-radius: 0;
  background: #18191d;
}
body[data-page="feed"] .sm-feed-native-media-strip .sm-feed-media-card.sm-feed-media-card-locked {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 40px;
  max-height: 40px;
  padding: 0 16px;
  background: radial-gradient(circle at top, rgba(226, 178, 96, 0.18), transparent 48%), linear-gradient(180deg, rgba(35, 21, 33, 0.98), rgba(13, 14, 18, 0.98));
  color: #fff6ea;
  border: 1px solid rgba(255, 214, 151, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}
body[data-page="feed"] .sm-feed-media-card-placeholder__eyebrow {
  justify-self: start;
  text-align: left;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 214, 151, 0.82);
}
body[data-page="feed"] .sm-feed-media-card-placeholder strong {
  justify-self: center;
  text-align: center;
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  color: #fffaf2;
}
body[data-page="feed"] .sm-feed-media-card-placeholder__price {
  justify-self: end;
  text-align: right;
  font-size: 1rem;
  font-weight: 700;
  color: #f7c878;
}
body[data-page="feed"] .sm-feed-lightbox {
  padding: 12px;
}
body[data-page="feed"] .sm-feed-lightbox__dialog {
  width: min(560px, 100%);
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(22, 23, 29, 0.98), rgba(11, 12, 15, 0.98));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}
body[data-page="feed"] .sm-feed-lightbox__close {
  color: rgba(255, 246, 234, 0.82);
}
body[data-page="feed"] .sm-feed-lightbox__content {
  min-height: 150px;
}
body[data-page="feed"] .sm-feed-locked-panel {
  width: min(100%, 460px);
  min-height: 150px;
  max-height: 150px;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(47, 32, 45, 0.98), rgba(25, 20, 28, 0.98));
  border: 1px solid rgba(255, 214, 151, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}
body[data-page="feed"] .sm-feed-locked-panel strong {
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-locked-panel p {
  margin: 0;
  color: rgba(245, 239, 232, 0.78);
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-feed-lightbox {
    padding: 10px;
  }
  body[data-page="feed"] .sm-feed-lightbox__dialog {
    width: 100%;
    padding: 12px;
    border-radius: 20px;
  }
  body[data-page="feed"] .sm-feed-lightbox-shell__head, body[data-page="feed"] .sm-feed-lightbox-shell__nav {
    gap: 10px;
  }
  body[data-page="feed"] .sm-feed-lightbox-shell__head {
    align-items: flex-start;
    flex-direction: column;
  }
  body[data-page="feed"] .sm-feed-locked-panel {
    width: 100%;
    min-height: 150px;
    max-height: none;
    padding: 18px;
    border-radius: 18px;
  }
  body[data-page="feed"] .sm-feed-locked-panel .sm-button {
    width: 100%;
  }
  body[data-page="feed"] .sm-feed-native-media-strip .sm-feed-media-card.sm-feed-media-card-locked {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 6px;
    min-height: 150px;
    max-height: 150px;
    padding: 16px;
  }
  body[data-page="feed"] .sm-feed-media-card-placeholder strong, body[data-page="feed"] .sm-feed-media-card-placeholder__price {
    justify-self: start;
    text-align: left;
  }
}
body[data-page="feed"] .sm-feed-native-media-count {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.64);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
}
body[data-page="feed"] .sm-feed-post-card__footer, body[data-page="feed"] .sm-feed-post-card__actions {
  padding-top: 14px;
  padding-bottom: 16px;
}
body[data-page="feed"] .sm-feed-post-card__actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body[data-page="feed"] .sm-feed-action, body[data-page="feed"] .sm-feed-more {
  min-height: 40px;
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: #f5f0e8;
}
body[data-page="feed"] .sm-feed-reason-chip, body[data-page="feed"] .sm-feed-composer-state {
  background: rgba(255, 255, 255, 0.08);
  color: #f3d5a0;
}
body[data-page="feed"] .sm-feed-native-suggestion-card {
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(19, 20, 24, 0.98), rgba(10, 10, 12, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
  position: relative;
}
body[data-page="feed"] .sm-suggestion-card__cover {
  min-height: 160px;
  background-size: cover;
  background-position: center;
  position: relative;
}
body[data-page="feed"] .sm-suggestion-card__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.14), rgba(0,0,0,0.76));
}
body[data-page="feed"] .sm-suggestion-card__body {
  margin-top: -52px;
  padding: 0 16px 16px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__overlay {
  display: grid;
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__cta {
  justify-self: start;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.32);
  color: #f5f0e8;
  border-radius: 999px;
  min-height: 34px;
  padding: 0 14px;
  font-weight: 700;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__cta.is-active {
  background: rgba(255, 255, 255, 0.12);
}
body[data-page="feed"] .sm-suggestion-card__body .sm-feed-avatar {
  width: 68px;
  height: 68px;
  flex-basis: 68px;
  border: 3px solid rgba(255, 255, 255, 0.9);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__cta {
  min-height: 28px;
  min-width: 0;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 0.6rem;
  letter-spacing: 0.08em;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__cta.is-secondary {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 243, 224, 0.78);
}
body[data-page="feed"] .sm-feed-native__brand-card, body[data-page="feed"] .sm-feed-native__hero, body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="feed"] .sm-feed-native__account-card, body[data-page="feed"] .sm-suggestion-group, body[data-page="feed"] .sm-feed-post-card, body[data-page="feed"] .sm-feed-native-suggestion-card {
  border-radius: 0;
  border: 0 !important;
}
body[data-page="feed"] .sm-suggestion-group {
  background: transparent;
  border: 0;
  padding: 0;
}
body[data-page="feed"] .sm-suggestion-group__list {
  gap: 14px;
}
body[data-page="feed"] .sm-feed-native-profile-card, body[data-page="feed"] .sm-feed-native-alert, body[data-page="feed"] .sm-result-card, body[data-page="feed"] .sm-empty-state, body[data-page="feed"] .sm-user-chip, body[data-page="feed"] .sm-metric-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(18, 19, 22, 0.98), rgba(9, 10, 12, 0.98));
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
  border-radius: 22px;
}
body[data-page="feed"] .sm-log-row {
  background: rgba(255, 255, 255, 0.04);
  color: rgba(245, 240, 232, 0.72);
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-feed-native__scope {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: visible;
    overflow-y: auto;
  }
  body[data-page="feed"] .sm-feed-post-card__actions, body[data-page="feed"] .sm-feed-native__bottom-bar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body[data-page="feed"] .sm-feed-native__topbar-action, body[data-page="feed"] .sm-feed-native__bottom-item, body[data-page="feed"] .sm-feed-native__search-button, body[data-page="feed"] .sm-feed-native__refresh, body[data-page="feed"] .sm-feed-native__scope-item {
    padding: 0 10px;
    font-size: 0.8rem;
  }
  body[data-page="feed"] .sm-feed-native__hero {
    grid-template-columns: 1fr;
  }
  body[data-page="feed"] .sm-feed-native-media-strip .sm-feed-media-card {
    min-height: 260px;
  }
}
body[data-page="feed"] .sm-feed-native__topbar {
  display: none;
}
body[data-page="feed"] .sm-feed-native__hero, body[data-page="feed"] .sm-feed-native__composer, body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="feed"] .sm-feed-native__account-card, body[data-page="feed"] .sm-feed-native__mini-panel, body[data-page="feed"] .sm-feed-native__brand-card {
  padding: 12px 0;
}
body[data-page="feed"] .sm-feed-native__brand-card {
  gap: 18px;
}
body[data-page="feed"] .sm-feed-native__brand-logo {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  border-radius: 22px;
  background: transparent;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34);
}
body[data-page="feed"] .sm-feed-native__brand-logo img {
  transform: scale(1.08);
}
body[data-page="feed"] .sm-feed-native__hero-copy h2, body[data-page="feed"] .sm-feed-native__brand-card h1 {
  font-size: clamp(0.5rem, 0.58vw, 0.58rem);
  line-height: 1.02;
}
body[data-page="feed"] .sm-feed-native__hero-copy p:last-child, body[data-page="feed"] .sm-feed-native__brand-card p, body[data-page="feed"] .sm-feed-native__mini-title + p {
  font-size: 0.86rem;
}
body[data-page="feed"] .sm-feed-native__mini-title h3, body[data-page="feed"] .sm-feed-native__composer-head h3, body[data-page="feed"] .sm-feed-native__panel-head h2 {
  font-size: 0.95rem;
}
body[data-page="feed"] .sm-feed-native__composer-head .sm-eyebrow, body[data-page="feed"] .sm-feed-composer-state, body[data-page="feed"] .sm-feed-post-card__footer, body[data-page="feed"] .sm-feed-post-card .sm-feed-reason-strip {
  display: none;
}
body[data-page="feed"] .sm-feed-native__composer {
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #050505;
}
body[data-page="feed"] .sm-feed-native__composer-head {
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
body[data-page="feed"] .sm-feed-native__composer-head h3 {
  margin: 0;
  font-size: 1rem;
  text-transform: none;
  letter-spacing: 0;
}
body[data-page="feed"] .sm-feed-native__composer-form {
  display: grid;
  gap: 14px;
  padding: 18px;
}
body[data-page="feed"] .sm-feed-native__composer-form textarea {
  min-height: 180px;
  padding: 18px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.24);
  color: #fff6ea;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body[data-page="feed"] .sm-feed-native__composer-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 4px;
}
body[data-page="feed"] .sm-feed-native__composer-meta {
  display: grid;
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native__composer-files {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__composer-file-pill {
  display: inline-grid;
  gap: 2px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.08);
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-native__composer-file-pill strong, body[data-page="feed"] .sm-feed-native__composer-file-pill small {
  display: block;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-page="feed"] .sm-feed-native__composer-file-pill small {
  color: rgba(255, 246, 234, 0.72);
}
body[data-page="feed"] .sm-feed-native__composer-price {
  display: grid;
  gap: 6px;
  max-width: 180px;
  color: #fff6ea;
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native__composer-price input {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.16);
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-native__composer-feedback {
  color: rgba(255, 246, 234, 0.82);
  font-size: 0.84rem;
}
body[data-page="feed"] .sm-feed-native__composer-tools, body[data-page="feed"] .sm-feed-native__composer-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
body[data-page="feed"] .sm-feed-native__composer-tool, body[data-page="feed"] .sm-feed-native__composer-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff6ea;
  font-size: 0.9rem;
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-native__composer-secondary {
  opacity: 0.95;
}
body[data-page="feed"] .sm-feed-native__composer-tool-icon, body[data-page="feed"] .sm-feed-action__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body[data-page="feed"] .sm-feed-native__composer-tool-icon svg, body[data-page="feed"] .sm-feed-action__icon svg {
  width: 18px;
  height: 18px;
}
body[data-page="feed"] .sm-feed-currency-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.18rem;
  line-height: 1;
  font-weight: 600;
}
body[data-page="feed"] .sm-feed-native__composer-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-native__composer-toggle input {
  display: none;
}
body[data-page="feed"] .sm-feed-native__composer-toggle-track {
  position: relative;
  width: 28px;
  height: 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
}
body[data-page="feed"] .sm-feed-native__composer-toggle-track i {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #cfcac2;
  transition: transform 160ms ease;
}
body[data-page="feed"] .sm-feed-native__composer-toggle input:checked + .sm-feed-native__composer-toggle-track {
  background: rgba(208, 158, 82, 0.8);
}
body[data-page="feed"] .sm-feed-native__composer-toggle input:checked + .sm-feed-native__composer-toggle-track i {
  transform: translateX(12px);
}
body[data-page="feed"] .sm-feed-native__composer-save {
  min-height: 40px;
  padding: 0 20px;
  border-radius: 12px;
  letter-spacing: 0.08em;
}
body[data-page="feed"] .sm-feed-native__composer {
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
  background: linear-gradient(180deg, rgba(24, 19, 30, 0.99), rgba(12, 10, 16, 0.99));
}
body[data-page="feed"] .sm-feed-native__composer-head {
  display: flex;
  align-items: center;
  padding: 14px 20px;
}
body[data-page="feed"] .sm-feed-native__composer-form {
  gap: 12px;
  padding: 16px 20px 18px;
}
body[data-page="feed"] .sm-feed-native__composer-form textarea {
  min-height: 190px;
  padding: 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body[data-page="feed"] .sm-feed-native__composer-form textarea:focus {
  outline: none;
  border-color: rgba(212, 175, 55, 0.6);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14);
}
body[data-page="feed"] .sm-feed-native__composer-meta {
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__composer-price {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: none;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 246, 234, 0.66);
}
body[data-page="feed"] .sm-feed-native__composer-price input {
  width: 130px;
  min-height: 38px;
  border-radius: 10px;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-native__composer-feedback {
  padding: 2px 2px 0;
}
body[data-page="feed"] .sm-feed-native__composer-toolbar {
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  padding-top: 12px;
  margin-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-feed-native__composer-tools, body[data-page="feed"] .sm-feed-native__composer-actions {
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__composer-actions {
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native__composer-tool {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 0.84rem;
  transition: background 0.15s ease;
}
body[data-page="feed"] .sm-feed-native__composer-tool:hover {
  background: rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-feed-native__composer-secondary {
  min-height: 34px;
  padding: 0 8px;
  border-radius: 999px;
  color: rgba(255, 246, 234, 0.72);
  font-size: 0.84rem;
  transition: color 0.15s ease, background 0.15s ease;
}
body[data-page="feed"] .sm-feed-native__composer-secondary:hover {
  color: #fff6ea;
  background: rgba(255, 255, 255, 0.07);
}
body[data-page="feed"] .sm-feed-native__composer-visibility {
  min-height: 34px;
}
body[data-page="feed"] .sm-feed-native__composer-price-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 2px;
}
body[data-page="feed"] .sm-feed-native__composer-price-inline > span {
  color: rgba(255, 246, 234, 0.75);
  font-weight: 700;
}
body[data-page="feed"] .sm-feed-native__composer-price-inline input {
  width: 88px;
  min-height: 34px;
  box-sizing: border-box;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.5);
  background: rgba(255, 255, 255, 0.08);
  color: #fff6ea;
  font-size: 0.86rem;
}
body[data-page="feed"] .sm-feed-native__composer-price-inline input:focus {
  outline: none;
  border-color: rgba(246, 224, 150, 0.95);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.16);
}
body[data-page="feed"] .sm-feed-post-card {
  border-radius: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: none;
}
body[data-page="feed"] .sm-feed-post-card__body {
  font-size: 0.98rem;
  line-height: 1.55;
  padding-top: 12px;
  padding-bottom: 12px;
}
body[data-page="feed"] .sm-feed-native-media-strip {
  margin-top: 0;
}
body[data-page="feed"] .sm-feed-native-media-strip .sm-feed-media-card {
  min-height: 420px;
}
body[data-page="feed"] .sm-feed-post-card__engagement {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px 0;
}
body[data-page="feed"] .sm-feed-post-card__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border-top: 0;
}
body[data-page="feed"] .sm-feed-post-card__stats {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
body[data-page="feed"] .sm-feed-post-card__stats small {
  color: rgba(255, 243, 224, 0.82);
  font-size: 0.68rem;
}
body[data-page="feed"] .sm-feed-post-card__creator-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
body[data-page="feed"] .sm-feed-post-card__footer {
  display: flex;
  justify-content: flex-start;
  padding: 0 18px 18px;
}
body[data-page="feed"] .sm-feed-post-card__cta {
  min-width: 0;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}
body[data-page="feed"] .sm-feed-action {
  min-height: 30px;
  min-width: 30px;
  padding: 0;
  border: 0;
  background: transparent;
}
body[data-page="feed"] .sm-feed-action.is-active {
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-card__head.sm-feed-post-card__head, body[data-page="feed"] .sm-feed-post-card__engagement {
  background: transparent;
}
body[data-page="feed"] .sm-feed-post-card__metahead small, body[data-page="feed"] .sm-feed-post-card__copy span {
  font-size: 0.76rem;
  letter-spacing: 0;
  text-transform: none;
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-feed-native__composer-toolbar, body[data-page="feed"] .sm-feed-post-card__engagement {
    flex-direction: column;
    align-items: stretch;
  }
  body[data-page="feed"] .sm-feed-native__composer-tools, body[data-page="feed"] .sm-feed-native__composer-actions, body[data-page="feed"] .sm-feed-post-card__stats {
    justify-content: space-between;
  }
  body[data-page="feed"] .sm-feed-native__composer-actions {
    gap: 12px;
    flex-wrap: wrap;
  }
  body[data-page="feed"] .sm-feed-native__composer-price {
    max-width: none;
  }
  body[data-page="feed"] .sm-feed-native__composer-file-pill {
    width: 100%;
  }
  body[data-page="feed"] .sm-feed-native-media-strip .sm-feed-media-card {
    min-height: 260px;
  }
}
body[data-page="feed"] .sm-feed-native__menu-link {
  min-height: 34px;
  font-size: 1.16rem;
}
body[data-page="feed"] .sm-feed-native__search-form input, body[data-page="feed"] .sm-feed-native__auth-form input, body[data-page="feed"] .sm-feed-native__composer-form textarea, body[data-page="feed"] .sm-feed-native__theme .sm-theme-select {
  padding: 9px 0;
  font-size: 0.9rem;
}
body[data-page="feed"] .sm-feed-post-card__head, body[data-page="feed"] .sm-feed-post-card__body, body[data-page="feed"] .sm-feed-post-card__footer, body[data-page="feed"] .sm-feed-post-card__actions, body[data-page="feed"] .sm-feed-post-card .sm-feed-reason-strip, body[data-page="feed"] .sm-feed-post-card .sm-feed-price-badge {
  padding-left: 12px;
  padding-right: 12px;
}
body[data-page="feed"] .sm-feed-post-card__head {
  padding-top: 12px;
}
body[data-page="feed"] .sm-feed-post-card__body {
  font-size: 0.94rem;
  line-height: 1.5;
}
body[data-page="feed"] .sm-feed-post-card__actions {
  padding-top: 10px;
  padding-bottom: 10px;
}
body[data-page="feed"] .sm-feed-post-card__footer {
  padding-top: 10px;
  padding-bottom: 8px;
}
body[data-page="feed"] .sm-feed-action, body[data-page="feed"] .sm-feed-more, body[data-page="feed"] .sm-feed-native__close, body[data-page="feed"] .sm-feed-native__bottom-item, body[data-page="feed"] .sm-feed-native__refresh, body[data-page="feed"] .sm-feed-native__search-button, body[data-page="feed"] .sm-feed-native__scope-item {
  min-height: 34px;
  padding: 0 10px;
  font-size: 0.76rem;
}
body[data-page="feed"] .sm-feed-native__stories {
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native-story {
  min-width: 74px;
  padding: 6px 4px 8px;
}
body[data-page="feed"] .sm-feed-story__avatar {
  width: 52px;
  height: 52px;
}
body[data-page="feed"] .sm-feed-avatar {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}
body[data-page="feed"] .sm-feed-story strong, body[data-page="feed"] .sm-feed-author-copy strong {
  font-size: 0.88rem;
}
body[data-page="feed"] .sm-feed-story span, body[data-page="feed"] .sm-feed-author-copy span, body[data-page="feed"] .sm-feed-composer-state, body[data-page="feed"] .sm-feed-footer small, body[data-page="feed"] .sm-feed-action {
  font-size: 0.64rem;
  letter-spacing: 0.1em;
}
body[data-page="feed"] .sm-feed-native-media-strip .sm-feed-media-card {
  min-height: 240px;
}
body[data-page="feed"] .sm-feed-native__referral-card {
  padding: 12px;
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-feed-native {
    padding-bottom: 82px;
  }
  body[data-page="feed"] .sm-feed-native-media-strip .sm-feed-media-card {
    min-height: 190px;
  }
}
body[data-page="feed"] .sm-feed-native {
  gap: 14px;
}
body[data-page="feed"] .sm-feed-native__topbar-actions {
  display: flex;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native-credit-pill {
  padding: 9px 0;
}
body[data-page="feed"] .sm-feed-post-card {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-feed-post-card__actions {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body[data-page="feed"] .sm-feed-native__referrals {
  display: grid;
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native__referral-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "avatar who" "copy copy";
  align-items: start;
  column-gap: 10px;
  row-gap: 6px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(27, 28, 32, 0.98), rgba(14, 15, 18, 0.98));
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.22);
}
body[data-page="feed"] .sm-feed-native__referral-card__avatar {
  grid-area: avatar;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  font-size: 0.95rem;
  font-weight: 700;
  color: #10131a;
  background: radial-gradient(circle at 30% 25%, #dff3ff, #8ec5e8 45%, #5b87ad);
}
body[data-page="feed"] .sm-feed-native__referral-card__who {
  grid-area: who;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native__referral-card p {
  grid-area: copy;
  margin: 0;
  color: rgba(245, 240, 232, 0.72);
}
body[data-page="feed"] .sm-feed-native__referral-card__who strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff6ea;
}
body[data-page="feed"] .sm-feed-native__referral-card__who span {
  flex: none;
  font-size: 0.64rem;
  letter-spacing: 0.04em;
  white-space: nowrap;
  color: rgba(245, 240, 232, 0.6);
}
body[data-page="feed"] .sm-feed-native__legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
}
body[data-page="feed"] .sm-feed-native__legal-links a {
  color: rgba(245, 240, 232, 0.72);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
body[data-page="feed"] {
  font-size: 14px;
}
body[data-page="feed"] .sm-eyebrow, body[data-page="feed"] .sm-feed-post-card__metahead small, body[data-page="feed"] .sm-feed-post-card__copy span, body[data-page="feed"] .sm-feed-post-card__footer small, body[data-page="feed"] .sm-feed-native__brand-mark, body[data-page="feed"] .sm-feed-native__auth-form label span, body[data-page="feed"] .sm-feed-native__theme span, body[data-page="feed"] .sm-feed-native__tool, body[data-page="feed"] .sm-feed-native__utility-counter, body[data-page="feed"] .sm-feed-story span, body[data-page="feed"] .sm-feed-author-copy span, body[data-page="feed"] .sm-feed-composer-state, body[data-page="feed"] .sm-feed-footer small, body[data-page="feed"] .sm-feed-action {
  font-size: 0.58rem;
}
body[data-page="feed"] .sm-feed-native__hero-copy h2, body[data-page="feed"] .sm-feed-native__brand-card h1 {
  font-size: clamp(0.62rem, 0.72vw, 0.72rem);
}
body[data-page="feed"] .sm-feed-native__brand-mark {
  font-size: 0.705rem;
}
body[data-page="feed"] .sm-feed-native__hero:not(.is-profile) .sm-feed-native__hero-copy h2 {
  font-size: clamp(0.74rem, 0.84vw, 0.84rem);
  color: #ffd76a;
  text-shadow: 0 0 14px rgba(255, 215, 106, 0.22), 0 1px 0 rgba(255, 248, 224, 0.38);
}
body[data-page="feed"] .sm-feed-native__hero-copy p:last-child, body[data-page="feed"] .sm-feed-native__brand-card p, body[data-page="feed"] .sm-feed-native__mini-title + p, body[data-page="feed"] .sm-feed-body, body[data-page="feed"] .sm-feed-post-card__body, body[data-page="feed"] .sm-feed-native__search-form input, body[data-page="feed"] .sm-feed-native__composer-form textarea, body[data-page="feed"] .sm-feed-native__theme .sm-theme-select, body[data-page="feed"] .sm-result-card, body[data-page="feed"] .sm-empty-state, body[data-page="feed"] .sm-feed-native__legal-links a, body[data-page="feed"] .sm-feed-native__referral-card p, body[data-page="feed"] .sm-feed-native__referral-card span {
  font-size: 0.8rem;
  line-height: 1.4;
}
body[data-page="feed"] .sm-feed-native__mini-title h3, body[data-page="feed"] .sm-feed-native__composer-head h3, body[data-page="feed"] .sm-feed-native__panel-head h2, body[data-page="feed"] .sm-feed-author-copy strong, body[data-page="feed"] .sm-feed-story strong, body[data-page="feed"] .sm-feed-native-account__copy strong, body[data-page="feed"] .sm-feed-native__utility-head h3, body[data-page="feed"] .sm-feed-native__referral-card strong {
  font-size: 0.82rem;
}
body[data-page="feed"] .sm-feed-native__bottom-item, body[data-page="feed"] .sm-feed-native__refresh, body[data-page="feed"] .sm-feed-native__search-button, body[data-page="feed"] .sm-feed-native__scope-item, body[data-page="feed"] .sm-feed-more {
  font-size: 0.7rem;
}
body[data-page="feed"] .sm-feed-post-card__body {
  font-size: 0.86rem;
  line-height: 1.42;
}
body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="feed"] .sm-feed-native__search-card {
  gap: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}
body[data-page="feed"] .sm-feed-native__utility-head {
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__utility-head h3, body[data-page="feed"] .sm-suggestion-group__head h3 {
  margin: 0;
}
body[data-page="feed"] .sm-feed-native__utility-tools {
  gap: 6px;
}
body[data-page="feed"] .sm-feed-native__tool, body[data-page="feed"] .sm-feed-native__utility-counter {
  min-height: 26px;
  min-width: 26px;
  padding: 0 8px;
}
body[data-page="feed"] .sm-feed-native__tool-refresh {
  min-height: 22px;
  min-width: 22px;
  padding: 0;
}
body[data-page="feed"] .sm-feed-native__tool-refresh svg {
  width: 12px;
  height: 12px;
}
body[data-page="feed"] .sm-feed-native__tool-filter {
  padding: 0;
}
body[data-page="feed"] .sm-feed-native__tool-filter svg {
  width: 14px;
  height: 14px;
}
body[data-page="feed"] .sm-feed-native__tool-filter[data-filter-mode="free"] {
  color: #8fe388;
}
body[data-page="feed"] .sm-feed-native__tool-filter[data-filter-mode="private"] {
  color: #f3d5a0;
}
body[data-page="feed"] .sm-feed-native-suggestion-card {
  border-radius: 14px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
}
body[data-page="feed"] .sm-suggestion-card__cover {
  min-height: 78px;
}
body[data-page="feed"] .sm-suggestion-card__body {
  margin-top: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 10px;
  padding: 8px 8px 7px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__overlay {
  gap: 2px;
}
body[data-page="feed"] .sm-suggestion-card__body .sm-feed-avatar {
  width: 56px;
  height: 56px;
  flex-basis: 56px;
  border-width: 2px;
}
body[data-page="feed"] .sm-suggestion-group {
  gap: 8px;
  padding: 0;
}
body[data-page="feed"] .sm-suggestion-group__head {
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
body[data-page="feed"] .sm-suggestion-group__summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
body[data-page="feed"] .sm-suggestion-group__count.sm-feed-native__utility-counter {
  min-width: 22px;
  min-height: 22px;
  padding: 0 6px;
  font-size: 0.52rem;
}
body[data-page="feed"] .sm-suggestion-group__controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body[data-page="feed"] .sm-suggestion-group__control, body[data-page="feed"] .sm-suggestion-group__page-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 0 3px;
  border-radius: 999px;
  font-size: 0.54rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-suggestion-group__control {
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: inline-flex;
  align-items: center;
}
body[data-page="feed"] .sm-suggestion-group__control:disabled {
  opacity: 0.34;
}
body[data-page="feed"] .sm-suggestion-group__page-indicator {
  color: rgba(245, 240, 232, 0.56);
}
body[data-page="feed"] .sm-suggestion-group__viewport {
  position: relative;
  overflow: hidden;
  overflow-x: clip;
  touch-action: pan-y;
}
body[data-page="feed"] .sm-suggestion-group__viewport-controls {
  position: absolute;
  inset-block-start: 50%;
  inset-inline: 0;
  z-index: 2;
  display: block;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 160ms ease;
}
body[data-page="feed"] .sm-suggestion-group__viewport-controls .sm-suggestion-group__control {
  position: absolute;
  top: 50%;
  pointer-events: auto;
  width: 38px;
  min-width: 38px;
  min-height: 74px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(10, 11, 14, 0.36);
  color: rgba(255, 246, 234, 0.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
  transform: translateY(-50%);
}
body[data-page="feed"] .sm-suggestion-group__viewport-controls .sm-suggestion-group__control[data-suggestion-control="prev"] {
  left: -14px;
}
body[data-page="feed"] .sm-suggestion-group__viewport-controls .sm-suggestion-group__control[data-suggestion-control="next"] {
  right: -14px;
}
body[data-page="feed"] .sm-suggestion-group__viewport-controls .sm-suggestion-group__control svg {
  width: 18px;
  height: 18px;
}
@media (hover: hover) and (pointer: fine) {
  body[data-page="feed"] .sm-suggestion-group:hover .sm-suggestion-group__viewport-controls, body[data-page="feed"] .sm-suggestion-group:focus-within .sm-suggestion-group__viewport-controls {
    opacity: 1;
  }
}
@media (hover: none), (pointer: coarse) {
  body[data-page="feed"] .sm-suggestion-group__viewport-controls {
    display: none;
  }
}
body[data-page="feed"] .sm-suggestion-group__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  width: 100%;
  min-width: 0;
  transition: transform 180ms ease;
  will-change: transform;
}
body[data-page="feed"] .sm-suggestion-group__page {
  display: grid;
  gap: 6px;
}
body[data-page="feed"] .sm-feed-native__utility-card-suggestions {
  gap: 6px;
}
body[data-page="feed"] .sm-feed-suggestions {
  display: grid;
  gap: 6px;
}
body[data-page="feed"] .sm-suggestion-group__header strong, body[data-page="feed"] .sm-suggestion-group__count, body[data-page="feed"] .sm-suggestion-card__body strong {
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-suggestion-group__header h3 {
  display: flex;
  align-items: baseline;
  gap: 0;
  white-space: nowrap;
}
body[data-page="feed"] .sm-suggestion-group__eyebrow-inline {
  font-size: 0.62rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(243, 213, 160, 0.86);
}
body[data-page="feed"] .sm-suggestion-group__separator {
  color: rgba(245, 240, 232, 0.5);
}
body[data-page="feed"] .sm-suggestion-group__description, body[data-page="feed"] .sm-suggestion-card__body p, body[data-page="feed"] .sm-suggestion-card__body span, body[data-page="feed"] .sm-suggestion-card__meta {
  font-size: 0.68rem;
  line-height: 1.28;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__meta span {
  display: inline-flex;
  align-items: center;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__identity {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  align-content: center;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy {
  display: grid;
  gap: 1px;
  justify-items: start;
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy strong {
  font-size: 0.74rem;
  line-height: 1.05;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy > span {
  justify-self: start;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-feed-author {
  gap: 6px;
  align-items: center;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-feed-author-copy {
  gap: 0;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-feed-author-copy strong {
  line-height: 1.1;
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__overlay, body[data-page="feed"] .sm-feed-native-suggestion-card__meta, body[data-page="feed"] .sm-feed-native-suggestion-card__bio, body[data-page="feed"] .sm-suggestion-group__description {
  display: none;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__micro-meta {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__handle-row {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  min-width: 0;
  justify-content: flex-start;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__handle-row > span:first-child {
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
}
body[data-page="feed"] .sm-feed-native-suggestion-card .sm-feed-reason-chip {
  padding: 1px 3px;
  font-size: 0.4rem;
  line-height: 1;
}
body[data-page="feed"] .sm-feed-reason-chip--tiny {
  letter-spacing: 0.02em;
  max-width: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__reasons {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__concept {
  display: inline-block;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  color: rgba(243, 213, 160, 0.9);
  background: rgba(243, 213, 160, 0.9);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__concept.is-individual {
  border-radius: 999px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__concept.is-room-host {
  border-radius: 2px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__concept.is-hybrid {
  background: linear-gradient(90deg, rgba(243, 213, 160, 0.9) 0 42%, transparent 42% 58%, rgba(243, 213, 160, 0.9) 58% 100%);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__side {
  display: inline-flex;
  align-items: flex-end;
  align-self: center;
  justify-self: end;
  flex-direction: column;
  gap: 3px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 13px;
  padding: 0 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 232, 197, 0.18);
  background: rgba(14, 14, 16, 0.58);
  color: #fff0d6;
  font-size: 0.34rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__follow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 13px;
  margin: 0;
  padding: 0 4px;
  border: 1px solid rgba(255, 232, 197, 0.18);
  border-radius: 999px;
  background: rgba(14, 14, 16, 0.58);
  color: #fff0d6;
  font-size: 0.34rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy .sm-feed-native-suggestion-card__follow {
  width: auto;
  min-width: 0;
  min-height: 13px;
  padding: 0 4px;
  background: rgba(14, 14, 16, 0.58);
  color: #fff0d6;
  border: 1px solid rgba(255, 232, 197, 0.18);
  border-radius: 999px;
  font-size: 0.34rem;
  line-height: 1;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy .sm-feed-native-suggestion-card__side > .sm-feed-native-suggestion-card__badge, body[data-page="feed"] .sm-feed-native-suggestion-card__copy .sm-feed-native-suggestion-card__side > .sm-feed-native-suggestion-card__follow {
  font-size: 0.5rem !important;
  letter-spacing: 0.04em;
  line-height: 1;
}
body[data-page="feed"] .sm-suggestion-group__list {
  gap: 4px;
}
body[data-page="feed"] .sm-suggestion-group__item {
  margin: 0;
}
@media (max-width: 720px) {
  body[data-page="feed"] {
    font-size: 13px;
  }
  body[data-page="feed"] .sm-feed-native__hero-copy h2, body[data-page="feed"] .sm-feed-native__brand-card h1 {
    font-size: 0.64rem;
  }
  body[data-page="feed"] .sm-feed-native__hero:not(.is-profile) .sm-feed-native__hero-copy h2 {
    font-size: 0.76rem;
  }
  body[data-page="feed"] .sm-suggestion-card__cover {
    min-height: 72px;
  }
  body[data-page="feed"] .sm-suggestion-card__body {
    margin-top: -16px;
    padding: 0 8px 8px;
  }
  body[data-page="feed"] .sm-suggestion-card__body .sm-feed-avatar {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
}
body[data-page="feed"] .sm-feed-native__utility-card-legal {
  padding-bottom: 16px;
  border-bottom: 0;
}
body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card {
  align-self: start;
}
body[data-page="feed"] .sm-feed-native__search-form {
  align-items: center;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-native__search-form > * {
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native__search-form input {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 0.76rem;
}
body[data-page="feed"] .sm-feed-native__search-button {
  min-height: 32px;
  min-width: 38px;
  padding: 0 8px;
  font-size: 0.66rem;
  white-space: nowrap;
  align-self: center;
}
body[data-page="feed"] .sm-feed-native__search-results {
  display: grid;
  gap: 8px;
  align-content: start;
}
body[data-page="feed"] .sm-feed-native__search-results:empty {
  display: none;
}
body[data-page="feed"] .sm-feed-native__utility, body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="feed"] .sm-suggestion-group, body[data-page="feed"] .sm-suggestion-group__viewport {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}
body[data-page="feed"] .sm-feed-native__utility > *, body[data-page="feed"] .sm-feed-native__utility-card > * {
  min-width: 0;
  max-width: 100%;
}
body[data-page="feed"] .sm-feed-native__stories {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
body[data-page="feed"] .sm-feed-native__stories::-webkit-scrollbar {
  display: none;
}
body[data-page="feed"] .sm-feed-native__utility-card-suggestions, body[data-page="feed"] .sm-feed-suggestions, body[data-page="feed"] .sm-suggestion-group, body[data-page="feed"] .sm-suggestion-group__head, body[data-page="feed"] .sm-suggestion-group__summary, body[data-page="feed"] .sm-suggestion-group__controls, body[data-page="feed"] .sm-suggestion-group__viewport, body[data-page="feed"] .sm-feed-native-suggestion-card {
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}
body[data-page="feed"] .sm-feed-native__utility-card-suggestions .sm-feed-native__utility-head h3 {
  font-size: 0.96rem;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
body[data-page="feed"] .sm-feed-native__profile-shell {
  display: grid;
  gap: 0;
  width: 100%;
}
body[data-page="feed"] .sm-feed-native__profile-banner {
  min-height: 180px;
}
body[data-page="feed"] .sm-feed-native__profile-body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin-top: -70px;
}
body[data-page="feed"] .sm-feed-native__profile-avatar-lg {
  width: 112px;
  height: 112px;
  flex-basis: 112px;
  border: 4px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34);
  background: linear-gradient(135deg, var(--sm-rust, #3a2a1a), var(--sm-plum, #1a1024));
}
body[data-page="feed"] .sm-feed-native__profile-avatar-lg > span {
  color: #fff7ef;
  font-size: 2.4rem;
}
body[data-page="feed"] .sm-feed-native__profile-copy {
  gap: 5px;
}
body[data-page="feed"] .sm-feed-native__profile-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
body[data-page="feed"] .sm-feed-native__profile-title-wrap {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
  flex-wrap: nowrap;
}
body[data-page="feed"] .sm-feed-native__profile-title-wrap h2 {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(1.42rem, 1.75vw, 1.62rem);
  line-height: 1;
}
body[data-page="feed"] .sm-feed-native__profile-handle {
  color: rgba(255, 236, 214, 0.78);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
body[data-page="feed"] .sm-feed-native__profile-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(12, 13, 16, 0.48);
  color: #fff8f2;
  text-decoration: none;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
body[data-page="feed"] .sm-feed-native__profile-bio {
  max-width: 60ch;
  color: rgba(255, 248, 240, 0.9);
  font-size: 1.02rem;
  line-height: 1.55;
}
body[data-page="feed"] .sm-feed-native__profile-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 0;
}
body[data-page="feed"] .sm-feed-native__profile-actions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
body[data-page="feed"] .sm-feed-native__profile-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(12, 13, 16, 0.52);
  color: rgba(255, 250, 244, 0.92);
  backdrop-filter: blur(10px);
}
body[data-page="feed"] .sm-feed-native__profile-tool svg {
  width: 16px;
  height: 16px;
}
body[data-page="feed"] .sm-feed-native__profile-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px 16px;
  margin-top: 0;
  color: rgba(255, 245, 236, 0.82);
  font-size: 0.5rem;
  text-align: right;
}
body[data-page="feed"] .sm-feed-native__profile-stats strong {
  display: block;
  color: #fff6ee;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1;
}
body[data-page="feed"] .sm-feed-native__utility-card-profile-recents, body[data-page="feed"] .sm-feed-native__utility-card-profile-actions {
  padding: 18px;
}
body[data-page="feed"] .sm-feed-native__profile-recents {
  display: grid;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-native__recent-card {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
body[data-page="feed"] .sm-feed-native__recent-thumb {
  width: 68px;
  height: 68px;
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(255, 199, 141, 0.22), rgba(71, 48, 29, 0.3));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff2e1;
  font-weight: 700;
}
body[data-page="feed"] .sm-feed-native__recent-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body[data-page="feed"] .sm-feed-native__recent-copy {
  display: grid;
  gap: 4px;
}
body[data-page="feed"] .sm-feed-native__recent-copy strong, body[data-page="feed"] .sm-feed-native__recent-copy p {
  margin: 0;
}
body[data-page="feed"] .sm-feed-native__recent-copy p {
  color: rgba(245, 240, 232, 0.72);
  font-size: 0.82rem;
  line-height: 1.45;
}
body[data-page="feed"] .sm-feed-native__profile-actions {
  display: grid;
  gap: 12px;
}
body[data-page="feed"] .sm-feed-native__profile-cta, body[data-page="feed"] .sm-feed-native__profile-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-feed-native__profile-cta {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: #050506;
  color: #fffdf9;
}
body[data-page="feed"] .sm-feed-native__profile-secondary-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native__profile-secondary {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 248, 240, 0.9);
}
body[data-page="feed"] .sm-feed-native__booking-form {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
}
body[data-page="feed"] .sm-feed-native__booking-form[hidden] {
  display: none;
}
body[data-page="feed"] .sm-feed-native__booking-form__note {
  margin: 0;
  font-size: 0.78rem;
  color: rgba(255, 248, 240, 0.75);
}
body[data-page="feed"] .sm-feed-native__booking-form label {
  display: grid;
  gap: 5px;
}
body[data-page="feed"] .sm-feed-native__booking-form label > span {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 248, 240, 0.6);
}
body[data-page="feed"] .sm-feed-native__booking-form input {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.25);
  color: #fffdf9;
  font: inherit;
}
body[data-page="feed"] .sm-feed-native__booking-form__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
body[data-page="feed"] .sm-feed-native__booking-form__status {
  font-size: 0.75rem;
  color: rgba(255, 248, 240, 0.85);
}
body[data-page="feed"] .sm-feed-native__legal-links-profile {
  justify-items: center;
  text-align: center;
}
@media (max-width: 980px) {
  body[data-page="feed"] .sm-feed-native__profile-body {
    grid-template-columns: 1fr;
    margin-top: -30px;
  }
  body[data-page="feed"] .sm-feed-native__profile-title-row {
    grid-template-columns: 1fr;
  }
  body[data-page="feed"] .sm-feed-native__profile-title-wrap {
    gap: 6px;
  }
  body[data-page="feed"] .sm-feed-native__profile-avatar-lg {
    width: 96px;
    height: 96px;
    flex-basis: 96px;
  }
}
body[data-page="feed"] .sm-suggestion-group__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  justify-content: space-between;
}
body[data-page="feed"] .sm-suggestion-group__summary {
  justify-content: flex-end;
}
body[data-page="feed"] .sm-suggestion-group__track, body[data-page="feed"] .sm-suggestion-group__page {
  width: 100%;
}
body[data-page="feed"] .sm-feed-native-suggestion-card {
  position: relative;
  min-height: 176px;
  overflow: hidden;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #1a1b20;
}
body[data-page="feed"] .sm-suggestion-card__cover {
  min-height: 176px;
  width: 100%;
  background-color: #1a1b20;
  background-size: cover;
  background-position: center;
}
body[data-page="feed"] .sm-suggestion-card__cover::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.28));
}
body[data-page="feed"] .sm-suggestion-card__body {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin-top: 0;
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: end;
  column-gap: 8px;
  min-height: 116px;
  padding: 20px 12px 12px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12) 72%, rgba(0, 0, 0, 0.22));
}
body[data-page="feed"] .sm-feed-native-suggestion-card__identity {
  display: flex;
  align-items: end;
  justify-content: flex-start;
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__main {
  min-width: 0;
  display: block;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar, body[data-page="feed"] .sm-feed-native-suggestion-card__identity > .sm-feed-avatar {
  position: relative;
  z-index: 2;
  width: 100px;
  height: 100px;
  border: 2px solid rgba(255, 255, 255, 0.94);
  border-radius: 999px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 6px 14px rgba(0, 0, 0, 0.22);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar .sm-feed-avatar, body[data-page="feed"] .sm-feed-native-suggestion-card__avatar img, body[data-page="feed"] .sm-feed-native-suggestion-card__avatar span, body[data-page="feed"] .sm-feed-native-suggestion-card__identity > .sm-feed-avatar, body[data-page="feed"] .sm-feed-native-suggestion-card__identity > .sm-feed-avatar img, body[data-page="feed"] .sm-feed-native-suggestion-card__identity > .sm-feed-avatar span {
  width: 100px !important;
  height: 100px !important;
  border-radius: 999px !important;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar .sm-feed-avatar, body[data-page="feed"] .sm-feed-native-suggestion-card__identity > .sm-feed-avatar {
  flex-basis: 100px !important;
  border-width: 0;
  transform: none;
  overflow: hidden;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy {
  min-width: 0;
  display: block !important;
  width: 100%;
  max-width: none;
  padding-left: 2px;
  padding-bottom: 4px;
  align-self: end;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy .sm-feed-native-suggestion-card__handle-row {
  width: 100%;
  margin-top: 2px;
  gap: 3px;
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy .sm-feed-native-suggestion-card__side {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  justify-self: start;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 4px;
  margin-top: 4px;
  margin-left: 0 !important;
  width: fit-content;
  max-width: 100%;
}
body[data-page="feed"] .sm-suggestion-card__body > .sm-feed-native-suggestion-card__side {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  justify-self: start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
  margin-left: 108px;
  width: fit-content;
  max-width: calc(100% - 108px);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__copy strong {
  font-size: 0.86rem;
  line-height: 1.1;
  color: #fff6ea;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
body[data-page="feed"] .sm-feed-native-suggestion-card > .sm-suggestion-card__body {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  gap: 8px !important;
}
body[data-page="feed"] .sm-feed-native-suggestion-card > .sm-suggestion-card__body > .sm-feed-native-suggestion-card__identity {
  position: static !important;
  width: 100px !important;
  flex: 0 0 100px !important;
}
body[data-page="feed"] .sm-feed-native-suggestion-card > .sm-suggestion-card__body > .sm-feed-native-suggestion-card__main {
  position: static !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-feed-native-suggestion-card .sm-suggestion-card__body, body[data-page="feed"] .sm-suggestion-card__body {
    grid-template-columns: 100px minmax(0, 1fr);
    align-items: end;
  }
  body[data-page="feed"] .sm-feed-native-suggestion-card__identity {
    justify-content: flex-start;
  }
}
body[data-page="feed"] .sm-feed-shell__left-rail, body[data-page="feed"] .sm-feed-shell__center-column, body[data-page="feed"] .sm-feed-shell__right-rail {
  min-width: 0;
}
body[data-page="feed"] .sm-feed-shell__right-rail, body[data-page="feed"] .sm-feed-shell__right-rail > * {
  align-self: start;
}
@media (min-width: 1101px) {
  body[data-page="feed"] .sm-feed-shell {
    display: grid !important;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) minmax(300px, 340px);
    gap: 0;
    align-items: start;
    height: calc(100vh - 32px) !important;
    min-height: 0;
    padding-bottom: 0;
    overflow: hidden;
  }
  body[data-page="feed"] .sm-feed-native__topbar, body[data-page="feed"] .sm-feed-native__bottom-bar, body[data-page="feed"] .sm-feed-native__overlay, body[data-page="feed"] .sm-feed-native__panel-head-mobile {
    display: none;
  }
  body[data-page="feed"] .sm-feed-shell__left-rail, body[data-page="feed"] .sm-feed-shell__center-column, body[data-page="feed"] .sm-feed-shell__right-rail {
    min-height: 0;
    height: 100% !important;
    max-height: none !important;
    align-self: start;
    align-content: start;
    align-items: start;
    justify-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  body[data-page="feed"] .sm-feed-shell__left-rail::-webkit-scrollbar, body[data-page="feed"] .sm-feed-shell__center-column::-webkit-scrollbar, body[data-page="feed"] .sm-feed-shell__right-rail::-webkit-scrollbar {
    display: none;
  }
  body[data-page="feed"] .sm-feed-shell__left-rail, body[data-page="feed"] .sm-feed-shell__right-rail {
    position: relative !important;
    top: 0 !important;
    transform: none;
    width: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  body[data-page="feed"] .sm-feed-shell__left-rail {
    display: grid;
    gap: 12px;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 0;
  }
  body[data-page="feed"] .sm-feed-shell__center-column {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
    align-items: stretch;
    justify-items: stretch;
    padding-top: 0;
    padding-left: 20px;
  }
  body[data-page="feed"] .sm-feed-shell__center-column > * {
    width: 100%;
    max-width: 100%;
  }
  body[data-page="feed"] .sm-feed-shell__right-rail {
    display: grid;
    grid-auto-rows: max-content;
    gap: 12px;
  }
  body[data-page="feed"] .sm-feed-shell__search-box, body[data-page="feed"] .sm-feed-shell__services-panel, body[data-page="feed"] .sm-feed-shell__suggestions-panel, body[data-page="feed"] .sm-feed-shell__referrals-panel, body[data-page="feed"] .sm-feed-shell__legal-panel {
    margin-top: 0 !important;
    align-self: start;
  }
}
body[data-page="feed"] .sm-feed-native__hero, body[data-page="feed"] .sm-feed-native__composer, body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="feed"] .sm-feed-native__account-card, body[data-page="feed"] .sm-feed-native__mini-panel, body[data-page="feed"] .sm-feed-native__brand-card, body[data-page="feed"] .sm-feed-native-profile-card, body[data-page="feed"] .sm-feed-native-alert, body[data-page="feed"] .sm-result-card, body[data-page="feed"] .sm-empty-state, body[data-page="feed"] .sm-user-chip, body[data-page="feed"] .sm-metric-card, body[data-page="feed"] .sm-feed-post-card {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(18, 19, 22, 0.96), rgba(9, 10, 12, 0.96));
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
}
body[data-page="feed"] .sm-feed-native__hero, body[data-page="feed"] .sm-feed-native__composer, body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card, body[data-page="feed"] .sm-feed-native__account-card, body[data-page="feed"] .sm-feed-native__mini-panel, body[data-page="feed"] .sm-feed-native__brand-card {
  padding: 18px;
}
body[data-page="feed"] .sm-feed-native__scope, body[data-page="feed"] .sm-feed-native__hero {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
body[data-page="feed"] .sm-feed-native__brand-card, body[data-page="feed"] .sm-feed-native__account-card {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.sm-feed-native-account__handle::after {
  content: " - ";
}
body[data-page="feed"] .sm-feed-native__brand-card {
  align-items: flex-start;
}
body[data-page="feed"] .sm-feed-native__brand-card > div {
  align-self: flex-start;
}
body[data-page="feed"] .sm-feed-native__search-card.sm-feed-native__search-card-compact.sm-feed-shell__search-box, body[data-page="feed"] .sm-feed-native__utility-card.sm-feed-native__utility-card-suggestions.sm-feed-shell__suggestions-panel {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
body[data-page="feed"] .sm-feed-post-card {
  border-radius: 24px;
  overflow: hidden;
  border-color: transparent;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-page="feed"] .sm-feed-post-card__head, body[data-page="feed"] .sm-feed-post-card__body, body[data-page="feed"] .sm-feed-post-card__footer, body[data-page="feed"] .sm-feed-post-card__actions, body[data-page="feed"] .sm-feed-post-card .sm-feed-reason-strip, body[data-page="feed"] .sm-feed-post-card .sm-feed-price-badge {
  padding-left: 18px;
  padding-right: 18px;
}
body[data-page="feed"] .sm-feed-post-card__head {
  padding-top: 5px;
}
body[data-page="feed"] .sm-feed-post-card__actions {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body[data-page="feed"] .sm-feed-post-card__footer {
  padding-top: 12px;
  padding-bottom: 14px;
}
body[data-page="feed"] .sm-feed-native__menu-link {
  min-height: 38px;
  padding: 0 0 0 12px;
  border-radius: 0;
  border: 0;
  border-left: 2px solid rgba(255, 255, 255, 0.1);
  background: transparent;
}
body[data-page="feed"] .sm-feed-native__menu-link.is-active {
  border-left-color: #f3d5a0;
  color: #ffffff;
}
body[data-page="feed"] .sm-feed-native__search-form input, body[data-page="feed"] .sm-feed-native__auth-form input, body[data-page="feed"] .sm-feed-native__composer-form textarea, body[data-page="feed"] .sm-feed-native__theme .sm-theme-select {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  padding: 12px 14px;
}
body[data-page="feed"] .sm-feed-native__topbar, body[data-page="feed"] .sm-feed-native__bottom-bar {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 11, 13, 0.96);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px);
}
body[data-page="feed"] .sm-feed-native__topbar-action, body[data-page="feed"] .sm-feed-native__close, body[data-page="feed"] .sm-feed-native__bottom-item, body[data-page="feed"] .sm-feed-native__refresh, body[data-page="feed"] .sm-feed-native__search-button, body[data-page="feed"] .sm-feed-native__scope-item, body[data-page="feed"] .sm-feed-more, body[data-page="feed"] .sm-feed-action {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}
body[data-page="feed"] .sm-feed-native__scope-item.is-active {
  color: #f3d5a0;
  border-color: rgba(243, 213, 160, 0.42);
  background: linear-gradient(180deg, rgba(243, 213, 160, 0.18), rgba(154, 111, 42, 0.18));
  box-shadow: inset 0 1px 0 rgba(255, 248, 234, 0.14);
}
body[data-page="feed"] .sm-feed-native__refresh-icon {
  width: 34px;
  min-width: 34px;
  padding: 0;
  border-radius: 999px;
}
body[data-page="feed"] .sm-feed-native__refresh-icon .sm-feed-action__icon svg {
  width: 15px;
  height: 15px;
}
body[data-page="feed"] .sm-feed-shell .sm-panel, body[data-page="app"] .sm-product-shell .sm-panel, body[data-page="feed"] .sm-feed-card, body[data-page="app"] .sm-feed-card, body[data-page="feed"] .sm-result-card, body[data-page="app"] .sm-result-card, body[data-page="feed"] .sm-conversation-card, body[data-page="app"] .sm-conversation-card, body[data-page="feed"] .sm-notification-card, body[data-page="app"] .sm-notification-card, body[data-page="feed"] .sm-metric-card, body[data-page="app"] .sm-metric-card, body[data-page="feed"] .sm-user-chip, body[data-page="app"] .sm-user-chip, body[data-page="feed"] .sm-empty-state, body[data-page="app"] .sm-empty-state, body[data-page="feed"] .sm-bubble, body[data-page="app"] .sm-bubble, body[data-page="feed"] .sm-app-nav-item, body[data-page="app"] .sm-app-nav-item, body[data-page="feed"] .sm-appearance-bar, body[data-page="app"] .sm-appearance-bar {
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(19, 20, 24, 0.96), rgba(11, 11, 13, 0.96));
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  color: #f5efe8;
}
body[data-page="feed"] .sm-form input, body[data-page="app"] .sm-form input, body[data-page="feed"] .sm-form textarea, body[data-page="app"] .sm-form textarea, body[data-page="feed"] .sm-inline-form input, body[data-page="app"] .sm-inline-form input, body[data-page="feed"] .sm-request-row input, body[data-page="feed"] .sm-request-row select, body[data-page="app"] .sm-request-row input, body[data-page="app"] .sm-request-row select {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
  color: #f5efe8;
}
body[data-page="feed"] .sm-app-nav-item.is-active, body[data-page="app"] .sm-app-nav-item.is-active {
  background: linear-gradient(135deg, rgba(228, 53, 43, 0.22), rgba(197, 147, 66, 0.16));
  border-color: rgba(228, 53, 43, 0.34);
}
body[data-admin-page="creators"] .sm-chip, body[data-admin-page="creator_detail"] .sm-chip, body[data-admin-page="creator-detail"] .sm-chip {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid var(--sm-admin-line);
  border-radius: 999px;
  font-size: 11px;
  color: var(--sm-admin-muted);
  white-space: nowrap;
}
body[data-admin-page="agents"] .sm-chip, body[data-admin-page="agent_detail"] .sm-chip, body[data-admin-page="agent-detail"] .sm-chip {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid var(--sm-admin-line);
  border-radius: 999px;
  font-size: 11px;
  color: var(--sm-admin-muted);
  white-space: nowrap;
}
.sm-stories-creator {
  display: grid;
  grid-template-columns: minmax(300px, 420px) 1fr;
  gap: 2rem;
  align-items: start;
}
.sm-stories-preview__phone {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  max-height: min(80vh, 760px);
  margin: 0 auto;
  background: #000;
  border-radius: 1.6rem;
  border: 1.5px solid rgba(255, 255, 255, 0.22);
  overflow: hidden;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.55);
}
.sm-stories-preview__topbar {
  position: absolute;
  top: 0.7rem;
  left: 0.9rem;
  right: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  z-index: 4;
}
.sm-stories-preview__avatar {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #22d3ee, #ec4899);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 700;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.sm-stories-preview__now {
  color: #fff;
  font-size: 0.72rem;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
.sm-stories-preview__expand {
  margin-left: auto;
  color: #fff;
  font-size: 0.95rem;
  opacity: 0.9;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
.sm-stories-preview__canvas {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.sm-stories-preview__canvas--grad_default {
  background: linear-gradient(160deg, #22d3ee, #3b82f6 45%, #a855f7 72%, #ec4899);
}
.sm-stories-preview__canvas--solid_black {
  background: #000000;
}
.sm-stories-preview__canvas--grad_orange {
  background: linear-gradient(160deg, #ffb74d, #ff5722);
}
.sm-stories-preview__canvas--grad_pink {
  background: linear-gradient(160deg, #ff80ab, #ff2d8d);
}
.sm-stories-preview__canvas--grad_red {
  background: linear-gradient(160deg, #ef5350, #e53935);
}
.sm-stories-preview__canvas--grad_purple {
  background: linear-gradient(160deg, #b388ff, #9b3dff);
}
.sm-stories-preview__canvas--grad_indigo {
  background: linear-gradient(160deg, #7986cb, #3f51b5);
}
.sm-stories-preview__canvas--grad_blue {
  background: linear-gradient(160deg, #64b5f6, #2196f3);
}
.sm-stories-preview__canvas--grad_teal {
  background: linear-gradient(160deg, #4dd0e1, #00bcd4);
}
.sm-stories-preview__canvas--grad_green {
  background: linear-gradient(160deg, #81c784, #4caf50);
}
.sm-stories-preview__canvas--grad_yellow {
  background: linear-gradient(160deg, #fff176, #ffca28);
}
.sm-stories-preview__canvas--grad_brown {
  background: linear-gradient(160deg, #8d6e63, #6d4c41);
}
.sm-stories-preview__empty {
  padding: 1.2rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
}
.sm-stories-preview__empty-title {
  font-size: 1rem;
  font-weight: 700;
}
.sm-stories-preview__empty-text {
  font-size: 0.78rem;
  opacity: 0.88;
  margin-top: 0.25rem;
}
.sm-stories-preview__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sm-stories-preview__caption {
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
  white-space: pre-wrap;
  word-break: break-word;
}
.sm-stories-preview__sound {
  position: absolute;
  bottom: 2.4rem;
  left: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #fff;
  font-size: 0.72rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 999px;
  padding: 0.3rem 0.65rem;
  backdrop-filter: blur(4px);
}
.sm-stories-preview__sendbar {
  position: absolute;
  bottom: 0.75rem;
  left: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  padding: 0.45rem 0.8rem;
  color: rgba(255, 255, 255, 0.9);
  z-index: 3;
}
.sm-stories-preview__send {
  font-size: 0.78rem;
  flex: 1;
  opacity: 0.9;
}
.sm-stories-preview__send-icon {
  font-size: 0.85rem;
  opacity: 0.9;
}
.sm-stories-preview__note {
  margin-top: 0.5rem;
  text-align: center;
  font-size: 0.72rem;
  color: var(--sm-muted, #8b93a7);
}
.sm-stories-creator__form {
  display: grid;
  gap: 1.15rem;
}
.sm-stories-creator__section {
  display: grid;
  gap: 0.45rem;
}
.sm-stories-creator__label {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--sm-muted, #8b93a7);
  margin: 0;
}
.sm-stories-creator__input, .sm-stories-creator__textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  color: inherit;
  padding: 0.55rem 0.75rem;
  font: inherit;
  font-size: 0.9rem;
}
.sm-stories-creator__textarea {
  resize: vertical;
  min-height: 74px;
}
.sm-stories-creator__hint {
  font-size: 0.72rem;
  color: var(--sm-muted, #8b93a7);
  margin: 0;
}
.sm-stories-tabs {
  display: inline-flex;
  gap: 0.35rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 0.25rem;
  width: fit-content;
}
.sm-stories-tabs__tab {
  border: 0;
  background: transparent;
  color: var(--sm-muted, #8b93a7);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.sm-stories-tabs__tab.is-active {
  background: linear-gradient(135deg, #f6d78c, #eab656);
  color: #2b2414;
}
.sm-stories-bg-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.sm-stories-bg-choice {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  padding: 0;
}
.sm-stories-bg-choice.is-active {
  border-color: #fff;
  box-shadow: 0 0 0 2px var(--sm-accent, #eab656);
}
.sm-stories-bg-choice--grad_default {
  background: linear-gradient(160deg, #22d3ee, #3b82f6 45%, #a855f7 72%, #ec4899);
}
.sm-stories-bg-choice--solid_black {
  background: #000000;
}
.sm-stories-bg-choice--grad_orange {
  background: linear-gradient(160deg, #ffb74d, #ff5722);
}
.sm-stories-bg-choice--grad_pink {
  background: linear-gradient(160deg, #ff80ab, #ff2d8d);
}
.sm-stories-bg-choice--grad_red {
  background: linear-gradient(160deg, #ef5350, #e53935);
}
.sm-stories-bg-choice--grad_purple {
  background: linear-gradient(160deg, #b388ff, #9b3dff);
}
.sm-stories-bg-choice--grad_indigo {
  background: linear-gradient(160deg, #7986cb, #3f51b5);
}
.sm-stories-bg-choice--grad_blue {
  background: linear-gradient(160deg, #64b5f6, #2196f3);
}
.sm-stories-bg-choice--grad_teal {
  background: linear-gradient(160deg, #4dd0e1, #00bcd4);
}
.sm-stories-bg-choice--grad_green {
  background: linear-gradient(160deg, #81c784, #4caf50);
}
.sm-stories-bg-choice--grad_yellow {
  background: linear-gradient(160deg, #fff176, #ffca28);
}
.sm-stories-bg-choice--grad_brown {
  background: linear-gradient(160deg, #8d6e63, #6d4c41);
}
.sm-stories-creator__state {
  min-height: 1.2rem;
  font-size: 0.82rem;
  color: var(--sm-muted, #8b93a7);
}
.sm-stories-creator__state--error {
  color: #f87171;
}
.sm-stories-creator__state--success {
  color: #4ade80;
}
.sm-stories-creator__state--loading {
  color: #f6d78c;
}
@media (max-width: 1100px) {
  .sm-stories-creator {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
body[data-page="feed"] .sm-feed-native__stories, body[data-page="feed"] #feed-stories.sm-feed-stories {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding: 0.4rem 0 0.8rem;
  scrollbar-width: none;
}
body[data-page="feed"] #feed-stories.sm-feed-stories::-webkit-scrollbar {
  display: none;
}
body[data-page="feed"] .sm-feed-native__stories .sm-feed-story {
  flex: 0 0 auto;
  display: grid;
  justify-items: center;
  gap: 0.45rem;
  padding: 0.2rem 0.1rem;
  border: 0;
  background: transparent;
  border-radius: 0;
  text-align: center;
  min-width: 4.4rem;
}
body[data-page="feed"] .sm-feed-native__stories .sm-feed-story strong {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--sm-muted, #8b93a7);
  max-width: 4.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
}
body[data-page="feed"] .sm-feed-story__ring {
  display: inline-grid;
  place-items: center;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 999px;
  padding: 3px;
  background: linear-gradient(135deg, #22d3ee, #3b82f6 45%, #a855f7 72%, #ec4899);
}
body[data-page="feed"] .sm-feed-story.is-seen .sm-feed-story__ring {
  background: rgba(255, 255, 255, 0.22);
}
body[data-page="feed"] .sm-feed-story__avatar {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #0b0b12;
}
body[data-page="feed"] .sm-feed-story__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
  display: block;
}
body[data-page="feed"] .sm-feed-story__avatar-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(135deg, #22d3ee, #ec4899);
  color: #fff;
  font-weight: 800;
  font-size: 1.1rem;
}
body[data-page="feed"] .sm-feed-story__badge {
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(135deg, #22d3ee, #ec4899);
  color: #fff;
  border-radius: 999px;
  font-size: 0.5rem;
  font-weight: 800;
  padding: 0.15rem 0.3rem;
  letter-spacing: 0;
  border: 1.5px solid #0b0b12;
}
body[data-page="feed"] .sm-feed-story__ring-add {
  background: rgba(255, 255, 255, 0.12);
  border: 2px dashed rgba(255, 255, 255, 0.5);
  box-shadow: none;
}
body[data-page="feed"] .sm-feed-story.is-seen .sm-feed-story__ring-add {
  background: rgba(255, 255, 255, 0.1);
}
body[data-page="feed"] .sm-feed-story__avatar-add {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
}
.sm-stories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(4.6rem, 1fr));
  gap: 0.9rem;
  padding: 0.5rem 0;
}
.sm-stories-grid .sm-feed-story {
  display: grid;
  justify-items: center;
  gap: 0.45rem;
  padding: 0.3rem 0.1rem;
  border: 0;
  background: transparent;
  border-radius: 0;
  text-align: center;
}
.sm-stories-grid .sm-feed-story strong {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--sm-muted, #8b93a7);
  max-width: 4.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
}
.sm-stories-grid .sm-feed-story__ring {
  display: inline-grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 999px;
  padding: 3px;
  background: linear-gradient(135deg, #22d3ee, #3b82f6 45%, #a855f7 72%, #ec4899);
}
.sm-stories-grid .sm-feed-story.is-seen .sm-feed-story__ring {
  background: rgba(255, 255, 255, 0.22);
}
.sm-stories-grid .sm-feed-story__avatar {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #0b0b12;
}
.sm-stories-grid .sm-feed-story__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
  display: block;
}
.sm-stories-grid .sm-feed-story__avatar-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(135deg, #22d3ee, #ec4899);
  color: #fff;
  font-weight: 800;
  font-size: 1.1rem;
}
.sm-stories-viewer {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: #000;
  color: #fff;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  overflow: hidden;
}
body.sm-stories-viewer-open {
  overflow: hidden;
}
.sm-stories-viewer__progress {
  display: flex;
  gap: 0.3rem;
  padding: 0.65rem 0.7rem 0;
}
.sm-stories-viewer__seg {
  position: relative;
  flex: 1;
  height: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
  overflow: hidden;
}
.sm-stories-viewer__seg > i {
  display: block;
  height: 100%;
  background: #fff;
  transition: width 0.25s linear;
}
.sm-stories-viewer__seg.is-active > i {
  animation: smStoriesProgress 5s linear forwards;
}
@keyframes smStoriesProgress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.sm-stories-viewer__header {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.7rem 0.9rem;
}
.sm-stories-viewer__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  overflow: hidden;
  background: linear-gradient(135deg, #22d3ee, #ec4899);
  border: 1.5px solid rgba(255, 255, 255, 0.7);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.8rem;
}
.sm-stories-viewer__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sm-stories-viewer__handle {
  font-weight: 700;
  font-size: 0.85rem;
}
.sm-stories-viewer__now {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.75);
}
.sm-stories-viewer__close {
  margin-left: auto;
  background: rgba(255, 255, 255, 0.14);
  border: 0;
  color: #fff;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  font-size: 0.9rem;
  cursor: pointer;
}
.sm-stories-viewer__stage {
  position: relative;
  min-height: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.sm-stories-viewer__stage--anim {
  animation: smStoriesFade 0.32s ease;
}
@keyframes smStoriesFade {
  from {
    opacity: 0;
    transform: scale(0.992);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.sm-stories-viewer__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sm-stories-viewer__text {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 2.5rem;
  color: #fff;
}
.sm-stories-viewer__text p {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 88%;
}
.sm-stories-viewer__bg--single {
  background: linear-gradient(160deg, #22d3ee, #3b82f6 45%, #a855f7 72%, #ec4899);
}
.sm-stories-viewer__bg--compilation {
  background: linear-gradient(160deg, #0f172a, #1e293b 55%, #312e81);
}
.sm-stories-viewer__footer {
  padding: 0.8rem 0.9rem calc(0.8rem + env(safe-area-inset-bottom));
  display: grid;
  gap: 0.6rem;
}
.sm-stories-viewer__caption {
  margin: 0;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.92);
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  white-space: pre-wrap;
  word-break: break-word;
}
.sm-stories-viewer__link {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.42);
  color: #fff;
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 700;
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
}
.sm-stories-viewer__link:hover {
  background: rgba(255, 255, 255, 0.28);
}
.sm-stories-viewer__reactbar {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.sm-stories-viewer__react {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
  border-radius: 999px;
  padding: 0.4rem 0.85rem;
  cursor: pointer;
  font-size: 0.82rem;
}
.sm-stories-viewer__react:hover {
  background: rgba(255, 255, 255, 0.24);
}
.sm-stories-viewer__react.is-liked .sm-stories-viewer__react-icon {
  color: #ff4d6d;
}
.sm-stories-viewer__react-count {
  font-weight: 700;
}
.sm-stories-viewer__poll {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 1rem;
  padding: 2rem;
  background: linear-gradient(160deg, #0f172a, #1e293b 55%, #312e81);
  color: #fff;
}
.sm-stories-viewer__poll-question {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 800;
  text-align: center;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  white-space: pre-wrap;
  word-break: break-word;
}
.sm-stories-viewer__poll-options {
  display: grid;
  gap: 0.6rem;
  width: min(88vw, 340px);
}
.sm-stories-viewer__poll-option {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-radius: 999px;
  padding: 0.65rem 1rem;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
.sm-stories-viewer__poll-option:hover {
  background: rgba(255, 255, 255, 0.2);
}
.sm-stories-viewer__poll-option.is-result {
  cursor: default;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.sm-stories-viewer__poll-option.is-mine {
  border-color: #22d3ee;
  box-shadow: 0 0 0 1.5px rgba(34, 211, 238, 0.4);
}
.sm-stories-viewer__poll-bar {
  position: absolute;
  inset: 0;
  background: rgba(34, 211, 238, 0.28);
  width: 0;
  transition: width 0.4s ease;
}
.sm-stories-viewer__poll-label {
  position: relative;
  z-index: 1;
  flex: 1;
}
.sm-stories-viewer__poll-pct {
  position: relative;
  z-index: 1;
  font-weight: 800;
}
.sm-stories-viewer__sendbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  padding: 0.55rem 0.85rem;
  color: rgba(255, 255, 255, 0.92);
}
.sm-stories-viewer__send {
  font-size: 0.8rem;
  flex: 1;
  opacity: 0.9;
}
.sm-stories-viewer__send-icon {
  font-size: 0.9rem;
  opacity: 0.9;
}
body[data-admin-page="visuals"] .sm-inline-actions {
  align-items: center;
}
body[data-admin-page="visuals"] .sm-inline-actions .sm-button {
  min-height: 30px;
  padding: 5px 12px;
  font-size: 0.75rem;
}
body[data-admin-page="visuals"] .sm-field-label {
  display: block;
  margin: 14px 0 6px;
  color: var(--sm-admin-muted, #b9b2a6);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
body[data-admin-page="visuals"] .sm-select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.25);
  color: var(--sm-admin-text, #f2e9dc);
}
body[data-admin-page="visuals"] .sm-textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.25);
  color: var(--sm-admin-text, #f2e9dc);
  resize: vertical;
}
body[data-admin-page="visuals"] .sm-hint {
  color: var(--sm-admin-muted);
  font-size: 0.76rem;
}
.sm-clips-rail {
  display: block;
  margin: 1.25rem auto;
  padding: 0 1rem;
  max-width: 1200px;
}
.sm-clips-rail__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.sm-clips-rail__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--color-base-content, inherit);
}
.sm-clips-rail__hint {
  font-size: 0.75rem;
  color: var(--color-neutral-content, #888);
}
.sm-clips-rail__track {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 0.5rem;
  scroll-snap-type: x proximity;
}
.sm-clips-rail__empty, .sm-clips-grid__empty {
  padding: 1rem;
  color: var(--color-neutral-content, #888);
  font-size: 0.85rem;
  border: 1px dashed var(--color-base-300, rgba(255, 255, 255, 0.2));
  border-radius: 0.75rem;
}
.sm-clips-card {
  position: relative;
  flex: 0 0 auto;
  width: 168px;
  scroll-snap-align: start;
  background: var(--color-base-200, #1c1d21);
  border-radius: 1rem;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  background-clip: padding-box;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.sm-clips-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: 1rem;
  border: 2px solid transparent;
  background: linear-gradient(135deg, #22d3ee, #3b82f6, #a855f7, #ec4899) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.sm-clips-card:hover, .sm-clips-card:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5);
}
.sm-clips-card:hover::before, .sm-clips-card:focus-visible::before {
  opacity: 1;
}
.sm-clips-card__media {
  position: relative;
  aspect-ratio: 9 / 16;
  background: #000;
}
.sm-clips-card__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.sm-clips-card__placeholder {
  display: grid;
  place-items: center;
  height: 100%;
  color: var(--color-primary-content, #fff);
  font-size: 2rem;
}
.sm-clips-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 999px;
  color: #fff;
  font-size: 1.05rem;
  padding-left: 0.15rem;
  background: rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
.sm-clips-card__shade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.55));
}
.sm-clips-card__duration {
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  z-index: 1;
  padding: 0.1rem 0.4rem;
  font-size: 0.7rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.4rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.sm-clips-card__views {
  position: absolute;
  left: 0.4rem;
  bottom: 0.4rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.1rem 0.4rem;
  font-size: 0.7rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.4rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.sm-clips-card__meta {
  padding: 0.5rem 0.6rem;
}
.sm-clips-card__caption {
  font-size: 0.8rem;
  color: var(--color-base-content, #fff);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sm-clips-card__byline {
  font-size: 0.7rem;
  color: var(--color-neutral-content, #999);
}
.sm-clips-card__stats {
  display: flex;
  gap: 0.6rem;
  margin-top: 0.35rem;
  font-size: 0.72rem;
  color: var(--color-neutral-content, #aaa);
}
.sm-clips-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 0.75rem;
}
.sm-clips-player {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: #000;
}
.sm-clips-player__stage {
  position: absolute;
  inset: 0;
  background: #000;
  overflow: hidden;
}
.sm-clips-player::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  border: 3px solid transparent;
  background: linear-gradient(135deg, #22d3ee, #3b82f6, #a855f7, #ec4899) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.sm-clips-player__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  cursor: pointer;
}
.sm-clips-player__shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient( 180deg, rgba(0, 0, 0, 0.45) 0%, transparent 25%, transparent 70%, rgba(0, 0, 0, 0.6) 100% );
}
.sm-clips-player__topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.9rem;
  z-index: 3;
}
.sm-clips-player__close {
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  border: none;
  border-radius: 999px;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.05rem;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
}
.sm-clips-player__counter {
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.35);
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
}
.sm-clips-player__rail {
  position: absolute;
  right: 0.9rem;
  bottom: 6.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9rem;
  z-index: 3;
}
.sm-clips-player__rail-action {
  background: none;
  border: none;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  cursor: pointer;
  padding: 0;
}
.sm-clips-player__rail-action--static {
  pointer-events: none;
  opacity: 0.95;
}
.sm-clips-player__rail-icon {
  font-size: 1.55rem;
  line-height: 1;
  display: inline-block;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7), 0 0 2px rgba(0, 0, 0, 0.8);
}
.sm-clips-player__rail-count {
  font-size: 0.7rem;
  font-weight: 600;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
.sm-clips-player__info {
  position: absolute;
  left: 1rem;
  right: 4.6rem;
  bottom: 1.4rem;
  color: #fff;
  z-index: 3;
}
.sm-clips-player__author {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  font-weight: 700;
  font-size: 0.95rem;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
.sm-clips-player__author-handle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sm-clips-player__avatar {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #22d3ee, #ec4899);
  background-size: cover;
  background-position: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.sm-clips-player__caption {
  margin-top: 0.3rem;
  font-size: 0.92rem;
  line-height: 1.35;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
.sm-clips-player__duration {
  margin-top: 0.3rem;
  font-size: 0.75rem;
  opacity: 0.85;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
.sm-clips-player__nav {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
  z-index: 3;
}
.sm-clips-player__nav-btn {
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  border: none;
  border-radius: 999px;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.05rem;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
}
.sm-clips-player__comments {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 45%;
  background: rgba(10, 10, 12, 0.95);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sm-clips-player__comments-head {
  font-weight: 700;
  color: #fff;
  font-size: 0.9rem;
}
.sm-clips-player__comments-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  color: #ddd;
  font-size: 0.85rem;
}
.sm-clips-player__comment {
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.sm-clips-player__comment-author {
  font-weight: 700;
  color: #fff;
  font-size: 0.78rem;
}
.sm-clips-player__comment-body {
  line-height: 1.35;
}
.sm-clips-player__comment-state {
  color: #aaa;
  font-size: 0.8rem;
  padding: 0.4rem 0;
}
.sm-clips-player__comment-form {
  display: flex;
  gap: 0.5rem;
}
.sm-clips-player__comment-input {
  flex: 1;
  padding: 0.5rem 0.7rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.sm-clips-player__comment-send {
  padding: 0.5rem 0.9rem;
  border-radius: 0.6rem;
  border: none;
  background: var(--color-primary, #7c5cff);
  color: var(--color-primary-content, #fff);
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-native__bottom-bar {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
body[data-page="feed"] .sm-feed-native__bottom-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  line-height: 1.1;
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-native__bottom-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
body[data-page="feed"] .sm-feed-native__bottom-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}
body[data-page="feed"] .sm-feed-native__bottom-item.is-active {
  color: #f3d5a0;
  border-color: rgba(243, 213, 160, 0.42);
  background: linear-gradient(180deg, rgba(243, 213, 160, 0.18), rgba(154, 111, 42, 0.18));
}
body[data-page="feed"] .sm-feed-native__bottom-item-create {
  color: #f3d5a0;
  border-color: rgba(243, 213, 160, 0.5);
  background: linear-gradient(180deg, rgba(243, 213, 160, 0.22), rgba(154, 111, 42, 0.22));
}
body[data-page="feed"] .sm-feed-native__bottom-item.is-disabled, body[data-page="feed"] .sm-feed-native__bottom-item[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  filter: saturate(0.4);
}
body[data-page="feed"] .sm-feed-native__create-sheet {
  position: fixed;
  inset: 0;
  z-index: 46;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
body[data-page="feed"] .sm-feed-native__create-sheet-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.56);
  border: 0;
}
body[data-page="feed"] .sm-feed-native__create-sheet-panel {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin: 0 12px calc(12px + 84px);
  padding: 12px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(20, 21, 24, 0.98), rgba(10, 11, 13, 0.98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
  transform: translateY(16px);
  transition: transform 0.22s ease;
}
body[data-page="feed"] .sm-feed-native__create-sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px 10px;
}
body[data-page="feed"] .sm-feed-native__create-sheet-head strong {
  color: #f5f0e8;
  font-size: 1.05rem;
}
body[data-page="feed"] .sm-feed-native__create-sheet-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(245, 240, 232, 0.85);
  font-size: 1.15rem;
  line-height: 1;
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-native__create-sheet-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  margin-bottom: 6px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.035);
  color: #f5f0e8;
  text-decoration: none;
  transition: background 0.15s ease;
}
body[data-page="feed"] .sm-feed-native__create-sheet-item:hover {
  background: rgba(243, 213, 160, 0.1);
  border-color: rgba(243, 213, 160, 0.3);
}
body[data-page="feed"] .sm-feed-native__create-sheet-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(243, 213, 160, 0.14);
  color: #f3d5a0;
}
body[data-page="feed"] .sm-feed-native__create-sheet-icon svg {
  width: 20px;
  height: 20px;
  display: block;
}
body[data-page="feed"] .sm-feed-native.sm-mobile-create-open .sm-feed-native__create-sheet {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
body[data-page="feed"] .sm-feed-native.sm-mobile-create-open .sm-feed-native__create-sheet-panel {
  transform: translateY(0);
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native__bottom-bar {
    display: grid;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    border-width: 1px 0 0 0;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }
  body[data-page="feed"] .sm-feed-native__hamburger {
    display: none;
  }
  body[data-page="feed"] .sm-feed-shell {
    padding-bottom: 84px;
  }
  body[data-page="feed"] .sm-feed-native__bottom-item {
    min-height: 34px;
  }
  body[data-page="feed"] .sm-feed-native__bottom-bar {
    padding: 3px 8px calc(3px + env(safe-area-inset-bottom, 0px));
    gap: 2px;
  }
  body[data-page="feed"] .sm-feed-native__bottom-item {
    gap: 0;
    padding: 0 2px;
    border-radius: 12px;
  }
  body[data-page="feed"] .sm-feed-native__bottom-item > span:not(.sm-feed-native__bottom-icon) {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native__bottom-icon, body[data-page="feed"] .sm-feed-native__bottom-icon svg {
    width: 16px;
    height: 16px;
  }
  body[data-page="feed"] .sm-feed-shell {
    padding-bottom: 48px;
  }
  body[data-page="feed"] .sm-feed-native__bottom-bar {
    transition: transform 0.28s ease, opacity 0.22s ease;
  }
  body[data-page="feed"] .sm-feed-native.sm-mobile-bottom-hidden .sm-feed-native__bottom-bar {
    transform: translateY(120%);
    opacity: 0;
    pointer-events: none;
  }
}
@media (min-width: 1101px) {
  body[data-page="feed"] .sm-feed-native__bottom-bar {
    display: none;
  }
}
@media (max-width: 1100px) {
  html.sm-kb-open body[data-page="feed"] .sm-feed-native__bottom-bar {
    transform: translateY(120%);
    opacity: 0;
    pointer-events: none;
  }
  html.sm-kb-open body[data-page="feed"] .sm-feed-shell {
    padding-bottom: 16px;
  }
}
body[data-page="feed"] .sm-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 47;
  visibility: hidden;
  pointer-events: none;
}
body[data-page="feed"] .sm-mobile-menu__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.56);
  border: 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}
body[data-page="feed"] .sm-mobile-menu__panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(300px, 86vw);
  display: flex;
  flex-direction: column;
  padding: 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(18, 19, 22, 0.98), rgba(9, 10, 12, 0.99));
  box-shadow: 24px 0 60px rgba(0, 0, 0, 0.5);
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
}
body[data-page="feed"] .sm-mobile-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 2px 12px;
}
body[data-page="feed"] .sm-mobile-menu__head strong {
  color: #f5f0e8;
  font-size: 1.05rem;
}
body[data-page="feed"] .sm-mobile-menu__close {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(245, 240, 232, 0.9);
  cursor: pointer;
}
body[data-page="feed"] .sm-mobile-menu__close svg {
  width: 20px;
  height: 20px;
  display: block;
}
body[data-page="feed"] .sm-mobile-menu__user {
  padding: 12px;
  margin-bottom: 10px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}
body[data-page="feed"] .sm-mobile-menu__user-guest {
  display: flex;
  align-items: center;
  gap: 10px;
}
body[data-page="feed"] .sm-mobile-menu__user-avatar {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}
body[data-page="feed"] .sm-mobile-menu__user-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
body[data-page="feed"] .sm-mobile-menu__user-copy strong {
  color: #f5f0e8;
}
body[data-page="feed"] .sm-mobile-menu__user-copy span {
  color: rgba(245, 240, 232, 0.6);
  font-size: 0.8rem;
}
body[data-page="feed"] .sm-mobile-menu__login {
  margin-left: auto;
  padding: 6px 12px;
  border-radius: 12px;
  border: 1px solid rgba(243, 213, 160, 0.4);
  background: rgba(243, 213, 160, 0.14);
  color: #f3d5a0;
  text-decoration: none;
  font-size: 0.85rem;
}
body[data-page="feed"] .sm-mobile-menu__list, body[data-page="feed"] .sm-mobile-menu__foot {
  display: grid;
  gap: 4px;
}
body[data-page="feed"] .sm-mobile-menu__item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 11px 12px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(245, 240, 232, 0.9);
  text-align: left;
  text-decoration: none;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
body[data-page="feed"] .sm-mobile-menu__item:hover {
  background: rgba(255, 255, 255, 0.05);
}
body[data-page="feed"] .sm-mobile-menu__item[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  filter: saturate(0.4);
}
body[data-page="feed"] .sm-mobile-menu__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #d5ab64;
}
body[data-page="feed"] .sm-mobile-menu__icon svg {
  width: 22px;
  height: 22px;
  display: block;
}
body[data-page="feed"] .sm-mobile-menu__badge {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(243, 213, 160, 0.16);
  color: #f3d5a0;
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-mobile-menu__foot {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
body[data-page="feed"] .sm-mobile-menu__item-logout {
  color: rgba(243, 120, 120, 0.95);
}
body[data-page="feed"] .sm-feed-native.sm-mobile-menu-open .sm-mobile-menu, body[data-page="feed"] body.sm-mobile-menu-open .sm-mobile-menu {
  visibility: visible;
  pointer-events: auto;
}
body[data-page="feed"] .sm-feed-native.sm-mobile-menu-open .sm-mobile-menu__backdrop {
  opacity: 1;
}
body[data-page="feed"] .sm-feed-native.sm-mobile-menu-open .sm-mobile-menu__panel {
  transform: translateX(0);
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native__drawer {
    display: none;
  }
}
body[data-page="feed"] .sm-feed-native__mobile-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 44;
  display: none;
  flex-direction: column;
  gap: 8px;
  padding: 8px 12px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 11, 13, 0.96);
  backdrop-filter: blur(18px);
}
body[data-page="feed"] .sm-mobile-bar__row {
  display: flex;
  align-items: center;
  gap: 8px;
}
body[data-page="feed"] .sm-mobile-bar__back, body[data-page="feed"] .sm-mobile-bar__lupa {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(245, 240, 232, 0.9);
  cursor: pointer;
}
body[data-page="feed"] .sm-mobile-bar__back svg, body[data-page="feed"] .sm-mobile-bar__lupa svg {
  width: 18px;
  height: 18px;
  display: block;
}
body[data-page="feed"] .sm-mobile-bar__view-select {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
}
body[data-page="feed"] .sm-mobile-bar__view-select-main, body[data-page="feed"] .sm-mobile-bar__view-select-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: rgba(245, 240, 232, 0.9);
  cursor: pointer;
}
body[data-page="feed"] .sm-mobile-bar__view-select-main {
  width: 30px;
}
body[data-page="feed"] .sm-mobile-bar__view-select-caret {
  width: 18px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-mobile-bar__view-select-main svg {
  width: 18px;
  height: 18px;
  display: block;
}
body[data-page="feed"] .sm-mobile-bar__view-select-caret svg {
  width: 14px;
  height: 14px;
  display: block;
}
body[data-page="feed"] .sm-mobile-bar__right {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
body[data-page="feed"] .sm-mobile-bar__scope {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin-left: 2px;
  line-height: 1.15;
}
body[data-page="feed"] .sm-mobile-bar__eyebrow {
  color: #d5ab64;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-mobile-bar__tagline {
  color: rgba(245, 240, 232, 0.72);
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body[data-page="feed"] .sm-mobile-bar__search-close {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(245, 240, 232, 0.8);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}
body[data-page="feed"] .sm-mobile-bar__view-menu {
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  left: auto;
  z-index: 6;
  display: grid;
  gap: 2px;
  min-width: 150px;
  padding: 6px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(16, 17, 20, 0.98);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
}
body[data-page="feed"] .sm-mobile-bar__view-menu button {
  text-align: left;
  padding: 5px 10px;
  border-radius: 9px;
  border: 0;
  background: transparent;
  color: rgba(245, 240, 232, 0.85);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  cursor: pointer;
}
body[data-page="feed"] .sm-mobile-bar__view-menu button.is-active {
  color: #f3d5a0;
  background: rgba(243, 213, 160, 0.12);
}
body[data-page="feed"] .sm-mobile-bar__search {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: scaleX(0);
  transform-origin: right center;
  transition: max-height 0.28s ease, opacity 0.22s ease, transform 0.28s ease;
}
body[data-page="feed"] .sm-feed-native__mobile-bar.sm-mobile-bar-search-open .sm-mobile-bar__search {
  max-height: 48px;
  opacity: 1;
  transform: scaleX(1);
}
body[data-page="feed"] .sm-mobile-bar__search svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: rgba(245, 240, 232, 0.5);
}
body[data-page="feed"] .sm-mobile-bar__search input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #f5f0e8;
  font-size: 0.88rem;
  outline: none;
}
body[data-page="feed"] .sm-mobile-bar__search input::placeholder {
  color: rgba(245, 240, 232, 0.4);
}
body[data-page="feed"] .sm-mobile-bar__search-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 12px;
  right: 12px;
  z-index: 5;
  max-height: 58vh;
  overflow-y: auto;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(16, 17, 20, 0.98);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native__mobile-bar {
    display: flex;
  }
  body[data-page="feed"] .sm-feed-shell[data-feed-profile="false"] .sm-feed-native__hero {
    display: none;
  }
  body[data-page="feed"] .sm-feed-shell__center-column {
    padding-top: 64px;
  }
  body[data-page="feed"] .sm-feed-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: start;
    height: auto;
    min-height: 0;
    padding-bottom: 84px;
  }
  body[data-page="feed"] .sm-feed-shell__center-column, body[data-page="feed"] .sm-feed-native__utility, body[data-page="feed"] .sm-feed-native__reels-view {
    grid-area: 1 / 1;
  }
  body[data-page="feed"] .sm-feed-native__utility, body[data-page="feed"] .sm-feed-native__reels-view {
    position: static;
    transform: none;
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    z-index: auto;
    overflow: visible;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    display: none;
    padding: 60px 0 0;
  }
  body[data-page="feed"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native__utility-card {
    padding: 14px;
    gap: 10px;
  }
  body[data-page="feed"] .sm-feed-native__search-card-compact {
    padding: 12px;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="utility"] .sm-feed-native__main, body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-native__main {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="utility"] .sm-feed-native__utility, body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-native__reels-view {
    display: block;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="utility"] .sm-feed-native__panel-head, body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="utility"] .sm-feed-native__search-card, body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-native__panel-head {
    display: none;
  }
}
body[data-page="feed"] .sm-feed-native__menu-badge {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(243, 213, 160, 0.16);
  color: #f3d5a0;
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-feed-native__back-top {
  position: fixed;
  right: 16px;
  bottom: 20px;
  z-index: 43;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(16, 17, 20, 0.92);
  color: #f3d5a0;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}
body[data-page="feed"] .sm-feed-native__back-top svg {
  width: 22px;
  height: 22px;
  display: block;
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native.sm-mobile-bottom-hidden .sm-feed-native__back-top {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}
body[data-page="clips"] .sm-clips-page, body[data-page="clips_create"] .sm-clips-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem 1.25rem 4rem;
}
.sm-clips-page__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.sm-clips-page__head h2 {
  margin: 0.15rem 0 0;
  font-size: 1.6rem;
}
.sm-clips-page__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 0.75rem;
}
.sm-clips-grid .sm-clips-card {
  width: 100%;
}
.sm-feed-native__reels-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--color-base-300, rgba(255, 255, 255, 0.12));
}
.sm-feed-native__reels-head h3 {
  margin: 0.15rem 0 0;
  font-size: 1.15rem;
}
.sm-feed-native__reels-head .sm-button {
  text-decoration: none;
}
.sm-clips-creator {
  display: grid;
  grid-template-columns: minmax(300px, 420px) 1fr;
  gap: 2rem;
  align-items: start;
}
.sm-clips-preview__phone {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  max-height: min(80vh, 760px);
  margin: 0 auto;
  background: #000;
  border-radius: 1.6rem;
  border: 1.5px solid rgba(255, 255, 255, 0.22);
  overflow: hidden;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.55);
}
.sm-clips-preview__notch {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 32%;
  height: 1.05rem;
  border-radius: 0 0 0.7rem 0.7rem;
  background: rgba(0, 0, 0, 0.85);
  z-index: 5;
}
.sm-clips-preview__topbar {
  position: absolute;
  top: 0.7rem;
  left: 0.9rem;
  right: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  z-index: 4;
}
.sm-clips-preview__avatar {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #22d3ee, #ec4899);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 700;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.sm-clips-preview__now {
  color: #fff;
  font-size: 0.72rem;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
.sm-clips-preview__more {
  margin-left: auto;
  color: #fff;
  font-size: 1rem;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
.sm-clips-preview__canvas {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.sm-clips-preview__canvas--default {
  background: linear-gradient(160deg, #1e3a8a, #7c3aed 55%, #db2777);
}
.sm-clips-preview__canvas--light {
  background: linear-gradient(160deg, #fdfbf7, #f6e7ff 55%, #e0f2fe);
}
.sm-clips-preview__canvas--light_blue {
  background: linear-gradient(160deg, #e0f2fe, #bae6fd 55%, #7dd3fc);
}
.sm-clips-preview__canvas--light_pink {
  background: linear-gradient(160deg, #fce7f3, #fbcfe8 55%, #f9a8d4);
}
.sm-clips-preview__canvas--light_green {
  background: linear-gradient(160deg, #dcfce7, #bbf7d0 55%, #86efac);
}
.sm-clips-preview__canvas--sunset {
  background: linear-gradient(160deg, #fb923c, #f472b6 55%, #a855f7);
}
.sm-clips-preview__canvas--ocean {
  background: linear-gradient(160deg, #22d3ee, #38bdf8 55%, #6366f1);
}
.sm-clips-preview__canvas--neon {
  background: linear-gradient(160deg, #a855f7, #ec4899 55%, #f43f5e);
}
.sm-clips-preview__canvas--gold {
  background: linear-gradient(160deg, #fde047, #fbbf24 55%, #f59e0b);
}
.sm-clips-preview__canvas--black {
  background: #000;
}
.sm-clips-preview__canvas--orange {
  background: linear-gradient(160deg, #ff8f00, #ff5722);
}
.sm-clips-preview__canvas--pink {
  background: linear-gradient(160deg, #ff2d8d, #c2185b);
}
.sm-clips-preview__canvas--red {
  background: linear-gradient(160deg, #e53935, #b71c1c);
}
.sm-clips-preview__canvas--purple {
  background: linear-gradient(160deg, #9b3dff, #5e35b1);
}
.sm-clips-preview__canvas--indigo {
  background: linear-gradient(160deg, #3f51b5, #1a237e);
}
.sm-clips-preview__canvas--blue {
  background: linear-gradient(160deg, #2196f3, #0d47a1);
}
.sm-clips-preview__canvas--teal {
  background: linear-gradient(160deg, #00bcd4, #006064);
}
.sm-clips-preview__canvas--green {
  background: linear-gradient(160deg, #4caf50, #1b5e20);
}
.sm-clips-preview__canvas--yellow {
  background: linear-gradient(160deg, #ffca28, #f57f17);
}
.sm-clips-preview__canvas--brown {
  background: linear-gradient(160deg, #8d6e63, #4e342e);
}
.sm-clips-preview__empty {
  padding: 1.5rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}
.sm-clips-preview__empty-title {
  margin: 0 0 0.4rem;
  font-weight: 700;
  color: #fff;
}
.sm-clips-preview__empty-text {
  margin: 0;
  font-size: 0.82rem;
}
.sm-clips-preview__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sm-clips-preview__rail {
  position: absolute;
  right: 0.6rem;
  bottom: 2.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  z-index: 3;
}
.sm-clips-preview__eng-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  color: #fff;
  font-size: 0.62rem;
  font-weight: 600;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
.sm-clips-preview__eng-icon {
  font-size: 1.25rem;
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
.sm-clips-preview__byline {
  position: absolute;
  left: 0.8rem;
  bottom: 2.6rem;
  right: 3.2rem;
  z-index: 3;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
.sm-clips-preview__caption {
  position: absolute;
  left: 0.8rem;
  right: 0.8rem;
  bottom: 0.6rem;
  z-index: 3;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
}
.sm-clips-preview__caption--font-sans {
  font-family: system-ui, sans-serif;
}
.sm-clips-preview__caption--font-serif {
  font-family: Georgia, "Times New Roman", serif;
}
.sm-clips-preview__caption--font-mono {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
}
.sm-clips-preview__caption--font-hand {
  font-family: "Segoe Script", "Brush Script MT", cursive;
}
.sm-clips-preview__caption--size-small {
  font-size: 0.72rem;
}
.sm-clips-preview__caption--size-medium {
  font-size: 0.92rem;
}
.sm-clips-preview__caption--size-large {
  font-size: 1.15rem;
}
.sm-clips-preview__caption--size-xl {
  font-size: 1.4rem;
}
.sm-clips-preview__homebar {
  position: absolute;
  bottom: 0.35rem;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
  height: 0.28rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  z-index: 4;
}
.sm-clips-preview__note {
  margin: 0.75rem 0 0;
  text-align: center;
  font-size: 0.78rem;
  color: var(--color-neutral-content, #999);
}
.sm-clips-creator__sub-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-neutral-content, #aaa);
  margin-top: 0.2rem;
}
.sm-clips-bg-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.sm-clips-bg-choice {
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 999px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  cursor: pointer;
  transition: transform 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
.sm-clips-bg-choice:hover {
  transform: scale(1.08);
}
.sm-clips-bg-choice.is-active {
  border-color: #fff;
  box-shadow: 0 0 0 2px var(--color-primary, #f3d5a0);
}
.sm-clips-bg-choice--default {
  background: linear-gradient(160deg, #1e3a8a, #7c3aed 55%, #db2777);
}
.sm-clips-bg-choice--light {
  background: linear-gradient(160deg, #fdfbf7, #f6e7ff 55%, #e0f2fe);
}
.sm-clips-bg-choice--light_blue {
  background: linear-gradient(160deg, #e0f2fe, #bae6fd 55%, #7dd3fc);
}
.sm-clips-bg-choice--light_pink {
  background: linear-gradient(160deg, #fce7f3, #fbcfe8 55%, #f9a8d4);
}
.sm-clips-bg-choice--light_green {
  background: linear-gradient(160deg, #dcfce7, #bbf7d0 55%, #86efac);
}
.sm-clips-bg-choice--sunset {
  background: linear-gradient(160deg, #fb923c, #f472b6 55%, #a855f7);
}
.sm-clips-bg-choice--ocean {
  background: linear-gradient(160deg, #22d3ee, #38bdf8 55%, #6366f1);
}
.sm-clips-bg-choice--neon {
  background: linear-gradient(160deg, #a855f7, #ec4899 55%, #f43f5e);
}
.sm-clips-bg-choice--gold {
  background: linear-gradient(160deg, #fde047, #fbbf24 55%, #f59e0b);
}
.sm-clips-bg-choice--black {
  background: #000;
}
.sm-clips-bg-choice--orange {
  background: linear-gradient(160deg, #ff8f00, #ff5722);
}
.sm-clips-bg-choice--pink {
  background: linear-gradient(160deg, #ff2d8d, #c2185b);
}
.sm-clips-bg-choice--red {
  background: linear-gradient(160deg, #e53935, #b71c1c);
}
.sm-clips-bg-choice--purple {
  background: linear-gradient(160deg, #9b3dff, #5e35b1);
}
.sm-clips-bg-choice--indigo {
  background: linear-gradient(160deg, #3f51b5, #1a237e);
}
.sm-clips-bg-choice--blue {
  background: linear-gradient(160deg, #2196f3, #0d47a1);
}
.sm-clips-bg-choice--teal {
  background: linear-gradient(160deg, #00bcd4, #006064);
}
.sm-clips-bg-choice--green {
  background: linear-gradient(160deg, #4caf50, #1b5e20);
}
.sm-clips-bg-choice--yellow {
  background: linear-gradient(160deg, #ffca28, #f57f17);
}
.sm-clips-bg-choice--brown {
  background: linear-gradient(160deg, #8d6e63, #4e342e);
}
.sm-clips-font-size {
  display: flex;
  gap: 0.4rem;
}
.sm-clips-font-size__btn {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  border: 1.5px solid var(--color-base-300, rgba(255, 255, 255, 0.28));
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-base-content, #fff);
  font-family: Georgia, serif;
  cursor: pointer;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.sm-clips-font-size__btn:hover {
  border-color: var(--color-primary, #f3d5a0);
}
.sm-clips-font-size__btn.is-active {
  border-color: var(--color-primary, #f3d5a0);
  background: rgba(243, 213, 160, 0.18);
}
.sm-clips-font-size__btn[data-size="small"] {
  font-size: 0.72rem;
}
.sm-clips-font-size__btn[data-size="medium"] {
  font-size: 0.95rem;
}
.sm-clips-font-size__btn[data-size="large"] {
  font-size: 1.2rem;
}
.sm-clips-font-size__btn[data-size="xl"] {
  font-size: 1.45rem;
}
.sm-clips-creator__form {
  display: grid;
  gap: 1.25rem;
}
.sm-clips-creator__section {
  display: grid;
  gap: 0.4rem;
}
.sm-clips-creator__label {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-base-content, #fff);
}
.sm-clips-dropzone {
  border: 1.5px dashed var(--color-base-300, rgba(255, 255, 255, 0.25));
  border-radius: 0.9rem;
  padding: 1.5rem 1rem;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.sm-clips-dropzone:hover, .sm-clips-dropzone:focus-visible, .sm-clips-dropzone--drag {
  border-color: var(--color-primary, #f3d5a0);
  background: rgba(243, 213, 160, 0.06);
}
.sm-clips-dropzone__hint {
  font-weight: 600;
  color: var(--color-base-content, #fff);
  margin-bottom: 0.25rem;
}
.sm-clips-dropzone__sub {
  font-size: 0.78rem;
  color: var(--color-neutral-content, #999);
}
.sm-clips-dropzone__file {
  margin-top: 0.5rem;
  font-size: 0.78rem;
  color: var(--color-primary-content, #f3d5a0);
}
.sm-clips-creator__input {
  width: 100%;
  padding: 0.65rem 0.85rem;
  border-radius: 0.65rem;
  border: 1.5px solid var(--color-base-300, rgba(255, 255, 255, 0.28));
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-base-content, #fff);
  font-size: 0.92rem;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.sm-clips-creator__input::placeholder {
  color: var(--color-neutral-content, #9aa);
}
.sm-clips-creator__input:focus {
  outline: none;
  border-color: var(--color-primary, #f3d5a0);
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 0 0 3px rgba(243, 213, 160, 0.18);
}
.sm-clips-creator__select {
  width: 100%;
  padding: 0.6rem 0.8rem;
  border-radius: 0.65rem;
  border: 1.5px solid var(--color-base-300, rgba(255, 255, 255, 0.28));
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-base-content, #fff);
  font-size: 0.9rem;
}
.sm-clips-creator__select option, .sm-stories-creator__select option, .sm-feed-native__composer-visibility option, .sm-feed-settings__pref-field select option, .sm-feed-settings__pref-rooms select option {
  background: #15101c;
  color: #f4efe6;
}
.sm-feed-native__composer-audience {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sm-feed-native__composer-audience-label {
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 246, 234, 0.6);
}
.sm-feed-native__composer-visibility {
  font: inherit;
  font-size: 0.82rem;
  color: #fff6ea;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  padding: 6px 12px;
  cursor: pointer;
}
.sm-feed-native__composer-visibility:focus {
  outline: none;
  border-color: rgba(212, 175, 55, 0.6);
}
.sm-clips-creator__input--disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.sm-clips-creator__note {
  margin: 0;
  font-size: 0.72rem;
  color: var(--color-neutral-content, #888);
}
.sm-clips-creator__public {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: var(--color-base-content, #fff);
}
.sm-clips-creator__actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.sm-clips-creator__actions .sm-button {
  min-height: 44px;
  padding: 0 1.4rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
}
.sm-clips-creator__actions .sm-button-primary {
  background: linear-gradient(135deg, #f6d78c, #eab656);
  color: #1c1d21;
  border: none;
  box-shadow: 0 6px 20px rgba(234, 182, 86, 0.32);
  transition: filter 0.15s ease, box-shadow 0.15s ease;
}
.sm-clips-creator__actions .sm-button-primary:hover:not(:disabled) {
  filter: brightness(1.06);
  box-shadow: 0 8px 26px rgba(234, 182, 86, 0.42);
}
.sm-clips-creator__actions .sm-button-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.sm-clips-creator__actions .sm-button:not(.sm-button-primary) {
  background: rgba(255, 255, 255, 0.07);
  border: 1.5px solid var(--color-base-300, rgba(255, 255, 255, 0.3));
  color: var(--color-base-content, #fff);
}
.sm-clips-sound-picker {
  position: relative;
  display: grid;
  gap: 0.4rem;
}
.sm-clips-sound-search {
  position: relative;
}
.sm-clips-sound-search input {
  width: 100%;
  padding: 0.65rem 0.85rem 0.65rem 2.1rem;
  border-radius: 0.65rem;
  border: 1.5px solid var(--color-base-300, rgba(255, 255, 255, 0.28));
  background: rgba(255, 255, 255, 0.06);
  color: var(--color-base-content, #fff);
  font-size: 0.92rem;
}
.sm-clips-sound-search input:focus {
  outline: none;
  border-color: var(--color-primary, #f3d5a0);
  box-shadow: 0 0 0 3px rgba(243, 213, 160, 0.18);
}
.sm-clips-sound-search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-neutral-content, #999);
  font-size: 1rem;
  pointer-events: none;
}
.sm-clips-sound-list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 20;
  max-height: 220px;
  overflow-y: auto;
  background: #1c1d21;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.7rem;
  padding: 0.35rem;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55);
}
.sm-clips-sound-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.5rem 0.6rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--color-base-content, #fff);
  font-size: 0.88rem;
  text-align: left;
  cursor: pointer;
}
.sm-clips-sound-item:hover {
  background: rgba(243, 213, 160, 0.14);
}
.sm-clips-sound-item__emoji {
  font-size: 1.05rem;
}
.sm-clips-sound-selected {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.75rem;
  border-radius: 0.65rem;
  border: 1.5px solid rgba(243, 213, 160, 0.5);
  background: rgba(243, 213, 160, 0.1);
  color: var(--color-primary-content, #f3d5a0);
  font-size: 0.88rem;
}
.sm-clips-sound-selected__clear {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: var(--color-neutral-content, #aaa);
  font-size: 0.85rem;
  cursor: pointer;
}
.sm-clips-preview__sound {
  position: absolute;
  left: 0.8rem;
  bottom: 2.1rem;
  right: 3.2rem;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}
.sm-clips-preview__sound-icon {
  font-size: 1.05rem;
}
.sm-clips-creator__state {
  min-height: 1.2rem;
  font-size: 0.85rem;
}
.sm-clips-creator__state--error {
  color: #f87171;
}
.sm-clips-creator__state--success {
  color: #4ade80;
}
.sm-clips-creator__state--loading {
  color: var(--color-neutral-content, #999);
}
@media (max-width: 820px) {
  .sm-clips-creator {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.sm-feed-native__profile-tabs {
  display: flex;
  gap: 0.25rem;
  padding: 0.5rem 1rem 0;
  border-top: 1px solid var(--color-base-300, rgba(255, 255, 255, 0.12));
}
.sm-feed-native__profile-tab {
  flex: 1;
  padding: 0.6rem 0.5rem;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: rgba(245, 240, 232, 0.66);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.sm-feed-native__profile-tab:hover {
  color: #f5f0e8;
}
.sm-feed-native__profile-tab.is-active {
  color: #f3d5a0;
  border-bottom-color: #f3d5a0;
  background: linear-gradient(180deg, rgba(243, 213, 160, 0.16), rgba(154, 111, 42, 0.1));
}
.sm-surface {
  padding: 1.25rem;
}
.sm-surface__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.sm-surface__head h2 {
  margin: 0.15rem 0 0;
  font-size: 1.5rem;
}
.sm-surface__head .sm-button {
  text-decoration: none;
}
@media (max-width: 1100px) {
  .sm-surface__head {
    display: none;
  }
  .sm-surface {
    padding: 0.9rem 0.9rem 1.5rem;
  }
  .sm-clips-creator {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
  }
}
.sm-mobile-bar__action {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  background: var(--color-primary, #f3d5a0);
  color: #1c1d21;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}
.sm-mobile-bar__action-link:hover {
  filter: brightness(1.08);
}
body[data-page="feed"] .sm-room {
  --room-accent: #d5ab64;
  --room-primary: #8b5cf6;
  display: grid;
  gap: 10px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 10px 0 40px;
}
body[data-page="feed"] .sm-room-hero {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  padding: 12px;
  background: radial-gradient(circle at 86% 6%, var(--room-primary), transparent 46%), radial-gradient(circle at 6% 32%, var(--room-accent), transparent 44%), linear-gradient(180deg, rgba(18, 19, 22, 0.97), rgba(9, 10, 12, 0.96));
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(circle at 86% 6%, color-mix(in srgb, var(--room-primary) 52%, transparent), transparent 46%), radial-gradient(circle at 6% 32%, color-mix(in srgb, var(--room-accent) 40%, transparent), transparent 44%), linear-gradient(180deg, rgba(18, 19, 22, 0.97), rgba(9, 10, 12, 0.96));
  }
}
body[data-page="feed"] .sm-room-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(90deg, var(--room-accent), var(--room-primary), var(--room-accent));
}
body[data-page="feed"] .sm-room-hero__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 2px;
}
body[data-page="feed"] .sm-room-hero__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  font-size: 1.8rem;
  line-height: 1;
  background: linear-gradient(135deg, var(--room-accent), var(--room-accent));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(135deg, var(--room-accent), color-mix(in srgb, var(--room-accent) 38%, var(--room-primary)));
  }
  box-shadow: 0 12px 28px var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 12px 28px color-mix(in srgb, var(--room-accent) 42%, transparent);
  }
  border: 2px solid var(--room-primary);
  @supports (color: color-mix(in lab, red, red)) {
    border: 2px solid color-mix(in srgb, var(--room-primary) 55%, white);
  }
}
body[data-page="feed"] .sm-room-hero__brand-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}
body[data-page="feed"] .sm-room-hero__brand-copy .sm-eyebrow {
  color: var(--room-accent);
}
body[data-page="feed"] .sm-room-hero__brand-copy h1 {
  margin: 0;
  color: #fff6ea;
}
body[data-page="feed"] .sm-room-hero__tagline {
  margin: 0;
  color: var(--room-accent);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1rem;
  font-weight: 600;
}
body[data-page="feed"] .sm-room-hero__desc {
  margin: 6px 0 0;
  max-width: 560px;
  font-size: 0.84rem;
  line-height: 1.5;
  color: rgba(245, 240, 232, 0.8);
}
body[data-page="feed"] .sm-room-hero__sub {
  margin: 10px 0 0;
  max-width: 540px;
  font-size: 0.96rem;
  line-height: 1.6;
  opacity: 0.86;
}
body[data-page="feed"] .sm-room-hero__howto {
  margin: 5px 0 0;
  max-width: 540px;
  font-size: 0.78rem;
  line-height: 1.5;
  opacity: 0.72;
}
body[data-page="feed"] .sm-room-hero__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
body[data-page="feed"] .sm-room-hero__pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 999px;
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 16%, transparent);
  }
  color: var(--room-accent);
  border: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent) 40%, transparent);
  }
  font-size: 0.52rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
body[data-page="feed"] .sm-room-hero__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0;
  font-size: 0.6rem;
  opacity: 0.6;
}
body[data-page="feed"] .sm-room-hero__badge {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 999px;
  border: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent) 32%, transparent);
  }
  color: var(--room-accent);
  font-size: 0.52rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
}
body[data-page="feed"] .sm-room-hero__expiry {
  color: #e7c877;
  border-color: color-mix(in srgb, #e7c877 34%, transparent);
  background: rgba(231, 200, 119, 0.12);
}
body[data-page="feed"] .sm-room-hero__status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.54rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
body[data-page="feed"] .sm-room-hero__status i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #41d97b;
  box-shadow: 0 0 0 3px rgba(65, 217, 123, 0.16);
}
body[data-page="feed"] .sm-room-hero__roomid {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Courier New", monospace;
  font-size: 0.6rem;
}
body[data-page="feed"] .sm-room-hero__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  opacity: 0.75;
}
body[data-page="feed"] .sm-room-hero__copy:hover {
  opacity: 1;
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 18%, transparent);
  }
}
body[data-page="feed"] .sm-room-hero__copy svg {
  width: 13px;
  height: 13px;
  display: block;
}
body[data-page="feed"] .sm-room-hero__actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
body[data-page="feed"] .sm-room-hero__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: #f5f0e8;
  cursor: pointer;
}
body[data-page="feed"] .sm-room-hero__icon:hover {
  color: var(--room-accent);
  border-color: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--room-accent) 40%, transparent);
  }
}
body[data-page="feed"] .sm-room-hero__icon svg {
  width: 12px;
  height: 12px;
  display: block;
}
body[data-page="feed"] a.sm-room-hero__icon-link {
  text-decoration: none;
}
body[data-page="feed"] .sm-room-hero__actions .sm-feed-native__refresh-icon {
  width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  border-radius: 8px;
}
body[data-page="feed"] .sm-room-hero__actions .sm-feed-native__refresh-icon .sm-feed-action__icon svg {
  width: 12px;
  height: 12px;
}
body[data-page="feed"] .sm-room-entry__avatar {
  width: 9px;
  height: 9px;
  flex-basis: 9px;
  font-size: 0.42rem;
  background: linear-gradient(135deg, var(--room-accent), var(--room-primary));
}
body[data-page="feed"] .sm-room-panel {
  display: grid;
  gap: 10px;
  align-self: start;
  padding: 12px 14px;
}
body[data-page="feed"] .sm-room-panel__count {
  font-size: 0.76rem;
  font-weight: 700;
  opacity: 0.7;
}
body[data-page="feed"] .sm-room-tabs {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 14px;
  border-bottom: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, var(--room-accent) 18%, transparent);
  }
  overflow-x: auto;
}
body[data-page="feed"] .sm-room-tabs__tab {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-accent) 75%, #ffffff);
  }
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  cursor: pointer;
  white-space: nowrap;
  opacity: 0.6;
}
body[data-page="feed"] .sm-room-tabs__tab:hover {
  opacity: 1;
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 12%, transparent);
  }
}
body[data-page="feed"] .sm-room-tabs__tab.is-active {
  opacity: 1;
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 22%, transparent);
  }
  color: var(--room-accent);
  box-shadow: inset 0 0 0 1px var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--room-accent) 40%, transparent);
  }
}
body[data-page="feed"] .sm-room-tabs__spacer {
  flex: 1;
}
body[data-page="feed"] .sm-room-tabs__search-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--room-accent);
  cursor: pointer;
  opacity: 0.7;
  flex: none;
}
body[data-page="feed"] .sm-room-tabs__search-toggle:hover, body[data-page="feed"] .sm-room-tabs__search-toggle.is-active {
  opacity: 1;
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 18%, transparent);
  }
}
body[data-page="feed"] .sm-room-tabs__search-toggle svg {
  width: 14px;
  height: 14px;
  display: block;
}
body[data-page="feed"] .sm-room-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-bottom: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, var(--room-accent) 18%, transparent);
  }
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 8%, transparent);
  }
}
body[data-page="feed"] .sm-room-search[hidden] {
  display: none;
}
body[data-page="feed"] .sm-room-search > svg {
  width: 14px;
  height: 14px;
  flex: none;
  color: var(--room-accent);
  opacity: 0.7;
}
body[data-page="feed"] .sm-room-search input {
  flex: 1;
  min-width: 0;
  padding: 5px 10px;
  border: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent) 26%, transparent);
  }
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  color: inherit;
  font-size: 0.72rem;
  outline: none;
}
body[data-page="feed"] .sm-room-search input:focus {
  border-color: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--room-accent) 55%, transparent);
  }
}
body[data-page="feed"] .sm-room-search__count {
  flex: none;
  font-size: 0.6rem;
  opacity: 0.65;
  white-space: nowrap;
}
body[data-page="feed"] .sm-room-search-empty {
  margin: 6px 0 0;
}
body[data-page="feed"] .sm-room-timeline {
  display: grid;
  gap: 2px;
}
body[data-page="feed"] .sm-room-entry {
  position: relative;
  padding: 4px 8px;
  border-radius: 10px;
}
body[data-page="feed"] .sm-room-entry .sm-feed-card__head {
  gap: 6px;
  margin-bottom: 2px;
}
body[data-page="feed"] .sm-room-entry .sm-feed-author-copy strong {
  font-size: 0.64rem;
}
body[data-page="feed"] .sm-room-entry .sm-feed-author-copy span {
  font-size: 0.5rem;
  letter-spacing: 0.05em;
}
body[data-page="feed"] .sm-room-entry__role {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 16%, transparent);
  }
  color: var(--room-accent);
  font-size: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  vertical-align: 1px;
}
body[data-page="feed"] .sm-room-entry .sm-feed-post-card__metahead small {
  font-size: 0.5rem;
  opacity: 0.7;
}
body[data-page="feed"] .sm-room-entry .sm-feed-body {
  font-size: 0.68rem;
  line-height: 1.35;
}
body[data-page="feed"] .sm-room-entry::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 4px;
  border-radius: 999px;
  background: var(--room-accent, rgba(61, 35, 55, 0.22));
}
body[data-page="feed"] .sm-room-entry-agent::before {
  background: var(--room-accent-strong, #8b5cf6);
}
body[data-page="feed"] .sm-room-entry-host::before, body[data-page="feed"] .sm-room-entry-coordinator::before {
  background: var(--room-gold, #c48a32);
}
body[data-page="feed"] .sm-room-composer {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
}
body[data-page="feed"] .sm-room-composer__status {
  padding-top: 4px;
  font-size: 0.84rem;
}
body[data-page="feed"] .sm-room-composer__status p {
  margin: 0;
  opacity: 0.75;
}
body[data-page="feed"] .sm-room-info {
  padding: 12px 14px;
}
body[data-page="feed"] .sm-room-info__summary {
  display: block;
  cursor: pointer;
  list-style: none;
}
body[data-page="feed"] .sm-room-info__summary::-webkit-details-marker {
  display: none;
}
body[data-page="feed"] .sm-room-info__body {
  display: grid;
  gap: 18px;
  padding-top: 6px;
}
body[data-page="feed"] .sm-room-info__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}
body[data-page="feed"] .sm-room-info__card {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent) 26%, transparent);
  }
  background: rgba(255, 255, 255, 0.04);
}
body[data-page="feed"] .sm-room-info__card-eyebrow {
  margin: 0 0 4px;
  font-size: 0.58rem;
  font-weight: 700;
  color: var(--room-accent);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
body[data-page="feed"] .sm-room-info__card h4 {
  margin: 0 0 4px;
  font-size: 0.8rem;
  color: #fff6ea;
}
body[data-page="feed"] .sm-room-info__card p {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.45;
  color: rgba(245, 240, 232, 0.75);
}
body[data-page="feed"] .sm-room-info__participants {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px;
}
body[data-page="feed"] .sm-room-participant {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent) 22%, transparent);
  }
  background: rgba(255, 255, 255, 0.04);
}
body[data-page="feed"] .sm-room-participant__head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
body[data-page="feed"] .sm-room-participant__avatar {
  width: 26px;
  height: 26px;
  flex-basis: 26px;
  font-size: 0.66rem;
  background: linear-gradient(135deg, var(--room-accent), var(--room-primary));
}
body[data-page="feed"] .sm-room-participant__copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}
body[data-page="feed"] .sm-room-participant__copy strong {
  font-size: 0.78rem;
}
body[data-page="feed"] .sm-room-participant__copy span {
  overflow: hidden;
  font-size: 0.62rem;
  opacity: 0.66;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-page="feed"] .sm-room-participant__status {
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 16%, transparent);
  }
  color: var(--room-accent);
  border: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent) 30%, transparent);
  }
  font-size: 0.56rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
body[data-page="feed"] .sm-room-participant__status-active {
  background: rgba(65, 217, 123, 0.16);
  color: #6fe3a0;
  border-color: rgba(65, 217, 123, 0.3);
}
body[data-page="feed"] .sm-room-participant__status-pending {
  background: rgba(231, 200, 119, 0.16);
  color: #e7c877;
  border-color: rgba(231, 200, 119, 0.3);
}
body[data-page="feed"] .sm-room-participant__status-standby {
  background: rgba(139, 92, 246, 0.16);
  color: #c4a8f7;
  border-color: rgba(139, 92, 246, 0.3);
}
body[data-page="feed"] .sm-room-empty {
  padding: 40px 24px;
  text-align: center;
}
body[data-page="feed"] .sm-room-empty__body {
  display: grid;
  gap: 8px;
  justify-items: center;
  margin-bottom: 18px;
}
body[data-page="feed"] .sm-room-empty__body h2 {
  margin: 0;
}
body[data-page="feed"] .sm-room-empty__body p:last-child {
  max-width: 460px;
  margin: 0;
  opacity: 0.8;
}
body[data-page="feed"] .sm-room-empty__actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
body[data-page="feed"] .sm-room .sm-feed-native__utility-card, body[data-page="feed"] .sm-room .sm-feed-native__composer, body[data-page="feed"] .sm-room-panel, body[data-page="feed"] .sm-room-composer, body[data-page="feed"] .sm-room-info {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body[data-page="feed"] .sm-room-panel {
  padding: 0 12px;
  gap: 6px;
}
body[data-page="feed"] .sm-room-composer {
  padding: 0 12px;
  gap: 8px;
}
body[data-page="feed"] .sm-room-info {
  padding: 0 12px;
}
body[data-page="feed"] .sm-room-info__body {
  padding-top: 6px;
}
body[data-page="feed"] .sm-room-entry {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 2px 0 2px 8px;
  border-radius: 0;
}
body[data-page="feed"] .sm-room-entry .sm-feed-card__head {
  margin-bottom: 1px;
}
body[data-page="feed"] .sm-room-entry::before {
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
}
body[data-page="feed"] .sm-room-voice-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
body[data-page="feed"] .sm-room-voice-tool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent, #b08d57) 28%, transparent);
  }
  background: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent, #b08d57) 8%, transparent);
  }
  color: inherit;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
body[data-page="feed"] .sm-room-voice-tool svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}
body[data-page="feed"] .sm-room-voice-tool:hover:not(:disabled) {
  border-color: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--room-accent, #b08d57) 55%, transparent);
  }
  background: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent, #b08d57) 14%, transparent);
  }
}
body[data-page="feed"] .sm-room-voice-tool.is-active {
  border-color: var(--room-accent, #b08d57);
  background: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent, #b08d57) 22%, transparent);
  }
  color: var(--room-accent, #b08d57);
}
body[data-page="feed"] .sm-room-voice-tool--dictate.is-active {
  animation: sm-room-voice-pulse 1.4s ease-in-out infinite;
}
@keyframes sm-room-voice-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--room-accent, #b08d57);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--room-accent, #b08d57) 35%, transparent);
    }
  }
  50% {
    box-shadow: 0 0 0 5px var(--room-accent, #b08d57);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 5px color-mix(in srgb, var(--room-accent, #b08d57) 0%, transparent);
    }
  }
}
body[data-page="feed"] .sm-room-voice-tool:disabled {
  opacity: 0.45;
  cursor: default;
}
body[data-page="feed"] .sm-room-voice-status {
  padding: 2px 0;
  font-size: 0.74rem;
}
body[data-page="feed"] .sm-room-voice-status span[data-kind="error"] {
  color: #ff8f8f;
}
body[data-page="feed"] .sm-room-voice-status span[data-kind="success"] {
  color: #7ee2a8;
}
body[data-page="feed"] .sm-room-voice-status span[data-kind="info"] {
  opacity: 0.85;
}
body[data-page="feed"] .sm-room-voice-panel {
  display: grid;
  gap: 6px;
  margin-top: 2px;
}
body[data-page="feed"] .sm-room-voice-live {
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px dashed var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, var(--room-accent, #b08d57) 40%, transparent);
  }
  background: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent, #b08d57) 6%, transparent);
  }
  font-size: 0.8rem;
  font-style: italic;
  line-height: 1.4;
  opacity: 0.92;
}
body[data-page="feed"] .sm-room-voice-trans {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent, #b08d57) 30%, transparent);
  }
  background: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent, #b08d57) 7%, transparent);
  }
}
body[data-page="feed"] .sm-room-voice-trans__meta {
  margin: 0;
  font-size: 0.56rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--room-accent, #b08d57);
  opacity: 0.9;
}
body[data-page="feed"] .sm-room-voice-trans__text {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.45;
}
body[data-page="feed"] .sm-room-voice-trans__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
body[data-page="feed"] .sm-room-voice-trans__use {
  padding: 4px 12px;
  font-size: 0.7rem;
}
body[data-page="feed"] .sm-room-voice-trans__link {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 0.7rem;
  text-decoration: underline;
  opacity: 0.75;
  cursor: pointer;
}
body[data-page="feed"] .sm-room-voice-status[hidden], body[data-page="feed"] .sm-room-voice-panel[hidden] {
  display: none !important;
}
body[data-page="room_chat"] .sm-wa {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 118px);
  min-height: 420px;
  overflow: hidden;
  border-radius: 16px;
  background: #0b141a;
  border: 1px solid rgba(139, 92, 246, 0.18);
  box-shadow: 0 24px 60px rgba(11, 20, 26, 0.35);
}
body[data-page="room_chat"] .sm-wa-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  background: #1f2c34;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body[data-page="room_chat"] .sm-wa-header__side {
  display: flex;
  align-items: center;
  gap: 8px;
}
body[data-page="room_chat"] .sm-wa-header__side-right {
  justify-content: flex-end;
}
body[data-page="room_chat"] .sm-wa-header__icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: #b6c2cb;
  text-decoration: none;
  font: inherit;
  font-size: 0.8rem;
  cursor: pointer;
}
body[data-page="room_chat"] .sm-wa-header__icon svg {
  width: 18px;
  height: 18px;
}
body[data-page="room_chat"] a.sm-wa-header__link:hover {
  color: #e9edef;
}
body[data-page="room_chat"] .sm-wa-header__identity {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
body[data-page="room_chat"] .sm-wa-header__avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.75), rgba(196, 138, 50, 0.55));
  font-size: 1.15rem;
  flex-shrink: 0;
}
body[data-page="room_chat"] .sm-wa-header__copy {
  min-width: 0;
}
body[data-page="room_chat"] .sm-wa-header__copy h1 {
  margin: 0;
  font-size: 1rem;
  color: #e9edef;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-page="room_chat"] .sm-wa-header__copy p {
  margin: 0;
  font-size: 0.72rem;
  color: #8696a0;
}
body[data-page="room_chat"] .sm-wa-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 12px 16px 8px;
  background: radial-gradient(900px 500px at 85% -10%, rgba(139, 92, 246, 0.1), transparent 60%), radial-gradient(700px 400px at 0% 110%, rgba(196, 138, 50, 0.06), transparent 55%), #0b141a;
}
body[data-page="room_chat"] .sm-wa-day {
  margin: 6px auto 12px;
  width: fit-content;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #8696a0;
  font-size: 0.68rem;
  font-weight: 600;
}
body[data-page="room_chat"] .sm-wa-row {
  display: flex;
  margin: 2px 0;
}
body[data-page="room_chat"] .sm-wa-row--me {
  justify-content: flex-end;
}
body[data-page="room_chat"] .sm-wa-row--them {
  justify-content: flex-start;
}
body[data-page="room_chat"] .sm-wa-bubble {
  position: relative;
  max-width: 78%;
  padding: 7px 10px 4px;
  border-radius: 12px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  line-height: 1.35;
}
body[data-page="room_chat"] .sm-wa-bubble--me {
  background: #005c4b;
  color: #e9edef;
  border-top-right-radius: 2px;
}
body[data-page="room_chat"] .sm-wa-bubble--them {
  background: #202c33;
  color: #e9edef;
  border-top-left-radius: 2px;
}
body[data-page="room_chat"] .sm-wa-bubble__author {
  font-size: 0.68rem;
  font-weight: 700;
  color: #8fd0ff;
  margin-bottom: 2px;
}
body[data-page="room_chat"] .sm-wa-bubble__text {
  font-size: 0.9rem;
  word-break: break-word;
}
body[data-page="room_chat"] .sm-wa-bubble__meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2px;
  font-size: 0.62rem;
  color: rgba(233, 237, 239, 0.62);
  user-select: none;
}
body[data-page="room_chat"] .sm-wa-bubble--me .sm-wa-bubble__meta {
  color: rgba(255, 255, 255, 0.7);
}
body[data-page="room_chat"] .sm-wa-system {
  margin: 10px auto;
  width: fit-content;
  max-width: 82%;
  padding: 5px 14px;
  border-radius: 999px;
  background: rgba(32, 44, 51, 0.92);
  color: #8696a0;
  font-size: 0.74rem;
  text-align: center;
}
body[data-page="room_chat"] .sm-wa-composer {
  padding: 8px 12px;
  background: #1f2c34;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body[data-page="room_chat"] .sm-wa-composer__form {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
body[data-page="room_chat"] #room-chat-input {
  flex: 1 1 auto;
  resize: none;
  max-height: 120px;
  border-radius: 22px;
  border: 0;
  outline: none;
  padding: 10px 14px;
  background: #2a3942;
  color: #e9edef;
  font: inherit;
  font-size: 0.9rem;
  line-height: 1.3;
}
body[data-page="room_chat"] #room-chat-input:disabled {
  opacity: 0.55;
}
body[data-page="room_chat"] .sm-wa-composer__send {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  border: 0;
  display: grid;
  place-items: center;
  background: #00a884;
  color: #fff;
  cursor: pointer;
}
body[data-page="room_chat"] .sm-wa-composer__send svg {
  width: 20px;
  height: 20px;
}
body[data-page="room_chat"] .sm-wa-composer__send:disabled {
  opacity: 0.5;
  cursor: default;
}
body[data-page="room_chat"] .sm-wa-composer__note {
  margin: 6px 6px 0;
  font-size: 0.7rem;
  color: #8696a0;
}
body[data-page="room_chat"] .sm-wa-composer__note[data-kind="error"] {
  color: #ff8f8f;
}
body[data-page="room_chat"] .sm-wa-composer__note[data-kind="success"] {
  color: #7ee2a8;
}
body[data-page="room_chat"] .sm-wa-empty {
  padding: 60px 24px;
  text-align: center;
  color: #e9edef;
}
body[data-page="room_chat"] .sm-wa-empty h2 {
  margin: 0 0 8px;
}
@media (max-width: 720px) {
  body[data-page="room_chat"] .sm-wa {
    height: calc(100vh - 96px);
    border-radius: 0;
    border: 0;
  }
  body[data-page="room_chat"] .sm-wa-bubble {
    max-width: 86%;
  }
}
body[data-page="room_chat"] .sm-wa-voice-tools {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
body[data-page="room_chat"] .sm-wa-voice-tool {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #b6c2cb;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
body[data-page="room_chat"] .sm-wa-voice-tool svg {
  width: 15px;
  height: 15px;
}
body[data-page="room_chat"] .sm-wa-voice-tool:hover:not(:disabled) {
  color: #e9edef;
  border-color: rgba(0, 168, 132, 0.55);
  background: rgba(0, 168, 132, 0.12);
}
body[data-page="room_chat"] .sm-wa-voice-tool.is-active {
  color: #fff;
  border-color: #00a884;
  background: rgba(0, 168, 132, 0.3);
  animation: sm-wa-voice-pulse 1.3s ease-in-out infinite;
}
@keyframes sm-wa-voice-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(0, 168, 132, 0.35);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(0, 168, 132, 0);
  }
}
body[data-page="room_chat"] .sm-wa-voice-tool:disabled {
  opacity: 0.4;
  cursor: default;
}
body[data-page="room_chat"] .sm-wa-voice-panel {
  display: block;
  margin-bottom: 6px;
}
body[data-page="room_chat"] .sm-wa-voice-live {
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px dashed rgba(0, 168, 132, 0.45);
  background: rgba(0, 168, 132, 0.08);
  color: #c9f2e8;
  font-size: 0.82rem;
  font-style: italic;
  line-height: 1.4;
}
body[data-page="room_chat"] .sm-wa-voice-trans {
  display: grid;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(0, 168, 132, 0.35);
  background: rgba(0, 168, 132, 0.1);
}
body[data-page="room_chat"] .sm-wa-voice-trans__meta {
  margin: 0;
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #00c49a;
}
body[data-page="room_chat"] .sm-wa-voice-trans__text {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.45;
  color: #e9edef;
}
body[data-page="room_chat"] .sm-wa-voice-trans__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
body[data-page="room_chat"] .sm-wa-voice-trans__use {
  padding: 4px 12px;
  border-radius: 999px;
  border: 0;
  background: #00a884;
  color: #fff;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
}
body[data-page="room_chat"] .sm-wa-voice-trans__link {
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 0.7rem;
  text-decoration: underline;
  opacity: 0.75;
  cursor: pointer;
}
body[data-page="room_chat"] .sm-wa-voice-panel[hidden] {
  display: none !important;
}
@keyframes hr-app-aurora {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translate3d(40px, 24px, 0) scale(1.08);
  }
}
@keyframes hr-app-pulse {
  0%, 100% {
    box-shadow: 0 0 42px rgba(139, 92, 246, 0.32);
  }
  50% {
    box-shadow: 0 0 64px rgba(139, 92, 246, 0.55);
  }
}
@keyframes hr-bg-aurora {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(34px, -22px, 0) scale(1.05);
  }
  100% {
    transform: translate3d(-26px, 18px, 0) scale(1.02);
  }
}
@keyframes hr-bg-twinkle {
  0%, 100% {
    opacity: 0.32;
  }
  50% {
    opacity: 0.6;
  }
}
body[data-page="feed"] .sm-feed-native__hero-tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native__view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}
body[data-page="feed"] .sm-feed-native__view-toggle-item {
  border: 0;
  background: transparent;
  color: rgba(245, 240, 232, 0.6);
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 6px 12px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
body[data-page="feed"] .sm-feed-native__view-toggle-item:hover {
  color: #f3d5a0;
}
body[data-page="feed"] .sm-feed-native__view-toggle-item.is-active {
  background: #f3d5a0;
  color: #14100a;
}
@media (min-width: 1101px) {
  body[data-page="feed"] .sm-feed-native__reels-view {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-native__main {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-shell__left-rail {
    grid-column: 1;
    grid-row: 1;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-native__reels-view {
    display: grid;
    grid-column: 2;
    grid-row: 1;
    align-content: start;
    gap: 14px;
    min-width: 0;
    width: auto;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    padding: 0 0 0 20px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-shell__right-rail {
    grid-column: 3;
    grid-row: 1;
  }
}
body[data-page="feed"] .sm-feed-native__reels-toolbar {
  display: none;
}
@media (min-width: 1101px) {
  body[data-page="feed"] .sm-feed-native__reels-toolbar {
    display: flex;
    justify-content: flex-end;
    padding: 0 4px 2px 0;
  }
}
body[data-page="feed"] .sm-feed-native__reels-view {
  display: none;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
}
@media (min-width: 1101px) {
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-native__reels-view {
    display: flex;
    flex-direction: column;
    grid-column: 2;
    grid-row: 1;
    align-content: normal;
    gap: 0;
    min-width: 0;
    width: auto;
    height: 100%;
    overflow: hidden;
    scrollbar-width: none;
    padding: 0 0 0 20px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
}
body[data-page="feed"] .sm-feed-native__reels-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex: 0 0 auto;
  padding: 10px clamp(14px, 3vw, 40px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body[data-page="feed"] .sm-feed-native__reels-head h3 {
  margin: 0.15rem 0 0;
  font-size: 1.05rem;
}
body[data-page="feed"] #feed-reels-scroll, body[data-page="feed"] .sm-feed-native__reels-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body[data-page="feed"] #feed-reels-scroll::-webkit-scrollbar, body[data-page="feed"] .sm-feed-native__reels-scroll::-webkit-scrollbar {
  display: none;
}
.sm-reel-unit {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 0;
  scroll-snap-align: start;
  padding: 10px clamp(14px, 4vw, 56px);
  box-sizing: border-box;
}
.sm-reel-unit__stage {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 150px);
  aspect-ratio: 9 / 16;
  margin: 0 auto;
  background: #05060a;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.sm-reel-unit__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}
.sm-reel-unit__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.4rem;
  background: linear-gradient(160deg, #171226, #05060a);
}
.sm-reel-unit__shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, transparent 26%, transparent 62%, rgba(0, 0, 0, 0.55) 100%);
}
.sm-reel-unit__duration {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
}
.sm-reel-unit__actions {
  position: absolute;
  right: 8px;
  bottom: 96px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.sm-reel-unit__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
}
.sm-reel-unit__action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(6px);
  font-size: 1.35rem;
  line-height: 1;
}
.sm-reel-unit__action-count {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.92);
}
.sm-reel-unit__action--static .sm-reel-unit__action-icon {
  background: rgba(0, 0, 0, 0.28);
}
.sm-reel-unit__info {
  position: absolute;
  left: 14px;
  right: 72px;
  bottom: 14px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sm-reel-unit__author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sm-reel-unit__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  font-weight: 600;
  flex: 0 0 30px;
}
.sm-reel-unit__avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sm-reel-unit__avatar-letter {
  font-size: 0.9rem;
}
.sm-reel-unit__author-handle {
  color: #fff;
  font-weight: 600;
  font-size: 0.85rem;
}
.sm-reel-unit__caption {
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.88rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sm-reel-unit__playpause {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(6px);
  color: #fff;
  font-size: 1.6rem;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sm-reel-unit.is-paused .sm-reel-unit__playpause {
  display: inline-flex;
}
.sm-reel-unit__comments {
  margin: 10px clamp(8px, 2vw, 24px) 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.sm-reel-unit__comments-head {
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 6px;
}
.sm-reel-unit__comments-list {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 140px;
  overflow-y: auto;
}
.sm-reel-unit__comment-author {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.55);
}
.sm-reel-unit__comment-body {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.92);
}
.sm-reel-unit__comment-state {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.5);
  padding: 4px 0;
}
.sm-reel-unit__comment-form {
  display: flex;
  gap: 6px;
}
.sm-reel-unit__comment-input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 0.85rem;
}
.sm-reel-unit__comment-send {
  padding: 7px 14px;
  border-radius: 999px;
  border: 0;
  background: #f3d5a0;
  color: #14100a;
  font-weight: 600;
  cursor: pointer;
  font-size: 0.82rem;
}
.sm-reels-vertical__empty {
  padding: 48px 24px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.95rem;
}
.sm-reels-vertical__empty a {
  color: #f3d5a0;
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-native__main {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="reels"] .sm-feed-native__reels-view {
    display: block;
  }
  body[data-page="feed"] .sm-feed-native__reels-head {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native__reels-view #feed-reels-scroll {
    height: auto;
    overflow: visible;
    scroll-snap-type: none;
  }
  body[data-page="feed"] .sm-feed-native__reels-view .sm-reel-unit {
    height: auto;
    padding: 16px clamp(10px, 3vw, 22px);
  }
  body[data-page="feed"] .sm-feed-native__reels-view .sm-reel-unit__stage {
    height: auto;
    aspect-ratio: 9 / 16;
    max-height: 70vh;
  }
}
body[data-page="feed"] .sm-feed-native__reels-view .sm-feed-native__surface-banner {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 16px;
  margin: 0;
  padding: 10px 6px 8px 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
body[data-page="feed"] .sm-feed-native__reels-view .sm-feed-native__surface-banner .sm-feed-native__hero-copy {
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native__reels-view .sm-feed-native__surface-banner .sm-feed-native__hero-copy h2 {
  margin: 0.2rem 0 0;
  font-size: clamp(0.72rem, 0.82vw, 0.82rem);
  color: #f3d5a0;
  text-shadow: 0 0 14px rgba(255, 215, 106, 0.18), 0 1px 0 rgba(255, 248, 224, 0.3);
}
body[data-page="feed"] .sm-feed-native__reels-view .sm-feed-native__surface-banner .sm-feed-native__hero-copy .sm-eyebrow {
  font-size: 0.6rem;
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native__reels-view .sm-feed-native__surface-banner {
    display: none;
  }
}
body[data-page="feed"] .sm-feed-page-card__body {
  padding-left: 18px;
  padding-right: 18px;
}
body[data-page="feed"] .sm-feed-page-card__body .sm-feed-carta {
  padding: 4px 0 6px;
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-feed-page-card__body {
    padding-left: 12px;
    padding-right: 12px;
  }
}
body[data-page="feed"] .sm-feed-scope-select {
  position: relative;
  display: inline-flex;
  align-items: center;
}
body[data-page="feed"] .sm-feed-scope-select[hidden] {
  display: none;
}
body[data-page="feed"] .sm-feed-scope-select__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 30px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(245, 240, 232, 0.72);
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}
body[data-page="feed"] .sm-feed-scope-select__trigger:hover {
  color: #f3d5a0;
}
body[data-page="feed"] .sm-feed-scope-select__icon {
  display: inline-flex;
  align-items: center;
}
body[data-page="feed"] .sm-feed-scope-select__icon svg {
  width: 15px;
  height: 15px;
  display: block;
}
body[data-page="feed"] .sm-feed-scope-select__caret {
  width: 12px;
  height: 12px;
  display: block;
}
body[data-page="feed"] .sm-feed-scope-select__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  z-index: 60;
  min-width: 216px;
  padding: 6px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(24, 25, 29, 0.98), rgba(12, 13, 16, 0.98));
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55);
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body[data-page="feed"] .sm-feed-scope-select__menu[hidden] {
  display: none;
}
body[data-page="feed"] .sm-feed-scope-select__menu button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: rgba(245, 240, 232, 0.82);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
body[data-page="feed"] .sm-feed-scope-select__menu button:hover, body[data-page="feed"] .sm-feed-scope-select__menu button.is-active {
  background: rgba(243, 213, 160, 0.14);
  color: #f3d5a0;
}
body[data-page="feed"] .sm-feed-scope-select__opt-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
body[data-page="feed"] .sm-feed-scope-select__opt-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}
body[data-page="feed"] .sm-feed-native__hero-tools .sm-feed-scope-select, body[data-page="feed"] .sm-mobile-bar__right .sm-feed-scope-select {
  margin-left: 2px;
}
body[data-page="feed"] .sm-feed-native__stories-view {
  display: none;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
}
@media (min-width: 1101px) {
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="stories"] .sm-feed-native__main {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="stories"] .sm-feed-shell__left-rail {
    grid-column: 1;
    grid-row: 1;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="stories"] .sm-feed-native__stories-view {
    display: flex;
    flex-direction: column;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    width: auto;
    height: 100%;
    overflow: hidden;
    padding: 0 0 0 20px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="stories"] .sm-feed-shell__right-rail {
    grid-column: 3;
    grid-row: 1;
  }
}
body[data-page="feed"] .sm-feed-native__stories-view .sm-feed-native__surface-banner {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 16px;
  margin: 0;
  padding: 10px 6px 8px 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
body[data-page="feed"] .sm-feed-native__stories-view .sm-feed-native__surface-banner .sm-feed-native__hero-copy {
  min-width: 0;
}
body[data-page="feed"] .sm-feed-native__stories-view .sm-feed-native__surface-banner .sm-feed-native__hero-copy h2 {
  margin: 0.2rem 0 0;
  font-size: clamp(0.72rem, 0.82vw, 0.82rem);
  color: #f3d5a0;
  text-shadow: 0 0 14px rgba(255, 215, 106, 0.18), 0 1px 0 rgba(255, 248, 224, 0.3);
}
body[data-page="feed"] .sm-feed-native__stories-view .sm-feed-native__surface-banner .sm-feed-native__hero-copy .sm-eyebrow {
  font-size: 0.6rem;
}
body[data-page="feed"] .sm-feed-native__stories-view #feed-stories-surface {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 4px 24px 0;
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-shell__center-column, body[data-page="feed"] .sm-feed-native__utility, body[data-page="feed"] .sm-feed-native__reels-view, body[data-page="feed"] .sm-feed-native__stories-view {
    grid-area: 1 / 1;
  }
  body[data-page="feed"] .sm-feed-native__stories-view {
    display: none;
    position: static;
    transform: none;
    width: 100%;
    height: auto;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="stories"] .sm-feed-native__main {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native[data-mobile-feed-panel="stories"] .sm-feed-native__stories-view {
    display: block;
  }
  body[data-page="feed"] .sm-feed-native__stories-view .sm-feed-native__surface-banner {
    display: none;
  }
  body[data-page="feed"] .sm-feed-native__stories-view #feed-stories-surface {
    height: auto;
    overflow: visible;
  }
}
body[data-page="feed"] .sm-feed-card.sm-feed-card-live.sm-feed-post-card.sm-feed-page-card {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body[data-page="feed"] .sm-feed-post-card__head, body[data-page="feed"] .sm-feed-post-card__body, body[data-page="feed"] .sm-feed-post-card__footer, body[data-page="feed"] .sm-feed-post-card__actions, body[data-page="feed"] .sm-feed-post-card .sm-feed-reason-strip, body[data-page="feed"] .sm-feed-post-card .sm-feed-price-badge, body[data-page="feed"] .sm-feed-page-card__body {
  padding-left: 13px;
  padding-right: 13px;
}
body[data-page="feed"] .sm-feed-page-card__body .sm-feed-carta {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 720px) {
  body[data-page="feed"] .sm-feed-post-card__head, body[data-page="feed"] .sm-feed-post-card__body, body[data-page="feed"] .sm-feed-post-card__footer, body[data-page="feed"] .sm-feed-post-card__actions, body[data-page="feed"] .sm-feed-post-card .sm-feed-reason-strip, body[data-page="feed"] .sm-feed-post-card .sm-feed-price-badge, body[data-page="feed"] .sm-feed-page-card__body {
    padding-left: 10px;
    padding-right: 10px;
  }
}
body[data-page="feed"] .sm-feed-scope-zone, body[data-page="feed"] .sm-mobile-bar__scope-zone, body[data-page="feed"] .sm-mobile-bar__view-zone {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body[data-page="feed"] .sm-mobile-bar__scope-zone, body[data-page="feed"] .sm-mobile-bar__view-zone {
  padding: 5px 8px 7px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(10, 11, 13, 0.98);
}
body[data-page="feed"] .sm-feed-scope-zone {
  grid-column: 1 / -1;
  margin-top: 2px;
  padding: 2px 0 0;
}
body[data-page="feed"] .sm-feed-scope-zone[hidden], body[data-page="feed"] .sm-mobile-bar__scope-zone[hidden], body[data-page="feed"] .sm-mobile-bar__view-zone[hidden] {
  display: none;
}
body[data-page="feed"] .sm-feed-scope-zone::-webkit-scrollbar, body[data-page="feed"] .sm-mobile-bar__scope-zone::-webkit-scrollbar, body[data-page="feed"] .sm-mobile-bar__view-zone::-webkit-scrollbar {
  display: none;
}
body[data-page="feed"] .sm-feed-scope-pill {
  flex: 0 0 auto;
  border: 0;
  border-radius: 999px;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(245, 240, 232, 0.78);
  font: inherit;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
body[data-page="feed"] .sm-feed-scope-pill:hover {
  color: #f3d5a0;
}
body[data-page="feed"] .sm-feed-scope-pill.is-active {
  background: #f3d5a0;
  color: #14100a;
}
html:has(body[data-page="feed"]), html:has(body[data-page="app"]) {
  background-color: #0a0715;
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native__mobile-bar, body[data-page="feed"] .sm-feed-native__topbar, body[data-page="feed"] .sm-feed-native__bottom-bar, body[data-page="feed"] .sm-feed-native__hamburger, body[data-page="feed"] .sm-feed-native__back-top {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body[data-page="feed"] .sm-feed-native__mobile-bar, body[data-page="feed"] .sm-feed-native__topbar, body[data-page="feed"] .sm-feed-native__bottom-bar {
    background: rgba(8, 9, 11, 0.99) !important;
  }
  body[data-page="feed"] .sm-feed-native__hamburger, body[data-page="feed"] .sm-feed-native__back-top {
    background: rgba(8, 9, 11, 0.98) !important;
  }
}
body[data-page="feed"] .sm-feed-page-card .sm-feed-carta__head {
  margin-bottom: 2px;
}
body[data-page="feed"] .sm-feed-page-rooms {
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
  padding: 4px 0 6px;
}
body[data-page="feed"] .sm-feed-rooms-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 2px 2px 12px;
}
body[data-page="feed"] .sm-feed-room-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #cfc3ff;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
body[data-page="feed"] .sm-feed-room-filter:hover, body[data-page="feed"] .sm-feed-room-filter:focus-visible {
  border-color: rgba(231, 200, 119, 0.5);
  outline: none;
}
body[data-page="feed"] .sm-feed-room-filter.is-active {
  border-color: rgba(231, 200, 119, 0.6);
  background: rgba(231, 200, 119, 0.16);
  color: #f6e7b4;
}
body[data-page="feed"] .sm-feed-rooms-filter-items {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 2px 12px;
  width: 100%;
}
body[data-page="feed"] .sm-feed-room-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: #d8d2ea;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
body[data-page="feed"] .sm-feed-room-item:hover, body[data-page="feed"] .sm-feed-room-item:focus-visible {
  border-color: rgba(231, 200, 119, 0.5);
  outline: none;
}
body[data-page="feed"] .sm-feed-room-item.is-on {
  border-color: rgba(231, 200, 119, 0.7);
  background: rgba(231, 200, 119, 0.18);
  color: #f6e7b4;
  font-weight: 600;
}
body[data-page="feed"] .sm-feed-page-rooms__head {
  padding: 6px 2px 12px;
}
body[data-page="feed"] .sm-feed-page-rooms__head h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  margin: 0 0 6px;
  color: var(--hr-gold, #e7c877);
}
body[data-page="feed"] .sm-feed-page-rooms__lead {
  color: var(--hr-muted, #b6accf);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  max-width: 52ch;
}
body[data-page="feed"] .sm-feed-rooms__list {
  display: grid;
  gap: 12px;
  margin-top: 8px;
}
body[data-page="feed"] .sm-feed-room-card {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0;
  overflow: hidden;
  min-height: 108px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #1c1831;
  cursor: pointer;
  transition: border-color 0.18s ease;
}
body[data-page="feed"] .sm-feed-room-card:hover, body[data-page="feed"] .sm-feed-room-card:focus-visible {
  border-color: rgba(231, 200, 119, 0.45);
  outline: none;
}
body[data-page="feed"] .sm-feed-room-card__media {
  flex: 0 0 20%;
  width: 20%;
  min-width: 0;
  background: linear-gradient(160deg, #3a2f6b, #241d45);
}
body[data-page="feed"] .sm-feed-room-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[data-page="feed"] .sm-feed-room-card__fallback {
  height: 100%;
  display: grid;
  place-items: center;
  font-family: "Cinzel", "Cormorant Garamond", serif;
  font-size: 26px;
  color: #f6e7b4;
}
body[data-page="feed"] .sm-feed-room-card__body {
  flex: 1 1 80%;
  min-width: 0;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
body[data-page="feed"] .sm-feed-room-card__body strong {
  color: var(--hr-gold, #e7c877);
  font-size: 16px;
}
body[data-page="feed"] .sm-feed-room-card__body span {
  color: #cfc3ff;
  font-size: 12.5px;
}
body[data-page="feed"] .sm-feed-room-card__body p {
  color: #eae4f5;
  font-size: 13px;
  line-height: 1.5;
  margin: 4px 0 0;
}
body[data-page="feed"] .sm-rooms-picker {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
body[data-page="feed"] .sm-rooms-picker__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(5, 3, 10, 0.7);
}
body[data-page="feed"] .sm-rooms-picker__panel {
  position: relative;
  width: min(430px, 100%);
  max-height: 72vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(231, 200, 119, 0.28);
  background: #14101f;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.6);
}
body[data-page="feed"] .sm-rooms-picker__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
body[data-page="feed"] .sm-rooms-picker__head strong {
  font-family: "Cinzel", "Cormorant Garamond", serif;
  font-size: 15px;
  letter-spacing: 1px;
  color: #f6e7b4;
}
body[data-page="feed"] .sm-rooms-picker__close {
  border: 0;
  background: transparent;
  color: #cfc3ff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 0 2px;
}
body[data-page="feed"] .sm-rooms-picker__body {
  overflow-y: auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body[data-page="feed"] .sm-rooms-picker__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #ece7f8;
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
body[data-page="feed"] .sm-rooms-picker__row:hover, body[data-page="feed"] .sm-rooms-picker__row:focus-visible {
  background: rgba(255, 255, 255, 0.06);
  outline: none;
}
body[data-page="feed"] .sm-rooms-picker__check {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  border: 1px solid rgba(231, 200, 119, 0.5);
  color: #14101f;
  font-size: 13px;
  line-height: 1;
}
body[data-page="feed"] .sm-rooms-picker__row.is-on .sm-rooms-picker__check {
  background: #e7c877;
}
body[data-page="feed"] .sm-rooms-picker__empty {
  color: #b6accf;
  font-size: 13px;
  padding: 12px;
  margin: 0;
}
body[data-page="feed"] .sm-feed-rooms-filter {
  gap: 5px;
  padding: 2px 2px 10px;
}
body[data-page="feed"] .sm-feed-room-filter {
  padding: 4px 11px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
body[data-page="feed"] .sm-feed-room-filter--clear {
  color: #b6accf;
  border-style: dashed;
  padding: 4px 8px;
}
body[data-page="feed"] .sm-feed-room-filter--clear:hover, body[data-page="feed"] .sm-feed-room-filter--clear:focus-visible {
  border-color: rgba(255, 255, 255, 0.4);
  color: #eae4f5;
}
body[data-page="feed"] .sm-rooms-picker__panel {
  width: min(460px, 100%);
}
body[data-page="feed"] .sm-rooms-picker__toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
body[data-page="feed"] .sm-rooms-picker__order {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #b6accf;
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
body[data-page="feed"] .sm-rooms-picker__order select {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: #1c1831;
  color: #ece7f8;
  font: inherit;
  font-size: 12px;
  padding: 4px 8px;
  cursor: pointer;
}
body[data-page="feed"] .sm-rooms-picker__order select:focus-visible {
  outline: 1px solid rgba(231, 200, 119, 0.6);
}
body[data-page="feed"] .sm-rooms-picker__mode {
  display: inline-flex;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  overflow: hidden;
}
body[data-page="feed"] .sm-rooms-picker__mode button {
  border: 0;
  background: transparent;
  color: #cfc3ff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 12px;
  cursor: pointer;
}
body[data-page="feed"] .sm-rooms-picker__mode button + button {
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}
body[data-page="feed"] .sm-rooms-picker__mode button.is-on {
  background: #e7c877;
  color: #14101f;
}
body[data-page="feed"] .sm-rooms-picker__modehint {
  color: #9a8fbf;
  font-size: 11px;
  margin-left: auto;
}
body[data-page="feed"] .sm-rooms-picker__row {
  justify-content: space-between;
}
body[data-page="feed"] .sm-rooms-picker__rowlabel {
  flex: 1 1 auto;
  text-align: left;
}
body[data-page="feed"] .sm-rooms-picker__rowcount {
  flex: 0 0 auto;
  color: #b6accf;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 999px;
  padding: 2px 8px;
}
body[data-page="feed"] .sm-feed-room-card__badge {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 6px;
  padding: 2px 9px;
  border-radius: 999px;
  border: 1px solid rgba(231, 200, 119, 0.28);
  background: rgba(231, 200, 119, 0.1);
  color: #f0e2b6;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
body[data-page="feed"] .sm-feed-room-card__tag {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 2px;
  padding: 1px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.05);
  color: #c9bee6;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
body[data-page="feed"] .sm-feed-room-card__tag--consulta {
  border-color: rgba(231, 200, 119, 0.34);
  background: rgba(231, 200, 119, 0.12);
  color: #f0e2b6;
}
body[data-page="call"] {
  --call-bg: #0b0911;
  --call-surface: #171221;
  --call-surface-soft: rgba(255, 255, 255, 0.04);
  --call-border: #2b2340;
  --call-accent: #b795f5;
  --call-accent-strong: #9a77ea;
  --call-accent-soft: rgba(183, 149, 245, 0.13);
  --call-text: #efeaf8;
  --call-muted: #9d93b8;
  --call-ok: #7bd88f;
  --call-warn: #e8c877;
  --call-danger: #ff9d9d;
  background: radial-gradient(1100px 560px at 50% -12%, #1c1530 0%, var(--call-bg) 58%);
  color: var(--call-text);
  min-height: 100vh;
}
body[data-page="call"] .sm-page {
  padding-top: 0;
}
body[data-page="call"] .sm-call {
  max-width: 580px;
  margin: 0 auto;
  padding: 18px 16px 40px;
  font-family: "Manrope", system-ui, -apple-system, sans-serif;
}
body[data-page="call"] .sm-call-top {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 2px 2px 16px;
}
body[data-page="call"] .sm-call-top__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px 7px 9px;
  border: 1px solid var(--call-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--call-text);
  font-size: 0.86rem;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.16s ease, background 0.16s ease;
}
body[data-page="call"] .sm-call-top__back:hover {
  border-color: var(--call-accent);
  background: var(--call-accent-soft);
}
body[data-page="call"] .sm-call-top__pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 11px;
  border-radius: 999px;
  border: 1px solid var(--call-border);
  background: var(--call-accent-soft);
  color: var(--call-accent);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
body[data-page="call"] .sm-call-top__app {
  margin-left: auto;
  color: var(--call-muted);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body[data-page="call"] .sm-call-card {
  display: grid;
  gap: 14px;
  justify-items: center;
  padding: 30px 22px 26px;
  border: 1px solid var(--call-border);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)), var(--call-surface);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
  text-align: center;
}
body[data-page="call"] .sm-call-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
body[data-page="call"] .sm-call-chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid var(--call-border);
  background: var(--call-surface-soft);
  color: var(--call-muted);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
body[data-page="call"] .sm-call-chip--role {
  border-color: rgba(123, 216, 143, 0.4);
  background: rgba(123, 216, 143, 0.1);
  color: var(--call-ok);
}
body[data-page="call"] .sm-call-medallion {
  position: relative;
  display: grid;
  place-items: center;
  width: 120px;
  height: 120px;
  margin: 8px 0 2px;
  border-radius: 999px;
  border: 1px solid rgba(183, 149, 245, 0.5);
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.16), transparent 46%), linear-gradient(160deg, rgba(183, 149, 245, 0.34), rgba(122, 82, 190, 0.16) 62%, rgba(23, 18, 33, 0.2));
  box-shadow: inset 0 0 0 8px rgba(23, 18, 33, 0.55), 0 0 0 1px rgba(183, 149, 245, 0.2), 0 18px 46px rgba(122, 82, 190, 0.28);
  font-size: 2.6rem;
  line-height: 1;
}
body[data-page="call"] .sm-call-medallion--muted {
  border-color: var(--call-border);
  background: var(--call-surface-soft);
  box-shadow: inset 0 0 0 8px rgba(0, 0, 0, 0.18);
}
body[data-page="call"] .sm-call-medallion--warn {
  border-color: rgba(232, 200, 119, 0.55);
  background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.14), transparent 46%), linear-gradient(160deg, rgba(232, 200, 119, 0.3), rgba(120, 92, 40, 0.16) 62%, rgba(23, 18, 33, 0.2));
  box-shadow: inset 0 0 0 8px rgba(23, 18, 33, 0.55), 0 0 0 1px rgba(232, 200, 119, 0.2), 0 18px 46px rgba(120, 92, 40, 0.22);
}
body[data-page="call"] .sm-call-card__title {
  margin: 0;
  color: var(--call-text);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: clamp(1.35rem, 3.2vw, 1.7rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.16;
}
body[data-page="call"] .sm-call-card__sub {
  max-width: 44ch;
  margin: 0;
  color: var(--call-muted);
  font-size: 0.94rem;
  line-height: 1.6;
}
body[data-page="call"] .sm-call-stage {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 14px;
  border: 1px solid var(--call-border);
  border-radius: 16px;
  background: var(--call-surface-soft);
  text-align: left;
}
body[data-page="call"] .sm-call-stage__dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--call-ok);
  box-shadow: 0 0 0 4px rgba(123, 216, 143, 0.18);
  animation: sm-call-breathe 2.4s ease-in-out infinite;
}
@keyframes sm-call-breathe {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.72);
    opacity: 0.55;
  }
}
body[data-page="call"] .sm-call-stage p {
  margin: 0;
  color: rgba(239, 234, 248, 0.88);
  font-size: 0.84rem;
  line-height: 1.45;
}
body[data-page="call"] .sm-call-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 6px;
}
body[data-page="call"] .sm-call-actions--center {
  width: 100%;
}
body[data-page="call"] .sm-call-mic {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 92px;
  height: 80px;
  padding: 8px 14px;
  border: 1px solid var(--call-border);
  border-radius: 22px;
  background: var(--call-accent-soft);
  color: var(--call-text);
  font: inherit;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease;
}
body[data-page="call"] .sm-call-mic:hover {
  border-color: var(--call-accent);
}
body[data-page="call"] .sm-call-mic__icon {
  font-size: 1.45rem;
  line-height: 1;
}
body[data-page="call"] .sm-call-mic__label {
  font-size: 0.74rem;
  font-weight: 700;
}
body[data-page="call"] .sm-call-mic.is-live {
  border-color: rgba(255, 120, 120, 0.6);
  background: rgba(255, 90, 90, 0.18);
  animation: sm-call-mic-pulse 1.25s ease-in-out infinite;
}
@keyframes sm-call-mic-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 90, 90, 0.35);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(255, 90, 90, 0);
  }
}
body[data-page="call"] .sm-call-mic.is-busy {
  opacity: 0.6;
  cursor: default;
}
body[data-page="call"] .sm-call-exit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid rgba(255, 157, 157, 0.42);
  border-radius: 999px;
  background: rgba(255, 157, 157, 0.1);
  color: var(--call-danger);
  font: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease;
}
body[data-page="call"] .sm-call-exit:hover {
  border-color: var(--call-danger);
  background: rgba(255, 157, 157, 0.2);
}
body[data-page="call"] .sm-call-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid var(--call-border);
  border-radius: 999px;
  color: var(--call-text);
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
}
body[data-page="call"] .sm-call-ghost:hover {
  border-color: var(--call-accent);
}
body[data-page="call"] .sm-call-note {
  margin: 2px 0 0;
  color: var(--call-muted);
  font-size: 0.78rem;
  line-height: 1.5;
}
body[data-page="call"] .sm-call-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 9px 12px;
  border: 1px dashed var(--call-border);
  border-radius: 12px;
  color: var(--call-muted);
  font-size: 0.76rem;
}
body[data-page="call"] .sm-call-meta code {
  padding: 3px 8px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.28);
  color: var(--call-text);
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 0.74rem;
}
@media (max-width: 520px) {
  body[data-page="call"] .sm-call-card {
    padding: 24px 16px 22px;
    border-radius: 22px;
  }
  body[data-page="call"] .sm-call-top__app {
    display: none;
  }
  body[data-page="call"] .sm-call-medallion {
    width: 104px;
    height: 104px;
    font-size: 2.2rem;
  }
}
body[data-page="call"] .sm-call-turn {
  display: grid;
  gap: 8px;
  width: 100%;
}
body[data-page="call"] .sm-call-turn[hidden] {
  display: none !important;
}
body[data-page="call"] .sm-call-transcript {
  display: grid;
  gap: 6px;
  width: 100%;
  max-height: 148px;
  overflow-y: auto;
  text-align: left;
}
body[data-page="call"] .sm-call-line {
  display: grid;
  gap: 2px;
  padding: 7px 11px;
  border: 1px solid var(--call-border);
  border-radius: 12px;
  background: var(--call-surface-soft);
}
body[data-page="call"] .sm-call-line--agent {
  border-color: rgba(183, 149, 245, 0.34);
  background: var(--call-accent-soft);
}
body[data-page="call"] .sm-call-line__who {
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--call-muted);
}
body[data-page="call"] .sm-call-line--agent .sm-call-line__who {
  color: var(--call-accent);
}
body[data-page="call"] .sm-call-line p {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.45;
}
body[data-page="call"] .sm-call-turn-hint {
  margin: 0;
  color: var(--call-muted);
  font-size: 0.74rem;
  text-align: left;
}
body[data-page="call"] .sm-call-stage p[data-kind="error"] {
  color: var(--call-danger);
}
body[data-page="call"] .sm-call-stage p[data-kind="ok"] {
  color: var(--call-ok);
}
body[data-page="call"] .sm-call-stage__dot[data-kind="error"] {
  background: var(--call-danger);
  box-shadow: 0 0 0 4px rgba(255, 157, 157, 0.18);
}
body[data-page="call"] .sm-call-stage__dot[data-kind="ok"] {
  background: var(--call-ok);
  box-shadow: 0 0 0 4px rgba(123, 216, 143, 0.18);
}
body[data-page="call"] .sm-call-stage__dot[data-kind="listening"], body[data-page="call"] .sm-call-stage__dot[data-kind="speaking"], body[data-page="call"] .sm-call-stage__dot[data-kind="thinking"] {
  background: var(--call-warn);
  box-shadow: 0 0 0 4px rgba(232, 200, 119, 0.18);
}
body[data-page="call"] .sm-call-settings {
  margin-top: 6px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--call-border);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.18);
  text-align: left;
}
body[data-page="call"] .sm-call-settings[open] {
  padding-bottom: 12px;
}
body[data-page="call"] .sm-call-settings summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  color: var(--call-muted);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
}
body[data-page="call"] .sm-call-settings summary::-webkit-details-marker {
  display: none;
}
body[data-page="call"] .sm-call-settings summary::after {
  content: "▾";
  color: var(--call-accent);
}
body[data-page="call"] .sm-call-settings[open] summary::after {
  content: "▴";
}
body[data-page="call"] .sm-call-settings__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  padding: 2px 14px 10px;
}
body[data-page="call"] .sm-call-settings__grid label {
  display: grid;
  gap: 4px;
}
body[data-page="call"] .sm-call-settings__grid label span {
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--call-muted);
}
body[data-page="call"] .sm-call-settings__grid select {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 8px;
  border-radius: 10px;
  border: 1px solid var(--call-border);
  background: var(--call-surface);
  color: var(--call-text);
  font: inherit;
  font-size: 0.84rem;
}
body[data-page="call"] .sm-call-settings__meta {
  margin: 0;
  padding: 0 14px 8px;
  color: var(--call-muted);
  font-size: 0.76rem;
  line-height: 1.5;
}
body[data-page="call"] .sm-call-settings__actions {
  padding: 0 14px;
}
body[data-page="call"] .sm-call-settings__refresh {
  padding: 7px 12px;
  border: 1px solid var(--call-border);
  border-radius: 999px;
  background: var(--call-accent-soft);
  color: var(--call-text);
  font: inherit;
  font-size: 0.8rem;
  cursor: pointer;
}
body[data-page="call"] .sm-call-settings__refresh:hover {
  border-color: var(--call-accent);
}
body[data-page="call"] .sm-call-line--live {
  border-style: dashed;
  opacity: 0.9;
}
body[data-page="call"] .sm-call-line--live p {
  font-style: italic;
  color: var(--call-muted);
}
body[data-page="call"] .sm-call-line--live .sm-call-line__who::after {
  content: " · hablando…";
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  color: var(--call-warn);
}
body[data-page="call"] .sm-call--chat {
  max-width: 1040px;
}
body[data-page="call"] .sm-call-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px;
  align-items: start;
}
body[data-page="call"] .sm-call-chat {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  min-height: 58vh;
  max-height: 76vh;
}
body[data-page="call"] .sm-call-chat__head {
  display: grid;
  gap: 6px;
  padding: 2px 2px 4px;
}
body[data-page="call"] .sm-call-chat__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body[data-page="call"] .sm-call-chat__title {
  margin: 0;
  color: var(--call-text);
  font-family: "Manrope", system-ui, sans-serif;
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.15;
}
body[data-page="call"] .sm-call-chat__sub {
  margin: 0;
  color: var(--call-muted);
  font-size: 0.86rem;
}
body[data-page="call"] .sm-call--chat .sm-call-transcript {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  max-height: 100%;
  overflow-y: auto;
  padding: 16px;
  border: 1px solid var(--call-border);
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.2);
}
body[data-page="call"] .sm-call--chat .sm-call-line {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 82%;
  padding: 8px 12px 9px;
  border: 1px solid var(--call-border);
  border-radius: 16px;
}
body[data-page="call"] .sm-call--chat .sm-call-line--agent {
  align-self: flex-start;
  border-top-left-radius: 4px;
  background: var(--call-surface-soft);
}
body[data-page="call"] .sm-call--chat .sm-call-line--user {
  align-self: flex-end;
  border-top-right-radius: 4px;
  border-color: rgba(183, 149, 245, 0.4);
  background: var(--call-accent-soft);
}
body[data-page="call"] .sm-call--chat .sm-call-line--user p {
  text-align: right;
}
body[data-page="call"] .sm-call--chat .sm-call-line__who {
  text-align: left;
}
body[data-page="call"] .sm-call--chat .sm-call-line--user .sm-call-line__who {
  color: var(--call-accent);
}
body[data-page="call"] .sm-call--chat .sm-call-line p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}
body[data-page="call"] .sm-call--chat .sm-call-line--live p {
  font-style: italic;
  color: var(--call-muted);
  text-align: right;
}
body[data-page="call"] .sm-call--chat .sm-call-chat__empty {
  margin: auto;
  max-width: 40ch;
  padding: 20px;
  border: 1px dashed var(--call-border);
  border-radius: 18px;
  text-align: center;
  color: var(--call-muted);
}
body[data-page="call"] .sm-call--chat .sm-call-chat__empty[hidden] {
  display: none !important;
}
body[data-page="call"] .sm-call-chat__empty-title {
  margin: 0 0 8px;
  color: var(--call-text);
  font-weight: 700;
}
body[data-page="call"] .sm-call-chat__empty p:last-child {
  margin: 0;
  line-height: 1.55;
}
body[data-page="call"] .sm-call-side {
  display: grid;
  gap: 12px;
}
body[data-page="call"] .sm-call-actions--column {
  display: grid;
  gap: 10px;
  width: 100%;
  margin-top: 0;
}
body[data-page="call"] .sm-call-actions--column .sm-call-mic {
  width: 100%;
  min-width: 0;
  height: 74px;
  border-radius: 18px;
}
body[data-page="call"] .sm-call-pause {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--call-border);
  border-radius: 999px;
  background: var(--call-surface-soft);
  color: var(--call-text);
  font: inherit;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
}
body[data-page="call"] .sm-call-pause:hover {
  border-color: var(--call-accent);
}
body[data-page="call"] .sm-call-pause[data-call-paused="true"] {
  border-color: rgba(232, 200, 119, 0.5);
  color: var(--call-warn);
}
@media (max-width: 900px) {
  body[data-page="call"] .sm-call-layout {
    grid-template-columns: 1fr;
  }
  body[data-page="call"] .sm-call-chat {
    min-height: 44vh;
    max-height: 56vh;
  }
}
.sm-feed-live-sessions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 2px 24px;
}
.sm-feed-live-sessions__head h2 {
  margin: 0 0 4px;
  font-size: 19px;
  line-height: 1.2;
}
.sm-feed-live-sessions__head p {
  margin: 0;
  color: var(--text-muted, #a89f92);
  font-size: 13px;
  line-height: 1.4;
}
.sm-feed-live-sessions__public h3, .sm-feed-live-sessions__mine h3 {
  margin: 18px 0 10px;
  font-size: 13px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--text-muted, #a89f92);
}
.sm-feed-live-sessions__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 12px;
}
.sm-feed-live-sessions__card {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}
.sm-feed-live-sessions__card-avatar {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 20px;
  color: #0b0f1a;
  background: var(--hr-accent, #d4af37);
}
.sm-feed-live-sessions__card-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.sm-feed-live-sessions__card-copy strong {
  font-size: 15px;
  line-height: 1.2;
}
.sm-feed-live-sessions__card-copy > span {
  color: var(--text-muted, #a89f92);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sm-feed-live-sessions__card-copy .sm-feed-live-sessions__meta {
  color: #f2ede4;
  font-weight: 600;
}
.sm-feed-live-sessions__note {
  margin: 3px 0 0;
  color: var(--text-muted, #a89f92);
  font-size: 12px;
}
.sm-feed-live-sessions__empty {
  padding: 16px 18px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  color: var(--text-muted, #a89f92);
  font-size: 13px;
}
.sm-feed-live-sessions__booking-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sm-feed-live-sessions .sm-feed-settings__booking-card {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
}
.sm-feed-live-sessions .sm-feed-settings__booking-card dl {
  margin: 8px 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 4px 14px;
}
@media (max-width: 560px) {
  .sm-feed-live-sessions__card {
    align-items: flex-start;
  }
  .sm-feed-live-sessions__card .sm-button {
    align-self: center;
  }
}
.sm-feed-live-sessions__tabs {
  display: flex;
  gap: 4px;
  margin: 0 0 6px;
}
.sm-feed-live-sessions__tab {
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  color: var(--text-muted, #a89f92);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 5px 10px;
  cursor: pointer;
}
.sm-feed-live-sessions__tab.is-active {
  color: #0b0f1a;
  background: var(--hr-accent, #d4af37);
}
.sm-feed-live-sessions__notice {
  margin-bottom: 12px;
  padding: 10px 14px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  color: var(--text-muted, #a89f92);
  font-size: 13px;
}
.sm-feed-live-sessions__card-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  margin-top: 8px;
  width: 100%;
}
.sm-feed-live-sessions__card {
  align-items: flex-start;
  flex-wrap: wrap;
}
.sm-feed-live-sessions__danger {
  color: #ffb3a0;
  border-color: rgba(255, 120, 90, 0.35);
}
.sm-feed-live-sessions__bookform {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.18);
}
.sm-feed-live-sessions__bookform label, .sm-feed-live-sessions__reschedule label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: var(--text-muted, #a89f92);
}
.sm-feed-live-sessions__bookform input, .sm-feed-live-sessions__reschedule input {
  font: inherit;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.25);
  color: #f2ede4;
}
.sm-feed-live-sessions__bookform-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.sm-feed-live-sessions__feedback {
  margin: 4px 0 0;
  font-size: 12px;
  color: var(--text-muted, #a89f92);
}
.sm-feed-live-sessions__back {
  font: inherit;
  color: var(--text-muted, #a89f92);
  background: transparent;
  border: 0;
  padding: 0 0 10px;
  cursor: pointer;
  font-size: 13px;
}
.sm-feed-live-sessions__detail h3 {
  margin: 0 0 4px;
  font-size: 18px;
}
.sm-feed-live-sessions__detail h3 small {
  color: var(--text-muted, #a89f92);
  font-size: 13px;
  font-weight: 400;
}
.sm-feed-live-sessions__dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px 16px;
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
}
.sm-feed-live-sessions__dl dt {
  color: var(--text-muted, #a89f92);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.sm-feed-live-sessions__dl dd {
  margin: 2px 0 0;
  font-size: 14px;
}
.sm-feed-live-sessions__detail > .sm-button {
  margin-top: 12px;
}
.sm-feed-live-sessions__reschedule, .sm-feed-live-sessions__share {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sm-feed-live-sessions__reschedule h4, .sm-feed-live-sessions__share h4 {
  margin: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--text-muted, #a89f92);
}
.sm-feed-live-sessions__share-result {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.sm-feed-live-sessions__linkrow {
  display: flex;
  gap: 6px;
  width: 100%;
}
.sm-feed-live-sessions__linkrow input {
  flex: 1;
  min-width: 0;
  font: inherit;
  font-size: 12px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.25);
  color: #f2ede4;
}
.sm-feed-live-sessions__share-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.sm-feed-live-sessions__share-actions a {
  text-decoration: none;
}
#feed-live-sessions-surface .sm-button {
  border-radius: 999px;
  min-height: 30px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
}
#feed-live-sessions-surface .sm-button-primary {
  position: relative;
  overflow: hidden;
  color: #1a1406;
  border: 1px solid rgba(255, 250, 230, 0.95);
  background: linear-gradient(135deg, #a97f1f 0%, #e9cd7e 28%, #d4af37 52%, #f6e7b4 74%, #a97f1f 100%);
  background-size: 200% 200%;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.75), inset 0 -2px 4px rgba(90, 60, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 0 0 1px rgba(214, 175, 55, 1), 0 1px 0 rgba(255, 255, 255, 0.4), 0 3px 8px rgba(0, 0, 0, 0.35), 0 0 16px rgba(212, 175, 55, 0.5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}
#feed-live-sessions-surface .sm-button-primary::after {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  width: 42%;
  left: -70%;
  transform: skewX(-18deg);
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.65), transparent);
  animation: sm-live-shine 2.8s ease-in-out infinite;
}
@keyframes sm-live-shine {
  0% {
    left: -70%;
  }
  55% {
    left: 130%;
  }
  100% {
    left: 130%;
  }
}
#feed-live-sessions-surface .sm-feed-live-sessions__card-avatar {
  position: relative;
  overflow: hidden;
}
#feed-live-sessions-surface .sm-feed-live-sessions__card-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}
#feed-live-sessions-surface .sm-live-avatar--ia {
  box-shadow: 0 0 0 2px rgba(79, 195, 247, 0.95), 0 0 0 5px rgba(79, 195, 247, 0.18), 0 0 16px rgba(79, 195, 247, 0.55);
}
#feed-live-sessions-surface .sm-live-avatar--persona {
  box-shadow: 0 0 0 2px rgba(52, 211, 153, 0.95), 0 0 0 5px rgba(52, 211, 153, 0.18), 0 0 16px rgba(52, 211, 153, 0.55);
}
#feed-live-sessions-surface .sm-live-avatar--persona_ia {
  box-shadow: 0 0 0 2px rgba(245, 197, 66, 0.95), 0 0 0 5px rgba(245, 197, 66, 0.18), 0 0 16px rgba(245, 197, 66, 0.55);
}
.avatar-ring--ia {
  box-shadow: 0 0 0 2px rgba(79, 195, 247, 0.95), 0 0 0 5px rgba(79, 195, 247, 0.18), 0 0 16px rgba(79, 195, 247, 0.55);
}
.avatar-ring--persona {
  box-shadow: 0 0 0 2px rgba(52, 211, 153, 0.95), 0 0 0 5px rgba(52, 211, 153, 0.18), 0 0 16px rgba(52, 211, 153, 0.55);
}
.avatar-ring--persona_ia {
  box-shadow: 0 0 0 2px rgba(245, 197, 66, 0.95), 0 0 0 5px rgba(245, 197, 66, 0.18), 0 0 16px rgba(245, 197, 66, 0.55);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar.avatar-ring--ia {
  border-color: rgba(79, 195, 247, 0.95);
  box-shadow: 0 0 0 3px rgba(79, 195, 247, 0.2), 0 0 16px rgba(79, 195, 247, 0.5);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar.avatar-ring--persona {
  border-color: rgba(52, 211, 153, 0.95);
  box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.2), 0 0 16px rgba(52, 211, 153, 0.5);
}
body[data-page="feed"] .sm-feed-native-suggestion-card__avatar.avatar-ring--persona_ia {
  border-color: rgba(245, 197, 66, 0.95);
  box-shadow: 0 0 0 3px rgba(245, 197, 66, 0.2), 0 0 16px rgba(245, 197, 66, 0.5);
}
.sm-feed-settings__pref-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px 14px;
  margin: 4px 0 14px;
}
.sm-feed-settings__pref-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
  color: var(--text-muted, #a89f92);
}
.sm-feed-settings__pref-field select, .sm-feed-settings__pref-rooms select {
  font: inherit;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.25);
  color: #f2ede4;
}
.sm-feed-settings__pref-rooms {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
  margin: 0 0 12px;
}
.sm-feed-settings__pref-rooms legend {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted, #a89f92);
  padding: 0 6px;
}
.sm-feed-settings__pref-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.sm-feed-settings__pref-group {
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted, #a89f92);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 5px 10px;
  cursor: pointer;
}
.sm-feed-settings__pref-group.is-active {
  color: #1a1406;
  border-color: transparent;
  background: var(--hr-accent, #d4af37);
}
.sm-feed-settings__pref-mode {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  font-size: 11px;
  color: var(--text-muted, #a89f92);
}
.sm-feed-settings__pref-mode button {
  font: inherit;
  font-weight: 700;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: var(--text-muted, #a89f92);
  cursor: pointer;
}
.sm-feed-settings__pref-mode button.is-on {
  color: #1a1406;
  background: var(--hr-accent, #d4af37);
  border-color: transparent;
}
.sm-feed-settings__pref-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 6px;
}
.sm-feed-settings__pref-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font: inherit;
  font-size: 12px;
  text-align: left;
  color: #f2ede4;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 7px 10px;
  cursor: pointer;
}
.sm-feed-settings__pref-item.is-on {
  border-color: var(--hr-accent, #d4af37);
  box-shadow: 0 0 0 1px var(--hr-accent, #d4af37);
}
.sm-feed-settings__pref-check {
  color: var(--hr-accent, #d4af37);
  font-weight: 700;
}
.sm-feed-settings__pref-empty {
  color: var(--text-muted, #a89f92);
  font-size: 12px;
  margin: 0;
}
.sm-feed-settings__feedback {
  margin: 4px 0 8px;
  font-size: 12px;
  color: var(--text-muted, #a89f92);
  min-height: 1em;
}
.sm-feed-settings__pref-hint {
  margin: -6px 0 12px;
  font-size: 11px;
  line-height: 1.4;
  color: var(--text-muted, #a89f92);
}
button.sm-button-primary, a.sm-button-primary, .sm-button-primary {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #0b1a10;
  border: 1px solid rgba(255, 240, 200, 0.85);
  background: linear-gradient(135deg, #5fd18b 0%, #96f2b4 30%, #3fbd6a 55%, #96f2b4 80%, #3fbd6a 100%);
  background-size: 200% 200%;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.65), inset 0 -2px 4px rgba(0, 60, 22, 0.4), inset 0 0 0 1px rgba(212, 175, 55, 0.28), 0 0 0 1px rgba(212, 175, 55, 0.9), 0 1px 0 rgba(255, 255, 255, 0.35), 0 3px 8px rgba(0, 0, 0, 0.3), 0 0 14px rgba(212, 175, 55, 0.28);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: filter 0.15s ease, transform 0.05s ease;
}
.sm-button-primary:hover {
  filter: brightness(1.06);
}
.sm-button-primary:active {
  transform: translateY(1px);
}
.sm-button-primary:disabled {
  opacity: 0.5;
  cursor: default;
}
.sm-button-primary::after {
  content: "";
  position: absolute;
  top: -25%;
  bottom: -25%;
  width: 40%;
  left: -80%;
  transform: skewX(-18deg);
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.55), transparent);
  animation: sm-btn-shine 3s ease-in-out infinite;
  pointer-events: none;
}
@keyframes sm-btn-shine {
  0% {
    left: -80%;
  }
  55% {
    left: 130%;
  }
  100% {
    left: 130%;
  }
}
@keyframes hr-walk-orb-breathe {
  0%, 100% {
    box-shadow: 0 0 0 6px rgba(139, 92, 246, 0.08), 0 0 56px rgba(139, 92, 246, 0.3), inset 0 0 40px rgba(0,0,0,.5);
  }
  50% {
    box-shadow: 0 0 0 9px rgba(139, 92, 246, 0.14), 0 0 84px rgba(139, 92, 246, 0.44), inset 0 0 40px rgba(0,0,0,.5);
  }
}
@keyframes hr-walk-fade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hr-walk-sheen {
  0% {
    left: -140%;
  }
  55% {
    left: 140%;
  }
  100% {
    left: 140%;
  }
}
@keyframes hr-service-sheen {
  0% {
    left: -60%;
  }
  55%, 100% {
    left: 130%;
  }
}
@keyframes hr-service-pulse {
  0%, 100% {
    opacity: 0.35;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}
.sm-offline-banner {
  position: fixed;
  left: 50%;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100vw - 24px);
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid rgba(231, 200, 119, 0.5);
  background: linear-gradient(180deg, rgba(28, 22, 52, 0.97), rgba(13, 10, 26, 0.97));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.14) inset, 0 10px 30px rgba(0, 0, 0, 0.45);
  color: #f3ecd9;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.35;
  text-align: center;
  animation: sm-offline-banner-in 220ms ease-out;
}
.sm-offline-banner__dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e7c877;
  box-shadow: 0 0 8px rgba(231, 200, 119, 0.9);
  animation: sm-offline-banner-pulse 1.8s ease-in-out infinite;
}
@keyframes sm-offline-banner-in {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes sm-offline-banner-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sm-offline-banner {
    animation: none;
  }
  .sm-offline-banner__dot {
    animation: none;
  }
}
body[data-page="feed"] .sm-feed-native__surface-banner[hidden] {
  display: none !important;
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-feed-native__bottom-bar {
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px));
  }
  body[data-page="feed"] .sm-feed-shell {
    padding-bottom: 94px;
  }
}
@keyframes sm-banner-gem-edge {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }
  18%, 82% {
    opacity: 1;
  }
  100% {
    transform: translateX(320%);
    opacity: 0;
  }
}
@keyframes sm-banner-gem-breathe {
  0%, 100% {
    box-shadow: 0 0 0 rgba(245, 197, 66, 0);
  }
  50% {
    box-shadow: 0 0 12px rgba(245, 197, 66, 0.45);
  }
}
body[data-page="feed"] .sm-feed-scope-zone, body[data-page="feed"] .sm-mobile-bar__scope-zone, body[data-page="feed"] .sm-mobile-bar__view-zone {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}
body[data-page="feed"] .sm-feed-scope-zone.is-panning, body[data-page="feed"] .sm-mobile-bar__scope-zone.is-panning, body[data-page="feed"] .sm-mobile-bar__view-zone.is-panning {
  cursor: grabbing;
}
@media (min-width: 1101px) {
  body[data-page="feed"] .sm-feed-scope-zone[data-edge-start="true"] {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 34px, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 34px, #000 100%);
  }
  body[data-page="feed"] .sm-feed-scope-zone[data-edge-end="true"] {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 34px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 34px), transparent 100%);
  }
  body[data-page="feed"] .sm-feed-scope-zone[data-edge-start="true"][data-edge-end="true"] {
    -webkit-mask-image: linear-gradient( 90deg, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100% );
    mask-image: linear-gradient( 90deg, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100% );
  }
}
@keyframes sm-spotlight-sheen {
  0% {
    left: -60%;
  }
  55%, 100% {
    left: 130%;
  }
}
body[data-theme="cuarzo"] {
  --pq-obsidiana: #1f2937;
  --pq-lila: #8b5cf6;
  --pq-cian: #06b6d4;
  --pq-lavanda: #c4b5fd;
  --pq-cristal: #f2f7ff;
  --pq-rosa: #ff4786;
  --pq-obsidiana-noche: #0a0a0f;
  --pq-lila-noche: #9b5cff;
  --pq-cian-noche: #4cc9ff;
  --pq-lavanda-noche: #c8b6ff;
  --pq-cristal-noche: #e6e6f0;
  --pq-azul-neon: #7aa2ff;
  --pq-grafito: #1f2937;
  --pq-grafito-hondo: #0b0f1d;
  --pq-marfil: var(--pq-cristal);
  --pq-noche: var(--pq-obsidiana-noche);
  --pq-font-ui: Inter, "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pq-font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;
  --pq-accent: var(--pq-lila);
  --pq-accent-2: var(--pq-cian);
  --pq-base: var(--pq-cristal);
  --pq-bg: radial-gradient(1200px 640px at 4% -14%, rgba(139, 92, 246, 0.16), transparent 62%),
    radial-gradient(980px 560px at 98% 2%, rgba(6, 182, 212, 0.14), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, var(--pq-cristal) 46%, #edf2ff 100%);
  --pq-ink: var(--pq-obsidiana);
  --pq-muted: rgba(31, 41, 55, 0.72);
  --pq-line: rgba(31, 41, 55, 0.12);
  --pq-line-strong: rgba(139, 92, 246, 0.32);
  --pq-surface: radial-gradient(130% 120% at 0% 0%, rgba(139, 92, 246, 0.1), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.78) 100%);
  --pq-surface-2: radial-gradient(120% 120% at 100% 0%, rgba(6, 182, 212, 0.1), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.56) 100%);
  --pq-glow: rgba(139, 92, 246, 0.22);
  --pq-shadow: 0 22px 48px -30px rgba(31, 41, 55, 0.38);
  --pq-blur: 10px;
  min-height: 100vh;
  color: var(--pq-ink);
  background-color: var(--pq-base);
  background-image: var(--pq-bg);
  background-attachment: fixed;
  font-family: var(--pq-font-ui);
}
body[data-theme="cuarzo"][data-theme-mode="oscuro"] {
  --pq-accent: #4cc9ff;
  --pq-accent-2: #eef1f5;
  --pq-base: var(--pq-grafito-hondo);
  --pq-bg: radial-gradient(1100px 600px at 8% -12%, rgba(76, 201, 255, 0.16), transparent 62%),
    radial-gradient(900px 520px at 96% 6%, rgba(238, 241, 245, 0.08), transparent 58%),
    linear-gradient(180deg, var(--pq-grafito) 0%, var(--pq-grafito-hondo) 60%, #05070c 100%);
  --pq-ink: #eef1f5;
  --pq-muted: rgba(238, 241, 245, 0.62);
  --pq-line: rgba(238, 241, 245, 0.14);
  --pq-line-strong: rgba(76, 201, 255, 0.38);
  --pq-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.022) 100%);
  --pq-surface-2: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.018) 100%);
  --pq-glow: rgba(76, 201, 255, 0.18);
  --pq-shadow: 0 26px 56px -30px rgba(0, 0, 0, 0.8);
  --pq-blur: 10px;
}
body[data-theme="cuarzo"][data-theme-mode="cristal"] {
  --pq-accent: var(--pq-azul-neon);
  --pq-accent-2: var(--pq-cian-noche);
  --pq-base: var(--pq-obsidiana-noche);
  --pq-bg: radial-gradient(1000px 560px at 6% -10%, rgba(76, 201, 255, 0.26), transparent 62%),
    radial-gradient(880px 500px at 96% 4%, rgba(122, 162, 255, 0.22), transparent 60%),
    radial-gradient(1100px 640px at 46% 116%, rgba(122, 162, 255, 0.14), transparent 62%),
    linear-gradient(170deg, #101725 0%, var(--pq-obsidiana-noche) 52%, #05070c 100%);
  --pq-ink: var(--pq-cristal-noche);
  --pq-muted: rgba(230, 230, 240, 0.74);
  --pq-line: rgba(230, 230, 240, 0.26);
  --pq-line-strong: rgba(168, 200, 255, 0.5);
  --pq-surface: linear-gradient(160deg, rgba(255, 255, 255, 0.085) 0%, rgba(255, 255, 255, 0.028) 100%);
  --pq-surface-2: linear-gradient(160deg, rgba(255, 255, 255, 0.065) 0%, rgba(255, 255, 255, 0.022) 100%);
  --pq-glow: rgba(76, 201, 255, 0.28);
  --pq-shadow: 0 30px 64px -32px rgba(0, 0, 0, 0.85);
  --pq-blur: 20px;
}
@keyframes pq-sheen {
  0% {
    left: -45%;
  }
  55% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}
@keyframes pq-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes pq-drift {
  from {
    transform: translate3d(-1.4%, -1%, 0) scale(1.02);
  }
  to {
    transform: translate3d(1.6%, 1.4%, 0) scale(1.06);
  }
}
body[data-app="hub"], .hub-shell {
  --hub-ink: #10131a;
  --hub-muted: #5a6273;
  --hub-line: #dfe3ea;
  --hub-surface: #ffffff;
  --hub-bg: #f6f7f9;
  --hub-gold: #c48a32;
  --hub-gold-soft: #f7e3a8;
  --hub-gold-deep: #8d6520;
  --hub-radius: 18px;
}
.hub-shell {
  min-height: 100vh;
  background: var(--hub-bg);
  color: var(--hub-ink);
  font-family: "Inter",	system-ui,	-apple-system,	"Segoe UI",	sans-serif;
  -webkit-font-smoothing: antialiased;
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  -webkit-tap-highlight-color: transparent;
}
.hub-stories__rail, .hub-reels__rail {
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  scroll-padding-inline: 16px;
}
.hub-stories__rail::-webkit-scrollbar, .hub-reels__rail::-webkit-scrollbar {
  display: none;
}
.hub-main {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 0 16px 64px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.hub-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  background: var(--hub-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-bg) 88%, transparent);
  }
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--hub-line);
}
.hub-header__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}
.hub-header__glyph {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #1a1206;
  background: linear-gradient(180deg, var(--hub-gold-soft), var(--hub-gold));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8),	0 6px 14px -8px rgba(196, 138, 50, 0.9);
}
.hub-header__name {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}
.hub-header__word {
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}
.hub-header__tag {
  font-size: 0.7rem;
  color: var(--hub-muted);
}
.hub-header__nav {
  display: none;
  gap: 18px;
  margin-left: 8px;
  font-size: 0.85rem;
}
.hub-header__nav a {
  color: var(--hub-muted);
  text-decoration: none;
}
.hub-header__nav a:hover, .hub-header__nav a[aria-current="page"] {
  color: var(--hub-ink);
}
.hub-header__actions {
  margin-left: auto;
}
.hub-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.42rem 0.95rem;
  border-radius: 999px;
  border: 1px solid var(--hub-line);
  background: var(--hub-surface);
  color: var(--hub-ink);
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  text-decoration: none;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.18s ease,	box-shadow 0.18s ease;
}
.hub-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(	115deg,	transparent 32%,	rgba(255, 255, 255, 0.55) 50%,	transparent 68%	);
  transform: translateX(-130%);
  animation: hub-sheen 3.6s ease-in-out infinite;
}
.hub-cta:hover {
  transform: translateY(-1px);
}
.hub-cta:focus-visible {
  outline: 2px solid var(--hub-gold);
  outline-offset: 2px;
}
.hub-cta--primary {
  color: #1a1206;
  border-color: var(--hub-gold-deep);
  background: linear-gradient(180deg, var(--hub-gold-soft) 0%, #e0b95c 44%, var(--hub-gold) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75),	inset 0 -1px 0 rgba(90, 60, 10, 0.35),	0 8px 18px -10px rgba(196, 138, 50, 0.8);
}
.hub-cta--ghost {
  color: var(--hub-ink);
  border-color: var(--hub-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--hub-ink) 22%, transparent);
  }
  background: var(--hub-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-surface) 92%, var(--hub-bg));
  }
}
.hub-cta--open {
  color: var(--hub-ink);
  border-color: var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 55%, transparent);
  }
  background: var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 12%, #fff);
  }
}
.hub-toggle {
  padding: 0.36rem 0.8rem;
  border-radius: 999px;
  border: 1px solid var(--hub-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--hub-ink) 18%, transparent);
  }
  background: transparent;
  color: var(--hub-muted);
  font: inherit;
  font-size: 0.76rem;
  font-weight: 650;
  cursor: pointer;
  transition: background 0.16s ease,	color 0.16s ease,	border-color 0.16s ease;
}
.hub-toggle:hover:not(:disabled) {
  border-color: var(--hub-gold);
  color: var(--hub-ink);
}
.hub-toggle[data-hub-owned="true"] {
  border-color: var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 60%, transparent);
  }
  background: var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 10%, #fff);
  }
  color: var(--hub-ink);
}
.hub-toggle:disabled {
  cursor: default;
  opacity: 0.85;
}
@keyframes hub-sheen {
  0% {
    transform: translateX(-130%);
  }
  55%,	100% {
    transform: translateX(130%);
  }
}
.hub-tabbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  display: flex;
  align-items: stretch;
  background: var(--hub-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-surface) 94%, transparent);
  }
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--hub-line);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.hub-tabbar__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 56px;
  padding: 6px 2px 8px;
  color: var(--hub-muted);
  text-decoration: none;
  font-size: 0.66rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  touch-action: manipulation;
}
.hub-tabbar__item:active {
  background: var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 10%, transparent);
  }
}
.hub-tabbar__item--cta {
  color: var(--hub-gold-deep);
}
.hub-hero {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 28px;
}
.hub-hero__eyebrow {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hub-gold-deep);
}
.hub-hero__title {
  margin: 0;
  font-size: clamp(1.9rem, 7vw, 3.1rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
}
.hub-hero__lead {
  margin: 0;
  max-width: 46ch;
  color: var(--hub-muted);
  font-size: 0.98rem;
  line-height: 1.55;
}
.hub-hero__counters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.82rem;
  color: var(--hub-muted);
}
.hub-hero__counters strong {
  color: var(--hub-ink);
  font-size: 1.05rem;
}
.hub-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.hub-hero__access {
  padding: 18px;
  border: 1px solid var(--hub-line);
  border-radius: var(--hub-radius);
  background: var(--hub-surface);
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}
.hub-hero__access-title {
  margin: 0;
  font-weight: 750;
}
.hub-hero__access-copy {
  margin: 0;
  color: var(--hub-muted);
  font-size: 0.86rem;
  line-height: 1.5;
}
.hub-stories__label {
  margin: 0 0 10px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hub-muted);
}
.hub-stories__rail {
  display: flex;
  gap: 14px;
  margin: 0;
  padding: 4px 2px 10px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.hub-story {
  scroll-snap-align: start;
}
.hub-story__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  width: 82px;
  text-decoration: none;
  color: inherit;
}
.hub-story__ring {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border-radius: 999px;
  padding: 3px;
  background: var(--hub-surface);
  box-shadow: 0 0 0 2px var(--hub-accent, var(--hub-gold)),	0 10px 18px -14px rgba(16, 19, 26, 0.5);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 65%, transparent),	0 10px 18px -14px rgba(16, 19, 26, 0.5);
  }
  transition: transform 0.18s ease;
}
.hub-story__link:hover .hub-story__ring {
  transform: translateY(-2px) scale(1.02);
}
.hub-story[data-hub-owned="true"] .hub-story__ring {
  background: linear-gradient(	180deg,	var(--hub-accent, var(--hub-gold)),	var(--hub-accent, var(--hub-gold))	);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(	180deg,	color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 28%, #fff),	color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 62%, #fff)	);
  }
}
.hub-story__glyph, .hub-app__glyph, .hub-reel__glyph, .hub-mine__item .hub-story__glyph {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #fff;
  background: linear-gradient(	180deg,	var(--hub-accent, var(--hub-gold)),	var(--hub-accent, var(--hub-gold))	);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(	180deg,	color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 88%, #fff),	var(--hub-accent, var(--hub-gold))	);
  }
  font-size: 1.1rem;
}
.hub-story__name {
  font-size: 0.74rem;
  font-weight: 600;
  text-align: center;
  color: var(--hub-muted);
}
.hub-section__head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}
.hub-section__title {
  margin: 0;
  font-size: 1.28rem;
  letter-spacing: -0.01em;
}
.hub-section__sub {
  margin: 0;
  color: var(--hub-muted);
  font-size: 0.85rem;
}
.hub-reels__rail {
  display: flex;
  gap: 14px;
  margin: 0;
  padding: 2px 2px 14px;
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.hub-reel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 78vw;
  max-width: 320px;
  aspect-ratio: 9 / 16;
  scroll-snap-align: center;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 32%, var(--hub-line));
  }
  background: radial-gradient(	120% 80% at 50% 0%,	var(--hub-accent, var(--hub-gold)),	transparent 62%	),	linear-gradient(180deg, #ffffff, var(--hub-bg));
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(	120% 80% at 50% 0%,	color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 24%, transparent),	transparent 62%	),	linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--hub-bg) 70%, #fff));
  }
  box-shadow: 0 18px 34px -28px rgba(16, 19, 26, 0.55);
}
.hub-reel__art {
  display: grid;
  place-items: center;
  padding-top: 22px;
}
.hub-reel__glyph {
  width: 88px;
  height: 88px;
  border-radius: 26px;
  font-size: 1.7rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),	0 14px 26px -18px rgba(16, 19, 26, 0.7);
}
.hub-reel__body {
  padding: 0 18px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.hub-reel__eyebrow {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 78%, #2a2a2a);
  }
}
.hub-reel__title {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.1;
}
.hub-reel__tagline {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--hub-ink);
  opacity: 0.85;
}
.hub-reel__copy {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--hub-muted);
}
.hub-reel__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 18px 18px;
}
.hub-mine__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hub-mine__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--hub-line);
  border-left: 3px solid var(--hub-accent, var(--hub-gold));
  border-radius: 14px;
  background: var(--hub-surface);
}
.hub-mine__link {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}
.hub-mine__item .hub-story__glyph {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  font-size: 0.8rem;
  flex: 0 0 40px;
}
.hub-mine__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.hub-mine__name {
  font-weight: 650;
}
.hub-mine__origin {
  font-size: 0.74rem;
  color: var(--hub-muted);
}
.hub-mine__empty {
  margin: 0 0 12px;
  padding: 18px;
  border: 1px dashed var(--hub-line);
  border-radius: var(--hub-radius);
  color: var(--hub-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}
.hub-status {
  margin: 12px 0 0;
  padding: 10px 14px;
  border: 1px solid var(--hub-gold);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--hub-gold) 45%, transparent);
  }
  border-radius: 12px;
  background: var(--hub-gold-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-gold-soft) 35%, #fff);
  }
  color: #6b4a12;
  font-size: 0.82rem;
  line-height: 1.45;
}
.hub-catalog__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hub-app {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--hub-line);
  border-radius: var(--hub-radius);
  background: var(--hub-surface);
  box-shadow: 0 12px 24px -24px rgba(16, 19, 26, 0.5);
}
.hub-app__top {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hub-app__glyph {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  font-size: 0.8rem;
  flex: 0 0 38px;
}
.hub-app__name {
  font-weight: 700;
}
.hub-app__badge {
  margin-left: auto;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  background: var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 12%, #fff);
  }
  color: var(--hub-muted);
  font-size: 0.68rem;
  font-weight: 650;
  white-space: nowrap;
}
.hub-app__copy {
  margin: 0;
  color: var(--hub-muted);
  font-size: 0.86rem;
  line-height: 1.5;
}
.hub-app__domain {
  margin: 0;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  color: var(--hub-muted);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--hub-muted) 80%, transparent);
  }
}
.hub-app__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}
.hub-note p {
  margin: 0;
  padding: 16px;
  border-left: 3px solid var(--hub-gold);
  background: var(--hub-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-surface) 80%, var(--hub-bg));
  }
  color: var(--hub-muted);
  font-size: 0.85rem;
  line-height: 1.55;
}
.hub-footer {
  padding: 24px 16px 40px;
  border-top: 1px solid var(--hub-line);
  color: var(--hub-muted);
  font-size: 0.8rem;
  text-align: center;
}
.hub-footer p {
  margin: 0 0 6px;
}
.hub-footer__links a {
  color: var(--hub-muted);
  text-decoration: none;
}
.hub-footer__links a:hover {
  color: var(--hub-ink);
}
@media (max-width: 719px) {
  .hub-main {
    padding: 0 14px 32px;
    gap: 30px;
  }
  .hub-header {
    padding: 10px 14px;
    padding-top: max(10px, env(safe-area-inset-top, 0px));
  }
  .hub-header__access {
    display: none;
  }
  .hub-hero {
    gap: 16px;
    padding-top: 20px;
  }
  .hub-hero__title {
    font-size: clamp(1.72rem, 8.4vw, 2.35rem);
  }
  .hub-hero__lead {
    font-size: 0.92rem;
  }
  .hub-hero__counters {
    gap: 8px;
  }
  .hub-hero__counters li {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    padding: 0.28rem 0.66rem;
    border: 1px solid var(--hub-line);
    border-radius: 999px;
    background: var(--hub-surface);
    font-size: 0.74rem;
  }
  .hub-hero__counters strong {
    font-size: 0.95rem;
  }
  .hub-hero__actions {
    flex-direction: column;
  }
  .hub-hero__actions .hub-cta {
    width: 100%;
    justify-content: center;
  }
  .hub-cta {
    min-height: 44px;
    padding: 0.62rem 1.05rem;
    font-size: 0.86rem;
    justify-content: center;
  }
  .hub-toggle {
    min-height: 42px;
    padding: 0.5rem 0.85rem;
    font-size: 0.79rem;
  }
  .hub-section__title {
    font-size: 1.16rem;
  }
  .hub-stories__rail {
    padding: 4px 14px 10px;
    gap: 14px;
  }
  .hub-reels__rail {
    scroll-snap-type: x mandatory;
    padding: 2px 14px 12px;
    gap: 12px;
  }
  .hub-reel {
    flex: 0 0 66vw;
    max-width: 300px;
    aspect-ratio: 9 / 15;
  }
  .hub-reel__glyph {
    width: 74px;
    height: 74px;
    font-size: 1.45rem;
  }
  .hub-reel__foot {
    padding: 12px 16px 16px;
  }
  .hub-app {
    padding: 14px;
    gap: 8px;
  }
  .hub-app__copy {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.83rem;
  }
  .hub-mine__item {
    padding: 10px 12px;
  }
}
@media (min-width: 520px) {
  .hub-catalog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 720px) {
  .hub-tabbar {
    display: none;
  }
  .hub-shell {
    padding-bottom: 0;
  }
  .hub-main {
    padding: 0 28px 80px;
    gap: 52px;
  }
  .hub-header__nav {
    display: flex;
  }
  .hub-hero {
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
    padding-top: 40px;
  }
  .hub-hero__text {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .hub-hero__access {
    flex: 0 0 300px;
  }
  .hub-mine__grid,	.hub-catalog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1000px) {
  .hub-mine__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hub-reel {
    flex: 0 0 280px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hub-cta::after {
    animation: none;
  }
  .hub-story__ring,	.hub-cta {
    transition: none;
  }
}
.hub-svc .sm-feed-service__head, .hub-svc__head {
  padding: 0 0 14px;
}
.hub-svc__eyebrow {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--hub-gold-deep);
}
.hub-svc__head h2 {
  margin: 4px 0 6px;
  font-size: clamp(1.35rem, 5.4vw, 1.9rem);
  color: var(--hub-ink);
}
.hub-svc__sub {
  margin: 0;
  color: var(--hub-muted);
  font-size: 0.86rem;
}
.hub-svc__body {
  color: var(--hub-ink);
}
.hub-svc__lead {
  margin: 0 0 16px;
  color: var(--hub-muted);
  font-size: 0.88rem;
  line-height: 1.55;
}
.hub-svc__stories {
  margin-bottom: 18px;
}
.hub-news__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hub-news__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--hub-line);
  border-left: 3px solid var(--hub-accent, var(--hub-gold));
  border-radius: 14px;
  background: var(--hub-surface);
}
.hub-news__head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.hub-news__glyph {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  font-size: 0.72rem;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(	180deg,	var(--hub-accent, var(--hub-gold)),	var(--hub-accent, var(--hub-gold))	);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(	180deg,	color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 88%, #fff),	var(--hub-accent, var(--hub-gold))	);
  }
}
.hub-news__app {
  margin: 0;
  font-weight: 700;
}
.hub-news__category {
  margin: 0;
  font-size: 0.72rem;
  color: var(--hub-muted);
}
.hub-news__text {
  margin: 0;
  color: var(--hub-ink);
  font-size: 0.88rem;
  line-height: 1.5;
}
.hub-news__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.hub-svc-group {
  margin-bottom: 18px;
}
.hub-svc-group__title {
  margin: 0 0 8px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--hub-muted);
}
.hub-svc-group__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hub-service {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid var(--hub-line);
  border-radius: 14px;
  background: var(--hub-surface);
}
.hub-service__glyph {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 11px;
  font-size: 0.95rem;
  color: #fff;
  background: linear-gradient(	180deg,	var(--hub-accent, var(--hub-gold)),	var(--hub-accent, var(--hub-gold))	);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(	180deg,	color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 88%, #fff),	var(--hub-accent, var(--hub-gold))	);
  }
}
.hub-service__copy {
  flex: 1;
  min-width: 0;
}
.hub-service__name {
  margin: 0;
  font-weight: 700;
}
.hub-service__text {
  margin: 2px 0 0;
  color: var(--hub-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}
.hub-rservices__title {
  margin: 0;
  font-size: 0.95rem;
  color: var(--hub-ink);
}
.hub-rservices__list {
  display: grid;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.hub-rservices__card {
  display: grid;
  grid-template-columns: 26px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid var(--hub-line);
  border-radius: 12px;
  background: var(--hub-surface);
}
.hub-rservices__glyph {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  font-size: 0.78rem;
  color: #fff;
  background: var(--hub-accent, var(--hub-gold));
}
.hub-rservices__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.hub-rservices__eyebrow {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--hub-muted);
}
.hub-rservices__name {
  font-size: 0.85rem;
  color: var(--hub-ink);
}
.hub-rservices__desc {
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--hub-muted);
}
.hub-rservices__cta {
  padding: 0.3rem 0.7rem;
  border: 1px solid var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 55%, transparent);
  }
  border-radius: 999px;
  background: var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 12%, #fff);
  }
  color: var(--hub-ink);
  font-size: 0.72rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.hub-rservices__note, .hub-spot__note {
  margin: 10px 0 0;
  color: var(--hub-muted);
  font-size: 0.72rem;
  line-height: 1.45;
}
.hub-spot__list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.hub-spot__card {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--hub-line);
  border-radius: 12px;
  background: linear-gradient(	120deg,	var(--hub-accent, var(--hub-gold)),	var(--hub-surface)	);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(	120deg,	color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 14%, #fff),	var(--hub-surface)	);
  }
}
.hub-spot__glyph {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  font-size: 0.72rem;
  font-weight: 800;
  color: #fff;
  background: var(--hub-accent, var(--hub-gold));
}
.hub-spot__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.hub-spot__name {
  font-size: 0.85rem;
  color: var(--hub-ink);
}
.hub-spot__news {
  font-size: 0.72rem;
  color: var(--hub-muted);
}
.hub-spot__cta {
  padding: 0.28rem 0.66rem;
  border: 1px solid var(--hub-accent, var(--hub-gold));
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--hub-accent, var(--hub-gold)) 50%, transparent);
  }
  border-radius: 999px;
  color: var(--hub-ink);
  font-size: 0.7rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.hub-account {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--hub-line);
  border-radius: 14px;
  background: var(--hub-surface);
}
.hub-account__avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  font-size: 0.76rem;
  font-weight: 800;
  color: #1a1206;
  background: linear-gradient(180deg, var(--hub-gold-soft), var(--hub-gold));
}
.hub-account__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.hub-account__name {
  color: var(--hub-ink);
}
.hub-account__handle {
  font-size: 0.72rem;
  color: var(--hub-muted);
}
.hub-account__cta {
  padding: 0.32rem 0.72rem;
  border-radius: 999px;
  border: 1px solid var(--hub-gold-deep);
  background: linear-gradient(180deg, var(--hub-gold-soft), var(--hub-gold));
  color: #1a1206;
  font-size: 0.74rem;
  font-weight: 700;
  text-decoration: none;
}
.hub-account__note {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 0.72rem;
  color: var(--hub-muted);
}
.hub-feed-reels, .hub-feed-stories {
  padding: 14px;
}
.hub-feed-reels__note, .hub-feed-stories__note {
  margin: 10px 0 0;
  color: var(--hub-muted);
  font-size: 0.78rem;
  line-height: 1.5;
}
.hub-reels__rail--feed {
  padding-bottom: 6px;
}
.hub-stories__rail--feed {
  padding-bottom: 4px;
}
body[data-app="hub"] .sm-feed-scope-pill {
  border-color: var(--hub-line);
  background: var(--hub-surface);
  color: var(--hub-muted);
}
body[data-app="hub"] .sm-feed-scope-pill.is-active {
  border-color: var(--hub-gold-deep);
  background: linear-gradient(180deg, var(--hub-gold-soft), var(--hub-gold));
  color: #1a1206;
}
body[data-app="hub"] .sm-feed-scope-select__trigger {
  border-color: var(--hub-line);
  background: var(--hub-surface);
  color: var(--hub-ink);
}
body[data-app="hub"] .sm-feed-native__hero .sm-eyebrow {
  color: var(--hub-gold-deep);
}
body[data-app="hub"] .sm-feed-native__hero-copy h2 {
  color: var(--hub-ink);
}
body[data-app="hub"] .sm-feed-native__panel-message, body[data-app="hub"] .sm-feed-service__error {
  color: var(--hub-muted);
  background: var(--hub-surface);
  border-color: var(--hub-line);
}
body[data-app="hub"] .sm-mobile-bar__eyebrow, body[data-app="hub"] .sm-mobile-bar__tagline {
  color: var(--hub-ink);
}
body[data-app="hub"] .sm-feed-native__hamburger, body[data-app="hub"] .sm-feed-native__back-top {
  color: var(--hub-ink);
}
@layer base {
  :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked ) {
    overflow: hidden;
  }
}
@layer base {
  :root, [data-theme] {
    background-color: var(--root-bg, var(--color-base-100));
    color: var(--color-base-content);
  }
}
@layer base {
  :root {
    scrollbar-color: currentColor #0000;
    @supports (color: color-mix(in lab, red, red)) {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }
}
@layer base {
  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }
}
@layer base {
  :where( :root:has( .modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked ) ) {
    scrollbar-gutter: stable;
    background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
    --root-bg: var(--color-base-100);
    @supports (color: color-mix(in lab, red, red)) {
      --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%);
    }
  }
  :where(.modal[open], .modal-open, .modal-toggle:checked + .modal):not(.modal-start, .modal-end) {
    scrollbar-gutter: stable;
  }
}
@layer base {
  :root {
    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
  }
  .chat {
    --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
  }
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@layer base {
  @media (prefers-color-scheme: dark) {
    :root {
      color-scheme: dark;
      --color-base-100: oklch(30.33% 0.016 252.42);
      --color-base-200: oklch(25.26% 0.014 253.1);
      --color-base-300: oklch(20.15% 0.012 254.09);
      --color-base-content: oklch(97.807% 0.029 256.847);
      --color-primary: oklch(58% 0.233 277.117);
      --color-primary-content: oklch(96% 0.018 272.314);
      --color-secondary: oklch(58% 0.233 277.117);
      --color-secondary-content: oklch(96% 0.018 272.314);
      --color-accent: oklch(60% 0.25 292.717);
      --color-accent-content: oklch(96% 0.016 293.756);
      --color-neutral: oklch(37% 0.044 257.287);
      --color-neutral-content: oklch(98% 0.003 247.858);
      --color-info: oklch(58% 0.158 241.966);
      --color-info-content: oklch(97% 0.013 236.62);
      --color-success: oklch(60% 0.118 184.704);
      --color-success-content: oklch(98% 0.014 180.72);
      --color-warning: oklch(66% 0.179 58.318);
      --color-warning-content: oklch(98% 0.022 95.277);
      --color-error: oklch(58% 0.253 17.585);
      --color-error-content: oklch(96% 0.015 12.422);
      --radius-selector: 0.25rem;
      --radius-field: 0.25rem;
      --radius-box: 0.5rem;
      --size-selector: 0.21875rem;
      --size-field: 0.21875rem;
      --border: 1.5px;
      --depth: 1;
      --noise: 0;
    }
  }
}
@layer base {
  :root:has(input.theme-controller[value=dark]:checked),[data-theme="dark"] {
    color-scheme: dark;
    --color-base-100: oklch(30.33% 0.016 252.42);
    --color-base-200: oklch(25.26% 0.014 253.1);
    --color-base-300: oklch(20.15% 0.012 254.09);
    --color-base-content: oklch(97.807% 0.029 256.847);
    --color-primary: oklch(58% 0.233 277.117);
    --color-primary-content: oklch(96% 0.018 272.314);
    --color-secondary: oklch(58% 0.233 277.117);
    --color-secondary-content: oklch(96% 0.018 272.314);
    --color-accent: oklch(60% 0.25 292.717);
    --color-accent-content: oklch(96% 0.016 293.756);
    --color-neutral: oklch(37% 0.044 257.287);
    --color-neutral-content: oklch(98% 0.003 247.858);
    --color-info: oklch(58% 0.158 241.966);
    --color-info-content: oklch(97% 0.013 236.62);
    --color-success: oklch(60% 0.118 184.704);
    --color-success-content: oklch(98% 0.014 180.72);
    --color-warning: oklch(66% 0.179 58.318);
    --color-warning-content: oklch(98% 0.022 95.277);
    --color-error: oklch(58% 0.253 17.585);
    --color-error-content: oklch(96% 0.015 12.422);
    --radius-selector: 0.25rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.21875rem;
    --size-field: 0.21875rem;
    --border: 1.5px;
    --depth: 1;
    --noise: 0;
  }
}
@layer base {
  :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme="light"] {
    color-scheme: light;
    --color-base-100: oklch(98% 0 0);
    --color-base-200: oklch(96% 0.001 286.375);
    --color-base-300: oklch(92% 0.004 286.32);
    --color-base-content: oklch(21% 0.006 285.885);
    --color-primary: oklch(70% 0.213 47.604);
    --color-primary-content: oklch(98% 0.016 73.684);
    --color-secondary: oklch(55% 0.027 264.364);
    --color-secondary-content: oklch(98% 0.002 247.839);
    --color-accent: oklch(0% 0 0);
    --color-accent-content: oklch(100% 0 0);
    --color-neutral: oklch(44% 0.017 285.786);
    --color-neutral-content: oklch(98% 0 0);
    --color-info: oklch(62% 0.214 259.815);
    --color-info-content: oklch(97% 0.014 254.604);
    --color-success: oklch(70% 0.14 182.503);
    --color-success-content: oklch(98% 0.014 180.72);
    --color-warning: oklch(66% 0.179 58.318);
    --color-warning-content: oklch(98% 0.022 95.277);
    --color-error: oklch(58% 0.253 17.585);
    --color-error-content: oklch(96% 0.015 12.422);
    --radius-selector: 0.25rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.21875rem;
    --size-field: 0.21875rem;
    --border: 1.5px;
    --depth: 1;
    --noise: 0;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}