/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&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 {
  .diff {
    position: relative;
    display: grid;
    width: 100%;
    overflow: hidden;
    webkit-user-select: none;
    user-select: none;
    direction: ltr;
    container-type: inline-size;
    grid-template-columns: auto 1fr;
    &:focus-visible, &:has(.diff-item-1:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      outline-color: var(--color-base-content);
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      outline-color: var(--color-base-content);
      .diff-resizer {
        min-width: 90cqi;
        max-width: 90cqi;
      }
    }
    &:has(.diff-item-2:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
      outline-offset: 1px;
      .diff-resizer {
        min-width: 10cqi;
        max-width: 10cqi;
      }
    }
    @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
      &:focus {
        .diff-resizer {
          min-width: 10cqi;
          max-width: 10cqi;
        }
      }
      &:has(.diff-item-1:focus) {
        .diff-resizer {
          min-width: 90cqi;
          max-width: 90cqi;
        }
      }
    }
  }
  .modal {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    inset: calc(0.25rem * 0);
    margin: calc(0.25rem * 0);
    display: grid;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    align-items: center;
    justify-items: center;
    background-color: transparent;
    padding: calc(0.25rem * 0);
    color: inherit;
    overflow-x: hidden;
    transition: translate 0.3s ease-out, visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
    overflow-y: hidden;
    overscroll-behavior: contain;
    z-index: 999;
    &::backdrop {
      display: none;
    }
    &.modal-open, &[open], &:target {
      pointer-events: auto;
      visibility: visible;
      opacity: 100%;
      background-color: oklch(0% 0 0/ 0.4);
      .modal-box {
        translate: 0 0;
        scale: 1;
        opacity: 1;
      }
    }
    @starting-style {
      &.modal-open, &[open], &:target {
        visibility: hidden;
        opacity: 0%;
      }
    }
  }
  .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");
  }
  .invisible {
    visibility: hidden;
  }
  .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;
      }
    }
  }
  .input {
    cursor: text;
    border: var(--border) solid #0000;
    position: relative;
    display: inline-flex;
    flex-shrink: 1;
    appearance: none;
    align-items: center;
    gap: calc(0.25rem * 2);
    background-color: var(--color-base-100);
    padding-inline: calc(0.25rem * 3);
    vertical-align: middle;
    white-space: nowrap;
    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));
    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;
    }
    --size: calc(var(--size-field, 0.25rem) * 10);
    --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);
    }
    &:where(input) {
      display: inline-flex;
    }
    :where(input) {
      display: inline-flex;
      height: 100%;
      width: 100%;
      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;
        }
      }
    }
    :where(input[type="date"]) {
      display: inline-block;
    }
    &: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(> input[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(> input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }
    &::-webkit-date-and-time-value {
      text-align: inherit;
    }
    &[type="number"] {
      &::-webkit-inner-spin-button {
        margin-block: calc(0.25rem * -3);
        margin-inline-end: calc(0.25rem * -3);
      }
    }
    &::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: 0.75em;
    }
  }
  .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;
      }
    }
  }
  .fixed {
    position: fixed;
  }
  .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;
    }
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .filter {
    display: flex;
    flex-wrap: wrap;
    input[type="radio"] {
      width: auto;
    }
    input {
      overflow: hidden;
      opacity: 100%;
      scale: 1;
      transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s;
      &:not(:last-child) {
        margin-inline-end: calc(0.25rem * 1);
      }
      &.filter-reset {
        aspect-ratio: 1 / 1;
        &::after {
          content: "×";
        }
      }
    }
    &:not(:has(input:checked:not(.filter-reset))) {
      .filter-reset, input[type="reset"] {
        scale: 0;
        border-width: 0;
        margin-inline: calc(0.25rem * 0);
        width: calc(0.25rem * 0);
        padding-inline: calc(0.25rem * 0);
        opacity: 0%;
      }
    }
    &:has(input:checked:not(.filter-reset)) {
      input:not(:checked, .filter-reset, input[type="reset"]) {
        scale: 0;
        border-width: 0;
        margin-inline: calc(0.25rem * 0);
        width: calc(0.25rem * 0);
        padding-inline: calc(0.25rem * 0);
        opacity: 0%;
      }
    }
  }
  .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);
  }
  .footer {
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    place-items: start;
    column-gap: calc(0.25rem * 4);
    row-gap: calc(0.25rem * 10);
    font-size: 0.875rem;
    line-height: 1.25rem;
    & > * {
      display: grid;
      place-items: start;
      gap: calc(0.25rem * 2);
    }
    &.footer-center {
      grid-auto-flow: column dense;
      place-items: center;
      text-align: center;
      & > * {
        place-items: center;
      }
    }
  }
  .carousel {
    display: inline-flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .alert {
    display: grid;
    align-items: center;
    gap: calc(0.25rem * 4);
    border-radius: var(--radius-box);
    padding-inline: calc(0.25rem * 4);
    padding-block: calc(0.25rem * 3);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    justify-content: start;
    justify-items: start;
    grid-auto-flow: column;
    grid-template-columns: auto;
    text-align: start;
    border: var(--border) solid var(--color-base-200);
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
    }
    &:has(:nth-child(2)) {
      grid-template-columns: auto minmax(auto, 1fr);
    }
    &.alert-outline {
      background-color: transparent;
      color: var(--alert-color);
      box-shadow: none;
      background-image: none;
    }
    &.alert-dash {
      background-color: transparent;
      color: var(--alert-color);
      border-style: dashed;
      box-shadow: none;
      background-image: none;
    }
    &.alert-soft {
      color: var(--alert-color, var(--color-base-content));
      background: var(--alert-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100) );
      }
      border-color: var(--alert-color, var(--color-base-content));
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix( in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100) );
      }
      box-shadow: none;
      background-image: 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);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .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;
  }
  .grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .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;
    }
  }
  .resize {
    resize: both;
  }
  .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,);
  }
  .filter {
    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,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .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;
}
[data-theme="amanecer"] {
  --room-accent: #ef8b2c;
  --room-accent-strong: #d9741a;
  --room-gold: #a9761f;
  --room-bg: #fffaf3;
  --room-surface: #ffffff;
  --room-border: #f0e2ce;
  --room-text: #22303c;
}
.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__panel-age {
  display: grid;
  gap: 18px;
}
body[data-page="feed"] .sm-feed-settings__age-state {
  display: grid;
  gap: 10px;
  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__age-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}
body[data-page="feed"] .sm-feed-settings__age-row span {
  color: rgba(255, 243, 224, 0.62);
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-feed-settings__age-row strong {
  color: #fff6ea;
  font-size: 0.98rem;
}
body[data-page="feed"] .sm-feed-settings__age-claims {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body[data-page="feed"] .sm-feed-settings__age-chip {
  padding: 4px 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: rgba(255, 243, 224, 0.48);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
}
body[data-page="feed"] .sm-feed-settings__age-chip.is-on {
  border-color: rgba(209, 173, 91, 0.6);
  color: #f7e6bf;
}
body[data-page="feed"] .sm-feed-settings__age-form {
  display: grid;
  gap: 14px;
}
body[data-page="feed"] .sm-feed-settings__age-privacy {
  margin: 0;
  color: rgba(255, 243, 224, 0.74);
  font-size: 0.84rem;
  line-height: 1.5;
}
body[data-page="feed"] .sm-feed-settings__age-hint {
  margin: 0;
  color: rgba(255, 243, 224, 0.52);
  font-size: 0.78rem;
  line-height: 1.5;
}
body[data-page="feed"] .sm-feed-settings__age-loading {
  margin: 0;
  color: rgba(255, 243, 224, 0.62);
  font-size: 0.86rem;
}
body[data-page="feed"] .sm-feed-age-notice {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 14px 16px;
  border: 1px solid rgba(209, 173, 91, 0.42);
  border-radius: 14px;
  background: rgba(12, 10, 9, 0.88);
}
body[data-page="feed"] .sm-feed-age-notice p {
  margin: 0;
  color: rgba(255, 243, 224, 0.82);
  font-size: 0.84rem;
  line-height: 1.5;
}
.sm-age-cta {
  position: relative;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(rgba(18, 14, 10, 0.92), rgba(18, 14, 10, 0.92)) padding-box, linear-gradient(135deg, #f7e6bf 0%, #d1ad5b 38%, #8a6a2e 62%, #f2d79a 100%) border-box;
  color: #fff6ea;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 6px 16px rgba(0, 0, 0, 0.35);
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.sm-age-cta > span {
  position: relative;
  z-index: 1;
}
.sm-age-cta::after {
  content: "";
  position: absolute;
  inset: -40% -60%;
  background: linear-gradient( 115deg, transparent 38%, rgba(255, 255, 255, 0.42) 50%, transparent 62% );
  transform: translateX(-70%);
  animation: sm-age-cta-sheen 3.6s ease-in-out infinite;
  pointer-events: none;
}
.sm-age-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.28) inset, 0 10px 22px rgba(0, 0, 0, 0.42);
}
.sm-age-cta:disabled {
  opacity: 0.6;
  cursor: default;
  transform: none;
}
@keyframes sm-age-cta-sheen {
  0% {
    transform: translateX(-70%);
  }
  55% {
    transform: translateX(70%);
  }
  100% {
    transform: translateX(70%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .sm-age-cta::after {
    animation: none;
  }
}
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 {
  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 {
  margin: 0;
  color: rgba(255, 243, 224, 0.78);
  font-size: 0.85rem;
  line-height: 1.5;
}
body[data-page="feed"] .sm-feed-settings__info-card ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}
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], body[data-workplace] {
  --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;
}
@media (min-width: 1101px) {
  body[data-page="feed"][data-surface="room"] .sm-feed-shell:not(:has(.sm-feed-shell__right-rail)) {
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  }
  body[data-page="feed"][data-surface="room"] .sm-feed-shell__center-column {
    max-width: none !important;
    margin-inline: 0 !important;
    padding-right: 20px;
  }
}
body[data-page="feed"] .sm-room.sm-room-desk {
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  align-items: start;
  column-gap: 14px;
  max-width: 1200px;
}
body[data-page="feed"] .sm-room-desk__pane {
  display: grid;
  gap: 10px;
  min-width: 0;
}
body[data-page="feed"] .sm-room-rail {
  min-width: 0;
}
body[data-page="feed"] .sm-room-rail__list {
  position: sticky;
  top: 10px;
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent) 18%, transparent);
  }
  border-radius: 16px;
}
body[data-page="feed"] .sm-room-rail__head {
  display: grid;
  gap: 6px;
}
body[data-page="feed"] .sm-room-rail__filters, body[data-page="feed"] .sm-room-rail__sorts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
body[data-page="feed"] .sm-room-rail__filter, body[data-page="feed"] .sm-room-rail__sort {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  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.54rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0.6;
}
body[data-page="feed"] .sm-room-rail__filter:hover, body[data-page="feed"] .sm-room-rail__sort: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-rail__filter.is-active, body[data-page="feed"] .sm-room-rail__sort.is-active {
  opacity: 1;
  color: var(--room-accent);
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 22%, transparent);
  }
  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-rail__search input {
  width: 100%;
  padding: 6px 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) 22%, transparent);
  }
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font-size: 0.64rem;
}
body[data-page="feed"] .sm-room-rail__search input::placeholder {
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 45%, transparent);
  }
}
body[data-page="feed"] .sm-room-rail__body {
  display: grid;
  gap: 2px;
  max-height: 62vh;
  overflow-y: auto;
}
body[data-page="feed"] .sm-room-rail__empty {
  margin: 0;
  font-size: 0.62rem;
  opacity: 0.6;
}
body[data-page="feed"] .sm-room-session {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 7px 9px;
  border-left: 2px solid transparent;
  border-radius: 10px;
  color: inherit;
  text-decoration: none;
}
body[data-page="feed"] .sm-room-session:hover {
  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-session.is-open {
  border-left-color: var(--room-accent);
  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-session__head {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
body[data-page="feed"] .sm-room-session__label {
  min-width: 0;
  overflow: hidden;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-page="feed"] .sm-room-session__count {
  margin-left: auto;
  font-size: 0.5rem;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  opacity: 0.7;
}
body[data-page="feed"] .sm-room-session__meta {
  font-size: 0.52rem;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 62%, transparent);
  }
}
body[data-page="feed"] .sm-room-session__last {
  overflow: hidden;
  font-size: 0.56rem;
  line-height: 1.3;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 78%, transparent);
  }
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-page="feed"] .sm-room-session__last--quiet {
  font-style: italic;
  opacity: 0.55;
}
body[data-page="feed"] .sm-room-panel__body {
  padding-top: 6px;
}
body[data-page="feed"] .sm-room-panel__body .sm-empty-state {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 66%, transparent);
  }
  font-size: 0.66rem;
  line-height: 1.4;
}
body[data-page="feed"] .sm-room-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 6px;
  margin: 10px 0 0;
}
body[data-page="feed"] .sm-room-facts__item {
  display: grid;
  gap: 1px;
}
body[data-page="feed"] .sm-room-facts dt {
  font-size: 0.5rem;
  letter-spacing: 0.04em;
  opacity: 0.6;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-room-facts dd {
  margin: 0;
  font-size: 0.64rem;
  font-weight: 600;
}
@media (max-width: 1100px) {
  body[data-page="feed"] .sm-room.sm-room-desk {
    grid-template-columns: minmax(0, 1fr);
  }
  body[data-page="feed"] .sm-room-rail__list {
    position: static;
  }
  body[data-page="feed"] .sm-room-rail__body {
    max-height: 40vh;
  }
}
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-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-thread {
  display: grid;
  gap: 6px;
}
body[data-page="feed"] .sm-room-thread__day {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 6px;
  color: var(--room-accent);
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-room-thread__day::before, body[data-page="feed"] .sm-room-thread__day::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 22%, transparent);
  }
}
body[data-page="feed"] .sm-room-thread__day:first-child {
  margin-top: 0;
}
body[data-page="feed"] .sm-room-thread__note {
  margin: 2px 0;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 58%, transparent);
  }
  font-size: 0.66rem;
  text-align: center;
}
body[data-page="feed"] .sm-room-thread__empty {
  margin: 4px 0;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 58%, transparent);
  }
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-room-bubble {
  max-width: 82%;
  padding: 8px 12px;
  border: 1px solid var(--room-border, #2c2150);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-border, #2c2150) 60%, transparent);
  }
  border-radius: 14px;
  background: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-text, #ece7f7) 6%, transparent);
  }
}
body[data-page="feed"] .sm-room-bubble--me {
  margin-inline-start: auto;
  border-color: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--room-accent) 34%, transparent);
  }
  background: var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent) 14%, transparent);
  }
  border-end-end-radius: 4px;
}
body[data-page="feed"] .sm-room-bubble--them {
  margin-inline-end: auto;
  border-end-start-radius: 4px;
}
body[data-page="feed"] .sm-room-bubble__text {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
body[data-page="feed"] .sm-room-bubble__transcript {
  margin: 6px 0 0;
  padding-top: 6px;
  border-top: 1px solid var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, var(--room-text, #ece7f7) 14%, transparent);
  }
  font-size: 0.74rem;
  line-height: 1.45;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 86%, transparent);
  }
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
body[data-page="feed"] .sm-room-bubble__noted {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 3px 0 0;
  color: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-accent, #b08d57) 78%, transparent);
  }
}
body[data-page="feed"] .sm-room-bubble__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 2px 0 0;
}
body[data-page="feed"] .sm-room-bubble__sheet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 14px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 42%, transparent);
  }
  cursor: pointer;
  transition: color 0.15s ease, background 0.15s ease;
}
body[data-page="feed"] .sm-room-bubble__sheet svg {
  width: 13px;
  height: 13px;
}
body[data-page="feed"] .sm-room-bubble__sheet:hover, body[data-page="feed"] .sm-room-bubble__sheet:focus-visible {
  background: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent, #b08d57) 18%, transparent);
  }
  color: var(--room-accent, #b08d57);
}
body[data-page="feed"] .sm-room-sheet {
  width: min(30rem, calc(100vw - 2rem));
  max-height: min(80vh, 34rem);
  padding: 0;
  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) 32%, transparent);
  }
  border-radius: 16px;
  background: var(--room-bg, #0d0a1a);
  color: var(--room-text, #ece7f7);
  overflow: auto;
}
body[data-page="feed"] .sm-room-sheet::backdrop {
  background: rgb(6 5 12 / 62%);
}
body[data-page="feed"] .sm-room-sheet__card {
  display: grid;
  gap: 10px;
  padding: 14px 16px 16px;
}
body[data-page="feed"] .sm-room-sheet__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body[data-page="feed"] .sm-room-sheet__title {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-accent, #b08d57) 86%, var(--room-text, #ece7f7));
  }
}
body[data-page="feed"] .sm-room-sheet__close {
  padding: 4px 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) 28%, transparent);
  }
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.6rem;
  cursor: pointer;
}
body[data-page="feed"] .sm-room-sheet__close:hover {
  border-color: var(--room-accent, #b08d57);
}
body[data-page="feed"] .sm-room-sheet__facts {
  display: grid;
  gap: 6px;
  margin: 0;
}
body[data-page="feed"] .sm-room-sheet__facts > div {
  display: grid;
  grid-template-columns: 7.5rem 1fr;
  gap: 8px;
  align-items: baseline;
}
body[data-page="feed"] .sm-room-sheet__facts dt {
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 55%, transparent);
  }
  font-size: 0.58rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-room-sheet__facts dd {
  margin: 0;
  font-size: 0.72rem;
}
body[data-page="feed"] .sm-room-sheet__label {
  margin: 4px 0 0;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 55%, transparent);
  }
  font-size: 0.58rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body[data-page="feed"] .sm-room-sheet__line {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid var(--room-border, #2c2150);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-border, #2c2150) 60%, transparent);
  }
  border-radius: 10px;
  background: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-text, #ece7f7) 5%, transparent);
  }
  font-size: 0.78rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
body[data-page="feed"] .sm-room-sheet__muted {
  opacity: 0.6;
}
body[data-page="feed"] .sm-room-sheet__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}
body[data-page="feed"] .sm-room-sheet__act {
  padding: 6px 12px;
  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) 32%, transparent);
  }
  border-radius: 999px;
  background: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-accent, #b08d57) 10%, transparent);
  }
  color: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-accent, #b08d57) 82%, var(--room-text, #ece7f7));
  }
  font: inherit;
  font-size: 0.64rem;
  font-weight: 700;
  cursor: pointer;
}
body[data-page="feed"] .sm-room-sheet__editor {
  display: grid;
  gap: 6px;
  padding-top: 4px;
  border-top: 1px solid var(--room-border, #2c2150);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, var(--room-border, #2c2150) 60%, transparent);
  }
}
body[data-page="feed"] .sm-room-sheet__editor[hidden] {
  display: none;
}
body[data-page="feed"] .sm-room-sheet__note {
  width: 100%;
  padding: 8px 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) 28%, transparent);
  }
  border-radius: 10px;
  background: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-text, #ece7f7) 5%, transparent);
  }
  color: inherit;
  font: inherit;
  font-size: 0.76rem;
  line-height: 1.5;
  resize: vertical;
}
body[data-page="feed"] .sm-room-sheet__line strong {
  color: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-accent, #b08d57) 86%, var(--room-text, #ece7f7));
  }
  font-weight: 700;
}
body[data-page="feed"] .sm-room-sheet__act:hover {
  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) 20%, transparent);
  }
}
body[data-page="feed"] .sm-room .sm-sr {
  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-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-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-info {
  padding: 0 12px;
}
body[data-page="feed"] .sm-room-info__body {
  padding-top: 6px;
}
body[data-page="feed"] .sm-room-composer {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: grid;
  gap: 6px;
  margin-top: 4px;
  padding: 8px 12px 10px;
  border-top: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in srgb, var(--room-accent) 22%, transparent);
  }
  background: var(--room-bg, #0d0a1a);
}
body[data-page="feed"] .sm-room-composer__form {
  display: grid;
  gap: 8px;
}
body[data-page="feed"] .sm-room-composer__tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body[data-page="feed"] .sm-room-composer__row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
body[data-page="feed"] .sm-room-composer__form textarea {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 34px;
  max-height: 9rem;
  padding: 7px 14px;
  border: 1px solid var(--room-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--room-accent) 28%, transparent);
  }
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.78rem;
  line-height: 1.4;
  resize: none;
}
body[data-page="feed"] .sm-room-composer__form textarea::placeholder {
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 45%, transparent);
  }
}
body[data-page="feed"] .sm-room-composer__form textarea:focus-visible {
  outline: none;
  border-color: var(--room-accent);
}
body[data-page="feed"] .sm-room-composer__send {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  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) 55%, var(--room-primary, #8b5cf6)) );
  }
  color: #12131a;
  cursor: pointer;
}
body[data-page="feed"] .sm-room-composer__send svg {
  width: 17px;
  height: 17px;
}
body[data-page="feed"] .sm-room-composer__send:disabled {
  opacity: 0.45;
  cursor: default;
}
body[data-page="feed"] .sm-room-composer__handoff {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding: 0 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) 28%, transparent);
  }
  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) 80%, var(--room-text, #ece7f7));
  }
  font: inherit;
  font-size: 0.54rem;
  font-weight: 700;
  cursor: pointer;
}
body[data-page="feed"] .sm-room-composer__handoff svg {
  width: 13px;
  height: 13px;
}
body[data-page="feed"] .sm-room-composer__handoff:hover:not(:disabled) {
  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-composer__handoff:disabled {
  opacity: 0.45;
  cursor: default;
}
@media (max-width: 620px) {
  body[data-page="feed"] .sm-room-composer__handoff span {
    display: none;
  }
}
body[data-page="feed"] .sm-room-composer__status {
  font-size: 0.54rem;
}
body[data-page="feed"] .sm-room-composer__status p {
  margin: 0;
  opacity: 0.7;
}
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;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  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: transparent;
  color: inherit;
  font: inherit;
  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-tray {
  position: absolute;
  right: 12px;
  bottom: calc(100% - 6px);
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 5px;
  animation: sm-room-tray-float 7s ease-in-out infinite;
}
body[data-page="feed"] .sm-room-thread {
  padding-block-end: 34px;
}
body[data-page="feed"] .sm-room-iconbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  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) 32%, transparent);
  }
  border-radius: 999px;
  background: var(--room-bg, #0d0a1a);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--room-bg, #0d0a1a) 72%, transparent);
  }
  color: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-accent, #b08d57) 78%, var(--room-text, #ece7f7));
  }
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
body[data-page="feed"] .sm-room-iconbtn svg {
  width: 16px;
  height: 16px;
}
body[data-page="feed"] .sm-room-iconbtn:hover:not([disabled]) {
  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) 16%, transparent);
  }
}
body[data-page="feed"] .sm-room-voice-tray:has(input:disabled) :is(.sm-room-iconbtn, .sm-room-orb) {
  opacity: 0.45;
  cursor: default;
}
body[data-page="feed"] .sm-room-voice-tray.is-recording .sm-room-iconbtn[data-room-record] {
  border-color: rgb(230 150 150 / 60%);
  color: rgb(245 180 180);
  animation: sm-room-rec-pulse 1.4s ease-in-out infinite;
}
body[data-page="feed"] .sm-room-voice-tray.has-audio .sm-room-iconbtn, body[data-page="feed"] .sm-room-voice-tray.has-audio .sm-room-orb {
  border-color: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--room-accent, #b08d57) 16%, transparent);
  }
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 52%, transparent);
  }
}
body[data-page="feed"] .sm-room-composer:has(.sm-room-voice-tray.has-audio) .sm-room-composer__send {
  box-shadow: 0 0 0 3px var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--room-accent, #b08d57) 32%, transparent);
  }
}
body[data-page="feed"] .sm-room-orb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: none;
  color: var(--room-text, #ece7f7);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-text, #ece7f7) 76%, transparent);
  }
  cursor: pointer;
  transition: color 0.2s ease;
}
body[data-page="feed"] .sm-room-orb::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  box-shadow: 0 0 8px 0 currentColor, 0 0 19px 4px currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 8px 0 color-mix(in srgb, currentColor 62%, transparent), 0 0 19px 4px color-mix(in srgb, currentColor 28%, transparent);
  }
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
body[data-page="feed"] .sm-room-orb svg {
  width: 26px;
  height: 26px;
}
body[data-page="feed"] .sm-room-orb[data-room-awake="true"] {
  color: var(--room-accent, #b08d57);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--room-accent, #b08d57) 88%, var(--room-text, #ece7f7));
  }
}
body[data-page="feed"] .sm-room-orb[data-room-linked="true"] {
  color: var(--room-accent, #b08d57);
  animation: sm-room-orb-mood 18s ease-in-out infinite;
}
body[data-page="feed"] .sm-room-orb[data-room-linked="true"]::after, body[data-page="feed"] .sm-room-orb.is-speaking::after {
  opacity: 1;
}
body[data-page="feed"] .sm-room-orb.is-speaking {
  animation: sm-room-orb-mood 18s ease-in-out infinite, sm-room-orb-breathe 1.1s ease-in-out infinite;
}
body[data-page="feed"] .sm-room-orb:hover:not(:disabled) {
  color: var(--room-accent, #b08d57);
}
body[data-page="feed"] .sm-room-orb:disabled {
  opacity: 0.35;
  cursor: default;
}
@keyframes sm-room-orb-mood {
  0%, 100% {
    color: var(--room-accent, #b08d57);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--room-accent, #b08d57) 100%, transparent);
    }
  }
  33% {
    color: var(--room-accent, #b08d57);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--room-accent, #b08d57) 70%, var(--room-primary, #8b5cf6));
    }
  }
  66% {
    color: var(--room-primary, #8b5cf6);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--room-primary, #8b5cf6) 72%, var(--room-text, #ece7f7));
    }
  }
}
@keyframes sm-room-orb-breathe {
  0%, 100% {
    scale: 1;
  }
  50% {
    scale: 1.06;
  }
}
@keyframes sm-room-tray-float {
  0%, 100% {
    translate: 0 0;
  }
  50% {
    translate: 0 -4px;
  }
}
@keyframes sm-room-rec-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgb(230 150 150 / 45%);
  }
  50% {
    box-shadow: 0 0 0 6px rgb(230 150 150 / 0%);
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="feed"] .sm-room-voice-tray, body[data-page="feed"] .sm-room-voice-tray.is-recording .sm-room-iconbtn[data-room-record], body[data-page="feed"] .sm-room-orb[data-room-linked="true"], body[data-page="feed"] .sm-room-orb.is-speaking {
    animation: none;
  }
}
body[data-page="feed"] .sm-room-voice-note {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 124px;
}
body[data-page="feed"] .sm-room-voice-note__play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 26px;
  height: 26px;
  padding: 0;
  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) 40%, transparent);
  }
  border-radius: 999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
body[data-page="feed"] .sm-room-voice-note__play svg {
  width: 13px;
  height: 13px;
}
body[data-page="feed"] .sm-room-voice-note__off {
  display: none;
}
body[data-page="feed"] .sm-room-voice-note__play[aria-pressed="true"] {
  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);
  }
}
body[data-page="feed"] .sm-room-voice-note__play[aria-pressed="true"] .sm-room-voice-note__on {
  display: none;
}
body[data-page="feed"] .sm-room-voice-note__play[aria-pressed="true"] .sm-room-voice-note__off {
  display: inline-flex;
}
body[data-page="feed"] .sm-room-voice-note__audio {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
body[data-page="feed"] .sm-room-voice-note__time {
  font-size: 0.68rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.78;
}
body[data-page="feed"] .sm-room-voice-note::after {
  content: "";
  flex: 1 1 auto;
  height: 13px;
  border-radius: 2px;
  background: repeating-linear-gradient( 90deg, currentColor 0 1px, transparent 1px 4px );
  @supports (color: color-mix(in lab, red, red)) {
    background: repeating-linear-gradient( 90deg, color-mix(in srgb, currentColor 45%, transparent) 0 1px, transparent 1px 4px );
  }
  opacity: 0.45;
}
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-page-room_chat {
  padding: 12px 0;
}
body[data-page="room_chat"] .sm-page-room_chat .sm-wa {
  height: calc(100vh - 24px);
}
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-topics {
  margin-bottom: 8px;
}
body[data-page="room_chat"] .sm-wa-topics__label {
  margin: 0 0 6px;
  font-size: 0.74rem;
  color: rgba(233, 237, 239, 0.6);
}
body[data-page="room_chat"] .sm-wa-topics__row {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}
body[data-page="room_chat"] .sm-wa-topics__row::-webkit-scrollbar {
  display: none;
}
body[data-page="room_chat"] .sm-wa-topic {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: #2a3942;
  color: #e9edef;
  font: inherit;
  font-size: 0.78rem;
  white-space: nowrap;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease;
}
body[data-page="room_chat"] .sm-wa-topic:hover {
  background: #33454f;
  border-color: rgba(255, 255, 255, 0.2);
}
body[data-page="room_chat"] .sm-wa-topic:focus-visible {
  outline: none;
  border-color: rgba(233, 237, 239, 0.55);
  box-shadow: 0 0 0 3px rgba(233, 237, 239, 0.14);
}
body[data-page="room_chat"] .sm-wa-topic__glyph {
  font-size: 0.9rem;
  line-height: 1;
}
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);
  }
}
.sm-gatillo {
  display: grid;
  gap: 0.6rem;
  margin-bottom: 1rem;
  padding: 0.9rem 1.1rem;
  border: 1px dashed var(--gt-line, rgba(127, 127, 127, 0.35));
  border-radius: var(--gt-radius, 12px);
  background: var(--gt-surface, rgba(127, 127, 127, 0.06));
  color: var(--gt-ink, inherit);
}
.sm-gatillo__h {
  margin: 0;
  font-size: 1rem;
}
.sm-gatillo__sub, .sm-gatillo__why {
  margin: 0;
  color: var(--gt-muted, inherit);
  font-size: 0.9rem;
}
.sm-gatillo__piece {
  margin: 0;
}
.sm-gatillo__steps {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.9rem;
}
.sm-gatillo__steps li {
  margin-bottom: 0.15rem;
}
.sm-gatillo__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.sm-gatillo__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.95rem 0.35rem 0.5rem;
  border: 1px solid var(--gt-accent, #2f6bd8);
  border-radius: 999px;
  background: var(--gt-accent-soft, rgba(47, 107, 216, 0.12));
  color: var(--gt-accent, #2f6bd8);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.sm-gatillo__trigger:hover {
  background: var(--gt-accent, #2f6bd8);
  color: var(--gt-accent-ink, #fff);
}
.sm-gatillo__icon {
  display: block;
  width: 30px;
  height: 30px;
}
.sm-gatillo[data-sm-gatillo-running="true"] .sm-gatillo__icon {
  animation: sm-gatillo-late 1.6s ease-in-out infinite;
}
@keyframes sm-gatillo-late {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.92);
    opacity: 0.75;
  }
}
.sm-gatillo__stop {
  padding: 0.35rem 0.9rem;
  border: 1px solid var(--gt-line, rgba(127, 127, 127, 0.35));
  border-radius: 999px;
  background: transparent;
  color: var(--gt-muted, inherit);
  cursor: pointer;
  font: inherit;
}
.sm-gatillo__audio {
  width: 100%;
  max-width: 22rem;
}
.sm-gatillo__pending {
  margin: 0;
  padding: 0.6rem 0.8rem;
  border-left: 3px solid var(--gt-warn, #c48a32);
  background: var(--gt-warn, #c48a32);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--gt-warn, #c48a32) 12%, transparent);
  }
  font-size: 0.85rem;
}
.sm-gatillo__status {
  margin: 0;
  min-height: 1.2em;
  color: var(--gt-muted, inherit);
  font-size: 0.9rem;
}
.sm-gatillo__note {
  margin: 0;
  color: var(--gt-muted, inherit);
  font-size: 0.8rem;
}
.sm-gatillo__pick {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.7rem;
  border-top: 1px solid var(--gt-line, rgba(127, 127, 127, 0.25));
}
.sm-gatillo__pick-field {
  display: grid;
  gap: 0.2rem;
}
.sm-gatillo__pick-label {
  color: var(--gt-muted, inherit);
  font-size: 0.78rem;
}
.sm-gatillo__select {
  min-width: 15rem;
  max-width: 100%;
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--gt-line, rgba(127, 127, 127, 0.35));
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.9rem;
}
.sm-gatillo__select:disabled {
  opacity: 0.6;
}
.sm-gatillo__save {
  padding: 0.35rem 0.9rem;
  border: 1px solid var(--gt-accent, #2f6bd8);
  border-radius: 999px;
  background: transparent;
  color: var(--gt-accent, #2f6bd8);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.sm-gatillo__embed {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  max-width: 560px;
  overflow: hidden;
  border: 1px solid var(--gt-line, rgba(127, 127, 127, 0.35));
  border-radius: 12px;
}
.sm-gatillo__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.sm-gatillo__save:hover {
  background: var(--gt-accent-soft, rgba(47, 107, 216, 0.12));
}
.sm-gatillo__pick-status, .sm-gatillo__pick-note {
  color: var(--gt-muted, inherit);
  font-size: 0.82rem;
}
.sm-gatillo__pick-status.is-error {
  color: var(--gt-error, #b3261e);
}
.sm-gatillo__pick-note {
  flex-basis: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .sm-gatillo[data-sm-gatillo-running="true"] .sm-gatillo__icon {
    animation: none !important;
  }
}
.sm-promos {
  margin: 28px 0;
  padding: 20px 22px;
  border: 1px solid var(--sm-line);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.48));
}
.sm-promos__head {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}
.sm-promos__eyebrow {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--sm-rust);
}
.sm-promos__title {
  margin: 0;
  font-size: 1.25rem;
}
.sm-promos__lead {
  margin: 0;
  max-width: 62ch;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.86rem;
  line-height: 1.5;
  color: rgba(19, 19, 19, 0.72);
}
.sm-promos__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sm-promos__item {
  display: flex;
}
.sm-promos__link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 14px;
  border: 1px solid var(--sm-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  color: inherit;
  font-family: Inter, system-ui, sans-serif;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.sm-promos__link:hover, .sm-promos__link:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(61, 35, 55, 0.12);
}
.sm-promos__img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
}
.sm-promos__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sm-promos__comercio {
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(19, 19, 19, 0.6);
}
.sm-promos__name {
  font-size: 1rem;
  font-weight: 700;
}
.sm-promos__text {
  font-size: 0.84rem;
  line-height: 1.45;
  color: rgba(19, 19, 19, 0.74);
}
.sm-promos__go {
  margin-top: auto;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--sm-rust);
}
@media (prefers-reduced-motion: reduce) {
  .sm-promos__link:hover, .sm-promos__link:focus-visible {
    transform: none;
  }
}
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__motto {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.72rem;
  opacity: 0.85;
}
.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);
}
body[data-app="wobawo"], .wb-shell {
  --wb-ink: #14161c;
  --wb-muted: #5c6472;
  --wb-line: #e3e6ee;
  --wb-surface: #ffffff;
  --wb-bg: #fbfbfd;
  --wb-magenta: #e0459b;
  --wb-orange: #f0a020;
  --wb-yellow: #f5c518;
  --wb-green: #2fa36b;
  --wb-blue: #2f6bd8;
  --wb-violet: #8b5cf6;
  --wb-red: #e0453a;
  --wb-radius: 20px;
  --wb-radius-sm: 14px;
  --wb-shadow: 0 12px 34px rgba(20, 22, 28, 0.09);
  --wb-accent-mix: 100%;
  --hub-ink: var(--wb-ink);
  --hub-muted: var(--wb-muted);
  --hub-line: var(--wb-line);
  --hub-surface: var(--wb-surface);
  --hub-bg: var(--wb-bg);
  --hub-gold: var(--wb-orange);
  --hub-gold-soft: #fdeccd;
  --hub-gold-deep: #b5701a;
  --hub-radius: var(--wb-radius);
}
body[data-theme-mode="cristal"][data-app="wobawo"], body[data-theme-mode="cristal"][data-app="wobawo"] .wb-shell {
  --wb-bg: #0b1020;
  --wb-ink: #eef2ff;
  --wb-muted: #9fb0d4;
  --wb-line: rgba(255, 255, 255, 0.16);
  --wb-surface: rgba(255, 255, 255, 0.07);
  --wb-shadow: 0 18px 44px rgba(3, 6, 18, 0.55);
  --wb-accent-mix: 58%;
  --hub-line: var(--wb-line);
  --hub-surface: var(--wb-surface);
  --hub-gold-soft: rgba(240, 160, 32, 0.18);
  --hub-gold-deep: #f0c07a;
}
body[data-theme-mode="oscuro"][data-app="wobawo"], body[data-theme-mode="oscuro"][data-app="wobawo"] .wb-shell {
  --wb-bg: #0e0e12;
  --wb-ink: #f2f2f5;
  --wb-muted: #a3a3ad;
  --wb-line: #2b2b33;
  --wb-surface: #191920;
  --wb-shadow: 0 18px 44px rgba(0, 0, 0, 0.6);
  --wb-accent-mix: 58%;
  --hub-line: var(--wb-line);
  --hub-surface: var(--wb-surface);
  --hub-gold-soft: rgba(240, 160, 32, 0.16);
  --hub-gold-deep: #f0c07a;
}
body[data-workplace] {
  --wb-work-bg: #f7f3ea;
  --wb-work-surface: rgba(255, 253, 250, 0.95);
  --wb-work-surface-alto: rgba(255, 253, 250, 0.9);
  --wb-work-soft: rgba(242, 237, 228, 0.8);
  --wb-work-line: rgba(163, 146, 124, 0.32);
  --wb-work-line-soft: rgba(163, 146, 124, 0.2);
  --wb-work-filo: rgba(255, 255, 255, 0.75);
  --wb-work-text: #241f18;
  --wb-work-muted: #6b6152;
  --wb-work-titulo: #7a5a00;
  --wb-work-accent: #a05a00;
  --wb-work-accent-soft: rgba(160, 90, 0, 0.12);
  --wb-work-velo: rgba(255, 253, 250, 0.94);
  --wb-work-lateral: rgba(242, 237, 228, 0.8);
  --wb-work-lateral-borde: rgba(22, 32, 43, 0.16);
  --wb-work-bruma: saturate(120%) blur(6px);
  --wb-work-wash: radial-gradient(920px 640px at 8% -14%, rgba(31, 111, 235, 0.34), transparent 60%),
		radial-gradient(800px 560px at 90% -6%, rgba(124, 92, 240, 0.3), transparent 62%),
		radial-gradient(760px 760px at 66% 114%, rgba(16, 185, 129, 0.24), transparent 60%),
		radial-gradient(600px 520px at 34% 46%, rgba(56, 189, 248, 0.16), transparent 62%);
  --wb-work-radius-sm: 10px;
  --wb-work-radius-md: 10px;
  --wb-work-radius-panel: 14px;
  --wb-work-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 10px 28px rgba(16, 24, 40, 0.09);
  --wb-work-font: "Aptos", "Segoe UI Variable Text", "Bahnschrift", var(--sm-admin-font);
}
body[data-workplace] .wb-shell {
  font-family: var(--wb-work-font);
}
body[data-workplace][data-theme-mode="cristal"] {
  --wb-work-bg: #eef3f9;
  --wb-work-surface: rgba(255, 255, 255, 0.95);
  --wb-work-surface-alto: rgba(255, 255, 255, 0.9);
  --wb-work-soft: rgba(227, 235, 242, 0.8);
  --wb-work-line: rgba(148, 163, 184, 0.32);
  --wb-work-line-soft: rgba(148, 163, 184, 0.2);
  --wb-work-filo: rgba(255, 255, 255, 0.75);
  --wb-work-text: #16202b;
  --wb-work-muted: #4f5f72;
  --wb-work-titulo: #7a5a00;
  --wb-work-accent: #1f6feb;
  --wb-work-accent-soft: rgba(31, 111, 235, 0.12);
  --wb-work-velo: rgba(255, 255, 255, 0.94);
  --wb-work-lateral: rgba(227, 235, 242, 0.8);
  --wb-work-lateral-borde: rgba(22, 32, 43, 0.16);
  --wb-work-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 10px 28px rgba(16, 24, 40, 0.09);
}
body[data-workplace][data-theme-mode="oscuro"] {
  --wb-work-bg: #080b11;
  --wb-work-surface: rgba(21, 26, 34, 0.95);
  --wb-work-surface-alto: rgba(27, 34, 44, 0.9);
  --wb-work-soft: rgba(12, 22, 39, 0.8);
  --wb-work-line: rgba(148, 163, 184, 0.22);
  --wb-work-line-soft: rgba(148, 163, 184, 0.14);
  --wb-work-filo: rgba(255, 255, 255, 0.08);
  --wb-work-text: #eef4fb;
  --wb-work-muted: #9dacbd;
  --wb-work-titulo: #f5c542;
  --wb-work-accent: #79b8ff;
  --wb-work-accent-soft: rgba(47, 129, 247, 0.16);
  --wb-work-velo: rgba(21, 26, 34, 0.94);
  --wb-work-lateral: rgba(12, 22, 39, 0.8);
  --wb-work-lateral-borde: rgba(238, 244, 251, 0.16);
  --wb-work-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 30px rgba(0, 0, 0, 0.45);
  --wb-work-wash: radial-gradient(920px 640px at 8% -14%, rgba(47, 129, 247, 0.3), transparent 60%),
		radial-gradient(800px 560px at 90% -6%, rgba(124, 92, 240, 0.28), transparent 62%),
		radial-gradient(760px 760px at 66% 114%, rgba(16, 185, 129, 0.2), transparent 60%),
		radial-gradient(600px 520px at 34% 46%, rgba(56, 189, 248, 0.12), transparent 62%);
}
body[data-workplace][data-theme-mode] .wb-shell.wb-shell--tbl, body[data-workplace][data-theme-mode] .wb-shell.wb-shell--esp {
  background-color: var(--wb-work-bg);
  background-image: var(--wb-work-wash);
  background-attachment: fixed;
}
body[data-theme-mode="cristal"][data-app="wobawo"] .wb-shell {
  background: radial-gradient(115% 85% at 8% 0%, rgba(224, 69, 155, 0.16) 0%, transparent 58%),	radial-gradient(95% 80% at 38% 100%, rgba(47, 107, 216, 0.22) 0%, transparent 62%),	radial-gradient(80% 70% at 96% 18%, rgba(139, 92, 246, 0.16) 0%, transparent 60%),	linear-gradient(180deg, #0d1428 0%, var(--wb-bg) 100%);
}
body[data-theme-mode="oscuro"][data-app="wobawo"] .wb-shell {
  background: radial-gradient(115% 85% at 8% 0%, rgba(224, 69, 155, 0.1) 0%, transparent 58%),	radial-gradient(80% 70% at 96% 18%, rgba(47, 107, 216, 0.12) 0%, transparent 60%),	linear-gradient(180deg, #17171d 0%, var(--wb-bg) 100%);
}
body[data-theme-mode="cristal"][data-app="wobawo"] .wb-scene__img {
  filter: brightness(0.56) saturate(1.25);
}
body[data-theme-mode="cristal"][data-app="wobawo"] .wb-scene::before {
  background: linear-gradient(180deg, rgba(11, 16, 32, 0.68) 0%, rgba(11, 16, 32, 0.26) 62%, rgba(11, 16, 32, 0) 100%);
}
body[data-theme-mode="oscuro"][data-app="wobawo"] .wb-scene__img {
  filter: brightness(0.42) saturate(0.68);
}
body[data-theme-mode="oscuro"][data-app="wobawo"] .wb-scene::before {
  background: linear-gradient(180deg, rgba(10, 10, 14, 0.8) 0%, rgba(10, 10, 14, 0.4) 62%, rgba(10, 10, 14, 0) 100%);
}
.wb-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
body[data-theme-mode="cristal"][data-app="wobawo"] :is(	.wb-search,	.wb-value,	.wb-service,	.wb-eco,	.wb-band,	.wb-access__panel,	.wb-tabbar,	.wb-header	) {
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}
body[data-theme-mode="cristal"][data-app="wobawo"] .wb-header.is-scrolled {
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
}
.wb-header__theme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--wb-ink);
  transition: background-color 0.15s ease;
}
.wb-header__theme:hover {
  background: rgba(255, 255, 255, 0.12);
}
.wb-header__theme-icon {
  display: none;
}
body[data-theme-mode="claro"] [data-wb-theme-icon="cristal"], body[data-theme-mode="cristal"] [data-wb-theme-icon="oscuro"], body[data-theme-mode="oscuro"] [data-wb-theme-icon="claro"] {
  display: inline-flex;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/plus-jakarta-sans/plus-jakarta-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/fonts/plus-jakarta-sans/plus-jakarta-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
.wb-shell {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  color: var(--wb-ink);
  font-family: "Plus Jakarta Sans",	"Inter",	system-ui,	-apple-system,	"Segoe UI",	sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  --wb-scene-h: clamp(560px, 86vh, 840px);
  --wb-header-h: 62px;
  background: radial-gradient(115% 85% at 8% 0%, var(--wb-magenta) 0%, transparent 58%),	radial-gradient(95% 80% at 38% 100%, var(--wb-blue) 0%, transparent 62%),	radial-gradient(80% 70% at 96% 18%, var(--wb-violet) 0%, transparent 60%),	linear-gradient(180deg, #ffffff 0%, var(--wb-bg) 100%);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(115% 85% at 8% 0%, var(--wb-magenta) 0%, transparent 58%),	radial-gradient(95% 80% at 38% 100%, var(--wb-blue) 0%, transparent 62%),	radial-gradient(80% 70% at 96% 18%, var(--wb-violet) 0%, transparent 60%),	linear-gradient(180deg, #ffffff 0%, var(--wb-bg) 100%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(115% 85% at 8% 0%, color-mix(in srgb, var(--wb-magenta) 13%, transparent) 0%, transparent 58%),	radial-gradient(95% 80% at 38% 100%, color-mix(in srgb, var(--wb-blue) 13%, transparent) 0%, transparent 62%),	radial-gradient(80% 70% at 96% 18%, color-mix(in srgb, var(--wb-violet) 11%, transparent) 0%, transparent 60%),	linear-gradient(180deg, #ffffff 0%, var(--wb-bg) 100%);
    }
  }
}
@media (max-width: 979px) {
  .wb-shell {
    --wb-scene-h: clamp(480px, 74vh, 700px);
  }
}
.wb-scene {
  position: absolute;
  inset: 0 0 auto 0;
  height: var(--wb-scene-h);
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 6%, #000 94%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 6%, #000 94%, rgba(0, 0, 0, 0) 100%);
}
.wb-scene picture {
  display: block;
  width: 100%;
  height: 100%;
}
.wb-scene__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0%;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 76%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(180deg, #000 0%, #000 76%, rgba(0, 0, 0, 0) 100%);
}
.wb-scene::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 16%;
  background: linear-gradient(	180deg,	var(--wb-bg) 0%,	var(--wb-bg) 68%,	var(--wb-bg) 100%	);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(	180deg,	var(--wb-bg) 0%,	var(--wb-bg) 68%,	var(--wb-bg) 100%	);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(	180deg,	color-mix(in srgb, var(--wb-bg) 0%, transparent) 0%,	color-mix(in srgb, var(--wb-bg) 85%, transparent) 68%,	var(--wb-bg) 100%	);
    }
  }
}
.wb-header {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 18px;
  height: var(--wb-header-h);
  padding: 0 max(18px, calc((100vw - 1120px) / 2));
  background: linear-gradient(	180deg,	var(--wb-bg) 0%,	var(--wb-bg) 96px	);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(	180deg,	var(--wb-bg) 0%,	var(--wb-bg) 96px	);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(	180deg,	color-mix(in srgb, var(--wb-bg) 84%, transparent) 0%,	color-mix(in srgb, var(--wb-bg) 0%, transparent) 96px	);
    }
  }
  border-bottom: 1px solid transparent;
  transition: background 0.25s ease,	border-color 0.25s ease;
}
.wb-header__word, .wb-header__tag, .wb-header__nav a {
  color: var(--wb-ink);
  text-shadow: 0 1px 0 var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 1px 0 var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      text-shadow: 0 1px 0 color-mix(in srgb, var(--wb-bg) 62%, transparent);
    }
  }
}
.wb-header.is-scrolled {
  background: var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-bg) 88%, transparent);
    }
  }
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom-color: var(--wb-line);
}
.wb-shell :is(#wb-buscar, #wb-universo, #wb-objetivos, #wb-servicios, #wb-acceso, #wb-companero) {
  scroll-margin-top: calc(var(--wb-header-h) + 14px);
}
.wb-main.wb-main--door {
  width: 100%;
  max-width: none;
  padding: 0;
}
.wb-header__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}
body[data-app="wobawo"] {
  --wb-logo: url("/images/brand/wobawo/wobawo-logo.png");
}
.wb-header__glyph {
  display: block;
  width: 52px;
  height: 28px;
  background-image: var(--wb-logo);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.wb-header__name {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.wb-header__word {
  font-weight: 800;
  letter-spacing: -0.02em;
}
.wb-header__tag {
  font-size: 12px;
  font-weight: 600;
}
.wb-header__nav {
  display: none;
  gap: 22px;
  margin-left: auto;
  font-size: 14px;
}
.wb-header__nav a {
  text-decoration: none;
  transition: opacity 0.15s ease;
}
.wb-header__nav a:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.wb-header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wb-header__search {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--wb-ink);
  text-decoration: none;
  transition: background-color 0.15s ease;
}
.wb-header__search:hover, .wb-header__theme:hover {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-ink) 10%, transparent);
    }
  }
}
.wb-header__lang {
  position: relative;
}
.wb-header__lang > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  list-style: none;
}
.wb-header__lang > summary::-webkit-details-marker {
  display: none;
}
.wb-header__lang > summary::marker {
  content: "";
}
.wb-header__lang > summary {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--wb-ink);
  transition: background-color 0.15s ease;
}
.wb-header__lang > summary:hover, .wb-header__lang[open] > summary {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-ink) 10%, transparent);
    }
  }
}
.wb-header__lang-code {
  position: absolute;
  right: 1px;
  bottom: 1px;
  padding: 0 3px;
  border-radius: 6px;
  background: var(--wb-surface, #fff);
  color: var(--wb-ink);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.35;
}
.wb-header__lang > nav {
  position: absolute;
  z-index: 40;
  top: calc(100% + 10px);
  right: 0;
  display: flex;
  flex-direction: column;
  min-width: 156px;
  padding: 6px;
  border-radius: 14px;
  background: var(--wb-surface, #fff);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface, #fff);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-surface, #fff) 92%, var(--wb-ink));
    }
  }
  box-shadow: 0 12px 30px rgba(12, 16, 32, 0.18);
}
.wb-header__lang a {
  display: block;
  padding: 7px 10px;
  border-radius: 9px;
  color: var(--wb-ink);
  text-decoration: none;
  white-space: nowrap;
}
.wb-header__lang a:hover {
  color: var(--wb-accent, var(--wb-ink));
}
.wb-header__lang a[aria-current="true"] {
  font-weight: 700;
  color: var(--wb-ink);
}
.wb-header__lang a[aria-current="true"] {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-ink) 8%, transparent);
    }
  }
}
@media (min-width: 900px) {
  .wb-header__nav {
    display: flex;
  }
}
@media (max-width: 899px) {
  .wb-header__tag {
    display: none;
  }
  .wb-header__actions {
    margin-left: auto;
    gap: 4px;
  }
  .wb-header {
    gap: 12px;
    padding: 0 max(14px, calc((100vw - 1120px) / 2));
  }
  .wb-header .wb-header__access {
    padding: 9px 12px;
    font-size: 13px;
  }
}
@media (max-width: 979px) {
  .wb-header .wb-header__access--services {
    display: none;
  }
}
@media (max-width: 414px) {
  .wb-header__theme,	.wb-header__search,	.wb-header__lang > summary {
    width: 32px;
    height: 32px;
  }
  .wb-header__actions {
    gap: 2px;
  }
  .wb-header .wb-header__access {
    padding: 8px 11px;
  }
}
@media (max-width: 374px) {
  .wb-header__search {
    display: none;
  }
}
@media (max-width: 339px) {
  .wb-header__word {
    display: none;
  }
}
@media (min-width: 900px) and (max-width: 1119px) {
  .wb-header {
    gap: 12px;
  }
  .wb-header__nav {
    gap: 14px;
    font-size: 13px;
  }
  .wb-header__tag {
    display: none;
  }
  .wb-header__access {
    padding: 9px 14px;
    font-size: 13px;
  }
}
.wb-main {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 22px 18px 46px;
}
.wb-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid transparent;
  font: inherit;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.15s ease,	box-shadow 0.15s ease;
}
.wb-cta:hover {
  transform: translateY(-1px);
}
.wb-cta--primary {
  color: #fff;
  background: linear-gradient(120deg, var(--wb-magenta), var(--wb-violet) 50%, var(--wb-blue));
  box-shadow: 0 10px 24px rgba(47, 107, 216, 0.24);
}
.wb-cta--ghost {
  color: var(--wb-ink);
  background: var(--wb-surface);
  border-color: var(--wb-line);
}
.wb-cta:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.wb-field {
  display: block;
  margin-bottom: 10px;
}
.wb-field__label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: var(--wb-muted);
}
.wb-field__input {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: inherit;
  font: inherit;
}
.wb-field__input:focus-visible {
  outline: 2px solid var(--wb-blue);
  outline-offset: 1px;
}
.wb-field__hint {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--wb-muted);
}
.wb-pomo__minutes .wb-field__input {
  max-width: 7rem;
}
.sm-gatillo {
  --gt-surface: var(--wb-surface);
  --gt-line: var(--wb-line);
  --gt-ink: var(--wb-ink);
  --gt-muted: var(--wb-muted);
  --gt-accent: var(--wb-blue);
  --gt-accent-soft: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    --gt-accent-soft: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      --gt-accent-soft: color-mix(in srgb, var(--wb-blue) 14%, transparent);
    }
  }
  --gt-accent-ink: #f6faff;
  --gt-warn: var(--wb-yellow);
}
.wb-tabbar {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 40;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background: var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-bg) 92%, transparent);
    }
  }
  backdrop-filter: blur(12px);
  border-top: 1px solid var(--wb-line);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
@media (min-width: 980px) {
  .wb-tabbar {
    display: none;
  }
  .wb-shell {
    padding-bottom: 0;
  }
}
.wb-tabbar__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 9px 4px 8px;
  font-size: 11px;
  color: var(--wb-muted);
  text-decoration: none;
}
.wb-tabbar__item[aria-current="page"] {
  color: var(--wb-blue);
}
.wb-tabbar__icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  opacity: 0.75;
  transition: opacity 0.15s ease;
}
.wb-tabbar__item[aria-current="page"] .wb-tabbar__icon, .wb-tabbar__item:hover .wb-tabbar__icon {
  opacity: 1;
}
.wb-emblem {
  display: block;
  overflow: visible;
}
.wb-emblem__shard {
  opacity: 0.88;
  mix-blend-mode: multiply;
}
.wb-emblem__shard--blue {
  fill: var(--wb-blue);
}
.wb-emblem__shard--violet {
  fill: var(--wb-violet);
}
.wb-emblem__shard--magenta {
  fill: var(--wb-magenta);
}
.wb-emblem__shard--orange {
  fill: var(--wb-orange);
}
.wb-emblem__shard--yellow {
  fill: var(--wb-yellow);
}
.wb-emblem__shard--green {
  fill: var(--wb-green);
}
.wb-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.wb-wordmark__text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}
.wb-wordmark__name {
  font-weight: 800;
  letter-spacing: -0.02em;
}
.wb-wordmark__tag {
  font-size: 12px;
  color: var(--wb-muted);
}
.wb-hero {
  position: relative;
  z-index: 1;
  display: grid;
  align-items: stretch;
  margin-top: calc(-1 * var(--wb-header-h));
  padding: var(--wb-header-h) 0 0;
  min-height: var(--wb-scene-h);
}
.wb-hero__inner {
  display: grid;
  grid-template-rows: auto 1fr;
  justify-items: center;
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 20px 18px 32px;
}
@media (min-width: 980px) {
  .wb-hero__inner {
    grid-template-columns: minmax(0, 1fr);
  }
}
.wb-hero__box {
  display: none;
}
.wb-hero__box.is-open {
  display: flex;
  flex-direction: column;
  gap: 12px;
  animation: wb-box-in 0.34s cubic-bezier(0.22, 0.68, 0.32, 1) both;
}
.wb-hero__stage {
  min-width: 0;
}
.wb-hero__box-foot {
  margin: 0;
  text-align: center;
}
@media (min-width: 980px) {
  .wb-hero .wb-hero__box.is-open {
    position: absolute;
    inset: auto 24px 50% auto;
    width: min(460px, 40vw);
    animation-name: wb-box-in-right;
  }
  .wb-hero__box-foot {
    text-align: left;
  }
}
@keyframes wb-box-in-right {
  from {
    opacity: 0;
    transform: translateY(50%) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(50%);
  }
}
.wb-hero__claim {
  margin: 0;
  max-width: min(760px, 82vw);
  font-family: Caveat, "Segoe Script", cursive;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--wb-ink);
  text-shadow: 0 0 2px rgba(20, 22, 28, 0.4),	0 1px 1px rgba(20, 22, 28, 0.22);
}
.wb-hero__claim.is-turn {
  animation: wb-claim-in 0.5s ease both;
}
@keyframes wb-claim-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.wb-hero__foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  gap: 12px;
  width: 100%;
  text-align: center;
}
.wb-hero__foot > * {
  max-width: min(720px, 88vw);
}
.wb-hero__mark {
  margin: 0;
  font-family: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  font-size: clamp(34px, 4.6vw, 58px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--wb-ink);
}
.wb-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.wb-hero__note {
  margin: 0;
  font-size: 13px;
  color: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-ink) 78%, var(--wb-bg));
    }
  }
}
.wb-hero__note a {
  color: var(--wb-blue);
}
.wb-hero__stage {
  min-width: 0;
}
.wb-discovery {
  width: min(1120px, 100%);
  margin: -28px auto 0;
  padding: 0 18px;
  position: relative;
  z-index: 2;
}
.wb-search {
  margin: 0;
  padding: 16px 18px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
  box-shadow: var(--wb-shadow);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.wb-search__label {
  order: 1;
  flex: 1 0 100%;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.wb-search__icon {
  order: 2;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.wb-search__input {
  order: 3;
  flex: 1 1 auto;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-bg);
  font: inherit;
}
.wb-search__input:focus-visible {
  outline: 2px solid var(--wb-blue);
  outline-offset: 1px;
}
.wb-search__input::placeholder {
  color: var(--wb-muted);
  opacity: 1;
}
.wb-search__reset {
  order: 4;
  flex: 0 0 auto;
  padding: 12px 16px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-surface);
  font: inherit;
  cursor: pointer;
}
.wb-search__reset[hidden] {
  display: none;
}
.wb-search__submit {
  order: 5;
  flex: 0 0 auto;
  padding: 12px 20px;
  border: 0;
  border-radius: 999px;
  background: var(--wb-ink);
  color: var(--wb-bg);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.wb-search__hint {
  order: 6;
  flex: 1 0 100%;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--wb-muted);
}
@media (max-width: 520px) {
  .wb-search {
    padding: 14px;
  }
  .wb-search__icon {
    order: 1;
  }
  .wb-search__label {
    order: 2;
    flex: 1 1 0;
  }
  .wb-search__submit {
    order: 3;
    padding: 7px 12px;
    font-size: 12px;
  }
  .wb-search__input {
    order: 4;
    flex: 1 0 100%;
    padding: 11px 12px;
  }
  .wb-search__reset {
    order: 5;
    padding: 11px 13px;
    font-size: 14px;
    margin-left: auto;
  }
}
.wb-search__hint[data-wb-search-state="hit"] {
  color: var(--wb-green);
}
.wb-search__hint[data-wb-search-state="miss"] {
  color: var(--wb-red);
}
.wb-filter-empty {
  margin: 4px 0 0;
  padding: 16px 18px;
  border: 1px dashed var(--wb-line);
  border-radius: var(--wb-radius-sm);
  color: var(--wb-muted);
}
.wb-service[hidden] {
  display: none;
}
.wb-section-head {
  margin-bottom: 20px;
}
.wb-section-eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-section-title {
  margin: 0 0 8px;
  font-size: clamp(24px, 4.4vw, 36px);
  letter-spacing: -0.03em;
}
.wb-section-lead {
  margin: 0;
  max-width: 62ch;
  color: var(--wb-muted);
  line-height: 1.55;
}
.wb-svc-strip {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 40px 18px 12px;
}
.wb-eco-strip {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 34px 18px 12px;
}
body[data-theme-mode="cristal"][data-app="wobawo"] :is(.hub-cta--open, .hub-app__badge), body[data-theme-mode="oscuro"][data-app="wobawo"] :is(.hub-cta--open, .hub-app__badge) {
  background: var(--hub-accent, var(--wb-orange));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--hub-accent, var(--wb-orange));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--hub-accent, var(--wb-orange)) 18%, var(--wb-bg));
    }
  }
  border-color: var(--hub-accent, var(--wb-orange));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--hub-accent, var(--wb-orange));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--hub-accent, var(--wb-orange)) 42%, transparent);
    }
  }
  color: var(--wb-ink);
}
body[data-theme-mode="cristal"][data-app="wobawo"] .hub-cta--primary, body[data-theme-mode="oscuro"][data-app="wobawo"] .hub-cta--primary {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.wb-band {
  margin-top: 40px;
  padding: 52px 18px;
  text-align: center;
  background: radial-gradient(90% 120% at 50% 0%, rgba(224, 69, 155, 0.1), transparent 60%),	radial-gradient(90% 120% at 50% 100%, rgba(47, 107, 216, 0.12), transparent 60%),	var(--wb-surface);
  border-top: 1px solid var(--wb-line);
}
.wb-band__mark {
  margin: 0 0 10px;
  font-size: clamp(30px, 6vw, 46px);
  font-weight: 800;
  letter-spacing: -0.04em;
}
.wb-band__claim {
  margin: 0 0 4px;
  font-size: clamp(16px, 2.6vw, 20px);
  font-weight: 600;
}
.wb-band__sub {
  margin: 0;
  color: var(--wb-muted);
}
.wb-services {
  display: grid;
  gap: 12px;
}
@media (min-width: 720px) {
  .wb-services {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}
.wb-service {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
  text-decoration: none;
  color: inherit;
  transition: transform 0.16s ease,	box-shadow 0.16s ease,	border-color 0.16s ease;
}
.wb-service:hover {
  transform: translateY(-2px);
  border-color: var(--wb-service, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-service, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-service, var(--wb-blue)) 45%, var(--wb-line));
    }
  }
  box-shadow: var(--wb-shadow);
}
.wb-service__figure {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--wb-service, var(--wb-blue));
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.wb-service__body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.wb-service__app {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wb-service, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-service, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-service, var(--wb-blue)) var(--wb-accent-mix), #fff);
    }
  }
}
.wb-service__name {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.wb-service__copy {
  font-size: 14px;
  line-height: 1.5;
  color: var(--wb-muted);
}
.wb-service__go {
  margin-left: auto;
  color: var(--wb-muted);
}
.wb-eco {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: var(--wb-radius);
  background: linear-gradient(120deg, rgba(224, 69, 155, 0.08), rgba(47, 107, 216, 0.08));
  text-decoration: none;
  color: inherit;
  font-weight: 600;
}
.wb-eco__go {
  margin-left: auto;
}
.wb-values {
  padding: 36px 0 8px;
}
.wb-values__head {
  width: min(1120px, 100%);
  margin: 0 auto 22px;
  padding: 0 18px;
}
.wb-values__eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-values__title {
  margin: 0;
  font-size: clamp(22px, 4vw, 32px);
  letter-spacing: -0.03em;
}
.wb-values__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 4px 18px 12px;
  list-style: none;
}
@media (min-width: 900px) {
  .wb-values__list {
    grid-template-columns: repeat(auto-fit, minmax(156px, 1fr));
    width: min(1120px, 100%);
    margin: 0 auto;
  }
}
.wb-value {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 18px 12px;
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
  border: 1px solid var(--wb-line);
  text-align: center;
  transition: transform 0.16s ease,	box-shadow 0.16s ease;
}
.wb-value:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px -18px var(--wb-value, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 16px 32px -18px var(--wb-value, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 16px 32px -18px color-mix(in srgb, var(--wb-value, var(--wb-blue)) 60%, transparent);
    }
  }
}
.wb-value__badge {
  display: block;
  width: 66px;
  height: 66px;
}
.wb-value__badge img {
  display: block;
  width: 100%;
  height: 100%;
}
.wb-value__label {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.wb-value__copy {
  font-size: 13px;
  line-height: 1.45;
  color: var(--wb-muted);
}
@media (max-width: 399px) {
  .wb-values__list {
    gap: 8px;
    padding: 4px 14px 10px;
  }
  .wb-value {
    gap: 8px;
    padding: 14px 8px;
  }
  .wb-value__badge {
    width: 52px;
    height: 52px;
  }
  .wb-value__label {
    font-size: 14px;
  }
  .wb-value__copy {
    font-size: 12px;
    line-height: 1.4;
  }
}
.wb-objectives {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 40px 18px 12px;
}
.wb-objectives__head .wb-section-lead {
  max-width: none;
}
.wb-objectives__body {
  display: grid;
  gap: 16px;
}
.wb-objectives__list {
  display: grid;
  gap: 10px;
  align-content: start;
  margin: 0;
  padding: 0;
}
@media (min-width: 880px) {
  .wb-objectives__body {
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: 20px;
    align-items: stretch;
  }
}
.wb-objective {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 2px 10px;
  width: 100%;
  padding: 15px 16px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: inherit;
  text-decoration: none;
  transition: border-color 0.16s ease,	box-shadow 0.16s ease,	transform 0.16s ease;
}
.wb-objective:hover {
  transform: translateY(-1px);
  border-color: var(--wb-objective, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-objective, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-objective, var(--wb-blue)) 45%, var(--wb-line));
    }
  }
}
.wb-objective:focus-visible {
  outline: 2px solid var(--wb-objective, var(--wb-blue));
  outline-offset: 3px;
}
.wb-objective__kicker {
  grid-column: 1;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wb-objective, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-objective, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-objective, var(--wb-blue)) var(--wb-accent-mix), #fff);
    }
  }
}
.wb-objective__label {
  grid-column: 1;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.wb-objective__go {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wb-muted);
  transition: color 0.16s ease,	transform 0.16s ease;
}
.wb-objective__go svg {
  display: block;
  width: 13px;
  height: 13px;
}
.wb-objective:hover .wb-objective__go, .wb-objective:focus-visible .wb-objective__go {
  transform: translateX(2px);
}
.wb-objective:hover .wb-objective__go {
  color: var(--wb-objective, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-objective, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-objective, var(--wb-blue)) 70%, var(--wb-muted));
    }
  }
}
.wb-objective.is-active {
  border-color: var(--wb-objective, var(--wb-blue));
  background-image: linear-gradient(	90deg,	var(--wb-objective, var(--wb-blue)),	transparent 72%	);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(	90deg,	var(--wb-objective, var(--wb-blue)),	transparent 72%	);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(	90deg,	color-mix(in srgb, var(--wb-objective, var(--wb-blue)) 16%, transparent),	transparent 72%	);
    }
  }
  box-shadow: inset 4px 0 0 var(--wb-objective, var(--wb-blue)),	0 14px 28px -18px var(--wb-objective, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 4px 0 0 var(--wb-objective, var(--wb-blue)),	0 14px 28px -18px var(--wb-objective, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 4px 0 0 var(--wb-objective, var(--wb-blue)),	0 14px 28px -18px color-mix(in srgb, var(--wb-objective, var(--wb-blue)) 70%, transparent);
    }
  }
}
.wb-objective.is-active .wb-objective__go {
  color: var(--wb-objective, var(--wb-blue));
}
@media (max-width: 879px) {
  .wb-objectives__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .wb-objective {
    padding: 10px 12px;
    gap: 1px 6px;
  }
  .wb-objective__kicker {
    font-size: 10px;
    letter-spacing: 0.1em;
  }
  .wb-objective__label {
    font-size: 15px;
    line-height: 1.25;
  }
}
.wb-objectives__panels {
  display: grid;
  gap: 16px;
}
.wb-objective-panel {
  position: relative;
  display: grid;
  overflow: hidden;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
  color: #fff;
  --wb-gold-text: #f0c07a;
}
.wb-objective-panel[hidden] {
  display: none;
}
.wb-objective-panel__art, .wb-objective-panel__emblem, .wb-objective-panel__text {
  grid-area: 1 / 1;
}
.wb-objective-panel__art {
  background-image: linear-gradient(	100deg,	var(--wb-objective, var(--wb-blue)) 0%,	color-mix(in srgb, #0b1020 92%, transparent) 78%,	color-mix(in srgb, #0b1020 32%, transparent) 100%	),	url("/images/brand/wobawo/hero-0.jpg");
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient(	100deg,	var(--wb-objective, var(--wb-blue)) 0%,	color-mix(in srgb, #0b1020 92%, transparent) 78%,	color-mix(in srgb, #0b1020 32%, transparent) 100%	),	url("/images/brand/wobawo/hero-0.jpg");
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(	100deg,	color-mix(in srgb, var(--wb-objective, var(--wb-blue)) 26%, #0b1020) 0%,	color-mix(in srgb, #0b1020 92%, transparent) 78%,	color-mix(in srgb, #0b1020 32%, transparent) 100%	),	url("/images/brand/wobawo/hero-0.jpg");
    }
  }
  background-position: center, center 30%;
  background-size: cover, cover;
}
.wb-objective-panel__emblem {
  align-self: end;
  justify-self: end;
  margin: 0 -44px -32px 0;
  opacity: 0.16;
  pointer-events: none;
}
.wb-objective-panel__emblem .wb-emblem__shard {
  fill: #fff;
  opacity: 1;
  mix-blend-mode: normal;
}
.wb-objective-panel__text {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  max-width: 72%;
  min-height: 300px;
  padding: 24px;
}
.wb-objective-panel__kicker {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
}
.wb-objective-panel__family {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--wb-gold-text, #f0c07a);
}
.wb-objective-panel__role {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.wb-objective-panel__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.wb-subtab {
  padding: 6px 12px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: var(--wb-gold-text, #f0c07a);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.16s ease,	border-color 0.16s ease,	color 0.16s ease,	box-shadow 0.16s ease;
}
.wb-subtab:hover {
  background: rgba(255, 255, 255, 0.22);
}
.wb-subtab.is-active {
  color: #1a1206;
  border-color: #b5701a;
  background: linear-gradient(180deg, #fdeccd 0%, #e0b95c 44%, #f0a020 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);
}
.wb-subtab:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.wb-objective-panel__panes {
  display: grid;
  min-height: 7.5em;
}
.wb-objective-panel__pane {
  max-width: 48ch;
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
}
.wb-upper {
  color: var(--wb-gold-text, #f0c07a);
  letter-spacing: 0.06em;
}
.wb-objective-panel__pane[hidden] {
  display: none;
}
.wb-aportes {
  display: grid;
  gap: 8px;
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
}
.wb-aporte {
  margin: 0;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
}
.wb-aporte__label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--wb-gold-text, #f0c07a);
}
.wb-aporte__copy {
  display: block;
  max-width: 44ch;
  margin-top: 3px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
}
@media (max-width: 879px) {
  .wb-objective-panel__text {
    max-width: none;
    min-height: 260px;
  }
  .wb-objective-panel__art {
    background-image: linear-gradient(	160deg,	var(--wb-objective, var(--wb-blue)) 0%,	color-mix(in srgb, #0b1020 90%, transparent) 42%,	color-mix(in srgb, #0b1020 84%, transparent) 100%	),	url("/images/brand/wobawo/hero-0.jpg");
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(	160deg,	var(--wb-objective, var(--wb-blue)) 0%,	color-mix(in srgb, #0b1020 90%, transparent) 42%,	color-mix(in srgb, #0b1020 84%, transparent) 100%	),	url("/images/brand/wobawo/hero-0.jpg");
      @supports (color: color-mix(in lab, red, red)) {
        background-image: linear-gradient(	160deg,	color-mix(in srgb, var(--wb-objective, var(--wb-blue)) 26%, #0b1020) 0%,	color-mix(in srgb, #0b1020 90%, transparent) 42%,	color-mix(in srgb, #0b1020 84%, transparent) 100%	),	url("/images/brand/wobawo/hero-0.jpg");
      }
    }
  }
}
.wb-access {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(20, 22, 28, 0.42);
  backdrop-filter: blur(3px);
}
.wb-access[hidden] {
  display: none;
}
.wb-access__panel {
  position: relative;
  width: min(420px, 100%);
  max-height: 90vh;
  overflow: auto;
  padding: 24px;
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
  box-shadow: 0 26px 60px rgba(20, 22, 28, 0.28);
  animation: wb-box-in 0.3s cubic-bezier(0.22, 0.68, 0.32, 1) both;
}
@keyframes wb-box-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.wb-access {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(20, 22, 28, 0.42);
  backdrop-filter: blur(3px);
  animation: wb-veil-in 0.3s ease both;
}
@keyframes wb-veil-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.wb-access__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: 1px solid var(--wb-line);
  border-radius: 50%;
  background: var(--wb-surface);
  cursor: pointer;
}
.wb-access__eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-access__title {
  margin: 0 0 8px;
  font-size: 24px;
  letter-spacing: -0.02em;
}
.wb-access__hint {
  margin: 0 0 16px;
  color: var(--wb-muted);
}
.wb-access__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wb-access__form {
  margin: 0 0 10px;
}
.wb-access__signup {
  margin-top: 14px;
  border-top: 1px solid var(--wb-line);
  padding-top: 14px;
}
.wb-access__signup summary {
  cursor: pointer;
  font-weight: 600;
}
.wb-access__feedback {
  min-height: 18px;
  margin: 8px 0 0;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-comp {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
  box-shadow: var(--wb-shadow);
}
.wb-comp[data-wb-mode="3d"] {
  background: none;
  border-color: transparent;
  box-shadow: none;
}
.wb-comp[data-wb-mode="3d"] .wb-comp__stage {
  background: none;
}
.wb-compi {
  position: fixed;
  left: 0;
  top: 0;
  width: 104px;
  height: 104px;
  z-index: 70;
  pointer-events: none;
  visibility: hidden;
}
body[data-wb3d="2d"] .wb-compi, .wb-compi[data-wb-launcher="listo"] {
  visibility: visible;
}
.wb-compi__2d {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.55), transparent 62%),	radial-gradient(circle at 62% 72%, #7fd0ff, #2f6bd8 72%);
  box-shadow: 0 14px 32px rgba(20, 22, 28, 0.24);
}
.wb-compi[data-wb-mode="3d"] .wb-compi__2d {
  display: none;
}
.wb-compi__mark {
  width: 34%;
  height: 34%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.78);
}
.wb-compi__body {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: auto;
  cursor: grab;
}
.wb-compi__body:active {
  cursor: grabbing;
}
.wb-compi__dialog {
  position: absolute;
  bottom: 10px;
  width: 258px;
  padding: 14px 16px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 16px;
  background: var(--wb-surface);
  box-shadow: var(--wb-shadow);
  pointer-events: auto;
}
.wb-compi[data-wb-lado="izq"] .wb-compi__dialog {
  left: calc(100% + 8px);
}
.wb-compi[data-wb-lado="der"] .wb-compi__dialog {
  right: calc(100% + 8px);
}
.wb-compi__dialog[hidden] {
  display: none;
}
.wb-compi__line {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--wb-ink);
}
.wb-compi__go {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--wb-accent, #2f6bd8);
  text-decoration: none;
}
.wb-compi__go:hover {
  text-decoration: underline;
}
body[data-workplace] .wb-compi__dialog {
  border-color: var(--wb-work-line);
  background: var(--wb-work-surface);
  box-shadow: var(--wb-work-shadow);
  font-family: var(--wb-work-font);
}
body[data-workplace] .wb-compi__line {
  color: var(--wb-work-text);
}
body[data-workplace] .wb-compi__line:empty {
  display: none;
}
body[data-workplace] .wb-compi[data-wb-avatar-modo="concentracion"] .wb-compi__2d {
  box-shadow: 0 0 0 3px var(--wb-work-accent-soft), 0 14px 32px rgba(20, 22, 28, 0.24);
}
body[data-workplace] .wb-compi__mini {
  display: grid;
  gap: 8px;
  margin-bottom: 10px;
}
body[data-workplace] .wb-compi__mini-mandos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
body[data-workplace] .wb-compi__mini-rotulo {
  margin: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wb-work-muted);
}
body[data-workplace] .wb-compi__foco-mando {
  display: grid;
  place-items: center;
  inline-size: 22px;
  block-size: 22px;
  flex: 0 0 auto;
  padding: 0;
  border: 1px solid var(--wb-work-line);
  border-radius: 50%;
  background: transparent;
  color: var(--wb-work-muted);
  cursor: pointer;
}
body[data-workplace] .wb-compi__foco-mando:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
body[data-workplace] .wb-compi__foco-mando[aria-pressed="true"] {
  border-color: var(--wb-work-accent);
  background: var(--wb-work-accent);
  color: #fff;
}
body[data-workplace] .wb-compi__cara {
  display: grid;
  gap: 8px;
}
body[data-workplace] .wb-compi__cara[hidden] {
  display: none;
}
body[data-workplace] .wb-compi__mini-hilo {
  min-block-size: 0;
  max-block-size: 168px;
  padding: 8px 0;
  border-block: 1px solid var(--wb-work-line-soft);
}
body[data-workplace] .wb-compi__mini-pie {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px;
  align-items: end;
}
body[data-workplace] .wb-compi__mini-campo {
  inline-size: 100%;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-velo);
  color: var(--wb-work-text);
  font: inherit;
  font-size: 12px;
}
body[data-workplace] .wb-compi__mini-campo::placeholder {
  color: var(--wb-work-muted);
}
body[data-workplace] .wb-compi__mini-enviar {
  display: grid;
  place-items: center;
  inline-size: 30px;
  block-size: 30px;
  padding: 0;
  border: 1px solid var(--wb-work-accent);
  border-radius: 50%;
  background: var(--wb-work-accent);
  color: #fff;
  cursor: pointer;
}
body[data-workplace] .wb-compi__foco {
  justify-items: center;
}
body[data-workplace] .wb-compi__foco-reloj {
  inline-size: 100%;
}
body[data-workplace] .wb-compi__foco-pantalla {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--wb-work-accent);
  text-decoration: none;
}
body[data-workplace] .wb-compi__foco-pantalla:hover {
  text-decoration: underline;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__panel {
  display: grid;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__clock {
  inline-size: 104px;
  margin: 0 auto;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__count {
  font-size: 24px;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__phase {
  bottom: 2px;
  font-size: 9px;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__dots {
  gap: 6px;
  margin: 0;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__dot {
  inline-size: 9px;
  block-size: 9px;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__start {
  display: grid;
  gap: 6px;
  margin-top: 0;
}
body[data-workplace] .wb-pomo--compacto .wb-field__label {
  font-size: 9px;
}
body[data-workplace] .wb-pomo--compacto .wb-field__input {
  padding: 6px 8px;
  font-size: 12px;
}
body[data-workplace] .wb-pomo--compacto .wb-field__hint {
  display: none;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__minutes {
  display: grid;
  grid-template-columns: 1fr 62px;
  align-items: center;
  gap: 6px;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__minutes .wb-field__input {
  max-width: none;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__controls {
  gap: 6px;
}
body[data-workplace] .wb-pomo--compacto .wb-cta {
  padding: 6px 10px;
  font-size: 12px;
}
body[data-workplace] .wb-pomo--compacto .wb-pomo__status {
  min-block-size: 0;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
}
@media (max-width: 520px) {
  .wb-compi {
    width: 84px;
    height: 84px;
  }
  .wb-compi__dialog {
    width: min(258px, 78vw);
  }
}
.wb-foco {
  position: fixed;
  inset: 0;
  z-index: 65;
  overflow-y: auto;
  background: var(--wb-bg);
}
.wb-foco[hidden] {
  display: none;
}
.wb-foco__inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: min(680px, 100% - 32px);
  margin: 0 auto;
  padding: 34px 0 48px;
}
.wb-foco__eyebrow {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-foco__title {
  margin: 0;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1.15;
  color: var(--wb-ink);
}
.wb-foco__lead {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--wb-muted);
}
.wb-foco__slot:empty {
  display: none;
}
.wb-foco__wait {
  margin: 0;
  font-size: 14px;
  color: var(--wb-muted);
}
.wb-foco__exit {
  align-self: flex-start;
}
.wb-foco .wb-pomo__help, .wb-foco .wb-pomo__side {
  display: none;
}
.wb-foco .wb-pomo__grid {
  grid-template-columns: 1fr;
}
.wb-comp__stage {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 260px;
  border-radius: var(--wb-radius-sm);
  background: radial-gradient(120% 90% at 50% 0%, rgba(47, 107, 216, 0.1), transparent 60%),	radial-gradient(90% 80% at 80% 100%, rgba(224, 69, 155, 0.1), transparent 60%);
  overflow: hidden;
}
.wb-comp--compact .wb-comp__stage {
  min-height: 180px;
}
.wb-comp__2d {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  transition: opacity 0.25s ease;
}
.wb-comp[data-wb-mode="3d"] .wb-comp__2d {
  position: absolute;
  top: 10px;
  left: 12px;
  align-items: flex-start;
  pointer-events: none;
}
.wb-comp[data-wb-mode="3d"] .wb-comp__mark {
  display: none;
}
.wb-comp__2d-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-comp__3d {
  position: absolute;
  inset: 0;
  display: block;
}
.wb-comp__canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.wb-comp__bubble {
  margin: 0;
  padding: 11px 14px;
  border-radius: 14px;
  background: var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-bg) 94%, transparent);
    }
  }
  border: 1px solid var(--wb-line);
  font-size: 14px;
  line-height: 1.45;
  box-shadow: var(--wb-shadow);
}
.wb-comp__stage > .wb-comp__bubble {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
}
.wb-comp__controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wb-mic, .wb-say__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 50%;
  background: var(--wb-surface);
  color: var(--wb-ink);
  cursor: pointer;
}
.wb-mic__glyph, .wb-say__glyph {
  display: block;
  width: 19px;
  height: 19px;
}
.wb-mic[aria-pressed="true"] {
  border-color: var(--wb-magenta);
  color: var(--wb-magenta);
}
.wb-mic[aria-pressed="true"] .wb-mic__glyph {
  animation: wb-mic-late 1.1s ease-in-out infinite;
}
@keyframes wb-mic-late {
  0%,	100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.18);
    opacity: 0.6;
  }
}
.wb-say {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.wb-say__row {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.wb-say__input {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: var(--wb-ink);
  font: inherit;
  line-height: 1.45;
  resize: none;
  overflow-y: auto;
  max-height: 9em;
}
.wb-say__input::placeholder {
  color: var(--wb-muted);
  opacity: 1;
}
.wb-say__submit {
  padding: 0;
  border-radius: 50%;
}
.wb-say__row .wb-mini__icon {
  width: 40px;
  height: 40px;
}
.wb-say__row .wb-mini__glyph {
  width: 19px;
  height: 19px;
}
.wb-say__row .wb-float__glyph {
  width: 19px;
  height: 19px;
}
.wb-float[aria-pressed="true"] {
  border-color: var(--wb-blue);
  color: var(--wb-blue);
}
.wb-comp__notice, .wb-comp__status {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--wb-muted);
}
.wb-comp__notice strong {
  color: var(--wb-ink);
}
.wb-comp[data-wb-state="reposo"] .wb-comp__2d {
  animation: wb-breathe 4.6s ease-in-out infinite;
}
.wb-comp[data-wb-state="escucha"] .wb-comp__2d {
  animation: wb-lean 2.4s ease-in-out infinite;
}
.wb-comp[data-wb-state="habla"] .wb-comp__2d {
  animation: wb-talk 0.9s ease-in-out infinite;
}
.wb-comp[data-wb-state="piensa"] .wb-comp__2d {
  animation: wb-think 5.5s linear infinite;
}
.wb-comp[data-wb-state="celebra"] .wb-comp__2d {
  animation: wb-cheer 0.7s ease-in-out 3;
}
.wb-comp[data-wb-state="aviso"] .wb-comp__2d {
  animation: wb-nudge 0.6s ease-in-out 2;
}
@keyframes wb-breathe {
  0%,	100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.035);
  }
}
@keyframes wb-lean {
  0%,	100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(6px) scale(1.02);
  }
}
@keyframes wb-talk {
  0%,	100% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.05, 0.98);
  }
  60% {
    transform: scale(0.98, 1.04);
  }
}
@keyframes wb-think {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes wb-cheer {
  0%,	100% {
    transform: translateY(0) scale(1);
  }
  40% {
    transform: translateY(-16px) scale(0.94, 1.08);
  }
}
@keyframes wb-nudge {
  0%,	100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-7px);
  }
  75% {
    transform: translateX(7px);
  }
}
.wb-svc__head {
  margin-bottom: 10px;
}
.wb-svc__title {
  margin: 0;
  font-size: clamp(20px, 3vw, 26px);
  letter-spacing: -0.02em;
}
.wb-svc__lead {
  margin: 0 0 18px;
  color: var(--wb-muted);
  line-height: 1.6;
}
.wb-svc__lead, .wb-svc__block :is(p, li) {
  text-align: justify;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}
.wb-svc__block {
  margin: 26px 0 0;
  padding-top: 18px;
  border-top: 1px solid var(--wb-line);
}
.wb-svc__h3 {
  margin: 0 0 10px;
  font-size: 18px;
  letter-spacing: -0.01em;
}
.wb-svc__h4 {
  margin: 18px 0 8px;
  font-size: 15px;
}
.wb-svc__list {
  margin: 0;
  padding-left: 20px;
  line-height: 1.6;
  color: var(--wb-muted);
}
.wb-svc__list strong {
  color: var(--wb-ink);
}
.wb-svc__list--num {
  list-style: decimal;
}
.wb-svc__list li + li {
  margin-top: 6px;
}
.wb-eco-rail {
  margin: 0 0 18px;
}
.wb-eco-rail__label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-red__card {
  margin: 0 0 14px;
  padding: 14px 16px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
}
.wb-red__hint {
  margin: 0 0 12px;
  color: var(--wb-muted);
  font-size: 14px;
  line-height: 1.5;
}
.wb-red__btn {
  appearance: none;
  border: 0;
  border-radius: 999px;
  padding: 9px 16px;
  font: inherit;
  font-weight: 600;
  color: #fff;
  background: var(--wb-blue);
  cursor: pointer;
}
.wb-red__btn--ghost {
  color: var(--wb-red);
  background: transparent;
  border: 1px solid currentColor;
}
.wb-red__row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.wb-red__input {
  flex: 1 1 200px;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg);
  color: var(--wb-ink);
  font: inherit;
}
.wb-red__code {
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px dashed var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 15px;
  letter-spacing: 0.06em;
  word-break: break-all;
}
.wb-red__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}
.wb-red__person {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
}
.wb-red__who {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.wb-red__tag {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-red__scope {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.wb-red__field {
  display: grid;
  gap: 4px;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-red__field select {
  padding: 7px 10px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  background: var(--wb-bg);
  color: var(--wb-ink);
  font: inherit;
}
.wb-red__summary {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 4px;
  color: var(--wb-muted);
  font-size: 14px;
}
.wb-red__summary strong {
  color: var(--wb-ink);
}
.wb-red__empty {
  color: var(--wb-muted);
  font-size: 14px;
}
.wb-red__status {
  margin: 8px 0 0;
  min-height: 1.2em;
  font-size: 14px;
  color: var(--wb-muted);
}
.wb-hab {
  display: grid;
  gap: 16px;
}
.wb-hab__card {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
}
.wb-hab__hint {
  margin: 0 0 12px;
  color: var(--wb-muted);
  font-size: 14px;
  line-height: 1.5;
}
.wb-hab__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.wb-hab__item {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg);
}
.wb-hab__item.is-done {
  border-color: var(--wb-blue);
}
.wb-hab__mark {
  appearance: none;
  flex: 0 0 auto;
  min-width: 104px;
  padding: 8px 14px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: transparent;
  color: var(--wb-ink);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.wb-hab__item.is-done .wb-hab__mark {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  color: #fff;
}
.wb-hab__text {
  display: grid;
  gap: 2px;
  flex: 1 1 180px;
  min-width: 0;
}
.wb-hab__cue {
  color: var(--wb-muted);
  font-size: 13px;
}
.wb-hab__streak {
  flex: 0 0 auto;
  color: var(--wb-muted);
  font-size: 13px;
  font-weight: 600;
}
.wb-hab__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin: 0 0 12px;
}
.wb-hab__field {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-hab__input {
  padding: 9px 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg);
  color: var(--wb-ink);
  font: inherit;
}
.wb-hab__days {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.wb-hab__day {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.wb-hab__aside {
  color: var(--wb-muted);
  font-size: 12px;
}
.wb-hab__btn {
  appearance: none;
  border: 0;
  border-radius: 999px;
  padding: 9px 16px;
  font: inherit;
  font-weight: 600;
  color: #fff;
  background: var(--wb-blue);
  cursor: pointer;
}
.wb-hab__btn--ghost {
  color: var(--wb-red);
  background: transparent;
  border: 1px solid currentColor;
}
.wb-hab__status {
  margin: 0;
  min-height: 1.2em;
  font-size: 14px;
  color: var(--wb-muted);
}
.wb-hab__status.is-error {
  color: var(--wb-red);
}
.wb-mp {
  display: grid;
  gap: 16px;
}
.wb-mp__card {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
}
.wb-mp__card--acompanas {
  border-style: dashed;
}
.wb-mp__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.wb-mp__head .wb-svc__h3 {
  margin: 0;
}
.wb-mp__tag {
  flex: 0 0 auto;
  padding: 4px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--wb-line);
  color: var(--wb-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wb-mp__tag--vigente {
  background: var(--wb-green);
  color: #fff;
}
.wb-mp__tag--propuesto {
  background: var(--wb-yellow);
  color: #14161c;
}
.wb-mp__tag--borrador {
  background: var(--wb-blue);
  color: #fff;
}
.wb-mp__tag--archivado {
  border-color: var(--wb-line);
  background: transparent;
  color: var(--wb-muted);
}
.wb-mp__meta, .wb-mp__nota, .wb-mp__proposito {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.5;
}
.wb-mp__meta {
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wb-mp__link {
  color: var(--wb-work-accent);
  font-weight: 700;
  text-decoration: none;
}
.wb-mp__link:hover {
  text-decoration: underline;
}
.wb-mp__nota {
  color: var(--wb-muted);
}
.wb-mp__proposito {
  color: var(--wb-ink);
  font-weight: 600;
}
.wb-mp__partes {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: 14px 0 0;
}
.wb-mp__parte {
  display: grid;
  gap: 6px;
  align-content: start;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg);
}
.wb-mp__parte-titulo {
  margin: 0;
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-mp__lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-mp__fila {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.45;
}
.wb-mp__fila--menor {
  color: var(--wb-muted);
  font-size: 13px;
}
.wb-mp__sello {
  flex: 0 0 auto;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--wb-line);
  color: var(--wb-ink);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.wb-mp__cuando {
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 600;
}
.wb-mp__sub {
  margin: 4px 0 0;
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wb-mp__vacio {
  margin: 0;
  color: var(--wb-muted);
  font-size: 13px;
  line-height: 1.5;
}
.wb-mp__cobertura {
  margin: 4px 0 0 18px;
  padding: 6px 10px;
  border-left: 2px solid var(--wb-line);
  display: grid;
  gap: 6px;
}
.wb-mp__cobertura--vacio {
  margin: 4px 0 0 18px;
  padding: 0 0 0 10px;
  border-left: 2px solid var(--wb-line);
  color: var(--wb-muted);
  font-size: 12px;
  line-height: 1.4;
  font-style: italic;
}
.wb-mp__cobertura-fila {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 1.4;
}
.wb-mp__cobertura-fila--autochequeo {
  border-radius: 4px;
  background: var(--wb-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent) 8%, transparent);
    }
  }
  padding: 2px 6px;
}
.wb-mp__medida {
  margin: 0 0 10px;
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}
.wb-mp__medida--vacia {
  font-style: italic;
  font-weight: 400;
}
.wb-mp__cuestionario {
  margin: 8px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 8px;
  background: var(--wb-paper);
  display: grid;
  gap: 10px;
}
.wb-mp__campo {
  display: grid;
  gap: 4px;
}
.wb-mp__campo-enunciado {
  color: var(--wb-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.wb-mp__cuestionario textarea.wb-mp__input {
  resize: vertical;
  min-height: 64px;
  line-height: 1.4;
}
.wb-mp__cuestionario-acciones {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.wb-mp__historia, .wb-mp__anadir {
  margin: 14px 0 0;
}
.wb-mp__historia > summary, .wb-mp__anadir > summary {
  color: var(--wb-muted);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.wb-mp__historia > summary:hover, .wb-mp__anadir > summary:hover {
  color: var(--wb-ink);
}
.wb-mp__historia[open] > summary, .wb-mp__anadir[open] > summary {
  margin-bottom: 10px;
}
.wb-mp__acciones {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0 0;
}
.wb-mp__btn {
  appearance: none;
  border: 0;
  border-radius: 999px;
  padding: 9px 16px;
  font: inherit;
  font-weight: 600;
  color: #fff;
  background: var(--wb-blue);
  cursor: pointer;
}
.wb-mp__btn--ghost {
  color: var(--wb-red);
  background: transparent;
  border: 1px solid currentColor;
}
.wb-mp__grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  margin: 0 0 12px;
}
.wb-mp__field {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-mp__field--ancho {
  grid-column: 1 / -1;
}
.wb-mp__field--motivo {
  flex: 1 1 240px;
  min-width: 0;
}
.wb-mp__input {
  padding: 9px 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg);
  color: var(--wb-ink);
  font: inherit;
}
.wb-mp__quien {
  margin: 14px 0 8px;
  color: var(--wb-ink);
  font-size: 15px;
  font-weight: 700;
}
.wb-mp__status {
  margin: 0;
  min-height: 1.2em;
  font-size: 14px;
  color: var(--wb-muted);
}
.wb-mp__status.is-error {
  color: var(--wb-red);
}
.wb-main.wb-main--tbl {
  width: 100%;
  margin: 0;
  padding: 0;
}
.wb-shell--tbl {
  min-height: 100vh;
  background-color: var(--wb-work-bg);
  background-image: var(--wb-work-wash);
  background-attachment: fixed;
}
.wb-tbl {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
  min-height: 100vh;
  padding: 0;
  color: var(--wb-work-text);
}
.wb-tbl--puesto {
  --wb-work-gap: 0;
  grid-template-rows: auto 1fr;
  gap: var(--wb-work-gap);
  padding: 0;
}
.wb-tbl__cuerpo {
  position: relative;
  display: grid;
  grid-template-columns: var(--wb-work-nav-w, 226px) minmax(0, 1fr)	auto;
  gap: var(--wb-work-gap, 10px);
  align-items: start;
  min-width: 0;
}
.wb-tbl__bar {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 18px;
  border: 0;
  border-bottom: 1px solid var(--wb-work-filo);
  border-radius: 0;
  background: var(--wb-work-velo);
  backdrop-filter: var(--wb-work-bruma);
  -webkit-backdrop-filter: var(--wb-work-bruma);
  box-shadow: none;
}
.wb-tbl__back {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: none;
}
.wb-tbl__back:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl__back--icono {
  inline-size: 2rem;
  block-size: 2rem;
  padding: 0;
  justify-content: center;
}
.wb-tbl__who {
  display: grid;
  gap: 2px;
  flex: 0 1 auto;
  min-width: 0;
}
.wb-tbl__crumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.wb-tbl__crumbs a {
  color: inherit;
  text-decoration: none;
}
.wb-tbl__crumbs a:hover {
  color: var(--wb-work-accent);
}
.wb-tbl__crumbs-sep {
  opacity: 0.55;
}
.wb-tbl__crumbs-vez {
  color: var(--wb-work-accent);
}
.wb-tbl__subject {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -0.01em;
}
.wb-tbl__rel {
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 700;
}
.wb-tbl__eyebrow {
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.wb-tbl__avisos {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-tbl__tools {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.wb-tbl__tool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
}
.wb-tbl__tool--zona {
  width: 26px;
  height: 24px;
  padding: 0;
  justify-content: center;
}
.wb-tbl__tool--zona[aria-selected="true"] {
  border-color: var(--wb-work-accent);
  background: var(--wb-work-accent-soft);
  color: var(--wb-work-accent);
}
.wb-tbl__tool > [data-wb-theme-icon] svg {
  width: 14px;
  height: 14px;
}
.wb-tbl__tool:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl__tool[aria-expanded="true"] {
  border-color: var(--wb-work-accent);
  background: var(--wb-work-accent-soft);
  color: var(--wb-work-accent);
}
.wb-tbl__aspecto {
  justify-content: center;
  width: 24px;
  padding: 0;
}
.wb-tbl__yo {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border: 1px solid var(--wb-work-line);
  border-radius: 999px;
  background: var(--wb-work-velo);
  color: var(--wb-work-text);
  font-size: 10px;
  font-weight: 800;
}
.wb-tbl__nav-empty {
  margin: 0;
  padding: 0 2px;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 700;
}
.wb-tbl__cta {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-accent);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
}
.wb-tbl__cta--ghost {
  border-color: currentColor;
  background: transparent;
  color: var(--wb-red);
}
.wb-tbl__work {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--wb-work-gap, 10px);
  align-items: start;
  min-width: 0;
}
.wb-tbl__lado {
  position: static;
  display: grid;
  grid-template-columns: var(--wb-work-rail-w, 320px);
  gap: 0;
  align-items: stretch;
  align-self: stretch;
  min-height: 100%;
  min-width: 0;
  padding-top: 0;
  --wb-work-radius-sm: 0px;
  --wb-work-radius-md: 0px;
  --wb-work-radius-panel: 0px;
}
.wb-tbl[data-wb-lado=""] .wb-tbl__lado, .wb-tbl:not([data-wb-lado]) .wb-tbl__lado {
  display: none;
}
.wb-tbl__lado-tabs {
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 4px;
  border: 1px solid var(--wb-work-line);
  border-left: 0;
  border-radius: 0 var(--wb-work-radius-md) var(--wb-work-radius-md) 0;
  background: var(--wb-work-surface);
}
.wb-tbl__lado-tab {
  display: grid;
  justify-items: center;
  gap: 5px;
  width: 22px;
  min-height: 84px;
  padding: 8px 0;
  border: 1px solid transparent;
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.wb-tbl__lado-tab-icon {
  display: block;
  width: 12px;
  height: 12px;
  line-height: 0;
  opacity: 0.85;
}
.wb-tbl__lado-tab-label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  letter-spacing: 0.12em;
}
.wb-tbl__lado-tab:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl__lado-tab[aria-selected="true"] {
  border-color: var(--wb-work-accent);
  background: var(--wb-work-accent-soft);
  color: var(--wb-work-accent);
}
[data-wb-lado-panel] {
  display: none;
}
.wb-tbl[data-wb-lado="detalle"] [data-wb-lado-panel="detalle"], .wb-tbl[data-wb-lado="guias"] [data-wb-lado-panel="guias"], .wb-tbl:not([data-wb-js="si"]) [data-wb-lado-panel]:target {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--wb-work-filo);
  border-radius: var(--wb-work-radius-panel);
  background: var(--wb-work-surface);
  box-shadow: var(--wb-work-shadow);
}
.wb-tbl[data-wb-lado="receta"] [data-wb-lado-panel="receta"], .wb-tbl[data-wb-lado="compi"] [data-wb-lado-panel="compi"] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--wb-work-filo);
  border-radius: var(--wb-work-radius-panel);
  background: var(--wb-work-surface);
  box-shadow: var(--wb-work-shadow);
}
.wb-tbl__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--wb-work-line);
  background: var(--wb-work-titulo);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-titulo);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-titulo) 26%, var(--wb-work-velo));
    }
  }
}
.wb-tbl__panel-title {
  margin: 0;
  color: var(--wb-work-titulo);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-tbl__panel-cerrar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  cursor: pointer;
}
.wb-tbl__panel-cerrar:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl__lado-cuerpo {
  display: grid;
  gap: 10px;
  align-content: start;
  overflow-y: auto;
  padding: 0;
}
.wb-tbl[data-wb-lado=""] .wb-tbl__asa--rail, .wb-tbl:not([data-wb-lado]) .wb-tbl__asa--rail {
  display: none;
}
.wb-tbl__asa {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: col-resize;
  touch-action: none;
}
.wb-tbl__asa:hover, .wb-tbl__asa:focus-visible {
  background: var(--wb-work-accent-soft);
  outline: none;
}
.wb-tbl__asa:focus-visible {
  box-shadow: 0 0 0 2px var(--wb-work-accent);
}
.wb-tbl__asa--nav {
  left: var(--wb-work-nav-w, 226px);
}
.wb-tbl__asa--rail {
  right: var(--wb-work-rail-w, 320px);
}
.wb-tbl__asa[data-wb-resize="lado"] {
  right: 0;
}
.wb-esp__asa {
  position: absolute;
  top: 0;
  bottom: 0;
  right: var(--wb-work-rail-w, 320px);
  width: 14px;
  margin-right: -7px;
  z-index: 3;
  background: transparent;
  border: 0;
  cursor: col-resize;
  touch-action: none;
}
.wb-esp__asa::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 50%;
  inline-size: 3px;
  transform: translateX(-50%);
  background: var(--wb-work-line);
  transition: background 140ms ease, inline-size 140ms ease;
}
.wb-esp__asa::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  inline-size: 9px;
  block-size: 26px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: var(--wb-work-line);
  opacity: 0.55;
  transition: opacity 140ms ease, background 140ms ease;
  background-image: repeating-linear-gradient( to right, var(--wb-work-surface) 0 1px, transparent 1px 3px );
  background-blend-mode: normal;
}
.wb-esp__asa:hover, .wb-esp__asa:focus-visible {
  background: var(--wb-work-accent-soft);
  outline: none;
}
.wb-esp__asa:hover::before, .wb-esp__asa:focus-visible::before {
  background: var(--wb-work-accent);
  inline-size: 3px;
}
.wb-esp__asa:hover::after, .wb-esp__asa:focus-visible::after {
  opacity: 1;
  background-color: var(--wb-work-accent);
}
.wb-esp__asa:focus-visible::before {
  box-shadow: 0 0 0 2px var(--wb-work-accent-soft);
}
.wb-tbl--puesto[data-wb-lado=""] .wb-esp__asa {
  display: none;
}
body.wb-resizing .wb-esp__asa::after {
  opacity: 1;
  background-color: var(--wb-work-accent);
}
body.wb-resizing, body.wb-resizing * {
  cursor: col-resize !important;
  user-select: none !important;
}
.wb-tbl.is-nav-compact .wb-tbl__asa--nav {
  display: none;
}
.wb-tbl__work--aula {
  grid-template-columns: minmax(0, 1fr) var(--wb-work-rail-w, 320px);
}
.wb-tbl__nav-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--wb-work-line);
  background: var(--wb-work-titulo);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-titulo);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-titulo) 26%, var(--wb-work-velo));
    }
  }
}
.wb-tbl__nav-rotulo {
  padding-left: 0;
  color: var(--wb-work-titulo);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-tbl__nav-cabeza {
  display: grid;
  gap: 4px;
}
.wb-tbl__nav {
  position: sticky;
  top: 0;
  display: grid;
  gap: 14px;
  align-content: start;
  max-height: 100vh;
  overflow-y: auto;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--wb-work-lateral-borde);
  border-radius: 0;
  background: var(--wb-work-lateral);
  backdrop-filter: var(--wb-work-bruma);
  -webkit-backdrop-filter: var(--wb-work-bruma);
  box-shadow: none;
}
.wb-tbl__brand {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  align-self: stretch;
  margin: -8px 0 -8px -18px;
  padding: 8px 18px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(	135deg,	var(--wb-violet),	var(--wb-work-accent)	);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(	135deg,	var(--wb-violet),	var(--wb-work-accent)	);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(	135deg,	color-mix(in srgb, var(--wb-violet) 14%, transparent),	color-mix(in srgb, var(--wb-work-accent) 10%, transparent)	);
    }
  }
}
.wb-tbl__brand-copy {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.wb-tbl__brand-logo {
  display: block;
  width: auto;
  height: 28px;
}
.wb-tbl__brand-name {
  font-family: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.01em;
}
.wb-tbl__nav-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 24px;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}
.wb-tbl__nav-toggle-glyph {
  font-size: 11px;
  line-height: 1;
}
.wb-tbl__nav-toggle:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl__nav-mandos {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.wb-tbl__nav-grupos {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-height: 24px;
  padding: 0;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}
.wb-tbl__nav-grupos:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl__nav-busca-input {
  width: 100%;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-velo);
  color: var(--wb-work-text);
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
}
.wb-tbl__nav-busca-input::placeholder {
  color: var(--wb-work-muted);
  font-weight: 600;
}
.wb-tbl__nav-busca-input:focus-visible {
  outline: none;
  border-color: var(--wb-work-accent);
  box-shadow: 0 0 0 2px var(--wb-work-accent-soft);
}
.wb-tbl__bar-centro {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
}
.wb-tbl__bar-busca {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 0 1 320px;
  min-width: 160px;
  height: 24px;
  padding: 0 2px 0 8px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-velo);
}
.wb-tbl__bar-busca-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--wb-work-text);
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
}
.wb-tbl__bar-busca-input::placeholder {
  color: var(--wb-work-muted);
  font-weight: 600;
}
.wb-tbl__bar-busca-input:focus-visible {
  outline: none;
}
.wb-tbl__bar-busca:focus-within {
  border-color: var(--wb-work-accent);
  box-shadow: 0 0 0 2px var(--wb-work-accent-soft);
}
.wb-tbl__bar-busca-ir {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--wb-work-muted);
  cursor: pointer;
}
.wb-tbl__bar-busca-ir:hover {
  color: var(--wb-work-accent);
}
.wb-tbl__busca {
  display: grid;
  gap: 10px;
  align-content: start;
}
.wb-tbl__busca-cuenta {
  margin: 0;
  color: var(--wb-work-muted);
  font-size: 11px;
  font-weight: 700;
}
.wb-tbl__busca-grupo {
  display: grid;
  gap: 6px;
}
.wb-tbl__busca-lista {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-tbl__busca-link {
  display: grid;
  gap: 1px;
  padding: 6px 8px;
  border-radius: var(--wb-work-radius-sm);
  text-decoration: none;
}
.wb-tbl__busca-link:hover {
  background: var(--wb-work-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-muted) 14%, transparent);
    }
  }
}
.wb-tbl__busca-titulo {
  color: var(--wb-work-text);
  font-size: 12px;
  font-weight: 700;
}
.wb-tbl__busca-detalle {
  color: var(--wb-work-muted);
  font-size: 10px;
  line-height: 1.45;
}
.wb-tbl__busca-tope {
  margin: 0;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-style: italic;
}
.wb-tbl__nav-sin {
  padding: 0 8px;
}
.wb-tbl__nav-block {
  display: grid;
  gap: 4px;
}
.wb-tbl__nav-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 24px;
  padding: 6px 8px;
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-muted) 20%, transparent);
    }
  }
  cursor: pointer;
  list-style: none;
}
.wb-tbl__nav-head::-webkit-details-marker {
  display: none;
}
.wb-tbl__nav-head:hover .wb-tbl__nav-title {
  color: var(--wb-work-text);
}
.wb-tbl__nav-head:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--wb-work-accent);
}
.wb-tbl__nav-title {
  margin: 0 0 0 2px;
  color: var(--wb-work-titulo);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-tbl__nav-caret {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  color: var(--wb-work-muted);
  transition: transform 160ms ease;
}
.wb-tbl__nav-block:not([open]) .wb-tbl__nav-caret {
  transform: rotate(-90deg);
}
.wb-tbl__nav-block.is-activa:not([open]) .wb-tbl__nav-title {
  color: var(--wb-work-accent);
}
.wb-tbl__nav-block.is-activa:not([open]) .wb-tbl__nav-caret {
  color: var(--wb-work-accent);
}
.wb-tbl__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}
.wb-tbl__nav-link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: var(--wb-work-radius-sm);
  color: var(--wb-work-text);
  text-decoration: none;
}
.wb-tbl__nav-link:hover {
  background: var(--wb-work-velo);
}
.wb-tbl__nav-link.is-active {
  background: var(--wb-work-accent-soft);
}
.wb-tbl__nav-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 900;
}
.wb-tbl__nav-link.is-active .wb-tbl__nav-glyph {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl__nav-copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.wb-tbl__nav-label {
  min-width: 0;
  font-size: 11px;
  font-weight: 800;
}
.wb-tbl__nav-sub {
  color: var(--wb-work-muted);
  font-size: 9px;
  font-weight: 600;
}
.wb-tbl__nav-marks {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wb-tbl__nav-fase {
  flex: 0 0 auto;
  padding: 1px 6px;
  border-radius: 999px;
  background: var(--wb-yellow);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-yellow);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-yellow) 32%, transparent);
    }
  }
  color: var(--wb-ink);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.wb-tbl__nav-lee {
  flex: 0 0 auto;
  color: var(--wb-work-muted);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.wb-tbl__nav-foot {
  display: grid;
  gap: 4px;
  padding: 10px 10px 8px;
  border-top: 1px solid var(--wb-work-line);
}
.wb-tbl__nav-foot-title {
  color: var(--wb-work-titulo);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-tbl__nav-stat {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 700;
}
.wb-tbl__nav-stat strong {
  min-width: 0;
  overflow: hidden;
  color: var(--wb-work-text);
  font-size: 11px;
  font-weight: 900;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-tbl--puesto.is-nav-compact .wb-tbl__cuerpo {
  grid-template-columns: 78px minmax(0, 1fr) auto;
}
.wb-tbl.is-nav-compact .wb-tbl__nav {
  padding: 6px;
  gap: 8px;
  justify-items: center;
}
.wb-tbl.is-nav-compact :is(.wb-tbl__nav-copy, .wb-tbl__nav-foot) {
  display: none;
}
.wb-tbl.is-nav-compact .wb-tbl__nav-head {
  display: none;
}
.wb-tbl.is-nav-compact .wb-tbl__nav-top {
  justify-content: center;
  padding: 7px 0;
}
.wb-tbl.is-nav-compact :is(.wb-tbl__nav-rotulo, .wb-tbl__nav-busca, .wb-tbl__nav-grupos, .wb-tbl__nav-sin) {
  display: none;
}
.wb-tbl.is-nav-compact .wb-tbl__nav-toggle {
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
}
.wb-tbl.is-nav-compact .wb-tbl__nav-list {
  justify-items: center;
  gap: 0;
}
.wb-tbl.is-nav-compact .wb-tbl__nav-link {
  grid-template-columns: 1fr;
  row-gap: 2px;
  justify-items: center;
  padding: 3px;
}
.wb-tbl.is-nav-compact .wb-tbl__nav-glyph {
  width: 26px;
  height: 26px;
  font-size: 11px;
}
.wb-tbl.is-nav-compact .wb-tbl__nav-marks {
  flex-direction: column;
  gap: 2px;
}
.wb-tbl__canvas {
  padding: 0;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-workplace] .wb-tbl__body {
  --wb-ink: var(--wb-work-text);
  --wb-muted: var(--wb-work-muted);
  --wb-line: var(--wb-work-line);
  --wb-surface: var(--wb-work-surface);
  --wb-shadow: var(--wb-work-shadow);
  --wb-radius: var(--wb-work-radius-panel);
  --wb-radius-sm: var(--wb-work-radius-sm);
  padding: 4px 10px 40px;
  max-width: 1360px;
  margin: 0;
  font-size: 13px;
}
body[data-workplace] .wb-tbl__body	:is(.wb-tbl__card, .wb-tbl__tipo, .wb-tbl__carta, .wb-tbl__metrica, .wb-tbl__tabla-caja, .wb-tbl__espacio-card, .wb-tbl__board-link, .wb-hab__card, .wb-mp__card, .wb-mp__parte, .wb-red__card, .wb-pomo__panel, .wb-aula__salida, .wb-filter-empty) {
  border-top-color: var(--wb-work-filo);
  border-right-color: var(--wb-work-filo);
  border-bottom-color: var(--wb-work-filo);
  box-shadow: var(--wb-work-shadow);
  backdrop-filter: var(--wb-work-bruma);
  -webkit-backdrop-filter: var(--wb-work-bruma);
}
.wb-tbl__head {
  margin: 0 0 10px;
}
.wb-tbl__h2 {
  margin: 0;
  color: var(--wb-work-titulo);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.wb-tbl__nivel, .wb-tbl__hint {
  margin: 6px 0 0;
  color: var(--wb-work-muted);
  font-size: 10px;
  line-height: 1.55;
}
.wb-tbl__rail {
  position: sticky;
  top: 10px;
  display: grid;
  gap: 10px;
  align-content: start;
  max-height: calc(100vh - 20px);
  overflow-y: auto;
  padding: 12px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-md);
  background: var(--wb-work-surface);
  box-shadow: var(--wb-work-shadow);
}
.wb-tbl__rail-card {
  padding: 10px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-velo);
}
.wb-tbl__rail-bloque {
  display: grid;
  gap: 12px;
  align-content: start;
}
.wb-tbl__rail-title {
  margin: 0 0 8px;
  color: var(--wb-work-titulo);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-tbl__lado .wb-tbl__rail {
  position: static;
  max-height: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.wb-help__paso {
  border-top: 1px solid var(--wb-work-line);
}
.wb-help__head {
  display: block;
  min-height: 24px;
  padding: 6px 10px;
  color: var(--wb-work-titulo);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}
.wb-help__head::-webkit-details-marker {
  display: none;
}
.wb-help__head::after {
  float: right;
  color: var(--wb-work-muted);
  content: "+";
}
.wb-help__paso[open] .wb-help__head::after {
  content: "\2212";
}
.wb-help__head:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--wb-work-accent);
}
.wb-help__texto {
  margin: 0 0 8px;
  padding: 0 10px;
  color: var(--wb-work-muted);
  font-size: 10px;
  line-height: 1.55;
}
.wb-help__texto strong, .wb-help__texto em {
  color: var(--wb-work-text);
}
.wb-tbl__ficha {
  display: grid;
  grid-template-columns: minmax(72px, 34%) minmax(0, 1fr);
  gap: 4px 10px;
  margin: 0;
  font-size: 13px;
}
.wb-tbl__ficha dt {
  color: var(--wb-muted);
  font-weight: 600;
}
.wb-tbl__ficha dd {
  margin: 0;
  min-width: 0;
}
.wb-tbl__pendientes, .wb-tbl__actos {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-tbl__pendiente {
  display: grid;
  gap: 1px;
  font-size: 13px;
}
.wb-tbl__pendiente span {
  color: var(--wb-muted);
  font-size: 12px;
}
.wb-tbl__acto {
  color: var(--wb-muted);
  font-size: 12px;
  line-height: 1.45;
}
.wb-tbl__rail-link {
  color: var(--wb-blue);
  font-size: 12px;
  font-weight: 600;
}
.wb-tbl__card {
  padding: 14px 16px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
}
.wb-tbl__card + .wb-tbl__card {
  margin-top: 12px;
}
.wb-tbl .wb-tbl__editor > * {
  margin-top: 0;
  margin-bottom: 0;
}
.wb-tbl__h3 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
}
.wb-tbl__card--fase {
  border-style: dashed;
}
.wb-tbl__espacios-lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.wb-tbl__espacio-card {
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
}
.wb-tbl__espacio-card.is-active {
  border-color: var(--wb-blue);
}
.wb-tbl__espacio-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 12px;
  padding: 12px 14px;
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-tbl__espacio-nombre {
  font-size: 15px;
  font-weight: 700;
}
.wb-tbl__espacio-tipo, .wb-tbl__espacio-avance {
  color: var(--wb-muted);
  font-size: 12px;
}
.wb-tbl__espacio-tag {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 4px;
  padding: 2px 9px;
  border-radius: 999px;
  background: var(--wb-yellow);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-yellow);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-yellow) 34%, transparent);
    }
  }
  color: var(--wb-ink);
  font-size: 11px;
  font-weight: 700;
}
.wb-tbl--puerta {
  display: block;
  min-height: 0;
  padding: 40px 18px 60px;
}
.wb-tbl__door {
  width: min(760px, 100%);
  margin: 0 auto;
}
.wb-tbl__title {
  margin: 4px 0 10px;
  font-size: clamp(26px, 3.4vw, 38px);
  font-weight: 800;
  letter-spacing: -0.01em;
}
.wb-tbl__lead {
  margin: 0 0 16px;
  color: var(--wb-muted);
  font-size: 15px;
  line-height: 1.6;
}
.wb-tbl__door-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 16px;
}
.wb-tbl__boards {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.wb-tbl__board-link {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-tbl__board-link:hover {
  border-color: var(--wb-blue);
}
.wb-tbl__board-name {
  font-size: 16px;
  font-weight: 700;
}
.wb-tbl__board-meta {
  flex: 1 1 160px;
  color: var(--wb-muted);
  font-size: 13px;
}
.wb-tbl__board-tag {
  flex: 0 0 auto;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--wb-yellow);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-yellow);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-yellow) 34%, transparent);
    }
  }
  color: var(--wb-ink);
  font-size: 11px;
  font-weight: 700;
}
.wb-tbl__editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
.wb-tbl__tipo {
  padding: 12px 14px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
}
.wb-tbl__tipo-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 10px;
}
.wb-tbl__tipo-head .wb-tbl__h3 {
  margin: 0;
}
.wb-tbl__cuenta {
  padding: 1px 9px;
  border-radius: 999px;
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 14%, transparent);
    }
  }
  color: var(--wb-ink);
  font-size: 11px;
  font-weight: 700;
}
.wb-tbl__filas {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.wb-tbl__fila {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 8px 10px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg);
}
.wb-tbl__orden {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-self: center;
}
.wb-tbl__orden-btn {
  appearance: none;
  width: 22px;
  height: 20px;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 6px;
  background: transparent;
  color: var(--wb-muted);
  font: inherit;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
}
.wb-tbl__orden-btn:hover {
  border-color: var(--wb-blue);
  color: var(--wb-ink);
}
.wb-tbl__campos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
  gap: 12px 16px;
  align-items: end;
  min-width: 0;
}
.wb-tbl__campo {
  display: grid;
  gap: 3px;
  font-size: 11px;
  color: var(--wb-muted);
}
.wb-tbl__campo--ventana {
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 6px;
}
.wb-tbl__campo--ventana span {
  grid-column: 1;
}
.wb-tbl__campo--ventana strong {
  grid-column: 1;
}
.wb-tbl__campo--ventana .wb-tbl__icono {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
}
.wb-tbl__campo--principal {
  flex: 1 1 220px;
  min-width: 0;
}
.wb-tbl__campo--ancho {
  grid-column: 1 / -1;
}
.wb-tbl__campo.is-arrastrando {
  outline: 2px dashed var(--wb-accent, #a8621f);
  outline-offset: 3px;
  border-radius: 6px;
  background: var(--wb-accent, #a8621f);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent, #a8621f);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent, #a8621f) 8%, transparent);
    }
  }
}
.wb-tbl__cadencia {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6px;
}
.wb-tbl__input {
  padding: 6px 9px;
  border: 1px solid var(--wb-line);
  border-radius: 8px;
  background: var(--wb-surface);
  color: var(--wb-ink);
  font: inherit;
  font-size: 13px;
  min-width: 0;
}
.wb-tbl__acciones {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.wb-tbl__cta--pequeno {
  padding: 6px 12px;
  font-size: 12px;
}
.wb-tbl__accion {
  appearance: none;
  padding: 5px 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--wb-muted);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.wb-tbl__accion:hover {
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 10%, transparent);
    }
  }
  color: var(--wb-ink);
}
.wb-tbl__accion--quitar {
  color: var(--wb-red);
}
.wb-tbl__anadir, .wb-tbl__retiradas {
  margin-top: 10px;
}
.wb-tbl__anadir[open] > summary, .wb-tbl__retiradas[open] > summary {
  margin-bottom: 8px;
}
.wb-tbl__retiradas-lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-tbl__retirada {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 6px 10px;
  border: 1px dashed var(--wb-line);
  border-radius: 8px;
  font-size: 13px;
}
.wb-tbl__retirada .wb-tbl__principal {
  flex: 1 1 180px;
  min-width: 0;
}
.wb-tbl__principal {
  font-weight: 600;
}
.wb-tbl__papelera-item {
  border-style: dotted;
  color: var(--wb-muted);
}
.wb-tbl__meta {
  color: var(--wb-muted);
  font-size: 12px;
}
.wb-tbl__documento {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
}
.wb-tbl__documento .wb-tbl__campo {
  max-width: 340px;
}
.wb-tbl__documento .wb-tbl__accion {
  justify-self: start;
}
.wb-tbl__propuestas {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-tbl__propuesta {
  display: grid;
  gap: 6px;
  padding: 6px 10px;
  border: 1px dashed var(--wb-line);
  border-radius: 8px;
  font-size: 13px;
}
.wb-tbl__propuesta .wb-tbl__acciones {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}
.wb-tbl__propuesta .wb-tbl__campo {
  flex: 0 1 240px;
}
.wb-tbl__proponer .wb-tbl__campo[hidden] {
  display: none;
}
.wb-tbl__pre {
  margin: 8px 0 0;
  padding: 10px;
  max-height: 260px;
  overflow: auto;
  background: var(--wb-bg);
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}
.wb-tbl__campo--ancho {
  flex: 1 1 100%;
}
.wb-tbl__campo--ancho textarea.wb-tbl__input {
  min-height: 110px;
  resize: vertical;
  font-family: inherit;
}
.wb-tbl__control, .wb-tbl__meta-fila {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
}
.wb-tbl__meta-fila.is-met {
  border-color: var(--wb-green);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-green) 45%, var(--wb-line));
    }
  }
}
.wb-tbl__alcance {
  color: var(--wb-muted);
  font-size: 12px;
}
.wb-tbl__rail-card .wb-tbl__campo {
  max-width: 220px;
}
.wb-tbl__rail-card .wb-tbl__accion {
  justify-self: start;
}
.wb-tbl__rail-card .wb-tbl__lista {
  margin: 8px 0 10px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 4px;
}
.wb-tbl__rail-card .wb-tbl__lista .wb-tbl__fila {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 8px;
  border: 1px solid var(--wb-line);
  border-radius: 8px;
  font-size: 13px;
}
.wb-tbl__entra {
  margin: 10px 0 0;
  padding: 8px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
}
.wb-tbl__entra legend {
  padding: 0 6px;
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 700;
}
.wb-tbl__unidades {
  margin: 0;
  padding: 0;
  max-height: 220px;
  overflow: auto;
  list-style: none;
  display: grid;
  gap: 4px;
}
.wb-tbl__unidad {
  font-size: 13px;
}
.wb-tbl__unidad label {
  display: flex;
  gap: 8px;
  align-items: baseline;
  cursor: pointer;
}
.wb-tbl__procesos {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-tbl__proceso {
  display: flex;
  gap: 10px;
  align-items: baseline;
  justify-content: space-between;
  font-size: 13px;
}
.wb-tbl__periodos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.wb-tbl__periodo {
  padding: 4px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-surface);
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.wb-tbl__periodo:hover {
  color: var(--wb-ink);
}
.wb-tbl__periodo[aria-current="true"] {
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 45%, var(--wb-line));
    }
  }
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 12%, transparent);
    }
  }
  color: var(--wb-ink);
}
.wb-tbl__cobertura {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
}
.wb-tbl__enlaces {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-tbl__enlace {
  display: grid;
  gap: 3px;
  padding: 6px 0 6px 10px;
  border-left: 2px solid var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 2px solid var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 2px solid color-mix(in srgb, var(--wb-blue) 35%, var(--wb-line));
    }
  }
}
.wb-tbl__enlace .wb-tbl__accion {
  justify-self: start;
}
.wb-tbl__ficha-tipo {
  margin: 0;
  color: var(--wb-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-tbl__ficha-texto {
  margin: 2px 0 10px;
  font-size: 14px;
  font-weight: 600;
}
.wb-tbl__rail-card--ficha {
  border-color: var(--wb-blue);
}
.wb-tbl__firmas, .wb-tbl__actos-lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-tbl__firma, .wb-tbl__actos-lista .wb-tbl__acto {
  display: grid;
  gap: 1px;
  font-size: 13px;
}
.wb-tbl__firma span, .wb-tbl__actos-lista .wb-tbl__acto span {
  color: var(--wb-muted);
  font-size: 12px;
}
.wb-tbl__raya {
  margin: 14px 0;
  border: 0;
  border-top: 1px solid var(--wb-line);
}
.wb-tbl__status {
  margin: 0;
  min-height: 1.2em;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-tbl__status:empty {
  display: none;
}
.wb-tbl__status.is-error {
  color: var(--wb-red);
}
.wb-tbl__locales-bloque {
  margin: 12px 0 4px;
  padding: 10px 14px;
  border: 1px dashed var(--wb-line, #dde3e7);
  border-radius: 12px;
  background: var(--wb-line, #dde3e7);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--wb-line, #dde3e7) 12%, transparent);
  }
  font-size: 13px;
  line-height: 1.5;
  text-transform: none;
}
.wb-tbl__locales-bloque > p {
  margin: 0 0 8px;
  color: var(--wb-ink, #14212a);
}
.wb-tbl__locales {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-tbl__locales li {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.wb-tbl__locales li > span {
  font-weight: 600;
}
.wb-tbl__local-motivo {
  color: var(--wb-muted, #6b7c88);
  font-size: 12px;
}
.wb-tbl__local-ver {
  border: 1px solid var(--wb-line, #dde3e7);
  border-radius: 999px;
  background: transparent;
  padding: 2px 12px;
  font: inherit;
  font-size: 12px;
  color: var(--wb-ink, #14212a);
  cursor: pointer;
}
.wb-tbl__local-ver:hover {
  border-color: var(--wb-ink, #14212a);
}
.wb-tbl__visor {
  width: min(920px, 92vw);
  max-height: 88vh;
  padding: 0;
  border: 1px solid var(--wb-line, #dde3e7);
  border-radius: 14px;
  background: #fff;
  color: #14212a;
  overflow: hidden;
}
.wb-tbl__visor::backdrop {
  background: rgba(0, 0, 0, 0.55);
}
.wb-tbl__visor-barra {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--wb-line, #dde3e7);
  color: #14212a;
}
.wb-tbl__visor-cerrar {
  border: 1px solid var(--wb-line, #dde3e7);
  border-radius: 999px;
  background: transparent;
  padding: 3px 12px;
  font: inherit;
  font-size: 12px;
  color: #14212a;
  cursor: pointer;
}
.wb-tbl__visor-cerrar:hover {
  border-color: #14212a;
}
.wb-tbl__visor-cuerpo {
  max-height: calc(88vh - 44px);
  overflow: auto;
  display: grid;
  place-items: center;
  padding: 12px;
}
.wb-tbl__visor-cuerpo img {
  max-width: 100%;
  max-height: calc(88vh - 70px);
  object-fit: contain;
}
.wb-tbl__visor-cuerpo iframe {
  width: 100%;
  height: calc(88vh - 70px);
  border: 0;
}
.wb-tbl__visor-cuerpo pre {
  margin: 0;
  width: 100%;
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 1.5;
}
.wb-tbl__tareas {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.wb-tbl__tareas--n1, .wb-tbl__tareas--n2, .wb-tbl__tareas--n3 {
  margin-left: 14px;
  padding-left: 10px;
  border-left: 2px solid var(--wb-line);
}
.wb-tbl__tarea, .wb-tbl__tarea-fila {
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
}
.wb-tbl__tarea-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
}
.wb-tbl__estado {
  padding: 1px 8px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  font-size: 11px;
  text-transform: lowercase;
  color: var(--wb-muted);
}
.wb-tbl__estado[data-tbl-estado="en_curso"] {
  border-color: var(--wb-green);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-green) 45%, var(--wb-line));
    }
  }
  color: var(--wb-green);
}
.wb-tbl__estado[data-tbl-estado="bloqueada"] {
  border-color: var(--wb-red);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-red) 45%, var(--wb-line));
    }
  }
  color: var(--wb-red);
}
.wb-tbl__estado[data-tbl-estado="hecha"], .wb-tbl__estado[data-tbl-estado="abandonada"] {
  opacity: 0.6;
}
.wb-tbl__espera {
  padding-left: 10px;
  border-left: 2px solid var(--wb-red);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 2px solid var(--wb-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 2px solid color-mix(in srgb, var(--wb-red) 40%, var(--wb-line));
    }
  }
  color: var(--wb-muted);
  font-size: 12px;
}
.wb-tbl__columnas {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(206px, 1fr);
  gap: 0;
  align-items: stretch;
  overflow-x: auto;
  padding-bottom: 2px;
}
.wb-tbl__kanban {
  display: grid;
  gap: 6px;
}
.wb-tbl__kanban--pantalla {
  grid-template-rows: auto 1fr;
  min-height: calc(100vh - 134px);
  min-height: calc(100dvh - 134px);
}
.wb-tbl__body:has(.wb-tbl__kanban--pantalla) {
  padding-bottom: 0;
}
.wb-tbl__columna {
  display: grid;
  gap: 5px;
  align-content: start;
  padding: 0 6px 8px;
  border-right: 2px solid var(--wb-work-text);
  @supports (color: color-mix(in lab, red, red)) {
    border-right: 2px solid var(--wb-work-text);
    @supports (color: color-mix(in lab, red, red)) {
      border-right: 2px solid color-mix(in srgb, var(--wb-work-text) 55%, transparent);
    }
  }
  background: transparent;
}
.wb-tbl__columna:first-child {
  padding-left: 0;
}
.wb-tbl__columna:last-child {
  border-right: 0;
}
.wb-tbl__columna.is-encima {
  background: var(--wb-work-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-accent) 7%, transparent);
    }
  }
  border-right-color: var(--wb-work-accent);
}
.wb-tbl__columna-head {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--wb-line);
}
.wb-tbl__columna-clave {
  flex: 1;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-tbl__columnas--piezas {
  grid-auto-columns: minmax(0, 1fr);
  overflow-x: visible;
}
.wb-tbl__rail .wb-tbl__columnas--piezas {
  grid-auto-flow: row;
  grid-auto-columns: auto;
  gap: 12px;
}
.wb-tbl__rail .wb-tbl__columnas--piezas .wb-tbl__columna {
  padding: 10px 0 0;
  border-right: 0;
  border-top: 2px solid var(--wb-work-text);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 2px solid var(--wb-work-text);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 2px solid color-mix(in srgb, var(--wb-work-text) 35%, transparent);
    }
  }
}
.wb-tbl__rail .wb-tbl__columnas--piezas .wb-tbl__columna:first-child {
  padding-top: 0;
  border-top: 0;
}
.wb-tbl__punto {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--tono, var(--wb-muted));
}
.wb-tbl__punto--muted {
  --tono: var(--wb-muted);
}
.wb-tbl__punto--blue {
  --tono: var(--wb-blue);
}
.wb-tbl__punto--violet {
  --tono: var(--wb-violet);
}
.wb-tbl__punto--green {
  --tono: var(--wb-green);
}
.wb-tbl__punto--orange {
  --tono: var(--wb-orange);
}
.wb-tbl__punto.is-listo {
  box-shadow: 0 0 0 2px var(--tono, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px var(--tono, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--tono, var(--wb-blue)) 35%, transparent);
    }
  }
}
.wb-tbl__tarjetas {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 4px;
}
.wb-tbl__fila {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 3px 6px;
  align-items: center;
  padding: 4px 6px 5px;
  border: 1px solid var(--wb-line);
  border-radius: 8px;
  background: var(--wb-bg);
}
.wb-tbl__fila:hover {
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 30%, var(--wb-line));
    }
  }
}
.wb-tbl__fila.is-abierta {
  padding-bottom: 7px;
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 45%, var(--wb-line));
    }
  }
  background: var(--wb-surface);
}
.wb-tbl__detalle {
  display: none;
  grid-column: 1 / -1;
  margin-top: 2px;
  color: var(--wb-muted);
  font-size: 10px;
  line-height: 1.35;
}
.wb-tbl__fila.is-abierta .wb-tbl__detalle {
  display: block;
}
.wb-tbl__fila[draggable="true"] {
  cursor: grab;
}
.wb-tbl__fila.is-arrastrando {
  opacity: 0.45;
}
.wb-tbl__nombre {
  min-width: 0;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--wb-ink);
}
.wb-tbl__id {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 9px;
  line-height: 1;
  color: var(--wb-muted);
  opacity: 0.75;
}
.wb-tbl__actos {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.wb-tbl__actos .wb-tbl__accion {
  padding: 2px 7px;
  font-size: 10.5px;
  line-height: 1.2;
}
.wb-tbl__accion--icono {
  padding: 2px 6px;
  font-weight: 700;
}
.wb-tbl__mas {
  position: relative;
}
.wb-tbl__mas > summary {
  list-style: none;
  cursor: pointer;
}
.wb-tbl__mas > summary::-webkit-details-marker {
  display: none;
}
.wb-tbl__mas-lista {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 30;
  display: grid;
  gap: 4px;
  min-width: 170px;
  padding: 6px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  background: var(--wb-surface);
  box-shadow: var(--wb-shadow);
}
.wb-tbl__menu-bloqueo {
  display: grid;
  gap: 4px;
}
.wb-tbl__carril {
  position: relative;
  grid-column: 1 / -1;
  height: 10px;
  margin-top: 1px;
  border-radius: 3px;
  background: var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-line) 55%, transparent);
    }
  }
  overflow: hidden;
}
.wb-tbl__sin-vida {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 9px;
  color: var(--wb-muted);
}
.wb-tbl__tramo {
  position: absolute;
  top: 1px;
  bottom: 1px;
  border-radius: 3px;
}
.wb-tbl__tramo--espera {
  border: 1px dashed var(--wb-muted);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed var(--wb-muted);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in srgb, var(--wb-muted) 60%, transparent);
    }
  }
}
.wb-tbl__tramo--espera.is-bloqueado {
  border-color: var(--wb-orange);
  background: var(--wb-orange);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-orange);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-orange) 16%, transparent);
    }
  }
}
.wb-tbl__tramo--trabajo {
  background: var(--wb-blue);
}
.wb-tbl__tramo--trabajo.is-vivo {
  background: var(--wb-green);
}
@property --wb-arco {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes wb-arco {
  to {
    --wb-arco: 360deg;
  }
}
.wb-tbl__tramo--trabajo.is-vivo::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 4px;
  padding: 1px;
  background: conic-gradient(	from var(--wb-arco),	transparent 0deg,	var(--wb-green) 55deg,	transparent 110deg	);
  -webkit-mask: linear-gradient(#000 0 0) content-box,	linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: wb-arco 2.2s linear infinite;
}
.wb-tbl__tramo--cierre {
  width: 5px;
  border-radius: 999px;
  background: var(--wb-muted);
}
.wb-tbl__tramo.is-cortado {
  background-image: repeating-linear-gradient(	to right,	var(--wb-ink) 0 1px,	transparent 1px 4px	);
  @supports (color: color-mix(in lab, red, red)) {
    background-image: repeating-linear-gradient(	to right,	var(--wb-ink) 0 1px,	transparent 1px 4px	);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: repeating-linear-gradient(	to right,	color-mix(in srgb, var(--wb-ink) 12%, transparent) 0 1px,	transparent 1px 4px	);
    }
  }
}
.wb-tbl__ahora {
  position: absolute;
  top: -2px;
  bottom: -2px;
  width: 1px;
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-ink) 45%, transparent);
    }
  }
  box-shadow: 0 0 0 1px var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in srgb, var(--wb-bg) 60%, transparent);
    }
  }
}
.wb-tbl__filtros {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
.wb-tbl__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.wb-tbl__chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
}
.wb-tbl__chip.is-on {
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 40%, var(--wb-line));
    }
  }
  color: var(--wb-ink);
}
.wb-tbl__buscar {
  display: flex;
  align-items: center;
  gap: 6px;
}
.wb-tbl__buscar .wb-tbl__input {
  min-width: 150px;
}
.wb-tbl__arbol {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.wb-tbl__relaciones-caja {
  display: grid;
  gap: 8px;
}
.wb-tbl__relaciones {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-tbl__relacion-fila {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
  border: 1px dashed var(--wb-line);
  border-radius: 8px;
  font-size: 13px;
}
.wb-tbl__relacion {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wb-tbl__relacion .wb-tbl__input {
  flex: 1 1 160px;
  min-width: 0;
}
.wb-tbl__relacion .wb-tbl__accion {
  flex: 0 0 auto;
}
.wb-tbl__tarea .wb-tbl__campo {
  max-width: 240px;
}
.wb-tbl__tarea .wb-tbl__accion {
  justify-self: start;
}
@media (max-width: 700px) {
  .wb-tbl__fila {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .wb-tbl__acciones {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
}
.wb-tbl__veredicto {
  border-left: 3px solid var(--wb-line);
}
.wb-tbl__veredicto--cabe, .wb-tbl__veredicto--cubierto {
  border-left-color: var(--wb-green);
}
.wb-tbl__veredicto--no_cabe {
  border-left-color: var(--wb-red);
}
.wb-tbl__veredicto--sin_minutos {
  border-style: dashed;
  border-left-color: var(--wb-muted);
}
.wb-tbl__vistas {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 0;
}
.wb-tbl__vistas-etiqueta {
  color: var(--wb-muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wb-tbl__vista {
  padding: 3px 10px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.wb-tbl__vista.is-active {
  border-color: transparent;
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 14%, transparent);
    }
  }
  color: var(--wb-ink);
}
.wb-tbl__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 4px;
  padding: 5px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-md);
  background: var(--wb-work-surface);
  box-shadow: var(--wb-work-shadow);
}
.wb-tbl__tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--wb-work-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
}
.wb-tbl__tab:hover {
  background: var(--wb-work-velo);
  color: var(--wb-work-text);
}
.wb-tbl__tab.is-active {
  border-color: var(--wb-work-accent);
  background: var(--wb-work-accent-soft);
  color: var(--wb-work-accent);
}
.wb-tbl__tab-cuenta {
  padding: 1px 6px;
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, currentColor 16%, transparent);
    }
  }
  color: inherit;
  font-size: 9px;
  font-weight: 800;
}
.wb-tbl__tabla-caja {
  overflow: hidden;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-md);
  background: var(--wb-work-surface);
}
.wb-tbl__tabla {
  width: 100%;
  border-collapse: collapse;
}
.wb-tbl__tabla th {
  padding: 6px 10px;
  border-bottom: 1px solid var(--wb-work-line);
  color: var(--wb-work-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-align: left;
  text-transform: uppercase;
}
.wb-tbl__tabla td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--wb-work-line);
  vertical-align: top;
}
.wb-tbl__tabla tr:last-child td {
  border-bottom: 0;
}
.wb-tbl__tabla-fila[data-row-href] {
  cursor: pointer;
}
.wb-tbl__tabla-fila:hover {
  background: var(--wb-work-velo);
}
.wb-tbl__tabla-fila.is-active {
  background: var(--wb-work-accent-soft);
}
.wb-tbl__tabla-titulo {
  display: block;
  color: var(--wb-work-text);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}
.wb-tbl__tabla-titulo:hover {
  color: var(--wb-work-accent);
}
.wb-tbl__tabla-meta {
  display: block;
  color: var(--wb-work-muted);
  font-size: 10px;
}
.wb-tbl__tabla-numero {
  font-size: 12px;
  font-weight: 900;
}
.wb-tbl__link {
  color: var(--wb-work-accent);
  font-weight: 700;
  text-decoration: none;
}
.wb-tbl__link:hover {
  text-decoration: underline;
}
.wb-tbl__rail-doble {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  align-items: start;
}
.wb-tbl__tema {
  display: grid;
  gap: 4px;
  padding: 6px 0 6px 8px;
  border-left: 2px solid var(--wb-line);
}
.wb-tbl__tema .wb-tbl__principal {
  display: flex;
  gap: 6px;
  align-items: baseline;
  margin: 0;
}
.wb-tbl__tema [data-tbl-tema-kits] {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.wb-tbl__accion--fina {
  padding: 3px 8px;
  font-size: 12px;
}
.wb-tbl__carta-titulo a {
  color: inherit;
  text-decoration: none;
}
.wb-tbl__carta-titulo a:hover {
  text-decoration: underline;
}
.wb-tbl__badge {
  display: inline-flex;
  align-items: center;
  padding: 1px 7px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.wb-tbl__badge--ok {
  border-color: var(--wb-green);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-green) 32%, transparent);
    }
  }
  background: var(--wb-green);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-green);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-green) 16%, transparent);
    }
  }
}
.wb-tbl__badge--aviso {
  border-color: var(--wb-orange);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-orange);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-orange) 32%, transparent);
    }
  }
  background: var(--wb-orange);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-orange);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-orange) 16%, transparent);
    }
  }
}
.wb-tbl__badge--decidir {
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 32%, transparent);
    }
  }
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 14%, transparent);
    }
  }
}
.wb-tbl__badge--fuera {
  border-color: var(--wb-work-line);
  background: var(--wb-work-velo);
  color: var(--wb-work-muted);
}
.wb-tbl__rejilla {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 10px;
}
.wb-tbl__estudio-editor textarea.wb-tbl__input {
  width: 100%;
  min-height: 220px;
  resize: vertical;
  font-family: var(--wb-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
  font-size: 12.5px;
  line-height: 1.55;
}
.wb-tbl__markdown {
  display: grid;
  gap: 8px;
  max-width: 78ch;
  font-size: 13.5px;
  line-height: 1.6;
}
.wb-tbl__markdown > :first-child {
  margin-top: 0;
}
.wb-tbl__markdown .wb-tbl__lista {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 4px;
}
.wb-tbl__markdown .wb-tbl__lista .wb-tbl__lead {
  margin: 0;
}
.wb-tbl__markdown .wb-tbl__tabla-md {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.wb-tbl__markdown .wb-tbl__tabla-md th, .wb-tbl__markdown .wb-tbl__tabla-md td {
  padding: 5px 8px;
  border: 1px solid var(--wb-line);
  text-align: left;
  vertical-align: top;
}
.wb-tbl__markdown .wb-tbl__tabla-md th {
  background: var(--wb-work-velo, var(--wb-muted));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-velo, var(--wb-muted));
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--wb-work-velo, color-mix(in srgb, var(--wb-muted) 8%, transparent));
    }
  }
  font-weight: 700;
}
.wb-tbl__markdown .wb-tbl__hr {
  border: 0;
  border-top: 1px solid var(--wb-line);
  margin: 4px 0;
}
.wb-tbl__markdown .wb-tbl__cita {
  margin: 0;
  padding: 6px 12px;
  border-left: 3px solid var(--wb-line);
  color: var(--wb-muted);
}
.wb-tbl__markdown .wb-tbl__codigo {
  margin: 0;
  padding: 10px 12px;
  overflow-x: auto;
  border-radius: 8px;
  background: var(--wb-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-muted) 10%, transparent);
    }
  }
  font-size: 12px;
}
.wb-tbl__markdown .wb-tbl__codigo--linea {
  padding: 1px 5px;
  border-radius: 5px;
  background: var(--wb-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-muted) 14%, transparent);
    }
  }
  font-size: 0.92em;
}
.wb-tbl__estudio-pad {
  max-width: none;
  padding: 8px 10px;
}
.wb-tbl__estudio-pad .wb-tbl__markdown {
  max-width: none;
}
.wb-tbl__toc {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 12px;
  margin: 0 0 8px;
  padding: 6px 10px;
  border-radius: 6px;
  background: var(--wb-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-muted) 8%, transparent);
    }
  }
}
.wb-tbl__toc-titulo {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-tbl__toc-item {
  font-size: 11.5px;
  color: var(--wb-muted);
  text-decoration: none;
}
.wb-tbl__toc-item:hover {
  color: var(--wb-ink);
  text-decoration: underline;
}
.wb-tbl__toc-item--n2 {
  padding-left: 8px;
}
.wb-tbl__toc-item--n3 {
  padding-left: 16px;
  font-size: 11px;
}
.wb-tbl__estudio-pad .wb-tbl__barra {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: nowrap;
}
.wb-tbl__pad-datos {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 12.5px;
  color: var(--wb-muted);
  overflow-wrap: anywhere;
}
.wb-tbl__tipo:where(span, a) {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, currentColor 12%, transparent);
    }
  }
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  cursor: help;
}
.wb-tbl__tipo--apuntes {
  color: var(--wb-blue);
}
.wb-tbl__tipo--test {
  color: #3f6b4a;
}
.wb-tbl__tipo--agenda {
  color: #7a5ea8;
}
.wb-tbl__tipo--otro {
  color: var(--wb-muted);
}
.wb-tbl__volver {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin-right: 2px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-muted);
  text-decoration: none;
}
.wb-tbl__volver:hover {
  color: var(--wb-ink);
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, currentColor 45%, transparent);
    }
  }
}
.wb-tbl__estudio-pad .wb-tbl__acciones {
  flex: 0 0 auto;
  gap: 4px;
}
.wb-tbl__carta--item .wb-tbl__carta-meta {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.wb-tbl__icono {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 6px;
  background: var(--wb-surface);
  color: var(--wb-muted);
  cursor: pointer;
}
.wb-tbl__icono:hover {
  color: var(--wb-ink);
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, currentColor 45%, transparent);
    }
  }
}
.wb-tbl__icono--ok {
  color: #3f6b4a;
  border-color: color-mix(in srgb, #3f6b4a 35%, transparent);
}
.wb-tbl__editor-pad {
  display: grid;
  gap: 8px;
}
.wb-tbl .wb-tbl__vditor {
  --toolbar-height: 30px;
  --toolbar-divider-margin-top: 8px;
  width: 100%;
  border-radius: 8px;
}
.wb-tbl__editor-pad, .wb-tbl__vditor .vditor-toolbar, .wb-tbl__vditor .vditor-toolbar__item {
  overflow: visible;
}
.wb-tbl__vditor .vditor-toolbar {
  padding: 0 4px;
}
.wb-tbl__vditor .vditor-toolbar__item {
  padding: 0 1px;
}
.wb-tbl__vditor .vditor-toolbar__item svg {
  width: 13px;
  height: 13px;
}
.wb-tbl__vditor .vditor-toolbar__item svg.wb-tbl__icono-svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.wb-tbl__vditor .vditor-toolbar__divider {
  margin: var(--toolbar-divider-margin-top) 4px;
}
.wb-tbl__vditor .vditor-reset, .wb-tbl__vditor .vditor-ir pre.vditor-reset {
  font-size: 13px;
  line-height: 1.55;
}
.wb-tbl .wb-tbl__vditor {
  border-radius: 8px;
  overflow: hidden;
}
.wb-tbl__modal {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 10vh 16px 16px;
  background: color-mix(in srgb, #000 42%, transparent);
}
.wb-tbl__modal-caja {
  display: grid;
  gap: 10px;
  width: min(520px, 100%);
  padding: 16px 18px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm, 10px);
  background: var(--wb-surface);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}
.wb-tbl__modal-campo {
  display: grid;
  gap: 4px;
  font-size: 12px;
  color: var(--wb-muted);
}
.wb-tbl__modal-campo .wb-tbl__input {
  width: 100%;
}
.wb-tbl__modal-fila {
  display: flex;
  gap: 6px;
  align-items: center;
}
.wb-tbl__modal-fila .wb-tbl__input {
  flex: 1 1 auto;
}
.wb-tbl__modal-color {
  width: 42px;
  padding: 2px;
  cursor: pointer;
}
.wb-tbl__atajos {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 12px;
  margin: 0;
  font-size: 12.5px;
}
.wb-tbl__atajos dt {
  margin: 0;
}
.wb-tbl__atajos dd {
  margin: 0;
  color: var(--wb-muted);
}
.wb-tbl__atajos kbd {
  padding: 1px 6px;
  border: 1px solid var(--wb-line);
  border-radius: 5px;
  background: var(--wb-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-muted) 10%, transparent);
    }
  }
  font-family: inherit;
  font-size: 11px;
  white-space: nowrap;
}
.wb-tbl__markdown .wb-tbl__imagen {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.wb-tbl__markdown--vditor {
  display: block;
  max-width: none;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--wb-ink);
}
.wb-tbl .wb-tbl__markdown--vditor h1 {
  font-size: 18px;
  margin: 18px 0 8px;
}
.wb-tbl .wb-tbl__markdown--vditor h2 {
  font-size: 16px;
  margin: 16px 0 8px;
}
.wb-tbl .wb-tbl__markdown--vditor h3 {
  font-size: 14.5px;
  margin: 14px 0 6px;
}
.wb-tbl .wb-tbl__markdown--vditor h4, .wb-tbl .wb-tbl__markdown--vditor h5, .wb-tbl .wb-tbl__markdown--vditor h6 {
  font-size: 13.5px;
  margin: 12px 0 6px;
}
.wb-tbl .wb-tbl__markdown--vditor > :first-child {
  margin-top: 0;
}
.wb-tbl .wb-tbl__markdown--vditor p, .wb-tbl .wb-tbl__markdown--vditor li {
  font-size: 13.5px;
  line-height: 1.6;
}
.wb-tbl .wb-tbl__markdown--vditor table {
  font-size: 12.5px;
}
.wb-tbl__vditor {
  width: 100%;
}
.wb-tbl__vditor .vditor {
  border-radius: 8px;
}
.wb-tbl__vditor .vditor-reset {
  font-size: 13.5px;
}
.wb-tbl__carta {
  display: grid;
  gap: 6px;
  align-content: start;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  background: var(--wb-surface);
}
.wb-tbl__carta-titulo {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
.wb-tbl__carta-sello {
  justify-self: start;
  padding: 1px 8px;
  border-radius: 999px;
  background: var(--wb-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-muted) 14%, transparent);
    }
  }
  color: var(--wb-muted);
  font-size: 11px;
  font-weight: 700;
}
.wb-tbl__carta--item {
  color: inherit;
  text-decoration: none;
}
.wb-tbl__carta--item:hover {
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 45%, var(--wb-line));
    }
  }
}
.wb-tbl__carta--item.is-active {
  border-color: var(--wb-blue);
  box-shadow: inset 3px 0 0 var(--wb-blue);
}
.wb-tbl__carta-meta {
  margin: 0;
  color: var(--wb-muted);
  font-size: 12px;
  line-height: 1.4;
}
.wb-tbl__filtros {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px;
}
.wb-tbl__filtro {
  padding: 3px 10px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-muted);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.wb-tbl__filtro:hover {
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 45%, var(--wb-line));
    }
  }
}
.wb-tbl__filtro.is-active {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 10%, transparent);
    }
  }
  color: var(--wb-blue);
}
.wb-tbl__carta-sello--hecho {
  background: var(--wb-green);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-green);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-green) 18%, transparent);
    }
  }
  color: var(--wb-green);
}
.wb-tbl__carta-acciones {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.wb-tbl__carta-acciones .wb-tbl__campo {
  flex: 1 1 140px;
  min-width: 0;
}
.wb-tbl__sub {
  margin: 14px 0 6px;
  color: var(--wb-muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
@media (max-width: 1180px) {
  .wb-tbl__cuerpo,	.wb-tbl--puesto.is-nav-compact .wb-tbl__cuerpo,	.wb-tbl__work,	.wb-tbl__lado,	.wb-tbl[data-wb-lado=""] .wb-tbl__lado {
    grid-template-columns: minmax(0, 1fr);
  }
  .wb-tbl__lado {
    position: static;
    max-height: none;
  }
  .wb-tbl__lado-tabs {
    order: -1;
    grid-auto-flow: column;
    justify-content: start;
    border-left: 1px solid var(--wb-work-line);
    border-radius: var(--wb-work-radius-md) var(--wb-work-radius-md) 0 0;
  }
  .wb-tbl__lado-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    min-height: 24px;
    padding: 4px 10px;
    letter-spacing: 0.06em;
  }
  .wb-tbl__lado-tab-label {
    writing-mode: horizontal-tb;
    transform: none;
    letter-spacing: 0.06em;
  }
  .wb-tbl[data-wb-lado="detalle"] [data-wb-lado-panel="detalle"],	.wb-tbl[data-wb-lado="guias"] [data-wb-lado-panel="guias"],	.wb-tbl:not([data-wb-js="si"]) [data-wb-lado-panel]:target {
    max-height: none;
    border-radius: 0 0 var(--wb-work-radius-md) var(--wb-work-radius-md);
  }
  .wb-tbl__nav {
    position: static;
    display: flex;
    gap: 18px;
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
    padding: 10px 12px;
    border-radius: var(--wb-work-radius-md);
  }
  .wb-tbl__brand {
    align-self: center;
    margin: 0;
    padding: 6px 12px;
  }
  .wb-tbl__nav-top,	.wb-tbl__nav-foot,	.wb-tbl__nav-sub,	.wb-tbl__nav-busca,	.wb-tbl__nav-sin {
    display: none;
  }
  .wb-tbl__asa {
    display: none;
  }
  .wb-tbl__nav-block {
    flex: 0 0 auto;
  }
  .wb-tbl__nav-title {
    margin-left: 0;
  }
  .wb-tbl__nav-list {
    grid-auto-flow: column;
  }
  .wb-tbl__rail {
    border-left: 0;
    position: static;
    max-height: none;
  }
  .wb-tbl__zona--menu {
    display: none;
  }
}
@media (max-width: 720px) {
  .wb-tbl__subject {
    font-size: 15px;
  }
  .wb-tbl__h2 {
    font-size: 16px;
  }
  .wb-tbl__hint,	.wb-tbl__nivel,	.wb-tbl__nav-sub {
    font-size: 11px;
  }
  .wb-tbl__nav-label {
    font-size: 12px;
  }
  .wb-tbl__tab,	.wb-tbl__tab-cuenta {
    font-size: 10px;
  }
  .wb-tbl__back,	.wb-tbl__avisos,	.wb-tbl__cta {
    font-size: 11px;
  }
}
.wb-aula__codigo, .wb-aula__salida {
  margin: 10px 0 0;
  padding: 10px 12px;
  border: 1px dashed var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: var(--wb-ink);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12em;
  font-variant-numeric: tabular-nums;
  word-break: break-all;
}
.wb-aula__salida {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}
.wb-aula__codigo[hidden], .wb-aula__salida[hidden] {
  display: none;
}
.wb-pomo__grid {
  display: grid;
  gap: 18px;
}
@media (min-width: 900px) {
  .wb-pomo__grid {
    grid-template-columns: 0.85fr 1.15fr;
    align-items: start;
  }
}
.wb-pomo__panel {
  padding: 20px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
}
.wb-pomo__task {
  margin: 0 0 12px;
  color: var(--wb-muted);
}
.wb-pomo__task-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.wb-pomo__task strong {
  color: var(--wb-ink);
}
.wb-pomo__clock {
  position: relative;
  display: grid;
  place-items: center;
  width: min(240px, 70vw);
  margin: 0 auto 8px;
}
.wb-pomo__ring {
  width: 100%;
  transform: rotate(-90deg);
}
.wb-pomo__ring-track {
  fill: none;
  stroke: var(--wb-line);
  stroke-width: 9;
}
.wb-pomo__ring-value {
  fill: none;
  stroke: var(--wb-magenta);
  stroke-width: 9;
  stroke-linecap: round;
  stroke-dasharray: 326.73;
  stroke-dashoffset: calc(326.73 * (1 - var(--wb-progress, 0)));
  transition: stroke-dashoffset 0.4s linear;
}
.wb-pomo[data-wb-state="pausa_corta"] .wb-pomo__ring-value, .wb-pomo[data-wb-state="pausa_larga"] .wb-pomo__ring-value {
  stroke: var(--wb-green);
}
.wb-pomo__count {
  position: absolute;
  margin: 0;
  font-size: clamp(34px, 8vw, 46px);
  font-weight: 700;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.wb-pomo__phase {
  position: absolute;
  bottom: -2px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-pomo__dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
}
.wb-pomo__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--wb-line);
}
.wb-pomo__dot-fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
}
.wb-pomo__dot[data-wb-done="true"] .wb-pomo__dot-fill {
  background: var(--wb-magenta);
}
.wb-pomo__start, .wb-pomo__controls {
  margin: 0;
}
.wb-pomo__metodo {
  margin: 14px 0 0;
  padding: 10px 12px;
  border-left: 3px solid var(--wb-magenta);
  border-radius: 0 10px 10px 0;
  background: var(--wb-magenta);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-magenta);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-magenta) 6%, transparent);
    }
  }
  font-size: 13px;
  line-height: 1.5;
  color: var(--wb-ink);
}
.wb-pomo__metodo-link {
  color: inherit;
  text-decoration: underline;
}
.wb-pomo__start {
  margin-top: 14px;
}
.wb-pomo__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wb-pomo__status {
  min-height: 20px;
  margin: 10px 0 0;
  font-size: 14px;
  color: var(--wb-ink);
}
.wb-pomo__record {
  margin: 8px 0 0;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-pomo__help-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
}
.wb-pomo__help-foot p {
  margin: 0;
  color: var(--wb-muted);
}
.wb-rservices__title {
  margin: 0;
  font-size: 15px;
  letter-spacing: -0.01em;
}
.wb-rservices__list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-rservices__card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
}
.wb-rservices__glyph {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--wb-service, var(--wb-blue));
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.wb-rservices__copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.wb-rservices__eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wb-service, var(--wb-blue));
}
.wb-rservices__name {
  font-size: 14px;
}
.wb-rservices__desc {
  font-size: 12px;
  line-height: 1.4;
  color: var(--wb-muted);
}
.wb-rservices__cta {
  margin-left: auto;
  align-self: center;
  padding: 7px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}
.wb-rservices__note {
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.45;
  color: var(--wb-muted);
}
.wb-account {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.wb-account__avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--wb-blue) 45%, transparent);
    }
  }
}
.wb-account__copy {
  display: flex;
  flex-direction: column;
}
.wb-account__name {
  font-size: 14px;
}
.wb-account__handle {
  font-size: 11px;
  color: var(--wb-muted);
}
.wb-account__cta {
  margin-left: auto;
  padding: 7px 14px;
  border-radius: 999px;
  background: var(--wb-blue);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.wb-account__note {
  flex: 1 0 100%;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
  color: var(--wb-muted);
}
html:has(body[data-app="wobawo"]) {
  background-color: var(--wb-bg);
}
body[data-app="wobawo"] {
  background-color: var(--wb-bg);
  color: var(--wb-ink);
}
body[data-page="feed"][data-app="wobawo"] {
  --wb-feed-wash: radial-gradient(900px 520px at 8% -10%, rgba(47, 107, 216, 0.1), transparent 62%),
		radial-gradient(760px 460px at 96% 4%, rgba(224, 69, 155, 0.09), transparent 58%),
		linear-gradient(180deg, #ffffff 0%, var(--wb-bg) 62%, #f4f7ff 100%);
  --sm-feed-cosmos-bg: var(--wb-feed-wash);
  background-color: var(--wb-bg);
  background-image: var(--wb-feed-wash);
  background-attachment: fixed;
  color: var(--wb-ink);
}
body[data-theme-mode="cristal"][data-page="feed"][data-app="wobawo"] {
  --wb-feed-wash: radial-gradient(900px 520px at 8% -10%, rgba(47, 107, 216, 0.22), transparent 62%),
		radial-gradient(760px 460px at 96% 4%, rgba(224, 69, 155, 0.16), transparent 58%),
		linear-gradient(180deg, #121a33 0%, var(--wb-bg) 62%, #080d1c 100%);
}
body[data-theme-mode="oscuro"][data-page="feed"][data-app="wobawo"] {
  --wb-feed-wash: radial-gradient(900px 520px at 8% -10%, rgba(47, 107, 216, 0.12), transparent 62%),
		linear-gradient(180deg, #17171d 0%, var(--wb-bg) 62%, #0a0a0e 100%);
}
body[data-app="wobawo"][data-page="feed"] .sm-shell {
  max-width: none;
}
body[data-app="wobawo"][data-page="feed"] :is(	.sm-feed-native__drawer,	.sm-feed-shell__left-rail,	.sm-feed-native__mobile-bar,	.sm-feed-native__topbar,	.sm-feed-native__utility-card,	.sm-feed-native__search-card,	.sm-feed-native__account-card,	.sm-feed-native__brand-card,	.sm-feed-native__hero,	.sm-feed-post-card,	.sm-suggestion-group__item,	.sm-suggestion-card__body,	.sm-mobile-menu__panel,	.sm-mobile-bar__shell,	.sm-feed-native__bottom-bar,	.sm-feed-native__panel,	.sm-feed-page-card	) {
  background: var(--wb-surface) !important;
  border-color: var(--wb-line) !important;
  box-shadow: var(--wb-shadow) !important;
  color: var(--wb-ink) !important;
}
body[data-app="wobawo"][data-page="feed"] :is(	.sm-feed-native,	.sm-feed-shell,	.sm-feed-native__main,	.sm-feed-shell__center-column,	.sm-feed-service,	.sm-feed-service__head,	.sm-feed-service__body	) {
  color: var(--wb-ink);
}
body[data-page="feed"][data-app="wobawo"] :is(	p,	span,	strong,	small,	em,	b,	i,	li,	dt,	dd,	a,	button,	label,	time,	h1,	h2,	h3,	h4,	h5,	h6,	svg	) {
  color: inherit;
}
body[data-page="feed"][data-app="wobawo"] .sm-mobile-bar__eyebrow {
  color: var(--wb-magenta);
}
body[data-page="feed"][data-app="wobawo"] :is(.wb-rservices__eyebrow, .wb-service__app, .wb-rservices__name) {
  color: var(--wb-service, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-service, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-service, var(--wb-blue)) var(--wb-accent-mix), #fff);
    }
  }
}
body[data-app="wobawo"][data-page="feed"] :is(	.sm-feed-native__hero,	.sm-feed-native__surface-banner,	.sm-feed-native__reels-view,	.sm-feed-native__stories-view	) :is(.sm-feed-native__hero-copy) :is(h1, h2, h3) {
  color: var(--wb-ink);
}
body[data-app="wobawo"][data-page="feed"] .sm-feed-native__menu-link.is-active {
  color: var(--wb-ink);
}
body[data-page="feed"][data-app="wobawo"] :is(	.sm-feed-native__view-toggle-item.is-active,	.sm-feed-native__view-toggle-item[aria-selected="true"],	.sm-feed-native__view-toggle-item[aria-pressed="true"],	.sm-mobile-bar__view-option.is-active,	.sm-feed-view-option.is-active	) {
  background: var(--wb-ink);
  border-color: var(--wb-ink);
  color: var(--wb-bg);
}
body[data-page="feed"][data-app="wobawo"] .sm-feed-scope-pill.is-active {
  background: var(--wb-ink);
  border-color: var(--wb-ink);
  color: var(--wb-bg);
}
body[data-page="feed"][data-app="wobawo"] .sm-feed-native__search-button {
  background: var(--wb-blue);
  color: #fff;
}
body[data-app="wobawo"][data-page="feed"] .sm-mobile-bar__eyebrow {
  color: var(--wb-magenta) !important;
}
body[data-app="wobawo"][data-page="feed"] .sm-feed-scope-pill {
  color: var(--wb-muted);
  border-color: var(--wb-line);
}
body[data-app="wobawo"][data-page="feed"] .sm-feed-scope-pill.is-active {
  background: var(--wb-ink);
  border-color: var(--wb-ink);
  color: var(--wb-bg);
}
body[data-app="wobawo"][data-page="feed"] .wb-rservices, body[data-app="wobawo"][data-page="feed"] .wb-account {
  color: var(--wb-ink);
}
body[data-app="wobawo"][data-page="feed"] .wb-rservices__note, body[data-app="wobawo"][data-page="feed"] .wb-account__note, body[data-app="wobawo"][data-page="feed"] .wb-rservices__desc {
  color: var(--wb-muted);
}
body[data-app="wobawo"] .sm-feed-native__menu-icon svg, body[data-app="wobawo"] .sm-mobile-menu__icon svg {
  color: inherit;
}
body[data-app="wobawo"] .sm-mobile-menu__icon svg {
  width: 26px;
  height: 26px;
}
body[data-app="wobawo"] :is(.sm-feed-native__menu-icon, .sm-mobile-menu__icon) {
  background-image: var(--wb-menu-icon, none);
  background-repeat: no-repeat;
  background-position: center;
}
body[data-app="wobawo"][data-page="feed"] .sm-feed-native__menu-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
}
body[data-app="wobawo"] .sm-feed-native__menu-icon {
  background-size: 22px 22px;
}
body[data-app="wobawo"] .sm-feed-native__menu-icon svg {
  width: 22px;
  height: 22px;
}
body[data-app="wobawo"] .sm-mobile-menu__icon {
  background-size: 26px 26px;
}
body[data-app="wobawo"][data-page="feed"] .sm-mobile-menu__icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background-color: var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--wb-line) 55%, transparent);
    }
  }
  flex: 0 0 auto;
}
body[data-app="wobawo"] .sm-mobile-menu__item {
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--wb-ink);
}
body[data-app="wobawo"] .sm-mobile-menu__item:hover, body[data-app="wobawo"] .sm-mobile-menu__item:focus-visible {
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 8%, transparent);
    }
  }
}
body[data-app="wobawo"] .sm-mobile-menu__foot {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in srgb, var(--wb-line) 70%, transparent);
    }
  }
}
body[data-app="wobawo"][data-page="feed"] .sm-mobile-menu__panel {
  width: min(264px, 80vw);
}
body[data-app="wobawo"] .sm-feed-native__menu-list[data-brand-menu] > .sm-feed-native__menu-link:first-child, body[data-app="wobawo"] .sm-mobile-menu__list > .sm-mobile-menu__item:first-child {
  --wb-menu-icon: url("/images/brand/wobawo/nav-inicio.png");
}
body[data-app="wobawo"] [data-service-scope="service_companero"] {
  --wb-menu-icon: url("/images/brand/wobawo/nav-perfil.png");
}
body[data-app="wobawo"] [data-service-scope="service_pomodoro"] {
  --wb-menu-icon: url("/images/brand/wobawo/nav-misiones.png");
}
body[data-app="wobawo"] [data-service-scope="service_apps"] {
  --wb-menu-icon: url("/images/brand/wobawo/categoria-tecnologia.png");
}
body[data-app="wobawo"] [data-service-scope="service_mis_apps"] {
  --wb-menu-icon: url("/images/brand/wobawo/nav-guardados.png");
}
body[data-app="wobawo"] [data-service-scope="service_servicios"] {
  --wb-menu-icon: url("/images/brand/wobawo/nav-explorar.png");
}
body[data-app="wobawo"]:has(.wb-account--guest) .sm-mobile-menu__user-avatar {
  background-image: url("/images/brand/wobawo/avatar-invitado-128.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 2px var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--wb-blue) 45%, transparent);
    }
  }
}
body[data-app="wobawo"]:has(.wb-account--guest) .sm-mobile-menu__user-avatar > span {
  display: none;
}
body[data-app="wobawo"] .sm-feed-native__menu-list[data-brand-menu] > .sm-feed-native__menu-link:first-child .sm-feed-native__menu-icon svg, body[data-app="wobawo"] .sm-mobile-menu__list > .sm-mobile-menu__item:first-child .sm-mobile-menu__icon svg, body[data-app="wobawo"] [data-service-scope="service_companero"] :is(.sm-feed-native__menu-icon, .sm-mobile-menu__icon) svg, body[data-app="wobawo"] [data-service-scope="service_pomodoro"] :is(.sm-feed-native__menu-icon, .sm-mobile-menu__icon) svg, body[data-app="wobawo"] [data-service-scope="service_apps"] :is(.sm-feed-native__menu-icon, .sm-mobile-menu__icon) svg, body[data-app="wobawo"] [data-service-scope="service_mis_apps"] :is(.sm-feed-native__menu-icon, .sm-mobile-menu__icon) svg, body[data-app="wobawo"] [data-service-scope="service_servicios"] :is(.sm-feed-native__menu-icon, .sm-mobile-menu__icon) svg {
  display: none;
}
body[data-app="wobawo"] .sm-feed-native__brand-logo {
  width: 87px;
  height: 47px;
  flex: 0 0 87px;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body[data-app="wobawo"] .sm-feed-native__brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
}
body[data-app="wobawo"] .sm-mobile-menu__head {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 88px;
  align-items: center;
  gap: 8px;
}
body[data-app="wobawo"] .sm-mobile-menu__head > strong {
  display: none;
}
body[data-app="wobawo"] .sm-mobile-menu__head > .sm-mobile-menu__close {
  position: absolute;
  top: -4px;
  right: 0;
  margin: 0;
}
body[data-app="wobawo"] .sm-mobile-menu__head::after {
  content: "";
  grid-row: 1;
  grid-column: 1;
  justify-self: start;
  width: 130px;
  height: 70px;
  background-image: var(--wb-logo);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
body[data-app="wobawo"] .wb-menu-date {
  grid-row: 1;
  grid-column: 2;
  justify-self: end;
  align-self: end;
  display: grid;
  justify-items: end;
  text-align: right;
  gap: 2px;
  line-height: 1.15;
  color: var(--wb-muted);
}
body[data-app="wobawo"] .wb-menu-date__fecha {
  max-width: 9.5em;
  font-size: 0.6rem;
  font-weight: 600;
  text-transform: uppercase;
}
body[data-app="wobawo"] .wb-menu-date__hora {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--wb-ink);
  font-variant-numeric: tabular-nums;
}
body[data-app="wobawo"][data-page="feed"] .sm-feed-native__bottom-icon {
  width: 26px;
  height: 26px;
}
.wb-bottom-icon {
  display: block;
  width: 26px;
  height: 26px;
  max-width: none;
  flex: 0 0 auto;
}
body[data-app="wobawo"][data-page="feed"] :is(input, textarea, select) {
  color: var(--wb-ink);
  background-color: var(--wb-bg);
  border-color: var(--wb-line);
}
body[data-app="wobawo"][data-page="feed"] :is(input, textarea)::placeholder {
  color: var(--wb-muted);
  opacity: 1;
}
body[data-app="wobawo"][data-page="feed"] .sm-feed-native__search-button {
  background: var(--wb-blue);
  border-color: var(--wb-blue);
  color: #fff;
}
.wb-account__avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--wb-surface);
  border: 1px solid var(--wb-line);
  overflow: hidden;
}
.wb-account__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (prefers-reduced-motion: reduce) {
  .wb-comp__2d,	.wb-mic[aria-pressed="true"] .wb-mic__glyph {
    animation: none !important;
  }
  .wb-hero__box.is-open,	.wb-access,	.wb-access__panel {
    animation: none !important;
  }
  .wb-cta,	.wb-service,	.wb-comp__2d,	.wb-value,	.wb-pomo__ring-value {
    transition: none !important;
  }
}
.wb-plan, .wb-review {
  display: grid;
  gap: 1.25rem;
}
.wb-plan__summary, .wb-review__figures {
  background: var(--wb-surface);
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius, 16px);
  box-shadow: var(--wb-shadow, none);
  padding: 1rem 1.25rem;
}
.wb-plan__date, .wb-review__range {
  margin: 0 0 0.75rem;
  color: var(--wb-ink);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.wb-plan__figures, .wb-review__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-plan__figures li, .wb-review__list li {
  color: var(--wb-muted);
  font-size: 0.95rem;
}
.wb-plan__figures strong, .wb-review__list strong {
  color: var(--wb-ink);
}
.wb-plan__adherence, .wb-review__hint {
  margin: 0.75rem 0 0;
  color: var(--wb-muted);
  font-size: 0.9rem;
}
.wb-plan__new {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
  align-items: end;
  background: var(--wb-surface);
  border: 1px dashed var(--wb-line);
  border-radius: var(--wb-radius-sm, 12px);
  padding: 1rem 1.25rem;
}
.wb-plan__new .wb-cta {
  justify-self: start;
}
.wb-plan__status, .wb-review__status {
  grid-column: 1 / -1;
  margin: 0;
  min-height: 1.2em;
  color: var(--wb-muted);
  font-size: 0.9rem;
}
.wb-plan__status.is-error, .wb-review__status.is-error {
  color: var(--wb-red);
}
.wb-plan__list {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-plan__item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto auto;
  gap: 0.75rem;
  align-items: center;
  background: var(--wb-surface);
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm, 12px);
  padding: 0.65rem 0.85rem;
}
.wb-plan__pos {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: var(--wb-accent-mix, rgba(47, 107, 216, 0.12));
  color: var(--wb-blue);
  font-size: 0.85rem;
  font-weight: 700;
}
.wb-plan__copy {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}
.wb-plan__name {
  color: var(--wb-ink);
  overflow-wrap: anywhere;
}
.wb-plan__meta {
  color: var(--wb-muted);
  font-size: 0.82rem;
}
.wb-plan__pill {
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  background: var(--wb-line);
  color: var(--wb-ink);
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.wb-plan__pill--hecho {
  background: var(--wb-green);
  color: #04240f;
}
.wb-plan__pill--en_curso {
  background: var(--wb-blue);
  color: #f6faff;
}
.wb-plan__pill--movido {
  background: var(--wb-yellow);
  color: #2a2000;
}
.wb-plan__pill--descartado {
  background: var(--wb-line);
  color: var(--wb-muted);
}
.wb-plan__actions {
  display: flex;
  gap: 0.35rem;
}
.wb-plan__action {
  background: transparent;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-muted);
  cursor: pointer;
  font-size: 0.78rem;
  padding: 0.3rem 0.7rem;
}
.wb-plan__action:hover {
  border-color: var(--wb-blue);
  color: var(--wb-blue);
}
.wb-plan__action:disabled {
  cursor: progress;
  opacity: 0.5;
}
.wb-plan__empty {
  border: 1px dashed var(--wb-line);
  border-radius: var(--wb-radius-sm, 12px);
  color: var(--wb-muted);
  padding: 1rem;
  text-align: center;
}
.wb-review__periods {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.wb-review__period {
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-muted);
  font-size: 0.85rem;
  padding: 0.35rem 0.9rem;
  text-decoration: none;
}
.wb-review__period[aria-current="true"] {
  background: var(--wb-blue);
  border-color: var(--wb-blue);
  color: #f6faff;
  font-weight: 700;
}
.wb-review__form, .wb-review__closed {
  display: grid;
  gap: 0.75rem;
}
.wb-review__mood {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.wb-review__read p {
  margin: 0.25rem 0 0;
  color: var(--wb-ink);
}
@media (max-width: 720px) {
  .wb-plan__item {
    grid-template-columns: 1.75rem minmax(0, 1fr);
  }
  .wb-plan__pill, .wb-plan__actions {
    grid-column: 2;
  }
}
.wb-agenda {
  display: grid;
  gap: 1.25rem;
}
.wb-agenda__week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.4rem;
  align-items: stretch;
}
.wb-agenda__day {
  display: grid;
  gap: 0.3rem;
  justify-items: center;
  padding: 0.5rem 0.35rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm, 12px);
  color: var(--wb-ink);
  text-decoration: none;
  background: var(--wb-surface);
}
.wb-agenda__day.is-active {
  border-color: var(--wb-blue);
  box-shadow: inset 0 0 0 1px var(--wb-blue);
}
.wb-agenda__day-name {
  color: var(--wb-muted);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wb-agenda__day-num {
  font-size: 1.1rem;
  font-weight: 700;
}
.wb-agenda__day-load {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 999px;
  background: var(--wb-line);
  overflow: hidden;
}
.wb-agenda__day-bar {
  display: block;
  width: var(--wb-load, 0%);
  height: 100%;
  background: var(--wb-blue);
}
.wb-agenda__day-free {
  color: var(--wb-muted);
  font-size: 0.68rem;
  text-align: center;
}
.wb-agenda__week-range {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.78rem;
  text-align: center;
}
.wb-agenda__head {
  display: grid;
  gap: 0.35rem;
}
.wb-agenda__date {
  margin: 0;
  font-size: 1.05rem;
  color: var(--wb-ink);
}
.wb-agenda__free {
  margin: 0;
  color: var(--wb-ink);
}
.wb-agenda__free--unknown {
  color: var(--wb-muted);
  font-size: 0.88rem;
}
.wb-agenda__layer {
  display: grid;
  gap: 0.6rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm, 12px);
  background: var(--wb-surface);
}
.wb-agenda__layer--plan {
  border-style: dashed;
  background: transparent;
}
.wb-agenda__layer--procesos {
  border-color: var(--wb-blue);
}
.wb-agenda__layer--propuesta {
  border-color: var(--wb-accent);
  border-style: dashed;
}
.wb-agenda__prop-dias {
  display: grid;
  gap: 0.35rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.wb-agenda__prop-dia {
  display: grid;
  grid-template-columns: 3.5rem 1.5rem 1fr;
  align-items: start;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: var(--wb-ink);
}
.wb-agenda__prop-dia.is-vacio {
  color: var(--wb-muted);
}
.wb-agenda__prop-nombre {
  color: var(--wb-muted);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.wb-agenda__prop-cuenta {
  font-weight: 700;
  color: var(--wb-accent);
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.wb-agenda__prop-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.15rem;
  color: var(--wb-muted);
}
.wb-agenda__planificar {
  display: grid;
  gap: 0.4rem;
  margin: 0;
}
.wb-agenda__planificar-nota {
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.78rem;
}
.wb-agenda__h3 {
  margin: 0;
  font-size: 0.95rem;
  color: var(--wb-ink);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.wb-agenda__tag {
  border-radius: 999px;
  background: var(--wb-line);
  color: var(--wb-muted);
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.15rem 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wb-agenda__empty, .wb-agenda__note {
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.85rem;
}
.wb-agenda__slots, .wb-agenda__checkpoints, .wb-agenda__blocks, .wb-agenda__processes, .wb-agenda__process-summary {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-agenda__slot, .wb-agenda__block, .wb-agenda__process {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
}
.wb-agenda__block {
  grid-template-columns: auto minmax(0, 1fr) auto;
  color: var(--wb-ink);
}
.wb-agenda__slot-time, .wb-agenda__process-time {
  color: var(--wb-muted);
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.wb-agenda__slot-copy, .wb-agenda__block-name {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.wb-agenda__slot-meta, .wb-agenda__block-meta {
  color: var(--wb-muted);
  font-size: 0.78rem;
}
.wb-agenda__pos {
  display: grid;
  place-items: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 999px;
  background: var(--wb-line);
  color: var(--wb-muted);
  font-size: 0.78rem;
  font-weight: 700;
}
.wb-agenda__cta {
  background: transparent;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-blue);
  cursor: pointer;
  font-size: 0.78rem;
  padding: 0.3rem 0.8rem;
}
.wb-agenda__cta:hover {
  border-color: var(--wb-blue);
}
.wb-agenda__cta:disabled {
  cursor: progress;
  opacity: 0.5;
}
.wb-agenda__checkpoint {
  display: grid;
  gap: 0.1rem;
  border-left: 3px solid var(--wb-red);
  padding-left: 0.6rem;
  color: var(--wb-ink);
}
.wb-agenda__checkpoint--hecho {
  border-left-color: var(--wb-green);
}
.wb-agenda__checkpoint--anulado {
  border-left-color: var(--wb-line);
  color: var(--wb-muted);
}
.wb-agenda__checkpoint-meta {
  color: var(--wb-muted);
  font-size: 0.78rem;
}
.wb-agenda__process-summary {
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  overflow-x: auto;
  color: var(--wb-muted);
  font-size: 0.82rem;
}
.wb-agenda__process-kind {
  border-radius: 999px;
  background: var(--wb-blue);
  color: #f6faff;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.55rem;
  white-space: nowrap;
}
.wb-agenda__process-copy {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--wb-ink);
}
.wb-agenda__new {
  display: grid;
  gap: 0.6rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm, 12px);
}
.wb-agenda__feedback {
  margin: 0;
  min-height: 1.2em;
  color: var(--wb-muted);
  font-size: 0.82rem;
}
.wb-academia {
  display: grid;
  gap: 1.25rem;
}
.wb-academia__back {
  color: var(--wb-muted);
  font-size: 0.85rem;
  text-decoration: none;
}
.wb-academia__block, .wb-academia__course {
  display: grid;
  gap: 0.6rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm, 12px);
  background: var(--wb-surface);
}
.wb-academia__h3 {
  margin: 0;
  font-size: 0.98rem;
  color: var(--wb-ink);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.wb-academia__tag {
  border-radius: 999px;
  background: var(--wb-line);
  color: var(--wb-muted);
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.15rem 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wb-academia__course-meta, .wb-academia__subject-meta, .wb-academia__unit-figures, .wb-academia__goal-meta, .wb-academia__checkpoint-meta {
  color: var(--wb-muted);
  font-size: 0.8rem;
}
.wb-academia__subjects, .wb-academia__units, .wb-academia__points, .wb-academia__goals, .wb-academia__checkpoints {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-academia__subject-link {
  display: grid;
  gap: 0.15rem;
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-academia__subject-link:hover strong {
  color: var(--wb-blue);
}
.wb-academia__next, .wb-academia__next-big {
  color: var(--wb-red);
  font-size: 0.82rem;
}
.wb-academia__empty {
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.86rem;
}
.wb-academia__figures {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.85rem;
}
.wb-academia__figures strong {
  color: var(--wb-ink);
}
.wb-academia__unit {
  display: grid;
  gap: 0.5rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm, 12px);
}
.wb-academia__unit-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
}
.wb-academia__unit-pos {
  display: grid;
  place-items: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 999px;
  background: var(--wb-line);
  color: var(--wb-muted);
  font-size: 0.78rem;
  font-weight: 700;
}
.wb-academia__unit-copy {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}
.wb-academia__unit-states {
  display: grid;
  grid-auto-flow: column;
  gap: 0.15rem;
  min-width: 0;
  justify-content: end;
}
.wb-academia__unit-name {
  color: var(--wb-ink);
  overflow-wrap: anywhere;
}
.wb-academia__unit-scope {
  color: var(--wb-muted);
  font-size: 0.78rem;
}
.wb-academia__pill {
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.18rem 0.6rem;
  white-space: nowrap;
}
.wb-academia__pill--medido {
  background: var(--wb-blue);
  color: #f6faff;
}
.wb-academia__pill--declarado {
  background: var(--wb-line);
  color: var(--wb-ink);
}
.wb-academia__unit-bars {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6rem;
  align-items: center;
}
.wb-academia__bar {
  display: block;
  height: 6px;
  border-radius: 999px;
  background: var(--wb-line);
  overflow: hidden;
}
.wb-academia__bar-fill {
  display: block;
  width: var(--wb-coverage, 0%);
  height: 100%;
  background: var(--wb-green);
}
.wb-academia__agree, .wb-academia__mismatch, .wb-academia__unit-checkpoints, .wb-academia__note {
  margin: 0;
  font-size: 0.82rem;
}
.wb-academia__agree {
  color: var(--wb-green);
}
.wb-academia__mismatch {
  color: var(--wb-orange);
}
.wb-academia__unit-checkpoints, .wb-academia__note {
  color: var(--wb-muted);
}
.wb-academia__point-toggle {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  background: transparent;
  border: 0;
  color: var(--wb-ink);
  cursor: pointer;
  font-size: 0.85rem;
  padding: 0.15rem 0;
  text-align: left;
}
.wb-academia__point-mark {
  display: inline-block;
  width: 0.85rem;
  height: 0.85rem;
  border: 1px solid var(--wb-line);
  border-radius: 4px;
  background: transparent;
}
.wb-academia__point.is-covered .wb-academia__point-mark {
  background: var(--wb-green);
  border-color: var(--wb-green);
}
.wb-academia__point.is-covered .wb-academia__point-toggle {
  color: var(--wb-muted);
}
.wb-academia__point-when {
  color: var(--wb-muted);
  font-size: 0.75rem;
}
.wb-academia__unit-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
}
.wb-academia__action {
  background: transparent;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-muted);
  cursor: pointer;
  font-size: 0.76rem;
  padding: 0.25rem 0.7rem;
}
.wb-academia__action.is-active {
  background: var(--wb-ink);
  border-color: var(--wb-ink);
  color: var(--wb-surface);
  font-weight: 700;
}
.wb-academia__feedback {
  flex: 1 0 100%;
  margin: 0;
  min-height: 1.2em;
  color: var(--wb-muted);
  font-size: 0.8rem;
}
.wb-academia__checkpoint {
  display: grid;
  gap: 0.1rem;
  border-left: 3px solid var(--wb-red);
  padding-left: 0.6rem;
  color: var(--wb-ink);
}
.wb-academia__checkpoint--hecho {
  border-left-color: var(--wb-green);
}
.wb-academia__checkpoint--anulado {
  border-left-color: var(--wb-line);
  color: var(--wb-muted);
}
.wb-academia__checkpoint-when {
  color: var(--wb-muted);
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
}
.wb-academia__checkpoint-result {
  color: var(--wb-muted);
  font-size: 0.8rem;
  font-style: italic;
}
.wb-academia__goal {
  display: grid;
  gap: 0.1rem;
  color: var(--wb-ink);
}
.wb-academia__goal.is-met {
  border-left: 3px solid var(--wb-green);
  padding-left: 0.6rem;
}
.wb-academia__goal-state {
  color: var(--wb-muted);
  font-size: 0.78rem;
  font-weight: 700;
}
@media (max-width: 720px) {
  .wb-agenda__week {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .wb-agenda__slot, .wb-agenda__block, .wb-agenda__process {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .wb-agenda__slot-time, .wb-agenda__process-time {
    grid-column: 1 / -1;
  }
  .wb-academia__unit-head {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .wb-academia__unit-states {
    grid-column: 2;
    justify-content: start;
  }
}
.wb-shell--conc {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.wb-main--conc {
  display: flex;
  flex: 1;
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
}
.wb-conc {
  --wb-conc-max: 1180px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  color: var(--wb-ink);
}
.wb-conc:fullscreen {
  background: var(--wb-bg);
}
.wb-cabina {
  display: grid;
  flex: 1;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
}
.wb-cabina__menu {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: var(--wb-header-h);
  padding: 0 18px;
  background: linear-gradient( 180deg, var(--wb-surface) 0%, var(--wb-surface) 62%, transparent 100% ), linear-gradient( 180deg, var(--wb-blue) 0%, transparent 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, var(--wb-surface) 0%, var(--wb-surface) 62%, transparent 100% ), linear-gradient( 180deg, var(--wb-blue) 0%, transparent 100% );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, color-mix(in srgb, var(--wb-surface) 88%, transparent) 0%, color-mix(in srgb, var(--wb-surface) 55%, transparent) 62%, transparent 100% ), linear-gradient( 180deg, color-mix(in srgb, var(--wb-blue) 22%, transparent) 0%, transparent 100% );
    }
  }
}
.wb-cabina__marca {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}
.wb-cabina__word {
  font-weight: 700;
  letter-spacing: -0.01em;
}
.wb-cabina__nav {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 6px;
}
.wb-cabina__item {
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.94rem;
  cursor: pointer;
}
.wb-cabina__item:hover, .wb-cabina__item.is-active {
  border-color: var(--wb-line);
  background: var(--wb-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-surface) 70%, transparent);
    }
  }
}
.wb-cabina__eco {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0;
  max-width: 34ch;
  font-size: 0.92rem;
  text-align: right;
}
.wb-cabina__eco[hidden] {
  display: none;
}
.wb-cabina__eco-label {
  color: var(--wb-muted);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.wb-cabina__fecha {
  margin: 0;
  margin-left: auto;
  color: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-ink) 88%, var(--wb-bg));
    }
  }
  font-weight: 700;
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-align: right;
}
.wb-cabina__escena {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 0;
  padding: 10px 18px 14px;
  overflow: visible;
}
.wb-cabina__lamina {
  position: absolute;
  inset: 0;
  top: calc(-1 * var(--wb-header-h));
  z-index: -1;
  display: none;
  overflow: hidden;
}
.wb-cabina__lamina img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0, rgba(0, 0, 0, 0.7) 30px, #000 68px);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.32) 0, rgba(0, 0, 0, 0.7) 30px, #000 68px);
}
[data-wb-fondo="cabina"] .wb-cabina__lamina[data-wb-conc-lamina="cabina"], [data-wb-fondo="escena"] .wb-cabina__lamina[data-wb-conc-lamina="escena"], [data-wb-fondo="avenida"] .wb-cabina__lamina[data-wb-conc-lamina="avenida"], [data-wb-fondo="muro"] .wb-cabina__lamina[data-wb-conc-lamina="muro"], [data-wb-fondo="cielo"] .wb-cabina__lamina[data-wb-conc-lamina="cielo"] {
  display: block;
}
[data-wb-fondo="ninguno"] .wb-cabina__lamina {
  display: none;
}
.wb-cabina__lamina::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 34%;
  background: linear-gradient( 180deg, transparent 0%, var(--wb-bg) 60%, var(--wb-bg) 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, transparent 0%, var(--wb-bg) 60%, var(--wb-bg) 100% );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, transparent 0%, color-mix(in srgb, var(--wb-bg) 70%, transparent) 60%, var(--wb-bg) 100% );
    }
  }
}
.wb-cabina__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
}
.wb-cabina__avatar-img, .wb-cabina__avatar-animado {
  width: 100%;
  height: 100%;
  max-height: min(34vh, 320px);
  object-fit: contain;
  filter: drop-shadow(0 24px 34px rgba(11, 16, 32, 0.28));
}
.wb-cabina__avatar-animado {
  display: none;
}
[data-wb-avatar="animado"] .wb-cabina__avatar-img {
  display: none;
}
[data-wb-avatar="animado"] .wb-cabina__avatar-animado {
  display: block;
}
[data-wb-avatar="animado"] .wb-cabina__avatar:has(.wb-cabina__avatar-animado[src]) {
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-wb-avatar="animado"] .wb-cabina__avatar-img {
    display: block;
  }
  [data-wb-avatar="animado"] .wb-cabina__avatar-animado {
    display: none;
  }
}
[data-wb-fondo]:not([data-wb-fondo="cabina"]) .wb-cabina__avatar {
  visibility: hidden;
}
.wb-cabina__arriba {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 100%;
  min-width: 0;
}
.wb-cabina__fases {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.wb-cabina__fase-min {
  display: none;
}
.wb-cabina__fase {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 6px 12px;
  border: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--wb-line) 60%, transparent);
    }
  }
  border-radius: 14px;
  background: var(--wb-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-surface) 82%, transparent);
    }
  }
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: left;
  backdrop-filter: blur(8px);
}
.wb-cabina__fase.is-active {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 22%, var(--wb-surface));
    }
  }
}
.wb-cabina__fase-nombre {
  font-size: 0.84rem;
  font-weight: 600;
}
.wb-cabina__bloque {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 100%;
  min-width: 0;
}
.wb-cabina__transporte {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
}
.wb-cabina__lado {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
  min-width: 108px;
}
.wb-cabina__lado--izq {
  justify-content: flex-end;
}
.wb-cabina__lado--der {
  justify-content: flex-start;
}
.wb-cabina__reloj {
  width: 320px;
  max-width: 100%;
  min-width: 0;
}
.wb-cabina__reloj .wb-pomo__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: fit-content;
  max-width: min(100%, 34ch);
  margin: 0 auto;
  padding: 6px 12px;
  border: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--wb-line) 55%, transparent);
    }
  }
  border-radius: 16px;
  background: var(--wb-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-surface) 84%, transparent);
    }
  }
  backdrop-filter: blur(10px);
}
.wb-cabina__reloj .wb-pomo__dots {
  margin: 4px 0 0;
}
.wb-cabina__reloj .wb-pomo__phase {
  display: none;
}
.wb-cabina__voz {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  max-width: 46ch;
  color: var(--wb-ink);
  font-weight: 700;
  font-size: 0.9rem;
  text-align: center;
  text-shadow: 0 1px 10px var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 1px 10px var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      text-shadow: 0 1px 10px color-mix(in srgb, var(--wb-bg) 90%, transparent);
    }
  }
}
.wb-cabina__voz:has([data-wb-bubble]:empty) {
  display: none;
}
[data-wb-status]:empty, [data-wb-conc-aviso]:empty, [data-wb-conc-notas-aviso]:empty {
  display: none;
}
.wb-cabina__voz-glifo {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--wb-blue);
  box-shadow: 0 0 0 4px var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 4px var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 4px color-mix(in srgb, var(--wb-blue) 22%, transparent);
    }
  }
}
.wb-cabina__arranque {
  position: relative;
  z-index: 1;
  width: 100%;
}
.wb-cabina__arranque .wb-pomo__panel {
  padding: 0;
  border: 0;
  background: transparent;
}
.wb-cabina__arranque .wb-pomo__start {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
  justify-content: center;
  padding: 12px 16px;
  border: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--wb-line) 55%, transparent);
    }
  }
  border-radius: 18px;
  background: var(--wb-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-surface) 88%, transparent);
    }
  }
  backdrop-filter: blur(10px);
}
.wb-cabina__mandos {
  display: grid;
  gap: 8px;
  padding: 8px 18px 12px;
  border-top: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in srgb, var(--wb-line) 55%, transparent);
    }
  }
  background: var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-bg) 88%, transparent);
    }
  }
  backdrop-filter: blur(10px);
}
.wb-cabina__marcha {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.wb-cabina__marcha[hidden], .wb-cabina__tecla[hidden] {
  display: none;
}
.wb-cabina__tecla {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-surface);
  color: inherit;
  font: inherit;
  font-size: 0.92rem;
  cursor: pointer;
}
.wb-cabina__tecla:hover {
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 45%, var(--wb-line));
    }
  }
}
.wb-cabina__tecla.is-active, .wb-cabina__tecla[aria-pressed="true"] {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 16%, var(--wb-surface));
    }
  }
}
.wb-cabina__tecla[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}
.wb-cabina__tecla-icono {
  width: 30px;
  height: 30px;
}
.wb-cabina__tecla--transporte {
  width: 46px;
  height: 46px;
  padding: 0;
  border-radius: 50%;
}
.wb-cabina__tecla--transporte .wb-conc-icono {
  width: 24px;
  height: 24px;
}
.wb-cabina__tecla[data-wb-conc-gatillo] {
  width: 58px;
  height: 58px;
}
.wb-cabina__tecla[data-wb-conc-gatillo] .wb-cabina__tecla-icono {
  width: 44px;
  height: 44px;
}
.wb-cabina__mando-icono {
  display: inline-flex;
}
[data-wb-conc-parar][data-estado="parado"] [data-wb-conc-parar-icono], [data-wb-conc-parar][data-estado="corriendo"] [data-wb-conc-seguir-icono], [data-wb-conc-sonido][data-estado="apagado"] [data-wb-conc-sonido-on], [data-wb-conc-sonido][data-estado="encendido"] [data-wb-conc-sonido-off] {
  display: none;
}
.wb-cabina__notas {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
  min-width: 260px;
}
.wb-cabina__notas-caja .wb-field__input {
  font-size: 0.8rem;
}
.wb-cabina__abajo {
  position: absolute;
  left: 18px;
  bottom: 6px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  max-width: min(100% - 36px, 68ch);
}
.wb-cabina__tarea .wb-pomo__panel {
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
}
.wb-cabina__tarea .wb-pomo__task {
  margin: 0;
  font-size: 0.8rem;
  color: var(--wb-ink);
  font-weight: 600;
  text-shadow: 0 1px 10px var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 1px 10px var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      text-shadow: 0 1px 10px color-mix(in srgb, var(--wb-bg) 90%, transparent);
    }
  }
}
.wb-cabina__tarea .wb-pomo__task-label {
  font-size: 0.66rem;
  color: var(--wb-ink);
}
.wb-cabina__abajo .wb-conc__aviso {
  padding: 4px 10px;
  font-size: 0.72rem;
}
.wb-cabina__abajo .wb-pomo__status {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  text-shadow: 0 1px 10px var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 1px 10px var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      text-shadow: 0 1px 10px color-mix(in srgb, var(--wb-bg) 90%, transparent);
    }
  }
}
.wb-cabina__notas-caja {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 240px;
}
.wb-cabina__notas-mandos {
  display: flex;
  gap: 8px;
}
.wb-conc__aviso {
  margin: 0;
  padding: 6px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 12px;
  background: var(--wb-surface);
  font-size: 0.8rem;
}
.wb-cabina-ventana {
  margin: auto;
  width: min(680px, calc(100vw - 32px));
  max-height: min(90vh, 760px);
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 20px;
  background: var(--wb-surface);
  color: var(--wb-ink);
  overflow: hidden;
  font-size: calc(1rem - 3px);
}
.wb-cabina-ventana::backdrop {
  background: color-mix(in srgb, #0b1020 55%, transparent);
  backdrop-filter: blur(2px);
}
.wb-cabina-ventana__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--wb-line);
}
.wb-cabina-ventana__acciones {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wb-cabina-ventana__title {
  margin: 0;
  font-size: calc(1.15rem - 3px);
}
.wb-cabina-ventana__cerrar {
  padding: 7px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: calc(0.9rem - 3px);
  cursor: pointer;
}
.wb-cabina-ventana .wb-field__label, .wb-cabina-ventana .wb-field__hint {
  font-size: calc(0.75rem - 3px);
}
.wb-cabina-ventana__cuerpo {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: calc(90vh - 66px);
  padding: 16px;
  overflow-y: auto;
}
.wb-cabina-ventana__grupo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--wb-line);
  border-radius: 16px;
}
.wb-cabina-ventana__grupo-titulo {
  margin: 0;
  font-size: calc(1rem - 3px);
}
.wb-cabina-ventana__lista {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.wb-cabina-ventana__opcion {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 14px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: left;
}
.wb-cabina-ventana__opcion:hover {
  border-color: var(--wb-blue);
}
.wb-cabina-ventana__opcion-nombre {
  font-weight: 600;
}
.wb-cabina-ventana__opcion-dato {
  color: var(--wb-muted);
  font-size: calc(0.82rem - 3px);
}
.wb-cabina-ventana__grupo[hidden], [data-wb-plan-estado][hidden] {
  display: none;
}
.wb-cabina-ventana__opcion-dato[data-wb-plan-dato] {
  font-variant-numeric: tabular-nums;
}
[data-wb-plan-estado] {
  color: var(--wb-orange);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-orange);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-orange) 88%, var(--wb-ink));
    }
  }
}
.wb-conc__cuenta {
  margin: 0;
  color: var(--wb-ink);
}
.wb-conc__cuenta strong {
  font-variant-numeric: tabular-nums;
}
.wb-cabina-ventana__corriendo {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--wb-blue) 40%, var(--wb-line));
    }
  }
  border-radius: 12px;
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 10%, transparent);
    }
  }
  font-size: 0.92rem;
}
.wb-conc__hint {
  margin: 0;
  color: var(--wb-muted);
  font-size: calc(0.92rem - 3px);
}
.wb-conc__titulo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.wb-conc__titulo::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.15s ease;
}
.wb-conc__titulo[aria-expanded="true"]::after {
  transform: rotate(225deg) translateY(-1px);
}
.wb-conc__titulo:hover, .wb-conc__titulo:focus-visible {
  color: var(--wb-blue);
}
.wb-conc__burbuja {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 4px;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 12px;
  background: var(--wb-surface);
}
.wb-conc__burbuja[hidden] {
  display: none;
}
.wb-conc__burbuja p {
  margin: 0;
  color: var(--wb-muted);
  font-size: calc(0.92rem - 3px);
}
.wb-conc__burbuja strong {
  color: var(--wb-ink);
}
.wb-cabina__bocina {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.wb-cabina__notas-mandos:has(.wb-cabina__bocina) {
  align-items: flex-end;
}
.wb-conc__post {
  color: var(--wb-blue);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}
.wb-conc__lista {
  margin: 4px 0 0;
  padding-left: 18px;
  color: var(--wb-muted);
  font-size: calc(0.92rem - 3px);
}
.wb-conc__lista li {
  margin: 2px 0;
}
.wb-conc__lista li::marker {
  content: "— ";
}
.wb-conc__lista strong {
  color: var(--wb-ink);
}
.wb-conc__campos {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: flex-end;
}
.wb-conc__campo {
  width: 150px;
}
.wb-conc__opcion {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.wb-conc__pasos {
  font-family: inherit;
  resize: vertical;
}
.wb-conc__atajos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wb-conc__atajo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px;
  border: 1px solid var(--wb-line);
  border-radius: 14px;
  background: transparent;
  color: var(--wb-ink);
  font: inherit;
  cursor: pointer;
  text-align: left;
}
.wb-conc__atajo.is-active {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 12%, transparent);
    }
  }
}
.wb-conc__atajo-sub {
  color: var(--wb-muted);
  font-size: calc(0.82rem - 3px);
}
.wb-conc__grados {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wb-conc__grado {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 10px;
  align-items: start;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 14px;
  cursor: pointer;
}
.wb-conc__grado-nombre {
  font-weight: 600;
}
.wb-conc__grado-detalle {
  grid-column: 2;
  color: var(--wb-muted);
  font-size: calc(0.9rem - 3px);
}
.wb-conc__modo {
  padding: 8px 14px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-conc__modo.is-active {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 12%, transparent);
    }
  }
}
.wb-conc__mando {
  padding: 8px 14px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-surface);
  color: var(--wb-ink);
  font: inherit;
  font-size: calc(0.92rem - 3px);
  cursor: pointer;
}
.wb-conc__mando:hover {
  border-color: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--wb-blue) 45%, var(--wb-line));
    }
  }
}
.wb-conc__mando.is-active, .wb-conc__mando[aria-pressed="true"] {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 14%, var(--wb-surface));
    }
  }
}
.wb-conc__cuentas {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wb-conc__rango {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
[data-wb-presentacion="cifras"] .wb-pomo__ring {
  display: none;
}
[data-wb-presentacion="cifras"] .wb-pomo__clock {
  min-height: 96px;
}
[data-wb-presentacion="cifras"] .wb-pomo__count {
  font-size: clamp(3rem, 12vw, 6rem);
}
[data-wb-pantalla="reloj"] .wb-pomo__clock {
  min-height: 0;
}
[data-wb-reloj-tamano="pequeno"] {
  --wb-conc-reloj: 0.78;
}
[data-wb-reloj-tamano="normal"] {
  --wb-conc-reloj: 1;
}
[data-wb-reloj-tamano="grande"] {
  --wb-conc-reloj: 1.32;
}
.wb-cabina__reloj .wb-pomo__clock {
  width: min(calc(140px * var(--wb-conc-reloj, 1)), 42vw);
}
.wb-cabina__reloj .wb-pomo__count {
  font-size: calc(clamp(20px, 4.4vw, 26px) * var(--wb-conc-reloj, 1));
}
[data-wb-reloj-color="true"] .wb-cabina__reloj .wb-pomo__count {
  color: hsl(calc(140 - 140 * var(--wb-conc-avance, 0)) 72% 38%);
}
[data-wb-reloj-color="true"] .wb-cabina__reloj .wb-pomo__ring-value {
  stroke: hsl(calc(140 - 140 * var(--wb-conc-avance, 0)) 72% 45%);
}
[data-wb-reloj-caja="false"] .wb-cabina__reloj .wb-pomo__panel {
  border-color: transparent;
  background: transparent;
  backdrop-filter: none;
  text-shadow: 0 1px 12px var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    text-shadow: 0 1px 12px var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      text-shadow: 0 1px 12px color-mix(in srgb, var(--wb-bg) 85%, transparent);
    }
  }
}
[data-wb-presentacion="barra"] .wb-cabina__reloj .wb-pomo__ring {
  display: none;
}
[data-wb-presentacion="barra"] .wb-cabina__reloj .wb-pomo__clock {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: auto;
  min-height: 0;
}
[data-wb-presentacion="barra"] .wb-cabina__reloj .wb-pomo__count, [data-wb-presentacion="barra"] .wb-cabina__reloj .wb-pomo__phase {
  position: static;
}
[data-wb-presentacion="barra"] .wb-cabina__reloj .wb-pomo__clock::after {
  content: "";
  display: block;
  width: min(320px, 62vw);
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--wb-blue), var(--wb-magenta));
  transform: scaleX(calc(1 - var(--wb-conc-avance, 0)));
  transform-origin: left center;
  transition: transform 0.4s linear;
}
.wb-cabina__criatura {
  display: none;
}
[data-wb-presentacion="criatura"] .wb-cabina__arriba {
  position: relative;
}
[data-wb-presentacion="criatura"] .wb-cabina__bloque {
  justify-content: flex-start;
}
[data-wb-presentacion="criatura"] .wb-cabina__fases {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 4;
}
[data-wb-presentacion="criatura"] .wb-cabina__criatura {
  position: relative;
  display: grid;
  place-items: end center;
  width: min(100%, calc(460px * var(--wb-conc-reloj, 1)));
  height: min(38vh, calc(232px * var(--wb-conc-reloj, 1)));
  margin: 0 auto 4px;
}
[data-wb-presentacion="criatura"] .wb-cabina__criatura::before {
  content: "";
  position: absolute;
  inset: -6% -16%;
  z-index: 0;
  background: radial-gradient(58% 52% at 50% 76%, var(--wb-bg) 0%, transparent 72%);
  opacity: 0.72;
  pointer-events: none;
}
.wb-cabina__criatura-fase {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  opacity: 0;
  user-select: none;
  will-change: opacity, transform;
  transform-origin: bottom center;
  filter: drop-shadow(0 6px 16px rgba(20, 22, 28, 0.35));
}
[data-wb-presentacion="criatura"] .wb-cabina__reloj .wb-pomo__ring {
  display: none;
}
[data-wb-presentacion="criatura"] .wb-cabina__reloj .wb-pomo__panel {
  border-color: transparent;
  background: transparent;
  backdrop-filter: none;
}
[data-wb-presentacion="criatura"] .wb-cabina__reloj .wb-pomo__clock {
  width: auto;
  min-height: 0;
}
[data-wb-presentacion="criatura"] .wb-cabina__reloj .wb-pomo__count {
  position: static;
  font-size: calc(clamp(15px, 2.4vw, 19px) * var(--wb-conc-reloj, 1));
  opacity: 0.78;
}
@media (max-width: 979px) {
  [data-wb-presentacion="criatura"] .wb-cabina__avatar {
    display: none;
  }
  [data-wb-presentacion="criatura"] .wb-cabina__criatura {
    height: min(34vh, calc(250px * var(--wb-conc-reloj, 1)));
  }
}
.wb-jardin {
  --wb-jardin-alto: 62vh;
  --wb-jardin-ancho: min(100%, calc(var(--wb-jardin-alto) * 4 / 3));
  --jardin-cielo-alto: #cfe3ff;
  --jardin-cielo-bajo: #f6e7c8;
  --jardin-suelo-alto: #bcd9a8;
  --jardin-suelo-bajo: #7fb573;
  margin: 0;
}
.wb-jardin__h3 {
  margin: 18px 0 8px;
  color: var(--wb-ink);
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.01em;
}
.wb-jardin__plano {
  position: relative;
  width: var(--wb-jardin-ancho);
  aspect-ratio: 4 / 3;
  max-height: var(--wb-jardin-alto);
  margin-inline: auto;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  overflow: hidden;
  background: radial-gradient(120% 70% at 50% 0%, var(--wb-blue), transparent 60%),  radial-gradient(90% 60% at 50% 26%, var(--wb-bg), transparent 70%), linear-gradient( 180deg, var(--jardin-cielo-alto) 0%, var(--jardin-cielo-bajo) 20%, var(--jardin-suelo-alto) 28%, var(--jardin-suelo-alto) 62%, var(--jardin-suelo-bajo) 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--wb-blue) 30%, transparent), transparent 60%),  radial-gradient(90% 60% at 50% 26%, color-mix(in srgb, var(--wb-bg) 30%, transparent), transparent 70%), linear-gradient( 180deg, var(--jardin-cielo-alto) 0%, var(--jardin-cielo-bajo) 20%, var(--jardin-suelo-alto) 28%, var(--jardin-suelo-alto) 62%, var(--jardin-suelo-bajo) 100% );
  }
  isolation: isolate;
  touch-action: none;
}
.wb-jardin__escena {
  position: absolute;
  inset: 0;
  transform: translate(var(--desp-x, 0px), var(--desp-y, 0px)) scale(var(--zoom, 1));
  transform-origin: 50% 100%;
  transition: transform 0.12s ease-out;
}
.wb-jardin__plano[data-wb-jardin-vista="alto"] .wb-jardin__escena {
  transform: perspective(1100px) rotateX(18deg) translate(var(--desp-x, 0px), var(--desp-y, 0px)) scale(var(--zoom, 1));
}
.wb-jardin__plano[data-wb-jardin-arrastrando] {
  cursor: grabbing;
}
.wb-jardin__marco {
  position: absolute;
  left: var(--mx, 0);
  top: var(--my, 0);
  width: var(--mw, 0);
  height: var(--mh, 0);
  z-index: 80;
  border: 1px dashed var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--wb-blue) 12%, transparent);
  }
  pointer-events: none;
}
.wb-jardin__plano::after {
  content: "";
  position: absolute;
  inset: 27.5% 0 auto 0;
  height: 2px;
  background: linear-gradient( 90deg, transparent, var(--wb-green) 20%, var(--wb-green) 80%, transparent );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--wb-green) 55%, transparent) 20%, color-mix(in srgb, var(--wb-green) 55%, transparent) 80%, transparent );
  }
  pointer-events: none;
}
.wb-jardin[data-wb-jardin-disposicion="fachada"] .wb-jardin__plano {
  background: linear-gradient(180deg, var(--jardin-cielo-bajo) 0 7%, transparent 7%),  repeating-linear-gradient(180deg, rgba(0, 0, 0, 0.07) 0 1px, transparent 1px 12%), repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0 1px, transparent 1px 16.6%), linear-gradient(180deg, var(--jardin-suelo-alto) 0%, var(--jardin-suelo-bajo) 100%);
}
.wb-jardin[data-wb-jardin-disposicion="fachada"] .wb-jardin__plano::after {
  inset: 7% 0 auto 0;
  height: 10px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.22), transparent);
}
.wb-jardin[data-wb-jardin-disposicion="fachada"] .wb-jardin__plano::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 4%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.34));
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  pointer-events: none;
}
.wb-jardin__arbol {
  position: absolute;
  left: calc(var(--x, 0.5) * 100%);
  bottom: calc(var(--y, 0.1) * 100%);
  z-index: var(--z, 1);
  height: calc(var(--alto, 20) * 1%);
  min-width: 22px;
  padding: 0;
  border: 0;
  background: none;
  cursor: grab;
  transform: translateX(-50%);
  touch-action: none;
  transition: filter 0.15s ease;
}
.wb-jardin__arbol::after {
  content: "";
  position: absolute;
  inset: -8px -10px -4px -10px;
}
.wb-jardin__arbol-img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  pointer-events: none;
  transform-origin: bottom center;
  transform: scaleY(var(--estiron, 1)) scaleX(var(--volteo, 1)) rotate(var(--inclina, 0deg));
  filter: drop-shadow(0 4px 10px rgba(20, 22, 28, 0.28)) hue-rotate(var(--tono, 0deg)) brightness(var(--brillo, 1));
}
.wb-jardin__arbol:hover {
  filter: brightness(1.06);
}
.wb-jardin__arbol:focus-visible {
  outline: 2px solid var(--wb-blue);
  outline-offset: 3px;
  border-radius: 8px;
}
.wb-jardin__arbol[data-wb-jardin-moviendo] {
  cursor: grabbing;
  filter: drop-shadow(0 10px 18px rgba(20, 22, 28, 0.35));
}
.wb-jardin__estado {
  min-height: 1.2em;
  margin: 8px 0 0;
  color: var(--wb-muted);
  font-size: 0.86rem;
  text-align: center;
}
.wb-jardin-terrenos__lista {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-jardin-terreno {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 0 0 8px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: var(--wb-ink);
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.12s ease, border-color 0.12s ease;
}
.wb-jardin-terreno:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: var(--wb-green);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--wb-green) 45%, var(--wb-line));
  }
}
.wb-jardin-terreno--aqui {
  border-color: var(--wb-green);
  box-shadow: 0 0 0 1px var(--wb-green) inset;
}
.wb-jardin-terreno--cerrado {
  cursor: not-allowed;
  opacity: 0.62;
}
.wb-jardin-terreno__cielo {
  display: block;
  height: 54px;
  background: linear-gradient( 180deg, var(--jardin-cielo-alto) 0%, var(--jardin-cielo-bajo) 52%, var(--jardin-suelo-alto) 56%, var(--jardin-suelo-bajo) 100% );
}
.wb-jardin-terreno__nombre {
  padding: 0 8px;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.25;
}
.wb-jardin-terreno__nota {
  padding: 0 8px;
  color: var(--wb-muted);
  font-size: 0.76rem;
  line-height: 1.3;
}
.wb-catalogo {
  display: grid;
  gap: 10px;
}
.wb-catalogo__lista {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-catalogo__planta {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-surface);
}
.wb-catalogo__cabeza {
  display: grid;
  gap: 2px;
}
.wb-catalogo__nombre {
  margin: 0;
  font-size: 1rem;
}
.wb-catalogo__nota {
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.78rem;
}
.wb-catalogo__nota code {
  font-size: 0.74rem;
}
.wb-catalogo__mio {
  margin: 0;
  color: var(--wb-green, var(--wb-blue));
  font-size: 0.78rem;
  font-weight: 600;
}
.wb-catalogo__edades {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  margin: 0;
  padding: 6px 4px;
  list-style: none;
  overflow-x: auto;
  border-radius: var(--wb-radius-sm);
  background: linear-gradient(180deg, #eef4fb 0%, #f7f5ef 100%);
}
.wb-catalogo__edad-img {
  display: block;
  width: auto;
  height: 92px;
  object-fit: contain;
}
.wb-catalogo__edad-num {
  display: block;
  text-align: center;
  color: var(--wb-muted);
  font-size: 0.62rem;
}
.wb-catalogo__individuos {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  margin: 0;
  padding: 8px 4px;
  list-style: none;
  border-radius: var(--wb-radius-sm);
  background: linear-gradient(180deg, #eef4fb 0%, #f7f5ef 100%);
}
.wb-catalogo__individuo-img {
  display: block;
  width: auto;
  height: 150px;
  object-fit: contain;
}
.wb-catalogo__pista {
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.8rem;
}
.wb-catalogo__objetos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-catalogo__objeto {
  display: grid;
  justify-items: center;
  gap: 1px;
  padding: 6px 4px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  text-align: center;
}
.wb-catalogo__objeto-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.wb-catalogo__objeto-nombre {
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.2;
}
.wb-catalogo__objeto-m, .wb-catalogo__objeto-sitios {
  color: var(--wb-muted);
  font-size: 0.66rem;
  line-height: 1.25;
}
.wb-catalogo__tabla {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
}
.wb-catalogo__tabla th, .wb-catalogo__tabla td {
  padding: 5px 8px;
  border-bottom: 1px solid var(--wb-line);
  text-align: left;
  vertical-align: top;
}
.wb-catalogo__tabla th {
  color: var(--wb-muted);
  font-weight: 600;
}
.wb-jardin-catalogo__lista {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-jardin-objeto {
  display: grid;
  justify-items: center;
  gap: 2px;
  width: 92px;
  padding: 6px 4px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: var(--wb-ink);
  cursor: grab;
}
.wb-jardin-objeto:hover:not(:disabled) {
  border-color: var(--wb-green);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--wb-green) 45%, var(--wb-line));
  }
}
.wb-jardin-objeto--cerrado {
  cursor: not-allowed;
  opacity: 0.5;
}
.wb-jardin-objeto__img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  object-position: bottom center;
  pointer-events: none;
}
.wb-jardin-objeto__nombre {
  font-size: 0.72rem;
  line-height: 1.2;
  text-align: center;
}
.wb-jardin-objeto__candado {
  color: var(--wb-muted);
  font-size: 0.66rem;
}
.wb-jardin-catalogo__pista, .wb-jardin-catalogo__vacio {
  margin: 8px 0 0;
  color: var(--wb-muted);
  font-size: 0.8rem;
}
.wb-jardin__objeto {
  position: absolute;
  left: calc(var(--x, 0.5) * 100%);
  bottom: calc(var(--y, 0.1) * 100%);
  z-index: var(--z, 2);
  width: calc(var(--lado, 10) * 1%);
  aspect-ratio: 1;
  min-width: 26px;
  padding: 0;
  border: 0;
  background: none;
  cursor: grab;
  transform: translateX(-50%);
  touch-action: none;
  pointer-events: none;
}
.wb-jardin__zona {
  position: absolute;
  left: calc(var(--izq, 0) * 100%);
  top: calc(var(--arriba, 0) * 100%);
  width: calc(var(--ancho, 1) * 100%);
  height: calc(var(--alto, 1) * 100%);
  pointer-events: auto;
  touch-action: none;
  cursor: grab;
}
.wb-jardin__objeto[data-volteado="si"] .wb-jardin__zona {
  left: calc((1 - var(--izq, 0) - var(--ancho, 1)) * 100%);
}
.wb-jardin__objeto-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  pointer-events: none;
  filter: drop-shadow(0 3px 8px rgba(20, 22, 28, 0.3));
}
.wb-jardin__objeto:focus-visible .wb-jardin__zona {
  outline: 2px solid var(--wb-blue);
  outline-offset: 3px;
}
.wb-jardin__objeto[data-wb-jardin-moviendo] {
  cursor: grabbing;
  filter: drop-shadow(0 8px 16px rgba(20, 22, 28, 0.38));
}
.wb-jardin__objeto[data-volteado="si"] .wb-jardin__objeto-img {
  transform: scaleX(-1);
}
.wb-jardin__arbol[data-wb-jardin-sel] {
  outline: 2px solid var(--wb-blue);
  outline-offset: 0;
  border-radius: 0;
  filter: drop-shadow(0 0 8px var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--wb-blue) 45%, transparent));
  }
  z-index: 75;
}
.wb-jardin__objeto[data-wb-jardin-sel] .wb-jardin__zona {
  outline: 2px solid var(--wb-blue);
  outline-offset: 0;
  filter: drop-shadow(0 0 8px var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--wb-blue) 45%, transparent));
  }
}
.wb-jardin__objeto[data-wb-jardin-sel] .wb-jardin__zona::before {
  content: "";
  position: absolute;
  inset: -3px;
  z-index: 2;
  background-image: linear-gradient(var(--wb-blue), var(--wb-blue)), linear-gradient(var(--wb-blue), var(--wb-blue)), linear-gradient(var(--wb-blue), var(--wb-blue)), linear-gradient(var(--wb-blue), var(--wb-blue));
  background-repeat: no-repeat;
  background-size: 7px 7px;
  background-position: left top, right top, left bottom, right bottom;
  pointer-events: none;
}
.wb-jardin__plano:has(+ .wb-jardin__acciones:not([hidden])) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.wb-jardin__acciones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  width: var(--wb-jardin-ancho);
  margin: -1px auto 0;
  padding: 5px 8px;
  border: 1px solid var(--wb-line);
  border-radius: 0 0 var(--wb-radius) var(--wb-radius);
  background: var(--wb-card, #fff);
  font-size: 0.7rem;
  line-height: 1;
}
.wb-jardin__acciones[hidden] {
  display: none;
}
.wb-jardin__grupo {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.wb-jardin__grupo--fin {
  margin-left: auto;
  gap: 6px;
}
.wb-jardin__cuenta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--wb-ink);
  color: var(--wb-card, #fff);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.wb-jardin__escala {
  position: relative;
  min-width: 2.6em;
  color: var(--wb-ink);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  text-align: center;
}
.wb-jardin__accion {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid var(--wb-red, #b4342a);
  border-radius: 999px;
  background: var(--wb-red, #b4342a);
  color: #fff;
  cursor: pointer;
}
.wb-jardin__accion .wb-jardin__icono {
  flex: none;
  width: 13px;
  height: 13px;
}
.wb-jardin__accion--quieta {
  border-color: var(--wb-line);
  background: var(--wb-bg);
  color: var(--wb-ink);
}
.wb-jardin__accion:disabled {
  border-color: var(--wb-line);
  background: var(--wb-bg);
  color: var(--wb-muted);
  cursor: default;
  opacity: 0.55;
}
.wb-jardin__accion:hover, .wb-jardin__accion:focus-visible {
  outline: 2px solid var(--wb-blue);
  outline-offset: 2px;
}
.wb-jardin__accion::after, .wb-jardin__boton::after, .wb-jardin__cuenta::after, .wb-jardin__escala::after {
  content: attr(data-burbuja);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 7px);
  z-index: 40;
  padding: 3px 8px;
  border-radius: 8px;
  background: var(--wb-ink, #22242a);
  color: #fff;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.12s ease-out;
  pointer-events: none;
}
.wb-jardin__accion:hover::after, .wb-jardin__accion:focus-visible::after, .wb-jardin__boton:hover::after, .wb-jardin__boton:focus-visible::after, .wb-jardin__cuenta:hover::after, .wb-jardin__escala:hover::after {
  opacity: 1;
  visibility: visible;
}
.wb-jardin__parche {
  position: absolute;
  left: calc(var(--x, 0.5) * 100%);
  bottom: calc(var(--y, 0.1) * 100%);
  z-index: 0;
  width: calc(var(--ancho, 40) * 1%);
  height: calc(var(--ancho, 40) * 0.42%);
  min-width: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 50% 40%, var(--claro, #ccc), var(--oscuro, #999) 78%, transparent 100%);
  opacity: 0.9;
  transform: translateX(-50%);
  cursor: grab;
  touch-action: none;
}
.wb-jardin__parche[data-forma="losas"] {
  border-radius: 8px;
  background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0 1px, transparent 1px 33%), repeating-linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0 1px, transparent 1px 50%), linear-gradient(180deg, var(--claro, #ded7cb), var(--oscuro, #b3aa9c));
}
.wb-jardin__parche[data-wb-jardin-sel] {
  outline: 2px dashed var(--wb-blue);
  outline-offset: 3px;
}
.wb-jardin-objeto__parche, .wb-catalogo__parche {
  display: block;
  width: 64px;
  height: 28px;
  margin: 10px auto;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 50% 40%, var(--claro, #ccc), var(--oscuro, #999) 78%, transparent 100%);
}
.wb-catalogo__parche {
  width: 96px;
  height: 42px;
  margin: 34px auto;
}
.wb-jardin-objeto__parche[data-forma="losas"], .wb-catalogo__parche[data-forma="losas"] {
  border-radius: 8px;
  background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0 1px, transparent 1px 33%), repeating-linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0 1px, transparent 1px 50%), linear-gradient(180deg, var(--claro, #ded7cb), var(--oscuro, #b3aa9c));
}
.wb-jardin__barra {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin: 0 0 6px;
}
.wb-jardin__boton {
  position: relative;
  min-width: 30px;
  padding: 4px 10px;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-bg);
  color: var(--wb-ink);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
}
.wb-jardin__boton:hover, .wb-jardin__boton:focus-visible {
  border-color: var(--wb-green);
  outline: 2px solid var(--wb-blue);
  outline-offset: 2px;
}
.wb-zona {
  margin: 14px 0 0;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-card, #fff);
}
.wb-zona__cabecera {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: var(--wb-radius);
  cursor: pointer;
  list-style: none;
}
.wb-zona__cabecera::-webkit-details-marker, .wb-zona__cabecera::marker {
  display: none;
  content: "";
}
.wb-zona__cabecera:hover {
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--wb-blue) 6%, transparent);
  }
}
.wb-zona__cabecera:focus-visible {
  outline: 2px solid var(--wb-blue);
  outline-offset: -2px;
}
.wb-zona__titulo {
  flex: 1 1 auto;
  color: var(--wb-ink);
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.01em;
}
.wb-zona__nota {
  color: var(--wb-muted);
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
}
.wb-zona__flecha {
  display: inline-flex;
  color: var(--wb-muted);
  transition: transform 0.15s ease-out;
}
.wb-zona__flecha .wb-jardin__icono {
  width: 14px;
  height: 14px;
}
.wb-zona[open] .wb-zona__flecha {
  transform: rotate(180deg);
}
.wb-zona__cuerpo {
  padding: 0 12px 12px;
}
.wb-info {
  position: relative;
  display: inline-flex;
}
.wb-info__boton {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-bg);
  color: var(--wb-muted);
  cursor: pointer;
  list-style: none;
}
.wb-info__boton::-webkit-details-marker, .wb-info__boton::marker {
  display: none;
  content: "";
}
.wb-info__boton:hover, .wb-info__boton:focus-visible, .wb-info[open] .wb-info__boton {
  border-color: var(--wb-blue);
  color: var(--wb-ink);
  outline: 2px solid var(--wb-blue);
  outline-offset: 2px;
}
.wb-info__boton .wb-jardin__icono {
  flex: none;
  width: 13px;
  height: 13px;
}
.wb-info__panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 120;
  width: min(320px, 78vw);
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-card, #fff);
  box-shadow: 0 10px 26px rgba(20, 22, 28, 0.18);
  color: var(--wb-ink);
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  white-space: normal;
}
.wb-jardin__barra .wb-info__panel {
  left: auto;
  right: 0;
}
.wb-info__panel p {
  margin: 0 0 8px;
}
.wb-info__panel p:last-child {
  margin-bottom: 0;
}
.wb-invernadero {
  margin: 4px 0 0;
}
.wb-invernadero__lista {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0 0 4px;
  overflow-x: auto;
  list-style: none;
}
.wb-invernadero__ficha {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 132px;
  padding: 8px 8px 10px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
  background: var(--wb-card, #fff);
  text-align: center;
}
.wb-invernadero__ficha[draggable="true"] {
  cursor: grab;
}
.wb-invernadero__ficha[draggable="true"]:active {
  cursor: grabbing;
}
.wb-invernadero__img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  object-position: bottom center;
}
.wb-invernadero__nombre {
  color: var(--wb-ink);
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.2;
}
.wb-invernadero__nota {
  color: var(--wb-muted);
  font-size: 0.78rem;
}
.wb-invernadero__acciones {
  display: inline-flex;
  gap: 10px;
  margin-top: 8px;
}
.wb-invernadero__poner, .wb-invernadero__borrar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-bg);
  color: var(--wb-ink);
  cursor: pointer;
}
.wb-invernadero__borrar {
  border-color: var(--wb-red, #b4342a);
  background: var(--wb-red, #b4342a);
  color: #fff;
}
.wb-invernadero__borrar[data-confirmando] {
  box-shadow: 0 0 0 4px var(--wb-red, #b4342a);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--wb-red, #b4342a) 30%, transparent);
  }
}
.wb-invernadero__poner .wb-jardin__icono, .wb-invernadero__borrar .wb-jardin__icono {
  flex: none;
  width: 15px;
  height: 15px;
}
.wb-invernadero__poner:hover, .wb-invernadero__poner:focus-visible, .wb-invernadero__borrar:hover, .wb-invernadero__borrar:focus-visible {
  border-color: var(--wb-green);
  outline: 2px solid var(--wb-blue);
  outline-offset: 2px;
}
.wb-invernadero__poner::after, .wb-invernadero__borrar::after {
  content: attr(data-burbuja);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 7px);
  z-index: 40;
  padding: 3px 8px;
  border-radius: 8px;
  background: var(--wb-ink, #22242a);
  color: #fff;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.12s ease-out;
  pointer-events: none;
}
.wb-invernadero__poner:hover::after, .wb-invernadero__poner:focus-visible::after, .wb-invernadero__borrar:hover::after, .wb-invernadero__borrar:focus-visible::after {
  opacity: 1;
  visibility: visible;
}
.wb-invernadero__estado {
  min-height: 1.2em;
  margin: 6px 0 0;
  color: var(--wb-muted);
  font-size: 0.86rem;
}
.wb-jardin--ventana {
  --wb-jardin-alto: 36vh;
}
.wb-jardin__pie {
  margin: 6px 0 0;
  text-align: center;
}
@media (max-width: 620px) {
  .wb-jardin {
    --wb-jardin-alto: 52vh;
  }
}
.wb-cabina__ritual {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 20px;
  background: var(--wb-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-bg) 84%, transparent);
    }
  }
  backdrop-filter: blur(7px);
  text-align: center;
}
.wb-cabina__ritual-eyebrow {
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.76rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.wb-cabina__ritual-gesto {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.wb-cabina__ritual-dibujo {
  color: var(--wb-blue);
}
.wb-cabina__gesto {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.wb-cabina__ritual-dibujo .wb-cabina__gesto {
  width: min(150px, 30vw);
}
.wb-cabina__ritual-nombre {
  margin: 0;
  font-size: clamp(1.3rem, 3vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.wb-cabina__ritual-detalle {
  margin: 0;
  max-width: 44ch;
  color: var(--wb-muted);
}
.wb-cabina__ritual-cuenta {
  margin: 4px 0 0;
  font-size: 1.05rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.wb-cabina__ritual-mandos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 8px;
}
.wb-conc__gestos {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.wb-conc__gesto {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 14px;
  cursor: pointer;
}
.wb-conc__gesto:has(input:checked) {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 12%, transparent);
    }
  }
}
.wb-conc__gesto-dibujo {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: var(--wb-blue);
}
.wb-conc__gesto-dibujo--lamina {
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 10px;
}
.wb-cabina__gesto--lamina {
  aspect-ratio: auto;
  height: auto;
  border-radius: 12px;
}
.wb-conc__gesto-dibujo--lamina img, .wb-conc__gesto-tarjeta-dibujo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wb-conc__gesto-tarjeta {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 14px;
  align-items: start;
  padding: 12px 14px;
  border: 1px solid var(--wb-line);
  border-radius: 16px;
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 6%, transparent);
    }
  }
}
.wb-conc__gesto-tarjeta-dibujo {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: min(132px, 26vw);
  color: var(--wb-blue);
}
.wb-conc__gesto-tarjeta-dibujo .wb-cabina__gesto {
  width: 100%;
}
.wb-conc__gesto-tarjeta-dibujo img {
  border-radius: 12px;
}
.wb-conc__gesto-tarjeta-texto {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.wb-conc__gesto-foto {
  display: block;
}
.wb-conc__gesto-foto[hidden] {
  display: none;
}
.wb-conc__gesto-foto img {
  width: min(200px, 46vw);
  height: auto;
  border-radius: 12px;
}
.wb-conc__gestos-grupo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wb-conc__gestos-titulo {
  margin: 4px 0 0;
  color: var(--wb-muted);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.wb-conc__gesto-nombre {
  font-weight: 600;
}
.wb-conc__gesto-detalle {
  color: var(--wb-muted);
  font-size: calc(0.86rem - 3px);
}
.wb-cabina__icono-boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 50%;
  background: var(--wb-surface);
  color: var(--wb-muted);
  font: inherit;
  cursor: pointer;
}
.wb-conc-icono {
  width: 22px;
  height: 22px;
}
.wb-cabina__icono-estado {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.wb-cabina__icono-boton[aria-pressed="true"], .wb-cabina__icono-boton[data-estado="encendido"] {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-blue) 12%, var(--wb-surface));
    }
  }
  color: var(--wb-blue);
}
.wb-cabina__icono-boton[data-estado="pendiente"] {
  border-color: var(--wb-orange);
  color: var(--wb-orange);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-orange);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-orange) 85%, var(--wb-ink));
    }
  }
}
.wb-cabina__icono-boton[data-estado="guardado"] {
  border-color: var(--wb-green);
  color: var(--wb-green);
}
.wb-cabina__icono-boton[data-estado="vacio"], .wb-cabina__icono-boton[data-estado="local"] {
  color: var(--wb-muted);
}
.wb-cabina__icono-boton[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-wb-conc-guardar-pendiente], [data-wb-conc-guardar-ok], [data-wb-conc-tarea-play], [data-wb-conc-tarea-parada] {
  display: none;
}
[data-wb-conc-nota-guardar][data-estado="vacio"] [data-wb-conc-guardar-pendiente], [data-wb-conc-nota-guardar][data-estado="pendiente"] [data-wb-conc-guardar-pendiente], [data-wb-conc-nota-guardar][data-estado="local"] [data-wb-conc-guardar-pendiente], [data-wb-conc-nota-guardar][data-estado="guardado"] [data-wb-conc-guardar-ok], [data-wb-conc-sonido-tarea][data-estado="parado"] [data-wb-conc-tarea-play], [data-wb-conc-sonido-tarea][data-estado="suena"] [data-wb-conc-tarea-parada] {
  display: inline-flex;
}
[data-wb-conc-sonido-tarea][data-estado="suena"] {
  border-color: var(--wb-blue);
  color: var(--wb-blue);
}
.wb-conc__campo-largo {
  min-width: 220px;
}
.wb-cabina__notas-caja .wb-field__input[type="range"], .wb-conc__campo-largo .wb-field__input[type="range"] {
  accent-color: var(--wb-blue);
}
@media (max-width: 979px) {
  .wb-cabina__menu {
    flex-wrap: wrap;
    gap: 2px 8px;
    min-height: 0;
    padding: 6px 10px;
  }
  .wb-cabina__word {
    font-size: 0.95rem;
  }
  .wb-cabina__nav {
    flex: 1 1 100%;
    order: 3;
    justify-content: space-between;
    gap: 2px;
  }
  .wb-cabina__item {
    padding: 4px 7px;
    font-size: 0.7rem;
  }
  .wb-cabina__eco {
    display: none;
  }
  .wb-cabina__escena {
    padding: 6px 10px 8px;
    padding-bottom: 68px;
    gap: 8px;
    grid-template-rows: minmax(0, 1fr) auto;
  }
  .wb-cabina__arriba {
    height: 100%;
    gap: 6px;
  }
  .wb-cabina__bloque {
    flex: 1;
    justify-content: center;
    gap: 6px;
  }
  .wb-cabina__fase {
    padding: 4px 9px;
    border-radius: 12px;
  }
  .wb-cabina__fase-nombre {
    font-size: 0.76rem;
  }
  .wb-cabina__reloj {
    width: 100%;
  }
  .wb-cabina__reloj .wb-pomo__ring {
    display: none;
  }
  .wb-cabina__reloj .wb-pomo__clock {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: auto;
    margin: 0;
  }
  .wb-cabina__reloj .wb-pomo__count {
    position: static;
    font-size: calc(clamp(34px, 11vw, 46px) * var(--wb-conc-reloj, 1));
  }
  .wb-cabina__reloj .wb-pomo__dots {
    display: none;
  }
  .wb-cabina__reloj .wb-pomo__panel {
    padding: 6px 12px;
    gap: 2px;
  }
  .wb-cabina__abajo {
    left: 10px;
    bottom: 4px;
    gap: 3px;
    max-width: calc(100% - 20px);
  }
  .wb-cabina__tarea .wb-pomo__task {
    font-size: 0.78rem;
  }
  .wb-cabina__abajo .wb-conc__aviso {
    font-size: 0.7rem;
  }
  .wb-cabina__abajo .wb-pomo__status {
    font-size: 0.74rem;
  }
  .wb-cabina__lado {
    min-width: 78px;
    gap: 6px;
  }
  .wb-cabina__tecla--transporte {
    width: 40px;
    height: 40px;
  }
  .wb-cabina__tecla--transporte .wb-conc-icono {
    width: 20px;
    height: 20px;
  }
  .wb-cabina__tecla[data-wb-conc-gatillo] {
    width: 68px;
    height: 68px;
  }
  .wb-cabina__tecla[data-wb-conc-gatillo] .wb-cabina__tecla-icono {
    width: 52px;
    height: 52px;
  }
  .wb-cabina__arranque .wb-field__hint {
    display: none;
  }
  .wb-cabina__arranque .wb-field {
    flex: 1 1 42%;
  }
  .wb-cabina__avatar {
    transform: translateY(calc(223px - 37vh));
  }
  .wb-cabina__avatar-img, .wb-cabina__avatar-animado {
    max-height: min(26vh, 210px);
  }
  .wb-cabina__lamina {
    top: -68px;
  }
  .wb-cabina__lamina::after {
    height: 8%;
  }
  [data-wb-teclado="true"] .wb-cabina__avatar, [data-wb-teclado="true"] .wb-cabina__fases {
    display: none;
  }
  [data-wb-teclado="true"] .wb-cabina__escena {
    padding-bottom: 8px;
  }
  .wb-cabina__mandos {
    padding: 6px 10px 8px;
    gap: 6px;
  }
  .wb-cabina__notas {
    gap: 8px;
    min-width: 0;
  }
  .wb-cabina__notas-caja {
    flex: 1 1 100%;
    min-width: 0;
  }
  .wb-cabina__notas-caja .wb-field__input {
    padding: 7px 10px;
  }
  .wb-cabina__notas-mandos {
    flex: 1 1 100%;
    justify-content: center;
    gap: 8px;
  }
  .wb-cabina__icono-boton {
    width: 40px;
    height: 40px;
  }
  .wb-cabina__icono-boton .wb-conc-icono {
    width: 20px;
    height: 20px;
  }
}
@media (max-height: 620px) {
  .wb-cabina__avatar {
    display: none;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .wb-cabina__avatar-img, .wb-cabina__avatar-animado {
    transition: transform 0.6s ease;
  }
  .wb-cabina__escena:has(.wb-cabina__voz[data-wb-state="habla"]) .wb-cabina__avatar-img, .wb-cabina__escena:has(.wb-cabina__voz[data-wb-state="habla"]) .wb-cabina__avatar-animado {
    transform: translateY(-6px);
  }
}
.wb-conc-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-decoration: none;
}
.wb-conc-link__glyph {
  width: 18px;
  height: 18px;
}
.wb-tbl__kpis {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  margin: 0 0 10px;
}
.wb-tbl__kpi {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 3px 10px 3px 8px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    }
  }
  border-left: 3px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 3px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 3px solid color-mix(in srgb, currentColor 30%, transparent);
    }
  }
  border-radius: 3px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, currentColor 4%, transparent);
    }
  }
}
.wb-tbl__kpi--dentro {
  border-left-color: #3f6b4a;
}
.wb-tbl__kpi--decidir {
  border-left-color: #a8802c;
}
.wb-tbl__kpi--espera {
  border-left-color: var(--wb-orange);
}
.wb-tbl__kpi--fuera {
  border-left-color: var(--wb-muted);
}
.wb-tbl__kpi--cerrado {
  border-left-color: var(--wb-work-muted);
}
.wb-tbl__kpi--enlace {
  text-decoration: none;
  color: inherit;
}
.wb-tbl__kpi--enlace:hover {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, currentColor 45%, transparent);
    }
  }
}
.wb-tbl__kpi-num {
  font-size: 15px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.wb-tbl__kpi-txt {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
}
.wb-tbl__kpi-txt strong {
  font-size: 12px;
  font-weight: 500;
}
.wb-tbl__carta--pieza {
  gap: 8px;
}
.wb-tbl__carta--pieza .wb-tbl__campos {
  gap: 8px;
}
.wb-tbl__carta--pieza .wb-tbl__acciones {
  justify-content: flex-end;
}
.wb-tbl__espacios-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: 10px;
}
.wb-tbl__franja {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 0 0 16px;
}
.wb-tbl__franja-titulo {
  flex: 0 0 auto;
}
.wb-tbl__franja .wb-tbl__kpis {
  margin: 0;
}
.wb-tbl__vistas--iconos {
  margin: 0 0 0 auto;
  gap: 4px;
  align-self: center;
}
.wb-tbl__vista--icono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
}
.wb-tbl__vista--icono svg {
  display: block;
}
.wb-tbl__gantt-caja {
  overflow-x: auto;
}
.wb-tbl__gantt-lienzo {
  position: relative;
}
.wb-tbl__gantt-hilos {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  pointer-events: none;
}
.wb-tbl__gantt-hilo {
  fill: none;
  stroke: var(--wb-ink);
  stroke-width: 1.2;
  stroke-opacity: 0.5;
}
.wb-tbl__gantt-hilo.is-bloquea {
  stroke: var(--wb-red);
  stroke-opacity: 0.8;
}
.wb-tbl__gantt-hilo.is-relacionada {
  stroke: var(--wb-blue);
  stroke-dasharray: 4 3;
}
.wb-tbl__gantt-hilo.is-duplica {
  stroke: var(--wb-violet);
  stroke-dasharray: 2 3;
}
.wb-tbl__gantt-punta {
  fill: var(--wb-ink);
  fill-opacity: 0.5;
}
.wb-tbl__gantt-punta.is-bloquea {
  fill: var(--wb-red);
  fill-opacity: 0.8;
}
.wb-tbl__gantt-punta.is-relacionada {
  fill: var(--wb-blue);
}
.wb-tbl__gantt-punta.is-duplica {
  fill: var(--wb-violet);
}
.wb-tbl__gantt {
  width: 100%;
  min-width: 940px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11px;
}
.wb-tbl__gantt-quien {
  position: relative;
  width: 250px;
  padding: 5px 34px 5px 10px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--wb-line) 70%, transparent);
    }
  }
}
.wb-tbl__gantt-nombre {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--wb-ink);
}
a.wb-tbl__gantt-nombre {
  color: inherit;
  text-decoration: none;
}
a.wb-tbl__gantt-nombre:hover {
  color: var(--wb-accent, var(--wb-blue));
  text-decoration: underline;
}
a.wb-tbl__gantt-nombre:focus-visible {
  outline: 2px solid var(--wb-accent, var(--wb-blue));
  outline-offset: 2px;
}
.wb-tbl__gantt-fila.is-elegida .wb-tbl__gantt-quien {
  background: var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 12%, transparent);
    }
  }
  box-shadow: inset 2px 0 0 var(--wb-accent, var(--wb-blue));
}
.wb-tbl__gantt-fila.is-elegida .wb-tbl__gantt-nombre {
  color: var(--wb-accent, var(--wb-blue));
}
.wb-tbl__gantt-meta {
  display: block;
  font-size: 10px;
  color: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-ink) 55%, transparent);
    }
  }
}
.wb-tbl__gantt-mas {
  position: absolute;
  top: 4px;
  right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-height: 24px;
  padding: 0;
  border: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--wb-line) 90%, transparent);
    }
  }
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-ink) 45%, transparent);
    }
  }
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  opacity: 0.4;
}
.wb-tbl__gantt-quien:hover .wb-tbl__gantt-mas, .wb-tbl__gantt tr.is-dicha .wb-tbl__gantt-mas, .wb-tbl__gantt-mas:focus-visible {
  opacity: 1;
}
.wb-tbl__gantt-mas:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl__gantt-mas:focus-visible {
  outline: 2px solid var(--wb-accent, var(--wb-blue));
  outline-offset: 1px;
}
.wb-tbl__gantt-dia {
  padding: 4px 0 3px;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  color: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-ink) 50%, transparent);
    }
  }
  border-bottom: 1px solid var(--wb-line);
  border-left: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 1px solid color-mix(in srgb, var(--wb-line) 45%, transparent);
    }
  }
}
.wb-tbl__gantt-dia.is-lunes {
  font-weight: 700;
  color: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-ink) 75%, transparent);
    }
  }
  border-left-color: var(--wb-line);
}
.wb-tbl__gantt-dia.is-hoy {
  color: var(--wb-ink);
  background: var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 20%, transparent);
    }
  }
}
.wb-tbl__gantt-celda {
  height: 24px;
  border-bottom: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--wb-line) 50%, transparent);
    }
  }
  border-left: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 1px solid color-mix(in srgb, var(--wb-line) 35%, transparent);
    }
  }
}
.wb-tbl__gantt-celda.is-tramo {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-ink) 10%, transparent);
    }
  }
}
.wb-tbl__gantt-celda.is-trabajo {
  background: var(--wb-green);
}
.wb-tbl__gantt-celda.is-avance {
  background: var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 16%, transparent);
    }
  }
  box-shadow: inset 0 -1px 0 var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 -1px 0 var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 35%, transparent);
    }
  }
}
.wb-tbl__gantt-celda.is-cadencia {
  background: repeating-linear-gradient( 45deg, var(--wb-blue) 0 3px, transparent 3px 6px );
  @supports (color: color-mix(in lab, red, red)) {
    background: repeating-linear-gradient( 45deg, var(--wb-blue) 0 3px, transparent 3px 6px );
    @supports (color: color-mix(in lab, red, red)) {
      background: repeating-linear-gradient( 45deg, color-mix(in srgb, var(--wb-blue) 32%, transparent) 0 3px, transparent 3px 6px );
    }
  }
}
.wb-tbl__gantt-celda.is-plazo::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin: 9px auto;
  background: var(--wb-ink);
  transform: rotate(45deg);
}
.wb-tbl__gantt-celda.is-corte {
  background: var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 22%, transparent);
    }
  }
  box-shadow: inset 2px 0 0 var(--wb-accent, var(--wb-blue));
}
.wb-tbl__gantt-espacio .wb-tbl__gantt-quien {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-ink) 5%, transparent);
    }
  }
}
.wb-tbl__gantt-espacio .wb-tbl__gantt-nombre {
  font-size: 13px;
}
.wb-tbl__gantt-fila .wb-tbl__gantt-quien {
  padding-left: 22px;
}
.wb-tbl__gantt-banda .wb-tbl__gantt-quien {
  padding-left: 12px;
}
.wb-tbl__gantt-banda .wb-tbl__gantt-nombre--banda {
  font-weight: 600;
}
.wb-tbl__gantt-banda.is-elegida .wb-tbl__gantt-quien {
  background: var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 12%, transparent);
    }
  }
  box-shadow: inset 2px 0 0 var(--wb-accent, var(--wb-blue));
}
.wb-tbl__gantt-banda.is-elegida .wb-tbl__gantt-nombre {
  color: var(--wb-accent, var(--wb-blue));
}
.wb-tbl__gantt-fila .wb-tbl__gantt-nombre {
  font-weight: 500;
}
.wb-tbl__gantt-linea {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.wb-tbl__gantt-sena {
  display: inline-block;
  padding: 0 6px;
  border: 1px solid var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--wb-blue) 45%, transparent);
    }
  }
  border-radius: 999px;
  color: var(--wb-blue);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.wb-tbl__gantt-meta, .wb-tbl__gantt-sena, .wb-tbl__gantt .wb-tbl__espacio-conservado {
  display: none;
}
.wb-tbl__gantt tr.is-dicha .wb-tbl__gantt-meta, .wb-tbl__gantt tr.is-elegida .wb-tbl__gantt-meta, .wb-tbl__gantt tr.is-dicha .wb-tbl__gantt-sena, .wb-tbl__gantt tr.is-elegida .wb-tbl__gantt-sena, .wb-tbl__gantt tr.is-dicha .wb-tbl__espacio-conservado, .wb-tbl__gantt tr.is-elegida .wb-tbl__espacio-conservado {
  display: block;
}
.wb-tbl__gantt-fila--suelta .wb-tbl__gantt-nombre {
  font-style: italic;
  font-weight: 400;
}
.wb-tbl__gantt-leyenda {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 12px 0 0;
  font-size: 11px;
  color: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-ink) 62%, transparent);
    }
  }
}
.wb-tbl__gantt-clave {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.wb-tbl__gantt-muestra {
  width: 16px;
  height: 10px;
  border: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--wb-line) 80%, transparent);
    }
  }
  border-radius: 2px;
  background: var(--wb-surface);
}
.wb-tbl__gantt-muestra.is-trabajo {
  background: var(--wb-green);
  border-color: var(--wb-green);
}
.wb-tbl__gantt-muestra.is-cadencia {
  background: repeating-linear-gradient( 45deg, var(--wb-blue) 0 3px, transparent 3px 6px );
  @supports (color: color-mix(in lab, red, red)) {
    background: repeating-linear-gradient( 45deg, var(--wb-blue) 0 3px, transparent 3px 6px );
    @supports (color: color-mix(in lab, red, red)) {
      background: repeating-linear-gradient( 45deg, color-mix(in srgb, var(--wb-blue) 32%, transparent) 0 3px, transparent 3px 6px );
    }
  }
}
.wb-tbl__gantt-muestra.is-plazo {
  border: 0;
  border-radius: 0;
  background: var(--wb-ink);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.wb-tbl__gantt-muestra.is-tramo {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-ink) 12%, transparent);
    }
  }
}
.wb-tbl__gantt-muestra.is-avance {
  background: var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 20%, transparent);
    }
  }
  box-shadow: inset 0 -2px 0 var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 -2px 0 var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 40%, transparent);
    }
  }
}
.wb-tbl__gantt-muestra.is-corte {
  background: var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 25%, transparent);
    }
  }
  box-shadow: inset 3px 0 0 var(--wb-accent, var(--wb-blue));
}
.wb-tbl__gantt-muestra.is-hilo {
  border: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--wb-ink);
  opacity: 0.5;
}
.wb-tbl__reparto {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 0;
  border-bottom: 1px solid var(--wb-line);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid var(--wb-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in srgb, var(--wb-line) 60%, transparent);
    }
  }
  list-style: none;
}
.wb-tbl__reparto-tema {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  cursor: pointer;
}
.wb-tbl__reparto-tema input {
  accent-color: var(--wb-accent, var(--wb-blue));
}
.wb-tbl__tabla-nota {
  display: inline-block;
  margin-left: 6px;
  padding: 0 6px;
  border: 1px solid var(--wb-accent, var(--wb-blue));
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-accent, var(--wb-blue));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--wb-accent, var(--wb-blue)) 40%, transparent);
    }
  }
  border-radius: 999px;
  color: var(--wb-accent, var(--wb-blue));
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wb-tbl__aviso {
  margin: 8px 0 0;
  padding: 6px 8px;
  border-left: 3px solid var(--wb-red);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-red);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-red);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-red) 10%, transparent);
    }
  }
  font-size: 10px;
  line-height: 1.5;
  color: var(--wb-work-muted);
}
.wb-tbl__espacio-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 11px 12px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    }
  }
  border-radius: 4px;
  color: inherit;
  text-decoration: none;
}
.wb-tbl__espacio-item:hover {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, currentColor 45%, transparent);
    }
  }
}
.wb-tbl__espacio-item:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.wb-tbl__espacio-conservado {
  display: block;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.5;
  color: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--wb-ink) 55%, transparent);
    }
  }
}
.wb-tbl__espacio-conservado strong {
  font-weight: 700;
  color: var(--wb-accent, var(--wb-blue));
}
.wb-tbl__espacio-item-top {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.wb-tbl__espacio-glyph {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 3px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, currentColor 8%, transparent);
    }
  }
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.wb-tbl__espacio-item-id {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.wb-tbl__espacio-nombre {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.wb-tbl__espacio-tipo {
  font-size: 11px;
  opacity: .62;
}
.wb-tbl__espacio-tag {
  margin-left: auto;
  padding: 1px 6px;
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, currentColor 10%, transparent);
    }
  }
  font-size: 10.5px;
  letter-spacing: .02em;
  white-space: nowrap;
}
.wb-tbl__espacio-hitos {
  display: flex;
  gap: 2px;
}
.wb-tbl__espacio-seg {
  flex: 1 1 0;
  height: 4px;
  border-radius: 1px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, currentColor 16%, transparent);
    }
  }
}
.wb-tbl__espacio-seg.is-hecho {
  background: #3f6b4a;
}
.wb-tbl__espacio-avance {
  font-size: 11px;
  opacity: .62;
  font-variant-numeric: tabular-nums;
}
.wb-tbl__espacio-volver {
  margin: 0 0 6px;
  font-size: 12px;
}
.wb-tbl__espacio-barra {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 10px;
  margin: 0;
  padding: 8px 20px 7px;
  border-bottom: 1px solid var(--wb-work-line);
  background: var(--wb-work-soft);
}
.wb-tbl__espacio-barra .wb-tbl__espacio-volver {
  margin: 0;
  flex: 0 0 auto;
}
.wb-tbl__espacio-barra .wb-tbl__espacio-nombre {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}
.wb-tbl__espacio-barra .wb-tbl__espacio-tipo {
  padding-left: 10px;
  border-left: 1px solid var(--wb-work-line);
  font-size: 12px;
  opacity: 0.7;
}
.wb-tbl__card--vacia {
  border-style: dashed;
}
.wb-tbl__nota {
  padding: 10px 12px;
}
.wb-tbl__h4 {
  margin: 0 0 3px;
  font-size: 13px;
  font-weight: 600;
}
.wb-rep {
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: var(--wb-ink);
}
.wb-rep__lead {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}
.wb-rep__nota {
  margin: 0;
  font-size: 13px;
  color: var(--wb-muted);
  line-height: 1.45;
}
.wb-rep__h3 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-rep__tema {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wb-rep__eyebrow {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-rep__titulo {
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
}
.wb-rep__meta {
  margin: 0;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-rep__catalogo {
  display: flex;
  flex-direction: column;
}
.wb-rep__receta {
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.wb-rep__nombre {
  margin: 0;
  font-size: 16px;
}
.wb-rep__que {
  margin: 0;
  font-size: 13px;
  color: var(--wb-muted);
  line-height: 1.4;
}
.wb-rep__precios {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}
.wb-rep__precio-tag {
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
}
.wb-rep__pedido {
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wb-rep__pedido .wb-cta, .wb-rep--puerta .wb-cta {
  align-self: flex-start;
  min-height: 44px;
}
.wb-rep__pendiente {
  border: 1px dashed var(--wb-line);
  border-radius: var(--wb-radius-sm);
  padding: 12px;
}
@media (min-width: 720px) {
  .wb-rep__catalogo {
    min-width: 0;
  }
  .wb-rep__receta {
    padding: 16px;
  }
}
.wb-obj {
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wb-obj__nombre {
  margin: 0;
  font-size: 16px;
}
.wb-obj__meta {
  margin: 0;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-obj__items, .wb-obj__lista {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wb-obj__enunciado {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
.wb-obj__mirar {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--wb-muted);
}
.wb-obj__tiempo {
  color: var(--wb-muted);
  font-size: 12px;
}
.wb-obj__cierre {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}
.wb-obj__detalle {
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-ent {
  display: flex;
  flex-direction: column;
}
.wb-ent__h3 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-ent__nota {
  margin: 0;
  font-size: 13px;
  color: var(--wb-muted);
  line-height: 1.45;
}
.wb-ent__lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.wb-ent__fila {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: baseline;
  padding: 9px 0;
  border-bottom: 1px solid var(--wb-line);
  font-size: 13px;
}
.wb-ent__fila:last-child {
  border-bottom: 0;
}
.wb-ent__tema {
  flex: 1 1 100%;
  font-weight: 600;
}
.wb-ent__que-es {
  font-weight: 600;
}
.wb-ent__tamano, .wb-ent__estado, .wb-ent__fecha, .wb-ent__precio {
  color: var(--wb-muted);
}
.wb-ent__fila[data-wb-ent-encargo-status="fallido"] .wb-ent__estado {
  color: var(--wb-red);
}
.wb-ent__entregar {
  margin-left: auto;
}
.wb-ent__entregar .wb-cta {
  min-height: 40px;
  padding: 6px 14px;
  font-size: 13px;
}
.wb-ent__vista {
  margin-top: 14px;
}
.wb-mat {
  display: flex;
  flex-direction: column;
  gap: 18px;
  color: var(--wb-ink);
}
.wb-mat__lead {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}
.wb-mat__nota {
  margin: 0;
  font-size: 13px;
  color: var(--wb-muted);
  line-height: 1.45;
}
.wb-mat__h3 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-mat__tema {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.wb-mat__eyebrow {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-mat__titulo {
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
}
.wb-mat__meta {
  margin: 0;
  font-size: 13px;
  color: var(--wb-muted);
}
.wb-mat__formas {
  display: flex;
  flex-direction: column;
}
.wb-mat__forma {
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.wb-mat__nombre {
  margin: 0;
  font-size: 16px;
}
.wb-mat__que {
  margin: 0;
  font-size: 13px;
  color: var(--wb-muted);
  line-height: 1.4;
}
.wb-mat__precios {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}
.wb-mat__precio-tag {
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
}
.wb-mat__pedido {
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wb-mat__pedido .wb-cta, .wb-mat--puerta .wb-cta {
  align-self: flex-start;
  min-height: 44px;
}
.wb-mat__pendiente {
  border: 1px dashed var(--wb-line);
  border-radius: var(--wb-radius-sm);
  padding: 12px;
}
@media (min-width: 720px) {
  .wb-mat__formas {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
  }
  .wb-mat__formas > .wb-mat__h3 {
    grid-column: 1 / -1;
  }
  .wb-mat__forma {
    padding: 16px;
  }
}
.wb-pomo__material {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.wb-pomo__material-h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-pomo__material-lista {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.wb-pomo__material-fila {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: baseline;
  padding: 6px 0;
  border-bottom: 1px solid var(--wb-line);
  font-size: 13px;
}
.wb-pomo__material-fila:last-child {
  border-bottom: 0;
}
.wb-pomo__material-que {
  flex: 1 1 auto;
  font-weight: 600;
}
.wb-pomo__material-estado {
  color: var(--wb-muted);
}
.wb-pomo__material-objeto {
  margin-top: 4px;
}
.wb-pomo__material-apuntar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.wb-pomo__material-apuntar .wb-cta {
  align-self: flex-start;
  min-height: 44px;
}
.wb-tbl__drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 1.5rem 1rem;
  margin-bottom: 1rem;
  border: 1.5px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1.5px dashed currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1.5px dashed color-mix(in oklab, currentColor 28%, transparent);
    }
  }
  border-radius: 0.9rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  cursor: pointer;
  text-align: center;
  transition: border-color 120ms ease, background 120ms ease;
}
.wb-tbl__drop:hover, .wb-tbl__drop:focus-visible, .wb-tbl__drop.is-soltando {
  border-color: currentColor;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 9%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__drop-titulo {
  font-weight: 600;
  font-size: 0.95rem;
}
.wb-tbl__drop-meta {
  font-size: 0.78rem;
  opacity: 0.7;
}
.wb-tbl__tarjeta {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.5rem;
  border-radius: 0.75rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 3%, transparent);
    }
  }
}
.wb-tbl__tarjeta-enlace {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  text-decoration: none;
  color: inherit;
}
.wb-tbl__tarjeta-cover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 3rem;
  border-radius: 0.25rem;
  font-weight: 700;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 12%, transparent);
    }
  }
  flex: 0 0 auto;
}
.wb-tbl__tarjeta-cuerpo {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.wb-tbl__tarjeta-titulo {
  font-weight: 600;
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-tbl__tarjeta-meta {
  font-size: 0.75rem;
  opacity: 0.72;
}
.wb-tbl__kiosco {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  min-inline-size: 0;
  padding-block-start: 0.6rem;
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="negro"] {
  background: #000;
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="papel_blanco"] {
  background: #fbfaf7;
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="marmol"] {
  background: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.5), transparent 40%), radial-gradient(circle at 70% 60%, rgba(255, 255, 255, 0.35), transparent 45%), repeating-linear-gradient(45deg, #e9e7e2 0 3px, #f3f1ec 3px 6px);
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="lino"] {
  background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.022) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.022) 0 1px, transparent 1px 3px), #f4efe6;
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="piedra"] {
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.4), transparent 50%), radial-gradient(circle at 80% 80%, rgba(0, 0, 0, 0.14), transparent 50%), #cfc9c0;
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="arena"] {
  background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0 1px, transparent 1px 4px), radial-gradient(ellipse at 50% 0%, #d9c9a8, #c9b58f);
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="tabla"] {
  background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0 2px, transparent 2px 90px), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 40px, transparent 40px 90px), #4a3728;
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="niebla"] {
  background: radial-gradient(ellipse at 30% 20%, rgba(255, 255, 255, 0.55), transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(255, 255, 255, 0.4), transparent 60%), #dfe4e8;
}
.wb-tbl__kiosco[data-biblos-fondo-biblioteca="noche"] {
  background: radial-gradient(ellipse at 50% 0%, #1c2433, #0b1017 70%), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.015) 0 1px, transparent 1px 4px);
}
.wb-tbl__kiosco-cabecera {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-block-end: 0.1rem;
}
.wb-tbl__kiosco-cabecera-texto {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  min-inline-size: 0;
}
.wb-tbl__kiosco-cabecera-titulo {
  margin: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: clamp(1.5rem, 3.4vw, 2.1rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.wb-tbl__kiosco-cabecera-contador {
  font-size: 0.9rem;
  font-weight: 500;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 65%, transparent);
    }
  }
  white-space: nowrap;
}
.wb-tbl__kiosco-cabecera-contador:empty {
  display: none;
}
.wb-tbl__kiosco-cabecera-subtitulo {
  margin: 0;
  color: var(--wb-muted, currentColor);
  font-size: 0.85rem;
  opacity: 0.85;
}
.wb-tbl__kiosco-meta, .wb-tbl__kiosco-meta-hint {
  display: none;
}
.wb-tbl__kiosco-detalles {
  inline-size: min(38rem, calc(100vw - 2rem));
  max-block-size: calc(100vh - 4rem);
  margin: auto;
  padding: 0;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.85rem;
  background: var(--wb-surface, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--wb-surface, color-mix(in oklab, currentColor 4%, transparent));
    }
  }
  color: inherit;
  overflow: hidden;
  box-shadow: 0 24px 60px -16px rgba(0, 0, 0, 0.6);
}
.wb-tbl__kiosco-detalles::backdrop {
  background: rgba(0, 0, 0, 0.45);
}
.wb-tbl__kiosco-detalles[open] {
  display: flex;
  flex-direction: column;
}
.wb-tbl__kiosco-detalles-cabeza {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.2rem 0.9rem;
  border-block-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-detalles-titulo-caja {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-inline-size: 0;
}
.wb-tbl__kiosco-detalles-titulo {
  margin: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.005em;
}
.wb-tbl__kiosco-detalles-autor {
  margin: 0;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-size: 0.85rem;
}
.wb-tbl__kiosco-detalles-cerrar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.8rem;
  block-size: 1.8rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  cursor: pointer;
  transition: background 100ms ease, color 100ms ease;
}
.wb-tbl__kiosco-detalles-cerrar:hover, .wb-tbl__kiosco-detalles-cerrar:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
  outline: none;
}
.wb-tbl__kiosco-detalles-pestanas {
  display: flex;
  gap: 0.2rem;
  padding: 0 1.2rem;
  border-block-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-detalles-pestanas button {
  padding: 0.6rem 0.9rem 0.5rem;
  border: 0;
  border-block-end: 2px solid transparent;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 100ms ease, border-color 100ms ease;
}
.wb-tbl__kiosco-detalles-pestanas button:hover, .wb-tbl__kiosco-detalles-pestanas button:focus-visible {
  color: var(--wb-ink, currentColor);
  outline: none;
}
.wb-tbl__kiosco-detalles-pestanas button[aria-selected="true"] {
  color: var(--wb-ink, currentColor);
  border-block-end-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end-color: color-mix(in oklab, currentColor 70%, transparent);
    }
  }
}
.wb-tbl__kiosco-detalles-cuerpo {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 1rem 1.2rem;
}
.wb-tbl__kiosco-detalles-panel[hidden] {
  display: none;
}
.wb-tbl__kiosco-detalles-lista {
  display: grid;
  grid-template-columns: minmax(7rem, max-content) 1fr;
  gap: 0.45rem 1rem;
  margin: 0;
  font-size: 0.85rem;
}
.wb-tbl__kiosco-detalles-lista dt {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-weight: 500;
}
.wb-tbl__kiosco-detalles-lista dd {
  margin: 0;
  word-break: break-word;
}
.wb-tbl__kiosco-detalles-lista dd[data-biblos-detalles-temas] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.wb-tbl__kiosco-detalles-lista .wb-tbl__kiosco-detalles-tema {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 80%, transparent);
    }
  }
  font-size: 0.75rem;
  font-weight: 500;
}
.wb-tbl__kiosco-detalles-serie-msg {
  margin: 0;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 65%, transparent);
    }
  }
  font-size: 0.9rem;
  font-style: italic;
}
.wb-tbl__kiosco-detalles-sinopsis {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.5;
  white-space: pre-wrap;
}
.wb-tbl__kiosco-detalles-sinopsis[data-biblos-detalles-sinopsis-vacia="true"] {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-style: italic;
}
.wb-tbl__kiosco-detalles-sinopsis-cargando {
  margin: 0 0 0.5rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-size: 0.8rem;
}
.wb-tbl__kiosco-detalles-sinopsis-cargando[hidden] {
  display: none;
}
.wb-tbl__kiosco-detalles-acciones {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0.9rem 1.2rem 1.1rem;
  border-block-start: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-start: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-start: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-detalles-accion {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.8rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.5rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: inherit;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 100ms ease, background 100ms ease;
}
.wb-tbl__kiosco-detalles-accion:hover, .wb-tbl__kiosco-detalles-accion:focus-visible {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 45%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__kiosco-detalles-accion--peligro {
  color: #b42318;
  @supports (color: color-mix(in lab, red, red)) {
    color: #b42318;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #b42318 80%, currentColor);
    }
  }
  border-color: color-mix(in oklab, #b42318 30%, transparent);
}
.wb-tbl__kiosco-detalles-accion--peligro:hover, .wb-tbl__kiosco-detalles-accion--peligro:focus-visible {
  background: color-mix(in oklab, #b42318 10%, transparent);
  border-color: color-mix(in oklab, #b42318 50%, transparent);
}
.wb-tbl__kiosco-cabecera-acciones {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.wb-tbl__kiosco-seleccionar {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.8rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.5rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: inherit;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}
.wb-tbl__kiosco-seleccionar:hover, .wb-tbl__kiosco-seleccionar:focus-visible {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__kiosco-seleccionar[aria-pressed="true"] {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
}
.wb-tbl__kiosco-check {
  position: absolute;
  inset-block-start: 0.3rem;
  inset-inline-start: 0.3rem;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  user-select: none;
}
.wb-tbl__kiosco-check[hidden] {
  display: none;
}
.wb-tbl__kiosco-check input {
  position: absolute;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.wb-tbl__kiosco-check span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.1rem;
  block-size: 1.1rem;
  border-radius: 999px;
  background: transparent;
  color: transparent;
  transition: background 100ms ease, color 100ms ease;
}
.wb-tbl__kiosco-check:has(input:checked) span {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  color: #fff;
}
.wb-tbl__kiosco-seleccion-toolbar {
  position: fixed;
  inset-block-end: 0;
  inset-inline: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.65rem 1.2rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, var(--wb-surface, transparent));
    }
  }
  border-block-start: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-start: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-start: 1px solid color-mix(in oklab, currentColor 14%, transparent);
    }
  }
  box-shadow: 0 -12px 24px -12px rgba(0, 0, 0, 0.45);
  font-size: 0.85rem;
}
.wb-tbl__kiosco-seleccion-toolbar[hidden] {
  display: none;
}
.wb-tbl__kiosco-seleccion-contador {
  font-weight: 600;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 75%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-acciones {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.wb-tbl__kiosco-seleccion-accion {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.7rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 100ms ease, color 100ms ease;
}
.wb-tbl__kiosco-seleccion-accion:hover:not(:disabled), .wb-tbl__kiosco-seleccion-accion:focus-visible:not(:disabled) {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 10%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__kiosco-seleccion-accion:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.wb-tbl__kiosco-seleccion-accion--peligro {
  color: #b42318;
  @supports (color: color-mix(in lab, red, red)) {
    color: #b42318;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #b42318 80%, currentColor);
    }
  }
}
.wb-tbl__kiosco-seleccion-accion--peligro:hover:not(:disabled) {
  background: color-mix(in oklab, #b42318 12%, transparent);
}
.wb-tbl__kiosco-seleccion-accion--cancelar {
  opacity: 0.85;
}
@media (max-width: 36rem) {
  .wb-tbl__kiosco-seleccion-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
  .wb-tbl__kiosco-seleccion-acciones {
    justify-content: space-between;
  }
  .wb-tbl__kiosco-seleccion-accion span {
    display: none;
  }
}
.wb-tbl__kiosco[data-biblos-seleccion-activa="true"] .wb-tbl__kiosco-portada {
  opacity: 0.65;
  transition: opacity 120ms ease;
}
.wb-tbl__kiosco[data-biblos-seleccion-activa="true"] .wb-tbl__kiosco-item:has(.wb-tbl__kiosco-check input:checked) .wb-tbl__kiosco-portada {
  opacity: 1;
}
.wb-tbl__kiosco-linea-superior {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.05rem 0 0.15rem;
}
.wb-tbl__kiosco-colecciones {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  padding: 0;
  border: 0;
}
.wb-tbl__kiosco-coleccion-todas, .wb-tbl__kiosco-coleccion-enlace, .wb-tbl__kiosco-coleccion-nueva {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.32rem 0.65rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 70%, transparent);
    }
  }
  font: inherit;
  font-size: 0.78rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 100ms ease, color 100ms ease;
}
.wb-tbl__kiosco-coleccion-todas:hover, .wb-tbl__kiosco-coleccion-enlace:hover, .wb-tbl__kiosco-coleccion-nueva:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
}
.wb-tbl__kiosco-coleccion-todas[aria-pressed="true"], .wb-tbl__kiosco-coleccion-enlace[aria-pressed="true"] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
}
.wb-tbl__kiosco-coleccion-nueva {
  margin-inline-start: auto;
}
.wb-tbl__kiosco-colecciones-lista:empty {
  display: none;
}
.wb-tbl__kiosco-coleccion-dialog {
  inline-size: min(24rem, calc(100vw - 2rem));
  margin: auto;
  padding: 0;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.7rem;
  background: var(--wb-surface, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--wb-surface, color-mix(in oklab, currentColor 4%, transparent));
    }
  }
  color: inherit;
}
.wb-tbl__kiosco-coleccion-dialog::backdrop {
  background: rgba(0, 0, 0, 0.45);
}
.wb-tbl__kiosco-coleccion-dialog[open] {
  display: flex;
  flex-direction: column;
}
.wb-tbl__kiosco-coleccion-cabeza {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.2rem 0.7rem;
  border-block-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-coleccion-titulo {
  margin: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 1.1rem;
  font-weight: 600;
}
.wb-tbl__kiosco-coleccion-cerrar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  cursor: pointer;
}
.wb-tbl__kiosco-coleccion-cerrar:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
}
.wb-tbl__kiosco-coleccion-formulario {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 1rem 1.2rem 1.2rem;
}
.wb-tbl__kiosco-coleccion-campo {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.78rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 70%, transparent);
    }
  }
}
.wb-tbl__kiosco-coleccion-campo input {
  padding: 0.5rem 0.7rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.4rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
  font: inherit;
  font-size: 0.88rem;
  outline: none;
  transition: border-color 100ms ease;
}
.wb-tbl__kiosco-coleccion-campo input:focus-visible {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
}
.wb-tbl__kiosco-coleccion-acciones {
  display: flex;
  justify-content: flex-end;
  gap: 0.4rem;
  padding-block-start: 0.4rem;
}
.wb-tbl__kiosco-coleccion-cancelar, .wb-tbl__kiosco-coleccion-crear {
  padding: 0.45rem 0.8rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.45rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: inherit;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
}
.wb-tbl__kiosco-coleccion-crear {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-dialog {
  inline-size: min(28rem, calc(100vw - 2rem));
  margin: auto;
  padding: 0;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.7rem;
  background: var(--wb-surface, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--wb-surface, color-mix(in oklab, currentColor 4%, transparent));
    }
  }
  color: inherit;
}
.wb-tbl__kiosco-seleccion-dialog::backdrop {
  background: rgba(0, 0, 0, 0.45);
}
.wb-tbl__kiosco-seleccion-dialog[open] {
  display: flex;
  flex-direction: column;
  max-block-size: calc(100vh - 2rem);
}
.wb-tbl__kiosco-seleccion-cabeza {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 1rem 1.2rem 0.7rem;
  border-block-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-titulo {
  margin: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 1.1rem;
  font-weight: 600;
}
.wb-tbl__kiosco-seleccion-cerrar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  cursor: pointer;
}
.wb-tbl__kiosco-seleccion-cerrar:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
}
.wb-tbl__kiosco-seleccion-resumen {
  margin: 0;
  padding: 1rem 1.2rem 0.4rem;
  font-size: 0.86rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 70%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-opciones {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.5rem 1.2rem 0.6rem;
  overflow-y: auto;
}
.wb-tbl__kiosco-seleccion-opcion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 14%, transparent);
    }
  }
  border-radius: 0.5rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
  transition: border-color 100ms ease, background 100ms ease;
}
.wb-tbl__kiosco-seleccion-opcion:hover {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 35%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 7%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-opcion[aria-checked="true"] {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 70%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-opcion-titulo {
  font-size: 0.92rem;
  font-weight: 600;
}
.wb-tbl__kiosco-seleccion-opcion-lore {
  font-size: 0.78rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 65%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-dialog form {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 0.4rem 1.2rem 1.2rem;
}
.wb-tbl__kiosco-seleccion-campo {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.78rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 70%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-campo input {
  padding: 0.5rem 0.7rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.4rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
  font: inherit;
  font-size: 0.88rem;
  outline: none;
  transition: border-color 100ms ease;
}
.wb-tbl__kiosco-seleccion-campo input:focus-visible {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-lista {
  list-style: none;
  margin: 0.4rem 1.2rem 0.4rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  overflow-y: auto;
  max-block-size: 16rem;
}
.wb-tbl__kiosco-seleccion-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 14%, transparent);
    }
  }
  border-radius: 0.45rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  cursor: pointer;
  transition: border-color 100ms ease, background 100ms ease;
}
.wb-tbl__kiosco-seleccion-item:hover {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 35%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 7%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-item[aria-pressed="true"] {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 70%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-item-icono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.8rem;
  block-size: 1.8rem;
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 12%, transparent);
    }
  }
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 0.95rem;
}
.wb-tbl__kiosco-seleccion-item-texto {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  font-size: 0.85rem;
  color: inherit;
}
.wb-tbl__kiosco-seleccion-item-lore {
  font-size: 0.72rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wb-tbl__kiosco-seleccion-cargando, .wb-tbl__kiosco-seleccion-vacio {
  padding: 0.7rem 0.8rem;
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.45rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 3%, transparent);
    }
  }
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-size: 0.82rem;
  text-align: center;
}
.wb-tbl__kiosco-seleccion-nueva {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.4rem 1.2rem 0;
  padding: 0.5rem 0.8rem;
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in oklab, currentColor 30%, transparent);
    }
  }
  border-radius: 0.45rem;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 75%, transparent);
    }
  }
  font: inherit;
  font-size: 0.85rem;
  cursor: pointer;
  align-self: flex-start;
}
.wb-tbl__kiosco-seleccion-nueva:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 7%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
}
.wb-tbl__kiosco-seleccion-acciones {
  display: flex;
  justify-content: flex-end;
  gap: 0.4rem;
  padding: 0.8rem 1.2rem 1.1rem;
  margin-block-start: auto;
  border-block-start: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-start: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-start: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-cancelar, .wb-tbl__kiosco-seleccion-confirmar {
  padding: 0.45rem 0.85rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.45rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: inherit;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}
.wb-tbl__kiosco-seleccion-confirmar {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
}
.wb-tbl__kiosco-seleccion-confirmar:disabled, .wb-tbl__kiosco-seleccion-cancelar:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wb-tbl__kiosco-toolbar {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  padding: 0.1rem 0 0.25rem;
}
.wb-tbl__kiosco-filtros-rapidos {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  margin-inline-start: auto;
  padding: 0;
}
.wb-tbl__kiosco-filtro-rapido {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  padding: 0.28rem 0.55rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 65%, transparent);
    }
  }
  font: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 120ms ease, color 120ms ease;
}
.wb-tbl__kiosco-filtro-rapido:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
}
.wb-tbl__kiosco-filtro-rapido.is-activo {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
}
.wb-tbl__kiosco-filtro-rapido svg {
  inline-size: 0.95rem;
  block-size: 0.95rem;
}
@media (max-width: 640px) {
  .wb-tbl__kiosco-filtro-rapido-texto {
    display: none;
  }
  .wb-tbl__kiosco-filtro-rapido {
    padding: 0.3rem;
  }
}
.wb-tbl__kiosco-buscar {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex: 1 1 14rem;
  min-inline-size: 0;
  padding: 0.45rem 0.7rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.5rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
  transition: border-color 120ms ease, background 120ms ease;
}
.wb-tbl__kiosco-buscar:focus-within {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__kiosco-buscar-icono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
}
.wb-tbl__kiosco-buscar input {
  flex: 1 1 auto;
  min-inline-size: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.85rem;
  outline: none;
}
.wb-tbl__kiosco-buscar input::placeholder {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }
}
.wb-tbl__kiosco-vista-menu {
  position: relative;
}
.wb-tbl__kiosco-vista-menu-boton {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.8rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.5rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: inherit;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease;
}
.wb-tbl__kiosco-vista-menu-boton:hover, .wb-biblos-estanterias {
  inline-size: min(64rem, calc(100vw - 2rem));
  max-block-size: min(86vh, 720px);
  margin: auto;
  padding: 0;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.85rem;
  background: var(--wb-surface, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--wb-surface, color-mix(in oklab, currentColor 4%, transparent));
    }
  }
  color: inherit;
  overflow: hidden;
  box-shadow: 0 24px 60px -16px rgba(0, 0, 0, 0.6);
}
.wb-biblos-estanterias::backdrop {
  background: rgba(0, 0, 0, 0.45);
}
.wb-biblos-estanterias[open] {
  display: flex;
  flex-direction: column;
}
.wb-biblos-estanterias__caja {
  display: flex;
  flex-direction: column;
  block-size: 100%;
  margin: 0;
  padding: 0;
}
.wb-biblos-estanterias__cabecera {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
  border-block-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-biblos-estanterias__titulo {
  margin: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 1.2rem;
  font-weight: 600;
}
.wb-biblos-estanterias__cerrar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.8rem;
  block-size: 1.8rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}
.wb-biblos-estanterias__cerrar:hover, .wb-biblos-estanterias__cerrar:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  color: var(--wb-ink, currentColor);
  outline: none;
}
.wb-biblos-estanterias__cuerpo {
  display: grid;
  grid-template-columns: minmax(12rem, 14rem) 1fr;
  flex: 1;
  min-block-size: 0;
}
.wb-biblos-estanterias__lista {
  display: flex;
  flex-direction: column;
  border-inline-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-inline-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-inline-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
  min-block-size: 0;
}
.wb-biblos-estanterias__lista-vacia {
  margin: 0;
  padding: 1.2rem;
  font-size: 0.85rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  line-height: 1.4;
}
.wb-biblos-estanterias__items {
  list-style: none;
  margin: 0;
  padding: 0.4rem 0;
  overflow-y: auto;
  flex: 1;
  min-block-size: 0;
}
.wb-biblos-estanterias__item {
  margin: 0;
}
.wb-biblos-estanterias__item-boton {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  inline-size: 100%;
  padding: 0.6rem 1.2rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.wb-biblos-estanterias__item-boton:hover, .wb-biblos-estanterias__item-boton:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 6%, transparent);
    }
  }
  outline: none;
}
.wb-biblos-estanterias__item--activo .wb-biblos-estanterias__item-boton {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 12%, transparent);
    }
  }
}
.wb-biblos-estanterias__item-icono {
  font-size: 1rem;
  inline-size: 1.4rem;
  text-align: center;
}
.wb-biblos-estanterias__item-nombre {
  flex: 1;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-biblos-estanterias__item-tag {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.1rem 0.4rem;
  border-radius: 0.3rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 10%, transparent);
    }
  }
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
}
.wb-biblos-estanterias__lista-acciones {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.6rem;
  border-block-start: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-start: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-start: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-biblos-estanterias__sembrar, .wb-biblos-estanterias__nueva {
  padding: 0.55rem 0.7rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.4rem;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.82rem;
  text-align: start;
  cursor: pointer;
}
.wb-biblos-estanterias__sembrar:hover, .wb-biblos-estanterias__sembrar:focus-visible, .wb-biblos-estanterias__nueva:hover, .wb-biblos-estanterias__nueva:focus-visible {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 32%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 6%, transparent);
    }
  }
  outline: none;
}
.wb-biblos-estanterias__detalles {
  padding: 1.2rem;
  overflow-y: auto;
}
.wb-biblos-estanterias__detalles-vacio {
  margin: 0;
  font-size: 0.85rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
}
.wb-biblos-estanterias__detalles-cabecera {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin-block-end: 1rem;
  padding-block-end: 0.6rem;
  border-block-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-biblos-estanterias__detalles-titulo {
  margin: 0;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 1.05rem;
  font-weight: 600;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-biblos-estanterias__detalles-cerrar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
}
.wb-biblos-estanterias__detalles-cerrar:hover, .wb-biblos-estanterias__detalles-cerrar:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-biblos-estanterias__form {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
.wb-biblos-estanterias__grupo {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.wb-biblos-estanterias__grupo-titulo {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
}
.wb-biblos-estanterias__campo {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.wb-biblos-estanterias__campo-label {
  font-size: 0.82rem;
  font-weight: 600;
}
.wb-biblos-estanterias__campo input, .wb-biblos-estanterias__campo textarea, .wb-biblos-estanterias__campo select, .wb-biblos-estanterias__regla-cuerpo select, .wb-biblos-estanterias__regla-cuerpo input, .wb-biblos-estanterias__regla-coincidir select {
  font: inherit;
  padding: 0.45rem 0.55rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.4rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: inherit;
}
.wb-biblos-estanterias__regla-coincidir {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.85rem;
}
.wb-biblos-estanterias__regla-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.wb-biblos-estanterias__regla {
  margin: 0;
}
.wb-biblos-estanterias__regla-cuerpo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) auto;
  gap: 0.4rem;
  align-items: center;
}
.wb-biblos-estanterias__regla-vacia {
  font-size: 0.82rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-style: italic;
}
.wb-biblos-estanterias__regla-eliminar {
  inline-size: 1.8rem;
  block-size: 1.8rem;
  padding: 0;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 999px;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}
.wb-biblos-estanterias__regla-eliminar:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
}
.wb-biblos-estanterias__regla-acciones button, .wb-biblos-estanterias__pies button {
  font: inherit;
  padding: 0.55rem 0.9rem;
  border-radius: 0.4rem;
  cursor: pointer;
}
.wb-biblos-estanterias__regla-acciones button {
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in oklab, currentColor 26%, transparent);
    }
  }
  background: transparent;
  color: inherit;
}
.wb-biblos-estanterias__pies {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  padding-block-start: 0.6rem;
  border-block-start: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-start: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-start: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-biblos-estanterias__borrar {
  border: 0;
  background: transparent;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-weight: 600;
}
.wb-biblos-estanterias__borrar:hover {
  color: var(--wb-ink, currentColor);
}
.wb-biblos-estanterias__guardar {
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 32%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  color: inherit;
  font-weight: 700;
}
.wb-biblos-estanterias__guardar:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
}
.wb-biblos-estanterias__aviso-wip {
  margin: 0;
  padding: 0.7rem 0.9rem;
  border-radius: 0.4rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 6%, transparent);
    }
  }
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in oklab, currentColor 26%, transparent);
    }
  }
  font-size: 0.78rem;
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 65%, transparent);
    }
  }
  line-height: 1.45;
}
@media (max-width: 38rem) {
  .wb-biblos-estanterias__cuerpo {
    grid-template-columns: 1fr;
  }
  .wb-biblos-estanterias__lista {
    border-inline-end: 0;
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid currentColor;
      @supports (color: color-mix(in lab, red, red)) {
        border-block-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
      }
    }
  }
  .wb-biblos-estanterias__regla-cuerpo {
    grid-template-columns: 1fr 1fr;
  }
  .wb-biblos-estanterias__regla-cuerpo input {
    grid-column: 1 / -1;
  }
}
.wb-tbl__kiosco-vista-menu-boton:focus-visible {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__kiosco-vista-menu-boton[aria-expanded="true"] {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-vista-menu-resumen {
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 55%, transparent);
    }
  }
  font-weight: 500;
  font-size: 0.78rem;
}
.wb-tbl__kiosco-vista-menu-resumen:empty {
  display: none;
}
.wb-tbl__kiosco-vista-menu-panel {
  position: absolute;
  inset-block-start: calc(100% + 0.4rem);
  inset-inline-end: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-inline-size: 16rem;
  padding: 0.8rem 0.85rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.65rem;
  background: var(--wb-surface, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--wb-surface, color-mix(in oklab, currentColor 6%, transparent));
    }
  }
  box-shadow: 0 18px 28px -16px rgba(0, 0, 0, 0.6);
  font-size: 0.8rem;
}
.wb-tbl__kiosco-vista-menu-panel[hidden] {
  display: none;
}
.wb-tbl__kiosco-vista-menu-grupo {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.wb-tbl__kiosco-vista-menu-etiqueta {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wb-muted, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-muted, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      color: var(--wb-muted, color-mix(in oklab, currentColor 55%, transparent));
    }
  }
}
.wb-tbl__kiosco-vista-menu-grupo button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.32rem 0.5rem;
  border: 0;
  border-radius: 0.4rem;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.78rem;
  text-align: start;
  cursor: pointer;
  transition: background 100ms ease;
}
.wb-tbl__kiosco-vista-menu-grupo button:hover, .wb-tbl__kiosco-vista-menu-grupo button:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__kiosco-vista-menu-grupo button.is-activa {
  color: var(--wb-ink, currentColor);
  font-weight: 600;
}
.wb-tbl__kiosco-vista-menu-grupo button.is-activa::after {
  content: "✓";
  color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  font-weight: 700;
}
.wb-tbl__kiosco-configuracion {
  position: relative;
}
.wb-tbl__kiosco-configuracion-boton {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.7rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.5rem;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.82rem;
  cursor: pointer;
  transition: border-color 100ms ease, background 100ms ease;
}
.wb-tbl__kiosco-configuracion-boton:hover, .wb-tbl__kiosco-configuracion-boton:focus-visible {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 35%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__kiosco-configuracion-boton[aria-expanded="true"] {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-configuracion-menu {
  position: absolute;
  inset-block-start: calc(100% + 0.4rem);
  inset-inline-end: 0;
  z-index: 31;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-inline-size: 18rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.65rem;
  background: var(--wb-surface, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-surface, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      background: var(--wb-surface, color-mix(in oklab, currentColor 6%, transparent));
    }
  }
  box-shadow: 0 18px 28px -16px rgba(0, 0, 0, 0.6);
  font-size: 0.8rem;
}
.wb-tbl__kiosco-configuracion-menu[hidden] {
  display: none;
}
.wb-tbl__kiosco-configuracion-grupo {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.wb-tbl__kiosco-configuracion-etiqueta {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wb-muted, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-muted, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      color: var(--wb-muted, color-mix(in oklab, currentColor 55%, transparent));
    }
  }
}
.wb-tbl__kiosco-configuracion-fila {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.3rem 0.4rem;
  border-radius: 0.4rem;
  color: inherit;
  cursor: pointer;
  transition: background 100ms ease;
}
.wb-tbl__kiosco-configuracion-fila:hover, .wb-tbl__kiosco-configuracion-fila:focus-within {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
}
.wb-tbl__kiosco-configuracion-nombre {
  flex: 1 1 auto;
  font-size: 0.82rem;
}
.wb-tbl__kiosco-configuracion-fila input[type="checkbox"] {
  inline-size: 2.4rem;
  block-size: 1.2rem;
  margin: 0;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 22%, transparent);
    }
  }
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  cursor: pointer;
  appearance: none;
  position: relative;
  transition: background 120ms ease;
}
.wb-tbl__kiosco-configuracion-fila input[type="checkbox"]::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 2px;
  inline-size: 0.9rem;
  block-size: 0.9rem;
  border-radius: 999px;
  background: var(--wb-surface, white);
  transform: translateY(-50%);
  transition: inset-inline-start 120ms ease;
}
.wb-tbl__kiosco-configuracion-fila input[type="checkbox"]:checked {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 60%, transparent);
    }
  }
}
.wb-tbl__kiosco-configuracion-fila input[type="checkbox"]:checked::before {
  inset-inline-start: calc(100% - 1rem - 2px);
}
.wb-tbl__kiosco-configuracion-accion {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.55rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
    }
  }
  border-radius: 0.4rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 4%, transparent);
    }
  }
  color: inherit;
  font: inherit;
  font-size: 0.78rem;
  text-align: start;
  cursor: pointer;
  transition: border-color 100ms ease, background 100ms ease;
}
.wb-tbl__kiosco-configuracion-accion:hover, .wb-tbl__kiosco-configuracion-accion:focus-visible {
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 35%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__kiosco--sin-portadas .wb-tbl__kiosco-portada img, .wb-tbl__kiosco--sin-portadas .wb-tbl__kiosco-portada-overlay, .wb-tbl__kiosco--sin-portadas .wb-tbl__kiosco-portada-texto {
  display: none;
}
.wb-tbl__kiosco--sin-portadas .wb-tbl__kiosco-portada .wb-tbl__kiosco-lomo {
  display: flex;
}
.wb-tbl__kiosco--sinopsis-hover .wb-tbl__kiosco-portada-texto {
  opacity: 0;
  transition: opacity 150ms ease;
}
.wb-tbl__kiosco--sinopsis-hover [data-biblos-item]:hover .wb-tbl__kiosco-portada-texto, .wb-tbl__kiosco--sinopsis-hover [data-biblos-item]:focus-within .wb-tbl__kiosco-portada-texto {
  opacity: 1;
}
.wb-tbl__kiosco-item[hidden] {
  display: none;
}
.wb-tbl__kiosco-grupo {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-block-end: 0.6rem;
}
.wb-tbl__kiosco-grupo-titulo {
  margin: 0.4rem 0 0;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--wb-muted, currentColor);
  @supports (color: color-mix(in lab, red, red)) {
    color: var(--wb-muted, currentColor);
    @supports (color: color-mix(in lab, red, red)) {
      color: var(--wb-muted, color-mix(in oklab, currentColor 65%, transparent));
    }
  }
}
.wb-tbl__kiosco-grupo .wb-tbl__kiosco-balda {
  padding-block-start: 0.7rem;
}
.wb-tbl__kiosco-grupo .wb-tbl__kiosco-balda::after {
  display: none;
}
.wb-tbl__kiosco-estante {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding-block-end: 0.3rem;
}
.wb-tbl__kiosco-balda {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 0.6rem;
  padding: 1.1rem 0.6rem 0.6rem;
  border-radius: 0.18rem;
  position: relative;
  isolation: isolate;
  background: repeating-linear-gradient( 90deg, transparent 0, transparent 14px, currentColor 14px, currentColor 15px ), linear-gradient( 180deg, currentColor 0%, currentColor 50%, currentColor 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background: repeating-linear-gradient( 90deg, transparent 0, transparent 14px, currentColor 14px, currentColor 15px ), linear-gradient( 180deg, currentColor 0%, currentColor 50%, currentColor 100% );
    @supports (color: color-mix(in lab, red, red)) {
      background: repeating-linear-gradient( 90deg, transparent 0, transparent 14px, color-mix(in oklab, currentColor 4%, transparent) 14px, color-mix(in oklab, currentColor 4%, transparent) 15px ), linear-gradient( 180deg, color-mix(in oklab, currentColor 9%, transparent) 0%, color-mix(in oklab, currentColor 5%, transparent) 50%, color-mix(in oklab, currentColor 2%, transparent) 100% );
    }
  }
  box-shadow: inset 0 1px 0 currentColor, inset 0 -1px 0 currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 1px 0 currentColor, inset 0 -1px 0 currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 color-mix(in oklab, currentColor 18%, transparent), inset 0 -1px 0 color-mix(in oklab, currentColor 0%, transparent);
    }
  }
}
.wb-tbl__kiosco-balda--impar {
  background: repeating-linear-gradient( 90deg, transparent 0, transparent 14px, currentColor 14px, currentColor 15px ), linear-gradient( 180deg, currentColor 0%, currentColor 50%, currentColor 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background: repeating-linear-gradient( 90deg, transparent 0, transparent 14px, currentColor 14px, currentColor 15px ), linear-gradient( 180deg, currentColor 0%, currentColor 50%, currentColor 100% );
    @supports (color: color-mix(in lab, red, red)) {
      background: repeating-linear-gradient( 90deg, transparent 0, transparent 14px, color-mix(in oklab, currentColor 3%, transparent) 14px, color-mix(in oklab, currentColor 3%, transparent) 15px ), linear-gradient( 180deg, color-mix(in oklab, currentColor 6%, transparent) 0%, color-mix(in oklab, currentColor 3%, transparent) 50%, color-mix(in oklab, currentColor 1%, transparent) 100% );
    }
  }
}
.wb-tbl__kiosco-balda::after {
  content: "";
  position: absolute;
  inset-inline: 4%;
  inset-block-end: -0.5rem;
  block-size: 0.6rem;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient( closest-side, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100% );
  z-index: -1;
}
.wb-tbl__kiosco-balda::before {
  content: "";
  position: absolute;
  inset-inline: 6%;
  inset-block-end: 0.15rem;
  block-size: 1px;
  background: linear-gradient( 90deg, transparent, currentColor 8%, currentColor 50%, currentColor 92%, transparent );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 90deg, transparent, currentColor 8%, currentColor 50%, currentColor 92%, transparent );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, transparent, color-mix(in oklab, currentColor 0%, transparent) 8%, color-mix(in oklab, currentColor 25%, transparent) 50%, color-mix(in oklab, currentColor 0%, transparent) 92%, transparent );
    }
  }
  pointer-events: none;
}
@media (min-width: 30rem) {
  .wb-tbl__kiosco-balda {
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    gap: 1.2rem 0.8rem;
    padding-block-start: 1.3rem;
  }
}
@media (min-width: 62rem) {
  .wb-tbl__kiosco-balda {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.4rem 0.95rem;
    padding: 1.4rem 0.7rem 0.7rem;
  }
}
.wb-tbl__kiosco-item {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-inline-size: 0;
  position: relative;
}
.wb-tbl__kiosco-libro {
  position: relative;
  display: block;
  perspective: 900px;
}
.wb-tbl__kiosco-portada {
  position: relative;
  display: block;
  aspect-ratio: 2 / 3;
  border-radius: 2px 0.5rem 0.5rem 2px;
  overflow: hidden;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 16%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 7%, transparent);
    }
  }
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 14px 22px -16px rgba(0, 0, 0, 0.9);
  transform: rotateY(-7deg);
  transform-origin: left center;
  transition: transform 220ms ease-out, box-shadow 220ms ease-out;
}
.wb-tbl__kiosco-item:hover .wb-tbl__kiosco-portada, .wb-tbl__kiosco-item:focus-within .wb-tbl__kiosco-portada {
  transform: rotateY(0deg) translateY(-4px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.28) inset, 0 22px 30px -18px rgba(0, 0, 0, 0.9);
}
.wb-tbl__kiosco-portada::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 10%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient( 90deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.08) 70%, rgba(255, 255, 255, 0.14) );
}
.wb-tbl__kiosco-portada::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient( 122deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, 0.16) );
}
.wb-tbl__kiosco-libro::after {
  content: "";
  position: absolute;
  inset-inline: 6%;
  inset-block-end: -0.5rem;
  block-size: 0.55rem;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0));
}
.wb-tbl__kiosco-imagen {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.wb-tbl__kiosco-lomo {
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  padding-inline-start: 8%;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: clamp(1.7rem, 7vw, 3rem);
  font-weight: 700;
  color: rgba(255, 255, 255, 0.94);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
  background: radial-gradient( 115% 80% at 22% 0%, hsl(var(--kiosco-tono, 30) 72% 60%), rgba(255, 255, 255, 0) 62% ), linear-gradient( 158deg, hsl(var(--kiosco-tono, 30) 64% 46%), hsl(calc(var(--kiosco-tono, 30) + 26) 60% 24%) );
}
.wb-tbl__kiosco-formato {
  position: absolute;
  inset-block-start: 0.35rem;
  inset-inline-end: 0.35rem;
  z-index: 3;
  padding: 0.06rem 0.32rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.wb-tbl__kiosco-avance {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 3;
  block-size: 4px;
  background: rgba(0, 0, 0, 0.28);
}
.wb-tbl__kiosco-avance > span {
  display: block;
  block-size: 100%;
  background: rgba(255, 255, 255, 0.85);
}
.wb-tbl__kiosco-ficha-boton {
  position: absolute;
  inset-block-start: 0.3rem;
  inset-inline-start: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  transition: opacity 120ms ease-out, background 120ms ease-out;
}
.wb-tbl__kiosco-ficha-boton:hover, .wb-tbl__kiosco-ficha-boton:focus-visible {
  background: rgba(0, 0, 0, 0.7);
}
.wb-tbl__kiosco-item:hover .wb-tbl__kiosco-ficha-boton, .wb-tbl__kiosco-item:focus-within .wb-tbl__kiosco-ficha-boton, .wb-tbl__kiosco-ficha-boton[aria-expanded="true"] {
  opacity: 1;
}
@media (hover: none) {
  .wb-tbl__kiosco-ficha-boton {
    opacity: 1;
  }
}
.wb-tbl__kiosco-detalles-boton {
  position: absolute;
  inset-block-end: 0.3rem;
  inset-inline-end: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  z-index: 5;
  transition: opacity 120ms ease-out, background 120ms ease-out;
}
.wb-tbl__kiosco-detalles-boton:hover, .wb-tbl__kiosco-detalles-boton:focus-visible {
  background: rgba(0, 0, 0, 0.75);
}
.wb-tbl__kiosco-item:hover .wb-tbl__kiosco-detalles-boton, .wb-tbl__kiosco-item:focus-within .wb-tbl__kiosco-detalles-boton {
  opacity: 1;
}
@media (hover: none) {
  .wb-tbl__kiosco-detalles-boton {
    opacity: 1;
  }
}
.wb-tbl__kiosco-copy {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-inline-size: 0;
}
.wb-tbl__kiosco-titulo {
  font-size: 0.8rem;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wb-tbl__kiosco-autor {
  font-size: 0.7rem;
  color: var(--wb-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-tbl__kiosco-portada-overlay {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 45%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient( to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.55) 35%, rgba(0, 0, 0, 0) 100% );
}
.wb-tbl__kiosco-portada-texto {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  padding: 0.45rem 0.5rem 0.55rem;
  color: #fff;
  text-align: start;
  pointer-events: none;
}
.wb-tbl__kiosco-portada-texto .wb-tbl__kiosco-titulo {
  font-size: 0.72rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: 0.005em;
  color: #fff;
  -webkit-line-clamp: 2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}
.wb-tbl__kiosco-portada-texto .wb-tbl__kiosco-autor {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.78);
  letter-spacing: 0.02em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  white-space: nowrap;
}
.wb-tbl__kiosco-item .wb-tbl__kiosco-avance {
  z-index: 4;
  block-size: 3px;
}
.wb-tbl__kiosco-item:has([aria-expanded="true"]) {
  z-index: 10;
}
.wb-tbl__kiosco-ficha {
  position: absolute;
  inset-block-start: calc(100% + 0.35rem);
  z-index: 9;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  inline-size: min(16rem, calc(100vw - 2.5rem));
  max-block-size: 20rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid var(--wb-line);
  border-radius: 0.6rem;
  background: var(--wb-surface);
  box-shadow: 0 20px 34px -20px rgba(0, 0, 0, 0.85);
  font-size: 0.72rem;
}
.wb-tbl__kiosco-ficha[data-lado="izquierda"] {
  inset-inline-start: 0;
}
.wb-tbl__kiosco-ficha[data-lado="derecha"] {
  inset-inline-end: 0;
}
.wb-tbl__kiosco-ficha[hidden] {
  display: none;
}
.wb-tbl__kiosco-ficha-rotulo {
  margin: 0.15rem 0 0;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-tbl__kiosco-ficha-indice {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  max-block-size: 8.5rem;
  overflow-y: auto;
  color: var(--wb-muted);
  line-height: 1.3;
}
.wb-tbl__kiosco-ficha-item {
  margin: 0;
  padding-inline-start: calc((var(--nivel, 1) - 1) * 0.6rem);
  color: var(--wb-ink);
}
.wb-tbl__kiosco-ficha-memo {
  margin: 0;
  color: var(--wb-muted);
  line-height: 1.35;
}
.wb-tbl__kiosco-ficha-retirar {
  align-self: flex-start;
  margin-block-start: 0.3rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--wb-muted);
  font: inherit;
  font-size: 0.66rem;
  text-decoration: underline;
  cursor: pointer;
}
.wb-tbl__kiosco-soltar {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.15rem 0.5rem;
  padding: 0.5rem 0.7rem;
  border: 1px dashed currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in oklab, currentColor 22%, transparent);
    }
  }
  border-radius: 0.6rem;
  color: var(--wb-muted);
  font-size: 0.75rem;
  cursor: pointer;
}
.wb-tbl__kiosco-soltar:hover, .wb-tbl__kiosco-soltar:focus-visible, .wb-tbl__kiosco-soltar.is-soltando {
  border-color: currentColor;
  color: var(--wb-ink);
}
.wb-tbl__kiosco-soltar small {
  font-size: 0.64rem;
  opacity: 0.75;
}
.wb-tbl__kiosco-vacio {
  margin: 0;
  padding: 1.6rem 0.5rem;
  text-align: center;
  color: var(--wb-muted);
  font-size: 0.85rem;
}
.wb-tbl__kiosco-conmutador {
  display: inline-flex;
  align-self: flex-start;
  gap: 0.15rem;
  padding: 0.2rem;
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 6%, transparent);
    }
  }
  font-size: 0.72rem;
}
.wb-tbl__kiosco-conmutador-enlace {
  display: inline-flex;
  align-items: center;
  padding: 0.32rem 0.7rem;
  border-radius: 999px;
  color: var(--wb-muted);
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: color 120ms ease, background 120ms ease;
}
.wb-tbl__kiosco-conmutador-enlace:hover, .wb-tbl__kiosco-conmutador-enlace:focus-visible {
  color: var(--wb-ink);
  outline: none;
}
.wb-tbl__kiosco-conmutador-enlace.is-activa {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 12%, transparent);
    }
  }
  color: var(--wb-ink);
}
.wb-tbl__kiosco[data-biblos-variante="lista"] .wb-tbl__kiosco-estante {
  display: none;
}
.wb-tbl__kiosco-lista {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-block-end: 0.5rem;
  border-block-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__kiosco-fila {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: 0.85rem;
  align-items: flex-start;
  padding: 0.85rem 0.1rem;
  border-block-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-block-end: 1px solid color-mix(in oklab, currentColor 6%, transparent);
    }
  }
  position: relative;
}
.wb-tbl__kiosco-fila:last-child {
  border-block-end: 0;
}
.wb-tbl__kiosco-lista-miniatura {
  position: relative;
  display: block;
  aspect-ratio: 2 / 3;
  border-radius: 2px 0.35rem 0.35rem 2px;
  overflow: hidden;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 16%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 7%, transparent);
    }
  }
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 8px 14px -10px rgba(0, 0, 0, 0.85);
  text-decoration: none;
  color: inherit;
}
.wb-tbl__kiosco-lista-miniatura::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 10%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient( 90deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.08) 70%, rgba(255, 255, 255, 0.14) );
}
.wb-tbl__kiosco-lista-imagen {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.wb-tbl__kiosco-lista-lomo {
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  padding-inline-start: 8%;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: clamp(1.4rem, 4vw, 2rem);
  font-weight: 700;
  color: rgba(255, 255, 255, 0.94);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
  background: radial-gradient( 115% 80% at 22% 0%, hsl(var(--kiosco-tono, 30) 72% 60%), rgba(255, 255, 255, 0) 62% ), linear-gradient( 158deg, hsl(var(--kiosco-tono, 30) 64% 46%), hsl(calc(var(--kiosco-tono, 30) + 26) 60% 24%) );
}
.wb-tbl__kiosco-lista-avance {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 3;
  block-size: 3px;
  background: rgba(0, 0, 0, 0.28);
}
.wb-tbl__kiosco-lista-avance > span {
  display: block;
  block-size: 100%;
  background: rgba(255, 255, 255, 0.85);
}
.wb-tbl__kiosco-lista-texto {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-inline-size: 0;
}
.wb-tbl__kiosco-lista-cabecera {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  min-inline-size: 0;
}
.wb-tbl__kiosco-lista-cabecera .wb-tbl__kiosco-titulo {
  -webkit-line-clamp: 2;
  font-size: 0.95rem;
  line-height: 1.2;
}
.wb-tbl__kiosco-lista-cabecera .wb-tbl__kiosco-ficha-boton {
  position: static;
  opacity: 1;
  inline-size: 1.4rem;
  block-size: 1.4rem;
}
.wb-tbl__kiosco-lista-sinopsis {
  margin: 0;
  color: var(--wb-ink);
  font-size: 0.82rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wb-tbl__kiosco-lista-sinopsis[data-biblos-sinopsis-cargada="placeholder"] {
  color: var(--wb-muted);
  font-style: italic;
}
.wb-tbl__kiosco-lista-sinopsis[data-biblos-sinopsis-cargada="vacio"] {
  display: none;
}
.wb-tbl__kiosco-lista-memo {
  margin: 0;
  color: var(--wb-muted);
  font-size: 0.72rem;
  line-height: 1.3;
}
@media (min-width: 48rem) {
  .wb-tbl__kiosco-fila {
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1rem 0.1rem;
  }
  .wb-tbl__kiosco-lista-cabecera .wb-tbl__kiosco-titulo {
    font-size: 1rem;
  }
  .wb-tbl__kiosco-lista-sinopsis {
    font-size: 0.88rem;
  }
}
.wb-tbl__lector {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.wb-tbl__lector-cabeza {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.wb-tbl__lector-cabeza .wb-tbl__lector-boton {
  inline-size: 2rem;
  block-size: 2rem;
}
.wb-tbl__lector-titulo {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}
.wb-tbl__lector-titulo strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-tbl__lector-meta {
  font-size: 0.75rem;
  opacity: 0.72;
}
.wb-tbl__lector-cuenta {
  font-variant-numeric: tabular-nums;
  font-size: 0.8rem;
  opacity: 0.8;
}
.wb-tbl__lector-barra {
  --wb-lector-avance: 0%;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
  position: relative;
  overflow: hidden;
}
.wb-tbl__lector-barra::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--wb-lector-avance);
  background: currentColor;
  transition: width 180ms ease-out;
}
.wb-tbl__lector-cuerpo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  min-height: 60vh;
}
.wb-tbl__lector-indice[hidden] {
  display: none;
}
@media (min-width: 62rem) {
  .wb-tbl__lector-cuerpo:has(.wb-tbl__lector-indice:not([hidden])) {
    grid-template-columns: 14rem minmax(0, 1fr);
  }
}
.wb-tbl__lector-indice {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  max-height: 60vh;
  overflow-y: auto;
  font-size: 0.85rem;
  border-inline-end: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-inline-end: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-inline-end: 1px solid color-mix(in oklab, currentColor 12%, transparent);
    }
  }
  padding-inline-end: 0.5rem;
}
@media (max-width: 61.99rem) {
  .wb-tbl__lector-indice {
    max-height: 12rem;
    border-inline-end: 0;
    padding-inline-end: 0;
  }
}
.wb-tbl__lector-indice-item {
  text-align: start;
  padding: 0.3rem 0.4rem;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-tbl__lector-indice-item:hover, .wb-tbl__lector-indice-item:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__lector-marco {
  min-height: 24rem;
  block-size: clamp(24rem, calc(100dvh - 13rem), 72rem);
}
.wb-tbl__lector-marco foliate-view {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}
.wb-tbl__lector-pie {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
}
.wb-tbl__lector-pie-nav {
  display: flex;
  gap: 0.3rem;
  flex: 0 0 auto;
}
.wb-tbl__lector-pie-salto {
  display: grid;
  grid-template-columns: auto 4.5rem auto minmax(0, 1fr);
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}
.wb-tbl__lector-pie-salto-etiqueta {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.65;
}
.wb-tbl__lector-pie-pagina {
  inline-size: 100%;
  min-inline-size: 0;
  padding: 0.3rem 0.4rem;
  border: 1px solid var(--wb-line);
  border-radius: 0.4rem;
  background: var(--wb-bg);
  color: inherit;
  font: inherit;
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
  text-align: center;
  appearance: textfield;
}
.wb-tbl__lector-pie-pagina::-webkit-outer-spin-button, .wb-tbl__lector-pie-pagina::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.wb-tbl__lector-pie-total {
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
  min-inline-size: 3rem;
  text-align: start;
}
.wb-tbl__lector-pie-slider {
  inline-size: 100%;
  accent-color: currentColor;
  min-inline-size: 6rem;
}
.wb-tbl__lector-pie-extra {
  display: flex;
  gap: 0.3rem;
  flex: 0 0 auto;
}
.wb-tbl__lector-pie .wb-tbl__lector-boton {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 32%, transparent);
    }
  }
  border-radius: 0.6rem;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, var(--wb-lector-papel, var(--wb-surface)));
    }
  }
}
.wb-tbl__lector-pie .wb-tbl__lector-boton:hover, .wb-tbl__lector-pie .wb-tbl__lector-boton:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 18%, var(--wb-lector-papel, var(--wb-surface)));
    }
  }
  border-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentColor 55%, transparent);
    }
  }
}
.wb-tbl__lector-auto[aria-pressed="true"] svg[data-icono="autoscroll"], .wb-tbl__lector-auto svg[data-icono="autoscroll-stop"] {
  display: none;
}
.wb-tbl__lector-auto[aria-pressed="true"] svg[data-icono="autoscroll-stop"] {
  display: inline;
}
@media (max-width: 61.99rem) {
  .wb-tbl__lector-pie {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .wb-tbl__lector-pie-salto {
    grid-template-columns: auto 3.5rem auto minmax(0, 1fr);
    gap: 0.35rem;
  }
}
@media (max-width: 47.99rem) {
  .wb-tbl__lector-pie {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "nav" "salto";
    gap: 0.4rem;
  }
  .wb-tbl__lector-pie-nav {
    grid-area: nav;
    justify-content: space-between;
  }
  .wb-tbl__lector-pie-nav .wb-tbl__lector-boton {
    inline-size: 2.5rem;
  }
  .wb-tbl__lector-pie-salto {
    grid-area: salto;
    grid-template-columns: auto 3rem minmax(0, 1fr) auto;
    gap: 0.4rem;
  }
  .wb-tbl__lector-pie-extra {
    grid-area: nav;
    margin-inline-start: auto;
  }
}
body.wb-lector-completo .wb-tbl__lector-pie {
  padding: 0.55rem 0.75rem;
  gap: 0.6rem 1rem;
}
body.wb-lector-completo .wb-tbl__lector-pie-salto {
  grid-template-columns: auto 4.5rem auto minmax(0, 1fr);
  gap: 0.6rem;
}
body.wb-lector-completo {
  overflow: hidden;
}
body.wb-lector-completo .wb-tbl__lector {
  position: fixed;
  inset: 0;
  z-index: 900;
  margin: 0;
  border-radius: 0;
  background: var(--wb-bg);
  color: var(--wb-ink);
  overflow: auto;
  padding-block: 0.75rem;
  padding-inline: clamp(0.75rem, 4vw, 3rem);
}
body.wb-lector-completo .wb-tbl__lector-cuerpo {
  min-height: 0;
  block-size: calc(100dvh - 8.5rem);
}
body.wb-lector-completo .wb-tbl__lector-marco {
  block-size: 100%;
  min-height: 0;
}
@media (min-width: 62rem) {
  body.wb-lector-completo .wb-tbl__lector-cuerpo:has(.wb-tbl__lector-indice:not([hidden])) {
    grid-template-columns: 12rem minmax(0, 1fr);
  }
}
.wb-tbl__lector:fullscreen {
  background: var(--wb-bg);
  color: var(--wb-ink);
  padding-block: 0.75rem;
  padding-inline: clamp(0.75rem, 4vw, 3rem);
  overflow: auto;
}
.wb-tbl__lector:fullscreen .wb-tbl__lector-cuerpo {
  min-height: 0;
  block-size: calc(100dvh - 8.5rem);
}
.wb-tbl__lector:fullscreen .wb-tbl__lector-marco {
  block-size: 100%;
  min-height: 0;
}
.wb-tbl__lector-completo[aria-pressed="true"] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 14%, transparent);
    }
  }
}
.wb-tbl__lector-seleccion {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.5rem 0.6rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 22%, transparent);
    }
  }
  border-radius: var(--wb-radius-sm);
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 6%, var(--wb-lector-papel, var(--wb-surface)));
    }
  }
}
.wb-tbl__lector-seleccion[hidden], .wb-tbl__lector-nota-editor[hidden], .wb-tbl__lector-notas[hidden] {
  display: none;
}
.wb-tbl__lector-seleccion-texto {
  flex: 1 1 12rem;
  min-width: 0;
  margin: 0;
  font-size: 0.8rem;
  font-style: italic;
  opacity: 0.85;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-tbl__lector-colores {
  display: flex;
  gap: 0.35rem;
  flex: 0 0 auto;
}
.wb-tbl__lector-color {
  inline-size: 1.6rem;
  block-size: 1.6rem;
  border-radius: 999px;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 28%, transparent);
    }
  }
  background: var(--wb-color);
  cursor: pointer;
  padding: 0;
}
.wb-tbl__lector-color:hover, .wb-tbl__lector-color:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.wb-tbl__lector-nota-editor {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.6rem;
  border: 1px solid currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, currentColor 22%, transparent);
    }
  }
  border-radius: var(--wb-radius-sm);
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 6%, var(--wb-lector-papel, var(--wb-surface)));
    }
  }
}
.wb-tbl__lector-nota-editor textarea {
  inline-size: 100%;
  resize: vertical;
  padding: 0.45rem 0.55rem;
  border: 1px solid var(--wb-line);
  border-radius: 0.5rem;
  background: var(--wb-bg);
  color: inherit;
  font: inherit;
  font-size: 0.9rem;
}
.wb-tbl__lector-nota-editor-mandos {
  display: flex;
  gap: 0.35rem;
  justify-content: flex-end;
}
.wb-tbl__lector-notas {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.6rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  max-height: 16rem;
  overflow-y: auto;
}
.wb-tbl__lector-notas-titulo {
  margin: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.7;
}
.wb-tbl__lector-notas-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.wb-tbl__lector-nota {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 0.35rem 0.3rem 0.35rem 0.55rem;
  border-inline-start: 3px solid var(--wb-color, #f5d76e);
  border-radius: 0.35rem;
  background: var(--wb-color, #f5d76e);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-color, #f5d76e);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--wb-color, #f5d76e) 18%, transparent);
    }
  }
}
.wb-tbl__lector-nota-texto {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1 1 auto;
  min-width: 0;
  text-align: start;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  padding: 0;
}
.wb-tbl__lector-nota-extracto {
  font-size: 0.85rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wb-tbl__lector-nota-cuerpo {
  font-size: 0.78rem;
  opacity: 0.8;
}
.wb-tbl__lector-nota-cuerpo p {
  margin: 0 0 0.2rem;
}
.wb-tbl__lector-nota-cuerpo ul {
  margin: 0 0 0.2rem;
  padding-inline-start: 1rem;
}
.wb-tbl__lector-metalink {
  display: inline;
  padding: 0 0.15rem;
  border: 0;
  background: none;
  color: var(--wb-lector-tinta, inherit);
  font: inherit;
  font-size: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.wb-tbl__lector-nota--marcador {
  border-inline-start-color: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    border-inline-start-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-inline-start-color: color-mix(in oklab, currentColor 40%, transparent);
    }
  }
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
}
.wb-tbl__lector-nota--marcador .wb-tbl__lector-nota-extracto::before {
  content: "";
  display: inline-block;
  inline-size: 0.5rem;
  block-size: 0.7rem;
  margin-inline-end: 0.35rem;
  background: currentColor;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 72%, 0 100%);
}
.wb-tbl__lector-notas-cabeza {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.wb-tbl__lector-notas-cabeza .wb-tbl__lector-boton {
  margin-inline-start: auto;
  inline-size: 2rem;
  block-size: 2rem;
}
.wb-tbl__lector-globo {
  position: fixed;
  z-index: 950;
  inline-size: min(22rem, calc(100vw - 1.5rem));
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid var(--wb-color, #f5d76e);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid var(--wb-color, #f5d76e);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--wb-color, #f5d76e) 55%, var(--wb-line));
    }
  }
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  color: var(--wb-ink);
  box-shadow: var(--wb-shadow);
}
.wb-tbl__lector-globo[hidden], .wb-tbl__lector-globo [hidden] {
  display: none;
}
.wb-tbl__lector-globo-texto {
  margin: 0;
  font-size: 0.85rem;
  padding-inline-start: 0.5rem;
  border-inline-start: 3px solid var(--wb-color, #f5d76e);
}
.wb-tbl__lector-globo-nota {
  margin: 0;
  font-size: 0.8rem;
  opacity: 0.85;
  font-style: italic;
}
.wb-tbl__lector-globo-editor textarea {
  inline-size: 100%;
  resize: vertical;
  padding: 0.4rem 0.5rem;
  border: 1px solid var(--wb-line);
  border-radius: 0.5rem;
  background: var(--wb-bg);
  color: inherit;
  font: inherit;
  font-size: 0.85rem;
}
.wb-tbl__lector-globo-mandos {
  display: flex;
  gap: 0.3rem;
  justify-content: flex-end;
}
.wb-tbl__lector-mandos {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-inline-start: auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.wb-tbl__lector-boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 0.5rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
  flex: 0 0 auto;
}
.wb-tbl__lector-boton:hover, .wb-tbl__lector-boton:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__lector-boton[aria-pressed="true"], .wb-tbl__lector-boton[aria-expanded="true"] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 16%, transparent);
    }
  }
  border-color: transparent;
}
.wb-tbl__lector-boton svg {
  pointer-events: none;
}
.wb-tbl__lector-completo svg[data-icono="salir"], .wb-tbl__lector-completo[aria-pressed="true"] svg[data-icono="completo"] {
  display: none;
}
.wb-tbl__lector-completo[aria-pressed="true"] svg[data-icono="salir"] {
  display: inline;
}
.wb-tbl__lector-indice-abrir[hidden] {
  display: none;
}
.wb-tbl__lector-menu {
  display: none;
}
@media (max-width: 1100px) {
  .wb-tbl__lector-menu {
    display: inline-flex;
  }
}
.wb-tbl__lector-panel {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 0.5rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-surface);
  max-block-size: min(60vh, 32rem);
  overflow-y: auto;
}
.wb-tbl__lector-panel-cargando {
  margin: 0;
  padding: 0.8rem;
  font-size: 0.85rem;
  opacity: 0.7;
}
.wb-tbl__lector-pestanas {
  display: flex;
  gap: 0.15rem;
  overflow-x: auto;
  padding-block-end: 0.35rem;
  border-block-end: 1px solid var(--wb-line);
  position: sticky;
  inset-block-start: -0.5rem;
  background: var(--wb-surface);
}
.wb-tbl__lector-pestana {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 0 auto;
  padding: 0.35rem 0.55rem;
  border: 0;
  border-radius: var(--wb-radius-sm);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
  white-space: nowrap;
}
.wb-tbl__lector-pestana:hover, .wb-tbl__lector-pestana:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__lector-pestana[aria-pressed="true"] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 16%, transparent);
    }
  }
  font-weight: 600;
}
.wb-tbl__lector-pestana-icono {
  font-size: 0.9rem;
  line-height: 1;
}
@media (max-width: 40rem) {
  .wb-tbl__lector-pestana-texto {
    display: none;
  }
}
.wb-tbl__lector-paneles {
  display: flex;
  flex-direction: column;
}
.wb-tbl__lector-panel-pestana {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;
}
@media (min-width: 48rem) {
  .wb-tbl__lector-panel-pestana {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 75rem) {
  .wb-tbl__lector-panel-pestana {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.wb-tbl__lector-panel-pestana[hidden] {
  display: none;
}
.wb-tbl__lector-grupo {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  min-width: 0;
  margin: 0;
  padding: 0.6rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
}
.wb-tbl__lector-grupo:has(.wb-tbl__lector-grupo) {
  grid-column: 1 / -1;
}
.wb-tbl__lector-grupo-titulo {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.6;
}
.wb-tbl__lector-grupo-cuerpo {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.wb-tbl__lector-campo {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}
.wb-tbl__lector-campo--fila {
  flex-direction: row;
  align-items: center;
}
.wb-tbl__lector-etiqueta {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.7;
}
.wb-tbl__lector-ayuda {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.35;
  opacity: 0.55;
}
.wb-tbl__lector-campo--linea {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.3rem 0.5rem;
}
.wb-tbl__lector-campo--linea .wb-tbl__lector-ayuda {
  grid-column: 1 / -1;
}
.wb-tbl__lector-medida {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.wb-tbl__lector-grupo input[type="range"], .wb-tbl__lector-grupo input[type="number"] {
  inline-size: 100%;
  accent-color: currentColor;
}
.wb-tbl__lector-grupo input[type="number"] {
  inline-size: 5.5rem;
  flex: 0 0 auto;
}
.wb-tbl__lector-valor {
  min-inline-size: 3.2rem;
  text-align: end;
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.75;
}
.wb-tbl__lector-grupo select, .wb-tbl__lector-grupo textarea {
  inline-size: 100%;
  padding: 0.3rem 0.45rem;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius-sm);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.82rem;
}
.wb-tbl__lector-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  inline-size: 100%;
  padding: 0.25rem 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.wb-tbl__lector-switch::after {
  content: "";
  flex: 0 0 auto;
  inline-size: 2.1rem;
  block-size: 1.15rem;
  border-radius: 999px;
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 22%, transparent);
    }
  }
  position: relative;
  transition: background 120ms ease;
}
.wb-tbl__lector-switch::before {
  content: "";
  position: absolute;
  inline-size: 0.85rem;
  block-size: 0.85rem;
  border-radius: 999px;
  background: currentColor;
  inset-block-start: 50%;
  inset-inline-start: 0.15rem;
  translate: 0 -50%;
  transition: translate 120ms ease;
}
.wb-tbl__lector-switch[aria-checked="true"]::after {
  background: var(--wb-accent, currentColor);
}
.wb-tbl__lector-switch[aria-checked="true"]::before {
  translate: 0.95rem -50%;
}
.wb-tbl__lector-opciones {
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.wb-tbl__lector-opciones button {
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  border: 1px solid var(--wb-line);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.8rem;
  cursor: pointer;
}
.wb-tbl__lector-opciones button[aria-pressed="true"] {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 16%, transparent);
    }
  }
  border-color: transparent;
  font-weight: 600;
}
.wb-tbl__lector-wip {
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  border: 1px dashed var(--wb-line);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.8rem;
  opacity: 0.55;
  cursor: not-allowed;
}
[data-wip] {
  opacity: 0.72;
}
.wb-tbl__lector-pie, [data-biblos-pie] {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  padding: 0.35rem 0.8rem;
  font-size: var(--wb-pie-tamano, 12px);
  color: var(--wb-pie-color, currentColor);
  background: var(--wb-pie-fondo, transparent);
  pointer-events: none;
}
[data-biblos-pie][hidden] {
  display: none;
}
[data-biblos-pie] [hidden] {
  display: none;
}
[data-biblos-encabezado] {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 0.8rem;
  font-size: 0.78rem;
  letter-spacing: 0.02em;
  color: var(--wb-pie-color, currentColor);
  opacity: 0.75;
  pointer-events: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-biblos-encabezado][hidden] {
  display: none;
}
[data-biblos-pie] [data-pie="barra"] {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  block-size: 3px;
  background: currentColor;
  opacity: 0.6;
}
.wb-tbl__lector-marco--sin-barra {
  scrollbar-width: none;
}
.wb-tbl__lector-marco--sin-barra ::-webkit-scrollbar {
  inline-size: 0;
  block-size: 0;
}
[data-biblos-regla] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  --_lineas: 2;
  --_alto-linea: 2.4em;
  background: linear-gradient( to bottom, currentColor 0, currentColor calc(50% - (var(--_lineas) * var(--_alto-linea) / 2)), transparent calc(50% - (var(--_lineas) * var(--_alto-linea) / 2)), transparent calc(50% + (var(--_lineas) * var(--_alto-linea) / 2)), currentColor calc(50% + (var(--_lineas) * var(--_alto-linea) / 2)), currentColor 100% );
}
[data-biblos-regla][data-lineas="1"] {
  --_lineas: 1;
}
[data-biblos-regla][data-lineas="2"] {
  --_lineas: 2;
}
[data-biblos-regla][data-lineas="3"] {
  --_lineas: 3;
}
[data-biblos-regla][data-lineas="4"] {
  --_lineas: 4;
}
[data-biblos-regla][data-lineas="5"] {
  --_lineas: 5;
}
[data-biblos-regla][data-lineas="6"] {
  --_lineas: 6;
}
.wb-tbl__lector-acciones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.6rem;
  border: 1px dashed var(--wb-line);
  border-radius: var(--wb-radius-sm);
}
.wb-tbl__lector-acciones-titulo {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.55;
  margin-inline-end: 0.2rem;
}
.wb-tbl__lector-acciones-titulo:not(:first-child) {
  margin-inline-start: 0.6rem;
}
.wb-tbl__lector-accion {
  display: inline-flex;
}
.wb-tbl__lector-accion-boton {
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
  white-space: nowrap;
}
.wb-tbl__lector-accion-boton:hover, .wb-tbl__lector-accion-boton:focus-visible {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 8%, transparent);
    }
  }
  outline: none;
}
.wb-tbl__lector-accion-boton[disabled] {
  opacity: 0.5;
  cursor: progress;
}
.wb-tbl__lector-acciones-estado {
  flex-basis: 100%;
  margin: 0.2rem 0 0;
  font-size: 0.78rem;
  line-height: 1.35;
  opacity: 0.8;
}
.wb-tbl__lector-acciones-estado[hidden] {
  display: none;
}
.wb-tbl__lector-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.wb-tbl__lector-color-fila, .wb-tbl__lector-fuente-fila {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.8rem;
}
.wb-tbl__lector-color-fila input[type="color"] {
  inline-size: 1.7rem;
  block-size: 1.7rem;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 0.35rem;
  background: transparent;
  cursor: pointer;
}
.wb-tbl__lector-fuente-categoria {
  flex: 1;
  opacity: 0.6;
  font-size: 0.72rem;
}
.wb-tbl__lector-fuente-borrar {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  padding: 0;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font-size: 0.9rem;
  line-height: 1;
  cursor: pointer;
}
.wb-tbl__lector-fuente-borrar:hover {
  background: currentColor;
  @supports (color: color-mix(in lab, red, red)) {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, currentColor 10%, transparent);
    }
  }
}
.wb-tbl__lector-vacio {
  font-size: 0.78rem;
  font-style: italic;
  opacity: 0.6;
}
[data-biblos-lector-marco] {
  background-image: var(--wb-lector-fondo, none);
}
[data-biblos-lector-marco][data-biblos-fondo-ambito="lector"] {
  background-attachment: local;
}
.wb-tbl__lector-buscar {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1 1 6rem;
  min-width: 0;
}
.wb-tbl__lector-buscar[hidden] {
  display: none;
}
.wb-tbl__lector-cabeza:has(.wb-tbl__lector-buscar:not([hidden])) .wb-tbl__lector-titulo, .wb-tbl__lector-cabeza:has(.wb-tbl__lector-buscar:not([hidden])) .wb-tbl__lector-cuenta {
  display: none;
}
.wb-tbl__lector-buscar-fila {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.wb-tbl__lector-buscar-caja {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0.1rem 0.4rem;
  border: 1px solid var(--wb-line);
  border-radius: 0.6rem;
  background: var(--wb-bg);
}
.wb-tbl__lector-buscar-caja:focus-within {
  border-color: currentColor;
}
.wb-tbl__lector-buscar-lupa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: inherit;
  opacity: 0.65;
  padding: 0.1rem;
  cursor: pointer;
}
.wb-tbl__lector-buscar-lupa:hover, .wb-tbl__lector-buscar-lupa:focus-visible {
  opacity: 1;
}
.wb-tbl__lector-buscar-nav {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  flex: 0 0 auto;
}
.wb-tbl__lector-buscar-nav button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  border: 1px solid var(--wb-line);
  border-radius: 0.5rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.wb-tbl__lector-buscar-nav button:disabled {
  opacity: 0.35;
  cursor: default;
}
.wb-tbl__lector-buscar-cuenta {
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.75;
  min-inline-size: 3.1rem;
  text-align: center;
}
.wb-tbl__lector-buscar-campo, .wb-tbl__lector-buscar-caja input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0.35rem 0.25rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  outline: none;
}
.wb-tbl__lector-buscar-estado, .wb-tbl__lector-buscar [data-biblos-lector-buscar-estado] {
  margin: 0;
  font-size: 0.72rem;
  opacity: 0.8;
  min-block-size: 0;
}
.wb-tbl__lector-buscar [data-biblos-lector-buscar-estado]:empty {
  display: none;
}
@media (max-width: 47.99rem) {
  .wb-tbl__lector-indice {
    max-height: 8rem;
    border-inline-end: 0;
    border-block-end: 1px solid var(--wb-line);
    padding-inline-end: 0;
    padding-block-end: 0.35rem;
  }
  .wb-tbl__lector-mandos {
    inline-size: 100%;
    justify-content: flex-start;
  }
}
body.wb-lector-completo .wb-tbl__lector {
  background: var(--wb-lector-papel, var(--wb-bg));
  color: var(--wb-lector-tinta, var(--wb-ink));
}
body.wb-lector-completo .wb-tbl__lector-pie {
  position: sticky;
  inset-block-end: 0;
  padding-block: 0.5rem;
  background: var(--wb-lector-papel, var(--wb-bg));
}
.wb-main.wb-main--esp {
  width: 100%;
  margin: 0;
  padding: 0;
}
.wb-shell--esp {
  min-block-size: 100vh;
  background-color: var(--wb-work-bg);
  background-image: var(--wb-work-wash);
  background-attachment: fixed;
}
.wb-esp {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0;
  min-block-size: 100vh;
  padding: 0;
  color: var(--wb-work-text);
}
.wb-esp--puerta {
  max-inline-size: 60rem;
  margin: 0 auto;
  padding: 2rem 1.5rem 3rem;
  display: block;
}
.wb-esp__door {
  display: grid;
  gap: 0.35rem;
  margin-block-end: 1.25rem;
}
.wb-esp__eyebrow {
  margin: 0;
  color: var(--wb-work-accent);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.wb-esp__title {
  margin: 0;
  font-size: clamp(1.4rem, 2vw, 1.85rem);
  font-weight: 800;
  color: var(--wb-work-text);
}
.wb-esp__lead {
  margin: 0;
  max-inline-size: 36rem;
  color: var(--wb-work-muted);
  font-size: 0.95rem;
  line-height: 1.45;
}
.wb-esp__door-actions {
  margin-block-start: 0.75rem;
}
.wb-esp__cta {
  display: inline-flex;
  align-items: center;
  inline-size: auto;
  block-size: 24px;
  padding: 0 10px;
  border: 1px solid var(--wb-work-accent);
  border-radius: var(--wb-work-radius-sm);
  color: var(--wb-work-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
}
.wb-esp__lista {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.wb-esp__item {
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-velo);
}
.wb-esp__item-link {
  display: grid;
  gap: 0.2rem;
  padding: 8px 12px;
  text-decoration: none;
  color: inherit;
}
.wb-esp__item-link:hover {
  border-color: var(--wb-work-accent);
}
.wb-esp__item-nombre {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.wb-esp__item-meta {
  font-size: 10px;
  color: var(--wb-work-muted);
  letter-spacing: 0.02em;
}
.wb-esp__bar {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 18px;
  border: 0;
  border-bottom: 1px solid var(--wb-work-filo);
  border-radius: 0;
  background: var(--wb-work-velo);
  backdrop-filter: var(--wb-work-bruma);
  -webkit-backdrop-filter: var(--wb-work-bruma);
  box-shadow: none;
}
.wb-esp__brand {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin: -8px 0 -8px -18px;
  padding: 8px 18px;
  border: 0;
  border-radius: 0;
  background: linear-gradient(135deg, var(--wb-violet), var(--wb-work-accent));
  text-decoration: none;
  color: var(--wb-work-text);
}
@supports (color: color-mix(in lab, red, red)) {
  .wb-esp__brand {
    background: linear-gradient( 135deg, var(--wb-violet), var(--wb-work-accent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 135deg, color-mix(in srgb, var(--wb-violet) 14%, transparent), color-mix(in srgb, var(--wb-work-accent) 10%, transparent) );
    }
  }
}
.wb-esp__brand-copy {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.wb-esp__brand-logo {
  display: block;
  width: auto;
  height: 28px;
}
.wb-esp__brand-name {
  font-family: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.01em;
}
.wb-esp__who {
  display: grid;
  gap: 2px;
  flex: 0 1 auto;
  min-width: 0;
}
.wb-esp__crumbs {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.wb-esp__crumb-link {
  color: inherit;
  text-decoration: none;
}
.wb-esp__crumb-link:hover {
  color: var(--wb-work-accent);
}
.wb-esp__crumb-vez {
  color: var(--wb-work-accent);
}
.wb-esp__subject {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: var(--wb-work-text);
}
.wb-esp__rel {
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 700;
}
.wb-esp__tools {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
.wb-esp__back, .wb-esp__tool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  font-family: inherit;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
}
.wb-esp__back:hover, .wb-esp__tool:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-esp__aspecto {
  justify-content: center;
  width: 24px;
  padding: 0;
}
.wb-esp__cuerpo {
  position: relative;
  min-width: 0;
  border-top: 0;
  grid-template-columns: var(--wb-work-nav-w, 226px) minmax(0, 1fr) var(--wb-work-rail-w, 320px);
}
.wb-tbl--puesto.is-nav-compact .wb-esp__cuerpo {
  grid-template-columns: 46px minmax(0, 1fr) var(--wb-work-rail-w, 320px);
}
.wb-tbl--puesto[data-wb-lado=""] .wb-esp__cuerpo {
  grid-template-columns: var(--wb-work-nav-w, 226px) minmax(0, 1fr) auto;
}
.wb-tbl--puesto.is-nav-compact[data-wb-lado=""] .wb-esp__cuerpo {
  grid-template-columns: 46px minmax(0, 1fr) auto;
}
.wb-esp__estante {
  border-right: 1px solid var(--wb-work-lateral-borde);
  box-shadow: inset -10px 0 14px -12px rgba(16, 24, 40, 0.35), 1px 0 0 var(--wb-work-lateral-borde), 6px 0 16px -12px rgba(16, 24, 40, 0.28);
}
.wb-esp__estante {
  position: relative;
  top: auto;
  align-self: stretch;
  min-height: 100%;
  height: 100%;
  grid-template-rows: auto auto;
  gap: 0;
}
.wb-esp__grupos {
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 0;
  position: relative;
}
.wb-esp__grupos > .wb-esp__nav-sin {
  position: absolute;
  inset: 0 6px auto 6px;
}
.wb-esp__work {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 0;
  min-width: 0;
  background: transparent;
}
.wb-esp__carril {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  max-width: 100%;
  padding: 16px 18px 24px;
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
.wb-esp__carril > * {
  min-width: 0;
}
.wb-esp__carril::-webkit-scrollbar {
  block-size: 10px;
}
.wb-esp__carril::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--wb-work-line);
}
.wb-esp__carril::-webkit-scrollbar-thumb:hover {
  background: var(--wb-work-accent);
}
.wb-esp__grupo--creaciones .wb-esp__grupo-titulo {
  color: var(--wb-work-accent);
}
.wb-esp__grupo--fuentes .wb-esp__grupo-titulo {
  color: var(--wb-work-titulo);
}
.wb-esp__grupo--ajenas .wb-esp__grupo-titulo {
  color: var(--wb-work-muted);
}
.wb-esp__grupo > .wb-esp__grupo-cabecera {
  border-left: 2px solid transparent;
  padding-left: 6px;
}
.wb-esp__grupo--creaciones > .wb-esp__grupo-cabecera {
  border-left-color: var(--wb-work-accent);
}
.wb-esp__grupo--fuentes > .wb-esp__grupo-cabecera {
  border-left-color: var(--wb-work-titulo);
}
.wb-esp__grupo--ajenas > .wb-esp__grupo-cabecera {
  border-left-color: var(--wb-work-muted);
}
.wb-esp__banner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.wb-esp__banner-copy {
  min-width: 0;
}
.wb-esp__nav-cabeza {
  display: grid;
  gap: 4px;
}
.wb-esp__nav-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--wb-work-line);
  background: var(--wb-work-titulo);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-titulo);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-titulo) 26%, var(--wb-work-velo));
    }
  }
}
.wb-esp__nav-rotulo {
  padding-left: 0;
  color: var(--wb-work-titulo);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-esp__nav-grupo {
  display: grid;
  gap: 4px;
  padding: 10px 6px 12px;
  border-bottom: 0;
}
.wb-esp__nav-grupo:last-child {
  border-bottom: 0;
}
.wb-esp__nav-grupo-cabecera {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 6px 2px;
}
.wb-esp__nav-grupo-titulo {
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wb-esp__nav-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}
.wb-esp__grupo {
  border-bottom: 0;
  padding: 2px 0 0;
}
.wb-esp__grupo:not([open]) {
  padding-block: 0;
}
.wb-esp__grupo-cabecera {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 3px 6px 3px 4px;
  cursor: pointer;
  list-style: none;
  background: var(--wb-work-velo);
  border-radius: 0;
  transition: background 140ms ease;
}
.wb-esp__grupo--creaciones > .wb-esp__grupo-cabecera {
  background: var(--wb-work-velo);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-accent) 16%, var(--wb-work-velo));
    }
  }
}
.wb-esp__grupo--fuentes > .wb-esp__grupo-cabecera {
  background: var(--wb-work-velo);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-titulo);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-titulo) 16%, var(--wb-work-velo));
    }
  }
}
.wb-esp__grupo--ajenas > .wb-esp__grupo-cabecera {
  background: var(--wb-work-velo);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-muted) 14%, var(--wb-work-velo));
    }
  }
}
.wb-esp__grupo-cabecera:hover {
  background: var(--wb-work-accent-soft);
}
.wb-esp__grupo-cabecera .wb-esp__grupo-caret {
  order: -1;
  color: currentColor;
}
.wb-esp__grupo-titulo {
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wb-esp__grupo > .wb-esp__nav-items {
  position: relative;
  margin-left: 9px;
  padding-left: 10px;
}
.wb-esp__grupo > .wb-esp__nav-items::before {
  content: "";
  position: absolute;
  inset-block: 2px 6px;
  inset-inline-start: 0;
  inline-size: 1px;
  background: var(--wb-work-line);
}
.wb-esp__grupo-cabecera::-webkit-details-marker {
  display: none;
}
.wb-esp__grupo-accion {
  border: 1px solid var(--wb-work-line);
  border-radius: 999px;
  background: transparent;
  color: var(--wb-work-text);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 9px;
  text-decoration: none;
  cursor: pointer;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.wb-esp__grupo-accion:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-esp__grupo-accion:focus-visible {
  outline: 2px solid var(--wb-work-accent);
  outline-offset: 2px;
}
.wb-esp__grupo-accion-signo {
  font-size: 12px;
  line-height: 1;
}
.wb-esp__grupo-accion:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-esp__grupo-accion--suma {
  cursor: default;
}
.wb-tbl.is-nav-compact .wb-esp__estante {
  padding: 4px;
  gap: 6px;
  justify-items: center;
}
.wb-tbl.is-nav-compact .wb-esp__estante::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 4px;
  z-index: 2;
  background: var(--wb-work-accent);
  box-shadow: 0 0 10px 0 var(--wb-work-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 10px 0 color-mix(in oklab, var(--wb-work-accent) 45%, transparent);
  }
}
.wb-tbl.is-nav-compact .wb-esp__estante {
  border-right-color: var(--wb-work-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-right-color: color-mix(in oklab, var(--wb-work-accent) 40%, transparent);
  }
}
.wb-tbl.is-nav-compact .wb-esp__grupos {
  gap: 6px;
  justify-items: center;
  inline-size: 100%;
}
.wb-tbl.is-nav-compact .wb-esp__grupo {
  inline-size: 100%;
  padding: 0;
}
.wb-tbl.is-nav-compact .wb-esp__grupo-cabecera {
  display: flex;
  justify-content: center;
  padding: 2px 0;
}
.wb-tbl.is-nav-compact .wb-esp__grupo-titulo, .wb-tbl.is-nav-compact .wb-esp__grupo-caret {
  display: none;
}
.wb-tbl.is-nav-compact .wb-esp__grupo > .wb-esp__nav-items {
  margin-left: 0;
  padding-left: 0;
  justify-items: center;
  gap: 4px;
}
.wb-tbl.is-nav-compact .wb-esp__grupo > .wb-esp__nav-items::before {
  display: none;
}
.wb-tbl.is-nav-compact .wb-esp__material {
  display: grid;
  justify-items: center;
}
.wb-tbl.is-nav-compact .wb-esp__material-nombre, .wb-tbl.is-nav-compact .wb-esp__material-meta, .wb-tbl.is-nav-compact .wb-esp__pill, .wb-tbl.is-nav-compact .wb-esp__vacio {
  display: none;
}
.wb-tbl.is-nav-compact .wb-esp__grupo-accion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 26px;
  block-size: 26px;
  margin-left: 0;
  padding: 0;
  border-radius: var(--wb-work-radius-sm);
}
.wb-tbl.is-nav-compact .wb-esp__grupo-accion-palabra {
  display: none;
}
.wb-tbl.is-nav-compact .wb-esp__grupo-accion-signo {
  font-size: 14px;
}
.wb-tbl.is-nav-compact .wb-esp__alta {
  position: relative;
  margin: 0;
}
.wb-tbl.is-nav-compact .wb-esp__alta-forma {
  position: absolute;
  z-index: 4;
  inset-inline-start: 0;
  inline-size: 280px;
  padding: 12px;
  border: 1px solid var(--wb-work-line);
  box-shadow: var(--wb-work-shadow);
  backdrop-filter: var(--wb-work-bruma);
  -webkit-backdrop-filter: var(--wb-work-bruma);
}
.wb-tbl.is-nav-compact .wb-esp__alta-cta {
  justify-self: start;
  max-inline-size: 100%;
}
.wb-tbl.is-nav-compact .wb-esp__material-inicial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 26px;
  block-size: 26px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  color: var(--wb-work-muted);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}
.wb-tbl.is-nav-compact .wb-esp__grupo--creaciones .wb-esp__material-inicial {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-tbl.is-nav-compact .wb-esp__grupo--fuentes .wb-esp__material-inicial {
  border-color: var(--wb-work-titulo);
  color: var(--wb-work-titulo);
}
.wb-tbl.is-nav-compact .wb-esp__grupo--ajenas .wb-esp__material-inicial {
  border-color: var(--wb-work-muted);
  color: var(--wb-work-muted);
}
.wb-tbl.is-nav-compact .wb-esp__material-enlace {
  padding: 3px;
  place-items: center;
}
.wb-esp__nav-top {
  padding: 6px;
}
.wb-esp__grupo-cabecera {
  padding: 3px 4px;
}
.wb-esp__grupo > .wb-esp__nav-items {
  margin-left: 4px;
  padding-left: 8px;
}
.wb-esp__material-enlace {
  padding: 5px 6px;
}
.wb-esp__material-meta {
  font-size: 9px;
}
.wb-esp__lado-panel {
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  overflow: hidden;
}
.wb-esp__lado-panel {
  grid-template-columns: minmax(0, max-content);
}
.wb-esp__panel-cuerpo {
  gap: 12px;
  padding: 12px 14px 20px;
  grid-template-columns: minmax(0, max-content);
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior-x: contain;
}
.wb-esp__panel-cuerpo::-webkit-scrollbar {
  block-size: 10px;
}
.wb-esp__panel-cuerpo::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--wb-work-line);
}
.wb-esp__panel-cuerpo::-webkit-scrollbar-thumb:hover {
  background: var(--wb-work-accent);
}
.wb-esp__panel-subtitulo {
  margin: 4px 0 0;
  color: var(--wb-work-titulo);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.wb-esp__panel-linea {
  margin: 0;
  color: var(--wb-work-muted);
  font-size: 12px;
  line-height: 1.5;
}
.wb-esp__panel-linea strong {
  color: var(--wb-work-text);
}
.wb-esp__panel-linea em {
  color: var(--wb-work-muted);
  font-style: normal;
  font-size: 11px;
}
.wb-esp__modal--fuentes {
  z-index: 61;
}
.wb-esp__fuentes-forma {
  gap: 10px;
}
.wb-esp__fuentes-titulo {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: var(--wb-work-text);
}
.wb-esp__fuentes-lead {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--wb-work-muted);
}
.wb-esp__campo {
  display: grid;
  gap: 3px;
}
.wb-esp__campo span {
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.wb-esp__campo input, .wb-esp__campo textarea {
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-velo);
  color: var(--wb-work-text);
  font-family: inherit;
  font-size: 13px;
  padding: 6px 8px;
  inline-size: 100%;
  box-sizing: border-box;
}
.wb-esp__campo textarea {
  resize: vertical;
  min-block-size: 5rem;
  line-height: 1.5;
}
.wb-esp__grupo-accion-signo::before {
  content: "+";
}
.wb-esp__pill {
  justify-self: start;
  border-radius: 999px;
  background: var(--wb-work-accent);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 1px 8px;
}
.wb-esp__material {
  list-style: none;
}
.wb-esp__material-inicial {
  display: none;
}
.wb-esp__material-enlace {
  display: grid;
  gap: 0.15rem;
  padding: 6px 10px;
  border-radius: var(--wb-work-radius-sm);
  text-decoration: none;
  color: inherit;
}
.wb-esp__material-enlace:hover {
  background: var(--wb-work-accent-soft, transparent);
  color: var(--wb-work-accent);
}
.wb-esp__material-nombre {
  font-size: 12px;
  font-weight: 700;
}
.wb-esp__material-meta {
  font-size: 10px;
  color: var(--wb-work-muted);
}
.wb-esp__vacio {
  margin: 0;
  padding: 6px 10px;
  font-size: 11px;
  color: var(--wb-work-muted);
  line-height: 1.4;
  list-style: none;
}
.wb-esp__card {
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-velo);
  padding: 14px 18px 22px;
}
.wb-esp__card-cabeza {
  margin-block-end: 10px;
}
.wb-esp__card-titulo {
  margin: 0.15rem 0 0.25rem;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -0.01em;
}
.wb-esp__card-lead {
  margin: 0;
  color: var(--wb-work-muted);
  font-size: 12px;
  line-height: 1.4;
}
.wb-esp__card-meta {
  margin: 6px 0 0;
  font-size: 11px;
  color: var(--wb-work-muted);
  line-height: 1.4;
}
.wb-esp__card--crear {
  display: grid;
  gap: 12px;
}
.wb-esp__crear-pie {
  border-top: 1px dashed var(--wb-work-line);
  padding-top: 10px;
}
.wb-esp__banner {
  display: grid;
  gap: 0.2rem;
  padding: 12px 16px 14px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-velo);
}
.wb-esp__banner-eyebrow {
  margin: 0;
  color: var(--wb-work-accent);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.wb-esp__banner-titulo {
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: var(--wb-work-text);
}
.wb-esp__banner-linea {
  margin: 0;
  color: var(--wb-work-muted);
  font-size: 11px;
  line-height: 1.4;
}
.wb-esp__banner-linea strong {
  color: var(--wb-work-text);
  font-weight: 800;
}
.wb-esp__tiles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.wb-esp__tile {
  display: grid;
  gap: 0.35rem;
  align-content: start;
  padding: 10px 12px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-bg, transparent);
  min-block-size: 76px;
}
.wb-esp__tile-nombre {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--wb-work-text);
}
.wb-esp__tile-estado {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--wb-work-accent);
}
.wb-esp__tile-estado--pendiente {
  color: var(--wb-work-muted);
}
.wb-esp__tile--pendiente {
  border-style: dashed;
  background: transparent;
}
@media (max-width: 47.99rem) {
  .wb-esp__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.wb-esp__herramientas {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
}
.wb-esp__herramienta {
  display: grid;
  gap: 0.1rem;
  padding: 6px 10px;
  border: 1px dashed var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
}
.wb-esp__herramienta-nombre {
  font-size: 12px;
  font-weight: 700;
}
.wb-esp__herramienta-meta {
  font-size: 10px;
  color: var(--wb-work-muted);
  letter-spacing: 0.02em;
}
.wb-esp__tile[data-forma="examen"] {
  cursor: pointer;
}
.wb-esp__modales {
  display: contents;
}
.wb-esp__modal[open] {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: var(--wb-work-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--wb-work-bg) 70%, transparent);
  }
  z-index: 9;
}
.wb-esp__modal[open] > .wb-esp__modal-form, .wb-esp__modal[open] > summary ~ .wb-esp__modal-form {
  inline-size: min(32rem, 100%);
  background: var(--wb-work-velo);
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  padding: 18px 22px 24px;
}
.wb-esp__modal summary {
  position: fixed;
  inset-block-start: -100px;
}
.wb-esp__modal-form {
  display: grid;
  gap: 12px;
}
.wb-esp__field {
  display: grid;
  gap: 4px;
}
.wb-esp__field span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--wb-work-muted);
}
.wb-esp__field select, .wb-esp__field input {
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-bg, transparent);
  color: var(--wb-work-text);
  padding: 6px 8px;
  font-family: inherit;
  font-size: 13px;
}
.wb-esp__modal-cta {
  border: 1px solid var(--wb-work-accent);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-accent);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 8px 14px;
  cursor: pointer;
}
.wb-esp__card--material {
  display: grid;
  gap: 12px;
}
.wb-esp__payload {
  margin: 0;
  padding: 10px 12px;
  background: var(--wb-work-bg, transparent);
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: 12px;
  color: var(--wb-work-text);
  overflow: auto;
  max-block-size: 60vh;
}
.wb-esp__lado-caja {
  padding: 12px 14px 16px;
  border-bottom: 1px solid var(--wb-work-line);
}
.wb-esp__lado-caja:last-child {
  border-bottom: 0;
}
.wb-esp__lado-titulo {
  margin: 0 0 8px;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wb-esp__contrato-linea {
  margin: 0 0 6px;
  font-size: 11px;
  color: var(--wb-work-text);
  line-height: 1.45;
}
.wb-esp__contrato-linea:last-child {
  margin-bottom: 0;
}
.wb-esp__contrato-linea em {
  font-style: italic;
  color: var(--wb-work-muted);
}
@media (max-width: 1180px) {
  .wb-esp__cuerpo, .wb-tbl--puesto.is-nav-compact .wb-esp__cuerpo, .wb-tbl--puesto[data-wb-lado=""] .wb-esp__cuerpo {
    grid-template-columns: minmax(0, 1fr);
  }
  .wb-esp__estante, .wb-esp__lado {
    position: static;
    max-height: none;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid var(--wb-work-line);
  }
  .wb-esp__lado {
    grid-template-columns: minmax(0, 1fr);
  }
}
.wb-esp__carril {
  background: transparent;
}
.wb-esp__card, .wb-esp__banner {
  border-color: var(--wb-work-filo);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-surface);
  box-shadow: var(--wb-work-shadow);
  backdrop-filter: var(--wb-work-bruma);
  -webkit-backdrop-filter: var(--wb-work-bruma);
}
.wb-esp__tile {
  border-color: var(--wb-work-filo);
  background: var(--wb-work-velo);
  box-shadow: var(--wb-work-shadow);
}
.wb-esp__lado {
  background: transparent;
  border-left: 0;
  min-width: 0;
}
.wb-esp__panel-cuerpo {
  background: var(--wb-work-surface);
}
.wb-esp__tools .wb-tbl__tool--zona {
  width: 24px;
  padding: 0;
  justify-content: center;
}
.wb-esp__bar .wb-tbl__bar-busca {
  flex: 0 1 320px;
}
.wb-esp__chat {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-block-size: 0;
  background: var(--wb-work-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-accent) 10%, var(--wb-work-surface));
    }
  }
}
.wb-esp__chat-cabecera {
  gap: 6px;
  background: var(--wb-work-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--wb-work-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--wb-work-accent) 18%, var(--wb-work-surface));
    }
  }
}
.wb-esp__chat-cabecera .wb-tbl__panel-title {
  margin-inline-end: auto;
}
.wb-esp__chat-expandir {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 22px;
  block-size: 22px;
  padding: 0;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  cursor: pointer;
}
.wb-esp__chat-expandir:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-esp__chat-expandir[aria-pressed="true"] {
  border-color: var(--wb-work-accent);
  background: var(--wb-work-accent-soft);
  color: var(--wb-work-accent);
}
.wb-esp__chat-hilo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-block-size: 120px;
  padding: 12px 14px;
  overflow-y: auto;
}
.wb-esp__chat-vacio {
  margin: 0;
  color: var(--wb-work-muted);
  font-size: 12px;
  line-height: 1.5;
}
.wb-esp__chat-vacio strong {
  color: var(--wb-work-text);
}
.wb-esp__chat-burbuja {
  max-inline-size: 92%;
  padding: 8px 10px;
  border-radius: var(--wb-work-radius-sm);
  font-size: 12px;
  line-height: 1.5;
}
.wb-esp__chat-burbuja--yo {
  align-self: flex-end;
  background: var(--wb-work-velo);
  border: 1px solid var(--wb-work-filo);
  color: var(--wb-work-text);
}
.wb-esp__chat-burbuja--ia {
  align-self: flex-start;
  background: var(--wb-work-surface);
  border: 1px solid var(--wb-work-filo);
  color: var(--wb-work-text);
}
.wb-esp__chat-burbuja--error {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-esp__chat-texto {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.wb-esp__chat-likes {
  display: flex;
  gap: 4px;
  margin-block-start: 6px;
}
.wb-esp__chat-like {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 20px;
  block-size: 20px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  cursor: pointer;
}
.wb-esp__chat-like:hover {
  border-color: var(--wb-work-line);
  color: var(--wb-work-accent);
}
.wb-esp__chat-like[aria-pressed="true"] {
  border-color: var(--wb-work-accent);
  background: var(--wb-work-accent-soft);
  color: var(--wb-work-accent);
}
.wb-esp__chat-pensando {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 10px 12px;
}
.wb-esp__chat-pensando span {
  inline-size: 5px;
  block-size: 5px;
  border-radius: 50%;
  background: var(--wb-work-muted);
  animation: wb-esp__chat-punto 1.1s ease-in-out infinite;
}
.wb-esp__chat-pensando span:nth-child(2) {
  animation-delay: 0.16s;
}
.wb-esp__chat-pensando span:nth-child(3) {
  animation-delay: 0.32s;
}
@keyframes wb-esp__chat-punto {
  0%, 60%, 100% {
    opacity: 0.25;
  }
  30% {
    opacity: 1;
  }
}
.wb-esp__chat-ideas {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 5px;
  min-inline-size: 0;
}
.wb-esp__chat-ideas-eyebrow {
  margin: 0;
  grid-column: 1;
  grid-row: 1;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.wb-esp__chat-mas-caja {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  pointer-events: none;
}
.wb-esp__chat-ideas:has(.wb-esp__chat-mas-caja:focus-visible) .wb-esp__chat-mas-resumen {
  outline: 2px solid var(--wb-work-accent);
  outline-offset: 2px;
}
.wb-esp__chat-mas-resumen {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  cursor: pointer;
}
.wb-esp__chat-mas-resumen:hover {
  color: var(--wb-work-accent);
}
.wb-esp__chat-ideas-fila {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.wb-esp__chat-ideas-resto {
  display: none;
}
.wb-esp__chat-ideas:has(.wb-esp__chat-mas-caja:checked) .wb-esp__chat-ideas-resto {
  display: flex;
}
.wb-esp__chat-ideas:has(.wb-esp__chat-mas-caja:checked) .wb-esp__chat-mas-resumen {
  color: var(--wb-work-accent);
}
.wb-esp__chat-idea {
  padding: 3px 8px;
  border: 1px solid var(--wb-work-line);
  border-radius: 999px;
  background: transparent;
  color: var(--wb-work-text);
  font-family: inherit;
  font-size: 11px;
  line-height: 1.4;
  text-align: start;
  cursor: pointer;
}
.wb-esp__chat-idea:hover, .wb-esp__chat-idea:focus-visible {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-esp__chat-idea[disabled] {
  opacity: 0.5;
  cursor: default;
}
.wb-esp__chat-pie {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  padding: 10px 14px 12px;
  border-top: 1px solid var(--wb-work-filo);
  background: transparent;
}
.wb-esp__chat-mandos {
  display: grid;
  gap: 6px;
  justify-items: center;
}
.wb-esp__chat-alta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 28px;
  block-size: 28px;
  padding: 0;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: transparent;
  color: var(--wb-work-muted);
  cursor: pointer;
}
.wb-esp__chat-alta:hover {
  border-color: var(--wb-work-accent);
  color: var(--wb-work-accent);
}
.wb-esp__chat-alta:focus-visible {
  outline: 2px solid var(--wb-work-accent);
  outline-offset: 2px;
}
.wb-esp__chat-caja {
  display: grid;
  gap: 4px;
  min-inline-size: 0;
}
.wb-esp__chat-eyebrow {
  color: var(--wb-work-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.wb-esp__chat-campo {
  inline-size: 100%;
  min-inline-size: 0;
  padding: 7px 9px;
  border: 1px solid var(--wb-work-line);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-bg, transparent);
  color: var(--wb-work-text);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.45;
  resize: vertical;
}
.wb-esp__chat-campo:focus {
  outline: 2px solid var(--wb-work-accent);
  outline-offset: 1px;
}
.wb-esp__chat-enviar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 28px;
  block-size: 28px;
  padding: 0;
  border: 1px solid var(--wb-work-accent);
  border-radius: var(--wb-work-radius-sm);
  background: var(--wb-work-accent);
  color: #fff;
  cursor: pointer;
}
.wb-esp__chat-enviar:disabled {
  opacity: 0.5;
  cursor: default;
}
.wb-esp__chat--ancho {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: var(--wb-work-bg);
  border: 0;
}
.wb-play .wb-tbl__kiosco-portada {
  aspect-ratio: 3 / 4;
}
.wb-play .wb-tbl__kiosco-imagen {
  object-position: top center;
}
.wb-play__sello-jugar {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  z-index: 3;
  transform: translate(-50%, -50%) scale(0.94);
  padding: 0.32rem 0.85rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #14161c;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 160ms ease-out, transform 160ms ease-out;
  pointer-events: none;
}
.wb-play__item:hover .wb-play__sello-jugar, .wb-play__item:focus-within .wb-play__sello-jugar {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.wb-play__sello--tema {
  position: absolute;
  inset-block-start: 2rem;
  inset-inline-start: 0.35rem;
  z-index: 3;
  padding: 0.05rem 0.4rem;
  border-radius: 999px;
  background: rgba(20, 22, 28, 0.72);
  color: #fff;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.wb-play__ficha {
  display: grid;
  gap: 0.15rem;
  padding-inline: 0.1rem;
}
.wb-play__nombre {
  font-size: 0.86rem;
  color: var(--wb-ink);
  line-height: 1.2;
}
.wb-play__claim {
  margin: 0;
  font-size: 0.74rem;
  line-height: 1.35;
  color: var(--wb-muted);
}
.wb-play__marcas {
  margin: 0;
  font-size: 0.66rem;
  letter-spacing: 0.02em;
  color: var(--wb-muted);
  opacity: 0.85;
}
.wb-play__linea {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}
.wb-play__busca {
  display: flex;
  gap: 0.35rem;
  min-inline-size: 0;
  flex: 1 1 12rem;
}
.wb-play__busca-campo {
  flex: 1 1 auto;
  min-inline-size: 0;
  padding: 0.38rem 0.7rem;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: var(--wb-surface);
  color: var(--wb-ink);
  font-size: 0.8rem;
}
.wb-play__busca-boton {
  padding: 0.38rem 0.8rem;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  background: transparent;
  color: var(--wb-ink);
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
}
.wb-play__busca-boton:hover {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-ink) 6%, transparent);
  }
}
.wb-play__aviso {
  display: grid;
  gap: 0.1rem;
  margin: 0 0 0.6rem;
  padding: 0.55rem 0.8rem;
  border-inline-start: 3px solid var(--wb-violet);
  border-radius: 0.2rem 0.6rem 0.6rem 0.2rem;
  background: var(--wb-violet);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-violet) 8%, transparent);
  }
}
.wb-play__aviso-rotulo {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-play__aviso-titulo {
  font-size: 0.9rem;
  color: var(--wb-ink);
}
.wb-play__aviso-copy {
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--wb-muted);
}
.wb-play__etiqueta-activa {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.4rem 0 0;
  font-size: 0.76rem;
  color: var(--wb-muted);
}
.wb-play__limpiar {
  color: var(--wb-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.wb-play__nota {
  margin: 0;
  max-inline-size: 42ch;
  font-size: 0.8rem;
  line-height: 1.45;
}
.wb-play-ventana {
  position: fixed;
  inset-block-end: 0.75rem;
  inset-inline-end: 0.75rem;
  z-index: 70;
  display: flex;
  flex-direction: column;
  inline-size: min(520px, calc(100vw - 1.5rem));
  block-size: min(680px, calc(100vh - 1.5rem));
  min-inline-size: 17rem;
  min-block-size: 13rem;
  resize: both;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #0b0a14;
  color: #f3f0ff;
}
.wb-play-ventana[hidden] {
  display: none;
}
.wb-play-ventana[data-tamano="completa"] {
  inset: 0;
  inline-size: auto;
  block-size: auto;
  min-inline-size: 0;
  min-block-size: 0;
  resize: none;
}
.wb-play-ventana__mando .wb-play-ventana__icono-mas, .wb-play-ventana__mando .wb-play-ventana__icono-menos {
  display: none;
}
.wb-play-ventana__mando[data-completa="false"] .wb-play-ventana__icono-mas, .wb-play-ventana__mando[data-completa="true"] .wb-play-ventana__icono-menos {
  display: block;
}
.wb-play-ventana[data-presentacion="marco"] {
  border: 1px solid var(--play-tono, #2f6bd8);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--play-tono, #2f6bd8) 46%, transparent);
  }
  border-radius: 14px;
  background: #12111c;
  box-shadow: 0 18px 48px rgb(0 0 0 / 55%);
}
.wb-play-ventana[data-presentacion="marco"] .wb-play-ventana__botonera {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.32rem 0.42rem 0.32rem 0.5rem;
  background: #1a1826;
  border-block-end: 1px solid var(--play-tono, #2f6bd8);
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid color-mix(in oklab, var(--play-tono, #2f6bd8) 34%, transparent);
  }
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.wb-play-ventana[data-presentacion="marco"] .wb-play-ventana__mandos {
  margin-inline-start: auto;
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
.wb-play-ventana[data-presentacion="marco"] .wb-play-ventana__info {
  position: static;
  border-block-start: 1px solid rgb(255 255 255 / 9%);
  background: #12111c;
}
.wb-play-ventana[data-presentacion="barra"] {
  inset-block: auto 0;
  inset-inline: 0;
  inline-size: auto;
  block-size: min(88vh, 100vh);
  min-inline-size: 0;
  min-block-size: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  resize: none;
}
.wb-play-ventana[data-presentacion="barra"][data-tamano="completa"] {
  inset-block: 0;
  block-size: auto;
}
.wb-play-ventana[data-presentacion="barra"] .wb-play-ventana__botonera {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.45rem;
  background: var(--play-tono, #2f6bd8);
  color: var(--play-ink, #ffffff);
  box-shadow: 0 6px 18px rgb(0 0 0 / 38%);
  cursor: default;
  user-select: none;
}
.wb-play-ventana[data-presentacion="barra"][data-lado="arriba"] .wb-play-ventana__botonera {
  inset-block-start: 0;
  inset-inline: 0;
}
.wb-play-ventana[data-presentacion="barra"][data-lado="abajo"] .wb-play-ventana__botonera {
  inset-block-end: 0;
  inset-inline: 0;
}
.wb-play-ventana[data-presentacion="barra"][data-lado="izquierda"] .wb-play-ventana__botonera {
  inset-inline-start: 0;
  inset-block: 0;
  flex-direction: column;
  align-items: center;
  padding: 0.45rem 0.3rem;
}
.wb-play-ventana[data-presentacion="barra"][data-lado="derecha"] .wb-play-ventana__botonera {
  inset-inline-end: 0;
  inset-block: 0;
  flex-direction: column;
  align-items: center;
  padding: 0.45rem 0.3rem;
}
.wb-play-ventana[data-presentacion="barra"][data-lado="izquierda"] .wb-play-ventana__titulo, .wb-play-ventana[data-presentacion="barra"][data-lado="derecha"] .wb-play-ventana__titulo {
  display: none;
}
.wb-play-ventana[data-presentacion="barra"][data-lado="izquierda"] .wb-play-ventana__mandos, .wb-play-ventana[data-presentacion="barra"][data-lado="derecha"] .wb-play-ventana__mandos {
  flex-direction: column;
}
.wb-play-ventana[data-presentacion="barra"] .wb-play-ventana__glifo {
  background: var(--play-ink, #ffffff);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--play-ink, #ffffff) 24%, transparent);
  }
  color: var(--play-ink, #ffffff);
}
.wb-play-ventana[data-presentacion="barra"][data-lado="abajo"] .wb-play-ventana__info {
  inset-block: 0 auto;
}
.wb-play-ventana[data-presentacion="barra"] .wb-play-ventana__info {
  background: color-mix(in oklab, #0b0a14 82%, transparent);
}
.wb-play-ventana__glifo {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 1.15rem;
  block-size: 1.15rem;
  border-radius: 0.3rem;
  background: var(--play-tono, var(--wb-blue));
  color: #fff;
  font-size: 0.62rem;
  font-weight: 700;
}
.wb-play-ventana__titulo {
  flex: 0 1 auto;
  overflow: hidden;
  font-size: 0.78rem;
  font-weight: 700;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-play-ventana__mandos {
  display: flex;
  align-items: center;
  gap: 0.1rem;
}
.wb-play-ventana__mando {
  display: inline-grid;
  place-items: center;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  padding: 0;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.wb-play-ventana__mando:hover {
  background: rgb(255 255 255 / 14%);
}
.wb-play-ventana__mando[data-play-cached="true"] {
  color: #6ee7a8;
}
.wb-play-ventana__cuerpo {
  flex: 1 1 auto;
  min-block-size: 0;
  background: #0b0a14;
}
.wb-play-ventana__marco {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
  background: #0b0a14;
}
.wb-play-ventana__info {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  z-index: 2;
  display: grid;
  gap: 0.1rem;
  padding: 0.3rem 0.55rem;
  background: color-mix(in oklab, #0b0a14 74%, transparent);
  color: #d8d3ea;
  font-size: 0.64rem;
  line-height: 1.35;
  pointer-events: none;
}
.wb-play-ventana__estado {
  flex: 1 1 auto;
  overflow: hidden;
  font-weight: 600;
  color: #f3f0ff;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wb-play-ventana__estado:empty {
  display: none;
}
.wb-play-ventana__aviso {
  margin: 0;
  font-size: 0.64rem;
  line-height: 1.35;
}
.wb-play-ventana__aviso[hidden] {
  display: none;
}
.wb-play-ventana[data-arrastrando="true"] .wb-play-ventana__botonera {
  cursor: grabbing;
}
.wb-play-ventana[data-estado="minimizada"] {
  block-size: auto !important;
  inline-size: auto !important;
  min-block-size: 0;
  resize: none;
}
.wb-play-ventana[data-estado="minimizada"] .wb-play-ventana__cuerpo, .wb-play-ventana[data-estado="minimizada"] .wb-play-ventana__info {
  display: none;
}
.wb-play-ventana[data-estado="minimizada"] .wb-play-ventana__marco {
  visibility: hidden;
}
.wb-play-ventana[data-presentacion="marco"][data-estado="minimizada"] {
  border-radius: 999px;
}
.wb-play-ventana[data-presentacion="marco"][data-estado="minimizada"] .wb-play-ventana__botonera {
  border-block-end: 0;
  border-radius: 999px;
}
.wb-play-ventana[data-presentacion="barra"][data-estado="minimizada"] {
  block-size: min(88vh, 100vh) !important;
  inline-size: auto !important;
  background: transparent;
  pointer-events: none;
}
.wb-play-ventana[data-presentacion="barra"][data-estado="minimizada"] .wb-play-ventana__botonera {
  pointer-events: auto;
}
.wb-play-ventana__nota {
  position: relative;
  z-index: 4;
  flex: 0 0 auto;
  display: grid;
  gap: 0.3rem;
  padding: 0.45rem 0.55rem;
  background: #16141f;
  border-block-end: 1px solid var(--play-tono, #2f6bd8);
  @supports (color: color-mix(in lab, red, red)) {
    border-block-end: 1px solid color-mix(in oklab, var(--play-tono, #2f6bd8) 38%, transparent);
  }
  color: #f3f0ff;
  box-shadow: 0 8px 20px rgb(0 0 0 / 40%);
}
.wb-play-ventana__nota[hidden] {
  display: none;
}
.wb-nota-panel {
  display: grid;
  gap: 0.35rem;
  margin-block-end: 0.9rem;
  padding: 0.6rem 0.7rem;
  border: 1px solid var(--wb-work-line, rgb(148 163 184 / 32%));
  border-radius: var(--wb-work-radius-md, 10px);
  background: var(--wb-work-surface, #fff);
}
.wb-nota-panel[hidden] {
  display: none;
}
.wb-nota-panel__label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wb-work-text, #16202b);
}
.wb-nota-panel__caja {
  inline-size: 100%;
  min-block-size: 3.2rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid var(--wb-work-line, rgb(148 163 184 / 32%));
  border-radius: 8px;
  background: var(--wb-work-surface-alto, #fff);
  color: inherit;
  font: inherit;
  font-size: 0.85rem;
  line-height: 1.4;
  resize: vertical;
}
.wb-nota-panel__mandos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}
.wb-nota-panel__micro, .wb-nota-panel__guardar, .wb-nota-panel__cerrar {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid var(--wb-work-line, rgb(148 163 184 / 32%));
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
}
.wb-nota-panel__guardar {
  border-color: transparent;
  background: var(--wb-work-accent, #1f6feb);
  color: #fff;
}
.wb-nota-panel__micro[aria-pressed="true"] {
  border-color: transparent;
  background: var(--wb-work-accent, #1f6feb);
  color: #fff;
}
.wb-nota-panel__micro-icono {
  inline-size: 0.55rem;
  block-size: 0.55rem;
  border-radius: 50%;
  background: currentColor;
}
.wb-nota-panel__estado {
  min-block-size: 1.1em;
  margin: 0;
  color: var(--wb-work-muted, #4f5f72);
  font-size: 0.76rem;
}
.wb-play-ventana__nota .wb-nota-panel__label, .wb-play-ventana__nota .wb-nota-panel__estado {
  color: inherit;
}
.wb-play-ventana__nota .wb-nota-panel__caja {
  background: #0b0a14;
  border-color: rgb(255 255 255 / 18%);
  color: #f3f0ff;
}
.wb-play-ventana__nota .wb-nota-panel__micro, .wb-play-ventana__nota .wb-nota-panel__cerrar {
  border-color: rgb(255 255 255 / 22%);
  color: #f3f0ff;
}
.wb-play-ventana__nota .wb-nota-panel__micro[aria-pressed="true"], .wb-play-ventana__nota .wb-nota-panel__guardar {
  background: var(--play-tono, #2f6bd8);
  color: var(--play-ink, #fff);
}
.wb-notas {
  display: grid;
  gap: 0.6rem;
}
.wb-notas__cabeza {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.wb-notas__pista {
  margin: 0;
  color: var(--wb-work-muted, #4f5f72);
  font-size: 0.78rem;
}
.wb-notas__pista kbd {
  padding: 0.05rem 0.3rem;
  border: 1px solid var(--wb-work-line, rgb(148 163 184 / 32%));
  border-radius: 5px;
  background: var(--wb-work-soft, rgb(227 235 242 / 80%));
  font-size: 0.72rem;
}
.wb-notas__lista {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-notas__nota {
  display: grid;
  gap: 0.3rem;
  padding: 0.6rem 0.7rem;
  border: 1px solid var(--wb-work-line, rgb(148 163 184 / 32%));
  border-radius: var(--wb-work-radius-md, 10px);
  background: var(--wb-work-surface, #fff);
}
.wb-notas__texto {
  margin: 0;
  color: var(--wb-work-text, #16202b);
  font-size: 0.9rem;
  line-height: 1.45;
  white-space: pre-wrap;
}
.wb-notas__meta {
  margin: 0;
  color: var(--wb-work-muted, #4f5f72);
  font-size: 0.74rem;
}
.wb-notas__nota[data-tratada="true"] .wb-notas__texto {
  color: var(--wb-work-muted, #4f5f72);
}
.wb-notas__mandos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
}
.wb-notas__espacio {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.76rem;
  color: var(--wb-work-muted, #4f5f72);
}
.wb-notas__select {
  padding: 0.2rem 0.35rem;
  border: 1px solid var(--wb-work-line, rgb(148 163 184 / 32%));
  border-radius: 8px;
  background: var(--wb-work-surface-alto, #fff);
  color: inherit;
  font: inherit;
  font-size: 0.78rem;
}
.wb-notas__profundizar, .wb-notas__borrar {
  padding: 0.24rem 0.5rem;
  border: 1px solid var(--wb-work-line, rgb(148 163 184 / 32%));
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 0.76rem;
  cursor: pointer;
}
.wb-notas__profundizar {
  border-color: transparent;
  background: var(--wb-work-accent, #1f6feb);
  color: #fff;
}
.wb-notas__sin-espacio {
  margin: 0;
  color: var(--wb-work-muted, #4f5f72);
  font-size: 0.76rem;
}
.wb-notas__respuesta {
  margin: 0.2rem 0 0;
  padding: 0.5rem 0.6rem;
  border-inline-start: 3px solid var(--wb-work-accent, #1f6feb);
  background: var(--wb-work-soft, rgb(227 235 242 / 80%));
  border-radius: 0 8px 8px 0;
  color: var(--wb-work-text, #16202b);
  font-size: 0.84rem;
  line-height: 1.5;
  white-space: pre-wrap;
}
.wb-notas__respuesta[hidden] {
  display: none;
}
.wb-play__lanzadores {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-block-end: 0.45rem;
}
.wb-play__lanzador {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.26rem 0.6rem 0.26rem 0.32rem;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-ink);
  text-decoration: none;
  transition: border-color 120ms ease, background 120ms ease;
}
.wb-play__lanzador:hover {
  border-color: var(--wb-blue);
  background: var(--wb-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-blue) 7%, transparent);
  }
}
.wb-play__lanzador-glifo {
  display: inline-grid;
  place-items: center;
  inline-size: 1.15rem;
  block-size: 1.15rem;
  border-radius: 0.3rem;
  background: var(--play-tono, var(--wb-blue));
  color: #fff;
  font-size: 0.62rem;
  font-weight: 700;
}
.wb-play__lanzador-texto {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
  font-size: 0.74rem;
}
.wb-play__lanzador-texto strong {
  font-weight: 600;
}
.wb-play__lanzador-texto small {
  font-size: 0.66rem;
  color: var(--wb-muted);
}
.wb-play__cta {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.75rem;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-ink);
  font-size: 0.74rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.wb-play__cta:hover {
  border-color: var(--wb-violet);
  color: var(--wb-violet);
}
.wb-play__totales {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
  margin: 0 0 0.5rem;
  font-size: 0.74rem;
  color: var(--wb-muted);
}
.wb-play__totales strong {
  color: var(--wb-ink);
  font-size: 0.82rem;
}
.wb-play--clasificacion {
  display: grid;
  gap: 0.7rem;
}
.wb-play__subtitulo {
  margin: 0.6rem 0 0;
  font-size: 0.92rem;
  color: var(--wb-ink);
}
.wb-play__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.wb-play__chip {
  padding: 0.24rem 0.6rem;
  border: 1px solid var(--wb-line);
  border-radius: 999px;
  color: var(--wb-ink);
  font-size: 0.72rem;
  text-decoration: none;
}
.wb-play__chip:hover {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-ink) 6%, transparent);
  }
}
.wb-play__chip.is-activo {
  border-color: var(--wb-violet);
  background: var(--wb-violet);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-violet) 12%, transparent);
  }
  color: var(--wb-ink);
  font-weight: 600;
}
.wb-play__chip.is-apagado {
  opacity: 0.55;
  border-style: dashed;
}
.wb-play__factores {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
  gap: 0.5rem;
}
.wb-play__factor {
  display: grid;
  gap: 0.15rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--wb-line);
  border-radius: 0.7rem;
  background: var(--wb-surface);
  color: var(--wb-ink);
  text-decoration: none;
}
.wb-play__factor:hover {
  border-color: var(--wb-violet);
}
.wb-play__factor.is-activo {
  border-color: var(--wb-violet);
  box-shadow: inset 0 0 0 1px var(--wb-violet);
}
.wb-play__factor-nombre {
  font-size: 0.72rem;
  letter-spacing: 0.02em;
  color: var(--wb-muted);
}
.wb-play__factor-valor {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1;
}
.wb-play__factor-barra {
  display: block;
  block-size: 4px;
  border-radius: 999px;
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-ink) 10%, transparent);
  }
  overflow: hidden;
}
.wb-play__factor-barra > span {
  display: block;
  block-size: 100%;
  border-radius: inherit;
  background: var(--wb-violet);
}
.wb-play__factor-pie {
  font-size: 0.62rem;
  color: var(--wb-muted);
}
.wb-play__aviso--privacidad {
  margin: 0;
}
.wb-play__posicion {
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.7rem;
  background: var(--wb-violet);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-violet) 8%, transparent);
  }
  font-size: 0.8rem;
  color: var(--wb-ink);
}
.wb-play__tabla {
  inline-size: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}
.wb-play__tabla caption {
  caption-side: top;
  text-align: start;
  padding-block-end: 0.3rem;
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--wb-muted);
}
.wb-play__tabla th, .wb-play__tabla td {
  padding: 0.3rem 0.45rem;
  border-block-end: 1px solid var(--wb-line);
  text-align: start;
}
.wb-play__tabla thead th {
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wb-muted);
  font-weight: 600;
}
.wb-play__tabla tbody tr:hover {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-ink) 4%, transparent);
  }
}
.wb-play__vacio-tabla {
  margin: 0;
  font-size: 0.78rem;
  color: var(--wb-muted);
}
.wb-tbl__kiosco-casa {
  margin-block-start: 1.25rem;
  padding-block-start: 1rem;
  border-block-start: 1px solid var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border-block-start: 1px solid color-mix(in oklab, var(--wb-ink) 14%, transparent);
  }
}
.wb-tbl__kiosco-casa-cabecera {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.9rem;
  margin-block-end: 0.6rem;
}
.wb-tbl__kiosco-casa-titulo {
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0.02em;
}
.wb-tbl__kiosco-casa-copy {
  margin: 0;
  font-size: 0.78rem;
  color: var(--wb-muted);
}
.wb-tbl__kiosco-item--casa .wb-tbl__kiosco-portada {
  cursor: default;
}
.wb-tbl__kiosco-casa-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-block-start: 0.15rem;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  border: 1px solid var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--wb-ink) 26%, transparent);
  }
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-ink) 6%, transparent);
  }
  color: var(--wb-ink);
  font-size: 0.76rem;
  font-weight: 600;
  text-decoration: none;
}
.wb-tbl__kiosco-casa-cta:hover, .wb-tbl__kiosco-casa-cta:focus-visible {
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-ink) 14%, transparent);
  }
}
.wb-tbl__kiosco-casa-bloqueado {
  display: inline-block;
  margin-block-start: 0.15rem;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  border: 1px dashed var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in oklab, var(--wb-ink) 22%, transparent);
  }
  color: var(--wb-muted);
  font-size: 0.74rem;
}
.wb-tbl__kiosco-casa-precio {
  color: var(--wb-muted);
  font-size: 0.72rem;
}
.wb-tbl__kiosco-detalles-enlace {
  inline-size: 100%;
  margin-block: 0.5rem;
  padding: 0.4rem 0.55rem;
  border-radius: 0.4rem;
  border: 1px solid var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--wb-ink) 22%, transparent);
  }
  background: var(--wb-ink);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--wb-ink) 4%, transparent);
  }
  color: var(--wb-ink);
  font-size: 0.78rem;
}
.wb-tbl__kiosco-detalles-aviso {
  margin: 0.35rem 0 0;
  font-size: 0.76rem;
  color: var(--wb-muted);
}
.wb-tbl__kiosco-detalles-aviso.is-error {
  color: #e06a6a;
}
.wb-rec-tokens {
  --wb-ink: #14161c;
  --wb-muted: #5c6472;
  --wb-line: #e3e6ee;
  --wb-surface: #ffffff;
  --wb-accent: #e0459b;
  --wb-shadow: 0 12px 34px rgba(20, 22, 28, 0.09);
}
.wb-rec-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 18px 16px 40px;
}
.wb-rec__note {
  margin: 0;
  color: var(--wb-muted, #5c6472);
  line-height: 1.6;
}
.wb-mini {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.wb-mini__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  vertical-align: -2px;
  border: 1px solid var(--wb-line);
  border-radius: 50%;
  background: var(--wb-surface);
  color: var(--wb-muted);
  cursor: pointer;
  list-style: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.wb-mini__icon::-webkit-details-marker {
  display: none;
}
.wb-mini__icon::marker {
  content: "";
}
.wb-mini__icon:hover, .wb-mini__icon:focus-visible, .wb-mini[open] .wb-mini__icon {
  border-color: currentColor;
  color: var(--wb-ink);
}
.wb-mini__glyph {
  display: block;
  width: 15px;
  height: 15px;
}
.wb-mini__panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: 0;
  width: min(300px, 78vw);
  padding: 12px 14px;
  border: 1px solid var(--wb-line);
  border-radius: 14px;
  background: var(--wb-surface);
  box-shadow: var(--wb-shadow);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  color: var(--wb-ink);
}
.wb-mini--panel-der .wb-mini__panel {
  left: auto;
  right: 0;
}
.wb-mini__panel > :first-child {
  margin-top: 0;
}
.wb-mini__panel > :last-child {
  margin-bottom: 0;
}
.wb-mini__panel .wb-comp__notice {
  font-size: 13px;
}
.wb-mini__panel :is(p, li) {
  text-align: left;
  hyphens: none;
}
.wb-svc__head--accion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.wb-rec {
  --wb-rec-level: 0;
}
.wb-rec__glyph {
  display: block;
  width: 20px;
  height: 20px;
}
.wb-rec__deck {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--wb-line);
  border-radius: 16px;
  background: var(--wb-surface);
}
.wb-rec__fab {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--wb-line);
  border-radius: 50%;
  background: var(--wb-surface);
  color: var(--wb-accent, #e0459b);
  cursor: pointer;
  transition: transform 0.12s ease, background-color 0.16s ease, color 0.16s ease;
}
.wb-rec__fab:hover {
  transform: translateY(-1px);
}
.wb-rec__fab:disabled {
  opacity: 0.6;
  cursor: progress;
  transform: none;
}
.wb-rec__fab.is-recording {
  background: #e0453a;
  border-color: #e0453a;
  color: #fff;
}
.wb-rec__fab.is-recording .wb-rec__glyph {
  animation: wb-rec-pulse 1.4s ease-in-out infinite;
}
@keyframes wb-rec-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
.wb-rec__readout {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.wb-rec__timer {
  margin: 0;
  font-size: 19px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--wb-ink);
}
.wb-rec__trace {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 26px;
  min-width: 0;
  overflow: hidden;
  opacity: 0.38;
  transition: opacity 0.16s ease;
}
.wb-rec__trace span {
  width: 3px;
  height: 6px;
  border-radius: 999px;
  background: var(--wb-muted);
  transition: height 0.09s linear;
}
.wb-rec__trace span:nth-child(3n) {
  height: 11px;
}
.wb-rec__trace span:nth-child(4n) {
  height: 16px;
}
.wb-rec__trace.is-live {
  opacity: 1;
}
.wb-rec__trace.is-live span {
  height: calc(5px + (var(--wb-rec-level) * 20px));
  background: var(--wb-accent, #e0459b);
}
.wb-rec__trace.is-live span:nth-child(3n) {
  height: calc(4px + (var(--wb-rec-level) * 15px));
}
.wb-rec__trace.is-live span:nth-child(4n) {
  height: calc(3px + (var(--wb-rec-level) * 24px));
}
.wb-rec__trace.is-live span:nth-child(5n) {
  height: calc(7px + (var(--wb-rec-level) * 9px));
}
.wb-rec__go, .wb-rec__icon-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--wb-line);
  border-radius: 50%;
  background: var(--wb-surface);
  color: var(--wb-muted);
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}
.wb-rec__go:hover, .wb-rec__icon-btn:hover {
  color: var(--wb-ink);
  border-color: currentColor;
}
.wb-rec__icon-btn.is-playing {
  background: var(--wb-accent, #e0459b);
  border-color: var(--wb-accent, #e0459b);
  color: #fff;
}
.wb-rec__del:hover {
  color: #e0453a;
  border-color: #e0453a;
}
.wb-rec__go .wb-rec__glyph, .wb-rec__icon-btn .wb-rec__glyph {
  width: 18px;
  height: 18px;
}
.wb-rec__fields {
  display: grid;
  grid-template-columns: minmax(0, 150px) minmax(0, 1fr);
  gap: 8px;
  margin-top: 8px;
}
@media (max-width: 419px) {
  .wb-rec__fields {
    grid-template-columns: 1fr;
  }
}
.wb-rec__field :is(input, select) {
  width: 100%;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  background: var(--wb-surface);
  color: var(--wb-ink);
  font: inherit;
  font-size: 13px;
}
.wb-rec__top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.wb-rec__find {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.wb-rec__find input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  background: var(--wb-surface);
  color: var(--wb-ink);
  font: inherit;
  font-size: 13px;
}
.wb-rec__orden {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.wb-rec__orden select {
  appearance: none;
  min-height: 34px;
  padding: 0 10px 0 26px;
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  background: var(--wb-surface);
  color: var(--wb-ink);
  font: inherit;
  font-size: 13px;
}
.wb-rec__orden-glyph {
  position: absolute;
  left: 8px;
  width: 14px;
  height: 14px;
  color: var(--wb-muted);
  pointer-events: none;
}
.wb-rec__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
}
.wb-rec__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid var(--wb-line);
  border-radius: 12px;
  background: var(--wb-surface);
}
.wb-rec__body {
  min-width: 0;
}
.wb-rec__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--wb-ink);
  overflow-wrap: anywhere;
  cursor: text;
}
.wb-rec__rename {
  width: 100%;
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid var(--wb-accent, #e0459b);
  border-radius: 8px;
  background: var(--wb-surface);
  color: var(--wb-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
}
.wb-rec__sub {
  margin: 1px 0 0;
  font-size: 12px;
  color: var(--wb-muted);
}
.wb-rec :is(.wb-rec__title, .wb-rec__sub, .wb-rec__status, .wb-rec__timer, .wb-rec__empty, .wb-rec__hint) {
  text-align: left;
  hyphens: none;
  -webkit-hyphens: none;
}
.wb-rec__empty {
  margin: 12px 0 0;
  padding: 14px;
  border: 1px dashed var(--wb-line);
  border-radius: 12px;
  color: var(--wb-muted);
  font-size: 13px;
}
.wb-rec__hint {
  margin: 0;
  color: var(--wb-muted);
}
.wb-rec__status {
  margin: 8px 0 0;
  min-height: 1.1em;
  font-size: 12px;
  color: var(--wb-muted);
}
.wb-rec__status.is-error {
  color: #c0342c;
}
.wb-rec__audio {
  width: 100%;
  margin-top: 8px;
}
.wb-rec__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
@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-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@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;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --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;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --wb-arco: 0deg;
    }
  }
}