/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
    --color-paper: #0C0C0E;
    --color-surface: #141416;
    --color-surface-2: #1A1A1D;
    --color-ink: #F3EFE4;
    --color-sec: #C9C0AC;
    --color-muted: #8E876F;
    --color-line: #2A2A2E;
    --color-line-2: #3A3A40;
    --color-warn: #F0788F;
    --color-primary-light: #F2CE87;
    --color-primary: #E3BD6C;
    --color-primary-dark: #B8892B;
    --color-secondary: #A1514A;
    --color-secondary-dark: #7A3C35;
    --color-tertiary-light: #8B7A6E;
    --color-tertiary: #6C5B4F;
    --color-tertiary-dark: #4A3D33;
  }
}
@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 {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-1\.5 {
    inset: calc(var(--spacing) * 1.5);
  }
  .inset-6 {
    inset: calc(var(--spacing) * 6);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-1 {
    inset-inline: calc(var(--spacing) * 1);
  }
  .inset-x-px {
    inset-inline: 1px;
  }
  .-inset-y-0 {
    inset-block: calc(var(--spacing) * -0);
  }
  .-inset-y-0\.5 {
    inset-block: calc(var(--spacing) * -0.5);
  }
  .-inset-y-0\.75 {
    inset-block: calc(var(--spacing) * -0.75);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .inset-y-0\.5 {
    inset-block: calc(var(--spacing) * 0.5);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .top-\(--refs-header-height\) {
    top: var(--refs-header-height);
  }
  .top-\(--scalar-custom-header-height\,0\) {
    top: var(--scalar-custom-header-height,0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-\[1lh\] {
    top: 1lh;
  }
  .top-\[calc\(10px\+0\.5lh\)\] {
    top: calc(10px + 0.5lh);
  }
  .top-\[calc\(100\%\+4px\)\] {
    top: calc(100% + 4px);
  }
  .top-px {
    top: 1px;
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .-right-\[30px\] {
    right: calc(30px * -1);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-0\.75 {
    right: calc(var(--spacing) * 0.75);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\.25 {
    right: calc(var(--spacing) * 1.25);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-7 {
    right: calc(var(--spacing) * 7);
  }
  .right-12 {
    right: calc(var(--spacing) * 12);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-\[var\(--scalar-border-width\)\] {
    bottom: var(--scalar-border-width);
  }
  .-left-4 {
    left: calc(var(--spacing) * -4);
  }
  .-left-4\.5 {
    left: calc(var(--spacing) * -4.5);
  }
  .-left-5 {
    left: calc(var(--spacing) * -5);
  }
  .-left-6 {
    left: calc(var(--spacing) * -6);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-px {
    left: 1px;
  }
  .isolate {
    isolation: isolate;
  }
  .isolation-auto {
    isolation: auto;
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .-z-2 {
    z-index: calc(2 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[6\] {
    z-index: 6;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .order-789 {
    order: 789;
  }
  .order-last {
    order: 9999;
  }
  .col-span-full {
    grid-column: 1 / -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;
    }
  }
  .container\! {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .-m-0 {
    margin: calc(var(--spacing) * -0);
  }
  .-m-0\.5 {
    margin: calc(var(--spacing) * -0.5);
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .-m-px {
    margin: -1px;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-auto {
    margin: auto;
  }
  .-mx-0 {
    margin-inline: calc(var(--spacing) * -0);
  }
  .-mx-0\.25 {
    margin-inline: calc(var(--spacing) * -0.25);
  }
  .-mx-0\.75 {
    margin-inline: calc(var(--spacing) * -0.75);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-px {
    margin-inline: -1px;
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-px {
    margin-inline: 1px;
  }
  .-my-0 {
    margin-block: calc(var(--spacing) * -0);
  }
  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -0.5);
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
  .-my-1\.5 {
    margin-block: calc(var(--spacing) * -1.5);
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }
  .-my-px {
    margin-block: -1px;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-0\.75 {
    margin-block: calc(var(--spacing) * 0.75);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }
  .-mt-\[22px\] {
    margin-top: calc(22px * -1);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-0\.25 {
    margin-top: calc(var(--spacing) * 0.25);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-\[15svh\] {
    margin-top: 15svh;
  }
  .mt-\[20svh\] {
    margin-top: 20svh;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-0 {
    margin-right: calc(var(--spacing) * -0);
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }
  .-mr-px {
    margin-right: -1px;
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-0\.75 {
    margin-right: calc(var(--spacing) * 0.75);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-1\.25 {
    margin-right: calc(var(--spacing) * 1.25);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-\[calc\(20px-var\(--scalar-sidebar-indent\)\)\] {
    margin-right: calc(20px - var(--scalar-sidebar-indent));
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-\[var\(--scalar-border-width\)\] {
    margin-bottom: calc(var(--scalar-border-width) * -1);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .-ml-0 {
    margin-left: calc(var(--spacing) * -0);
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-ml-0\.25 {
    margin-left: calc(var(--spacing) * -0.25);
  }
  .-ml-0\.75 {
    margin-left: calc(var(--spacing) * -0.75);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .line-clamp-\(--markdown-clamp\) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--markdown-clamp);
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .\!block {
    display: block !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .inline-table {
    display: inline-table;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .table-column {
    display: table-column;
  }
  .table-column-group {
    display: table-column-group;
  }
  .table-footer-group {
    display: table-footer-group;
  }
  .table-header-group {
    display: table-header-group;
  }
  .table-row {
    display: table-row;
  }
  .table-row-group {
    display: table-row-group;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-\[3\/4\] {
    aspect-ratio: 3/4;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-2\.75 {
    width: calc(var(--spacing) * 2.75);
    height: calc(var(--spacing) * 2.75);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-3\/4 {
    width: calc(3/4 * 100%);
    height: calc(3/4 * 100%);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-\[23px\] {
    width: 23px;
    height: 23px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-\(--refs-sidebar-height\) {
    height: var(--refs-sidebar-height);
  }
  .h-\(--scalar-address-bar-height\) {
    height: var(--scalar-address-bar-height);
  }
  .h-\(--scalar-header-height\) {
    height: var(--scalar-header-height);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.25 {
    height: calc(var(--spacing) * 2.25);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-84 {
    height: calc(var(--spacing) * 84);
  }
  .h-120 {
    height: calc(var(--spacing) * 120);
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[84px\] {
    height: 84px;
  }
  .h-\[118px\] {
    height: 118px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[calc\(100\%\+16px\)\] {
    height: calc(100% + 16px);
  }
  .h-\[calc\(100\%_-_50px\)\] {
    height: calc(100% - 50px);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-lh {
    height: 1lh;
  }
  .h-min {
    height: min-content;
  }
  .h-px {
    height: 1px;
  }
  .\!max-h-\[initial\] {
    max-height: initial !important;
  }
  .max-h-8 {
    max-height: calc(var(--spacing) * 8);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-\[60svh\] {
    max-height: 60svh;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[80svh\] {
    max-height: 80svh;
  }
  .max-h-\[90svh\] {
    max-height: 90svh;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[420px\] {
    max-height: 420px;
  }
  .max-h-\[auto\] {
    max-height: auto;
  }
  .max-h-\[calc\(100\%-32px\)\] {
    max-height: calc(100% - 32px);
  }
  .max-h-\[inherit\] {
    max-height: inherit;
  }
  .max-h-dvh {
    max-height: 100dvh;
  }
  .max-h-fit {
    max-height: fit-content;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-3 {
    min-height: calc(var(--spacing) * 3);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-\[64px\] {
    min-height: 64px;
  }
  .min-h-\[calc\(4rem\+0\.5px\)\] {
    min-height: calc(4rem + 0.5px);
  }
  .min-h-fit {
    min-height: fit-content;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .w-\(--refs-sidebar-width\) {
    width: var(--refs-sidebar-width);
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.25 {
    width: calc(var(--spacing) * 2.25);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-3\/5 {
    width: calc(3/5 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-11\/12 {
    width: calc(11/12 * 100%);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-120 {
    width: calc(var(--spacing) * 120);
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[54px\] {
    width: 54px;
  }
  .w-\[84px\] {
    width: 84px;
  }
  .w-\[118px\] {
    width: 118px;
  }
  .w-\[170px\] {
    width: 170px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[calc\(100vw-12px\)\] {
    width: calc(100vw - 12px);
  }
  .w-\[min\(760px\,92vw\)\] {
    width: min(760px, 92vw);
  }
  .w-\[var\(--scalar-sidebar-indent\)\] {
    width: var(--scalar-sidebar-indent);
  }
  .w-auto {
    width: auto;
  }
  .w-dvw {
    width: 100dvw;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\(--refs-content-max-width\) {
    max-width: var(--refs-content-max-width);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-\[9rem\] {
    max-width: 9rem;
  }
  .max-w-\[100\%\] {
    max-width: 100%;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[1000px\] {
    max-width: 1000px;
  }
  .max-w-\[inherit\] {
    max-width: inherit;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-2\.25 {
    min-width: calc(var(--spacing) * 2.25);
  }
  .min-w-3 {
    min-width: calc(var(--spacing) * 3);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-4\.5 {
    min-width: calc(var(--spacing) * 4.5);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-\[4\.5rem\] {
    min-width: 4.5rem;
  }
  .min-w-\[110px\] {
    min-width: 110px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-min {
    min-width: min-content;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-3 {
    flex-grow: 3;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\.25 {
    --tw-translate-x: calc(var(--spacing) * 1.25);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2\.5 {
    --tw-translate-x: calc(var(--spacing) * 2.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[14px\] {
    --tw-translate-x: 14px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * -1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-none {
    translate: none;
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-3d {
    scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform\! {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-auto {
    cursor: auto;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .scroll-mt-16 {
    scroll-margin-top: calc(var(--spacing) * 16);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .auto-rows-auto {
    grid-auto-rows: auto;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-\[44px_1fr_repeat\(3\,auto\)\] {
    grid-template-columns: 44px 1fr repeat(3,auto);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-end {
    align-content: flex-end;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-0\.75 {
    gap: calc(var(--spacing) * 0.75);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-1\.75 {
    gap: calc(var(--spacing) * 1.75);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-2\.25 {
    gap: calc(var(--spacing) * 2.25);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-\[1\.5px\] {
    gap: 1.5px;
  }
  .gap-px {
    gap: 1px;
  }
  .space-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 1;
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .space-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 1;
    }
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-y-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 1;
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[13px\] {
    border-radius: 13px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0 !important;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-ss {
    border-start-start-radius: 0.25rem;
  }
  .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-se {
    border-start-end-radius: 0.25rem;
  }
  .rounded-ee {
    border-end-end-radius: 0.25rem;
  }
  .rounded-es {
    border-end-start-radius: 0.25rem;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-tl {
    border-top-left-radius: 0.25rem;
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-tr {
    border-top-right-radius: 0.25rem;
  }
  .\!rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl) !important;
    border-bottom-left-radius: var(--radius-xl) !important;
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-br {
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .\!border-r {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .border-b-\[1\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1.5px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .\!border-current {
    border-color: currentcolor !important;
  }
  .border-\(--scalar-background-3\) {
    border-color: var(--scalar-background-3);
  }
  .border-line {
    border-color: var(--color-line);
  }
  .border-line-2 {
    border-color: var(--color-line-2);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-warn {
    border-color: var(--color-warn);
  }
  .border-r-transparent {
    border-right-color: transparent;
  }
  .bg-\(--bg-light\) {
    background-color: var(--bg-light);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-line {
    background-color: var(--color-line);
  }
  .bg-line-2 {
    background-color: var(--color-line-2);
  }
  .bg-paper {
    background-color: var(--color-paper);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-surface {
    background-color: var(--color-surface);
  }
  .bg-surface-2 {
    background-color: var(--color-surface-2);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-l {
    --tw-gradient-position: to left;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to left in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-40\% {
    --tw-gradient-from-position: 40%;
  }
  .to-primary-dark {
    --tw-gradient-to: var(--color-primary-dark);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .mask-y-from-\[calc\(100\%-8px\)\] {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position));
    --tw-mask-top-from-position: calc(100% - 8px);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-from-position: calc(100% - 8px);
  }
  .mask-y-to-100 {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position));
    --tw-mask-top-to-position: calc(var(--spacing) * 100);
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-to-position: calc(var(--spacing) * 100);
  }
  .mask-y-to-100\% {
    mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
    mask-composite: intersect;
    --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
    --tw-mask-top: linear-gradient(to top, var(--tw-mask-top-from-color) var(--tw-mask-top-from-position), var(--tw-mask-top-to-color) var(--tw-mask-top-to-position));
    --tw-mask-top-to-position: 100%;
    --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
    --tw-mask-bottom-to-position: 100%;
  }
  .bg-repeat {
    background-repeat: repeat;
  }
  .mask-no-clip {
    mask-clip: no-clip;
  }
  .mask-repeat {
    mask-repeat: repeat;
  }
  .fill-current {
    fill: currentcolor;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-\(--scalar-sidebar-padding\) {
    padding: var(--scalar-sidebar-padding);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-0\.75 {
    padding: calc(var(--spacing) * 0.75);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-1\.25 {
    padding: calc(var(--spacing) * 1.25);
  }
  .p-1\.75 {
    padding: calc(var(--spacing) * 1.75);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-\[2\.5px\] {
    padding: 2.5px;
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-px {
    padding: 1px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-0\.75 {
    padding-inline: calc(var(--spacing) * 0.75);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-1\.25 {
    padding-inline: calc(var(--spacing) * 1.25);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .px-15 {
    padding-inline: calc(var(--spacing) * 15);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-0\.25 {
    padding-block: calc(var(--spacing) * 0.25);
  }
  .py-0\.75 {
    padding-block: calc(var(--spacing) * 0.75);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-1\.25 {
    padding-block: calc(var(--spacing) * 1.25);
  }
  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-2\.25 {
    padding-block: calc(var(--spacing) * 2.25);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-\[1px\] {
    padding-block: 1px;
  }
  .py-\[6\.75px\] {
    padding-block: 6.75px;
  }
  .py-px {
    padding-block: 1px;
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-\[68px\] {
    padding-top: 68px;
  }
  .pt-px {
    padding-top: 1px;
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-0\.75 {
    padding-right: calc(var(--spacing) * 0.75);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-2\.25 {
    padding-right: calc(var(--spacing) * 2.25);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .pr-\[100\%\] {
    padding-right: 100%;
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .\!pl-3 {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.25 {
    padding-left: calc(var(--spacing) * 1.25);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-8\.5 {
    padding-left: calc(var(--spacing) * 8.5);
  }
  .pl-\[100\%\] {
    padding-left: 100%;
  }
  .pl-px {
    padding-left: 1px;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-top {
    vertical-align: top;
  }
  .font-display {
    font-family: var(--font-display);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\/4 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 4);
  }
  .text-base\/5 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 5);
  }
  .text-base\/5\.25 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 5.25);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\/4 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 4);
  }
  .text-sm\/none {
    font-size: var(--text-sm);
    line-height: 1;
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xs\/4 {
    font-size: var(--text-xs);
    line-height: calc(var(--spacing) * 4);
  }
  .text-\[6px\] {
    font-size: 6px;
  }
  .text-\[8\.5px\] {
    font-size: 8.5px;
  }
  .text-\[9\.5px\] {
    font-size: 9.5px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10\.5px\] {
    font-size: 10.5px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.5px\] {
    font-size: 12.5px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13\.5px\] {
    font-size: 13.5px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14\.5px\] {
    font-size: 14.5px;
  }
  .text-\[15\.5px\] {
    font-size: 15.5px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[19px\] {
    font-size: 19px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-5\.5 {
    --tw-leading: calc(var(--spacing) * 5.5);
    line-height: calc(var(--spacing) * 5.5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-\[1\.44\] {
    --tw-leading: 1.44;
    line-height: 1.44;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[7px\] {
    --tw-leading: 7px;
    line-height: 7px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[normal\] {
    --tw-leading: normal;
    line-height: normal;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }
  .tracking-\[\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .tracking-\[\.05em\] {
    --tw-tracking: .05em;
    letter-spacing: .05em;
  }
  .tracking-\[\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }
  .tracking-\[\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }
  .tracking-\[\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }
  .tracking-\[\.14em\] {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }
  .tracking-\[\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }
  .tracking-\[\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }
  .tracking-\[\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .text-clip {
    text-overflow: clip;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[color\:var\(--scalar-color-3\)\] {
    color: var(--scalar-color-3);
  }
  .text-current {
    color: currentcolor;
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-muted {
    color: var(--color-muted);
  }
  .text-paper {
    color: var(--color-paper);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-sec {
    color: var(--color-sec);
  }
  .text-transparent {
    color: transparent;
  }
  .text-warn {
    color: var(--color-warn);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .italic\! {
    font-style: italic !important;
  }
  .not-italic {
    font-style: normal;
  }
  .diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .slashed-zero {
    --tw-slashed-zero: slashed-zero;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .normal-nums {
    font-variant-numeric: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .bg-blend-normal {
    background-blend-mode: normal;
  }
  .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);
  }
  .shadow-\[-8px_0_4px_var\(--scalar-background-1\)\] {
    --tw-shadow: -8px 0 4px var(--tw-shadow-color, var(--scalar-background-1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .inset-ring {
    --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }
  .-outline-offset-2 {
    outline-offset: calc(2px * -1);
  }
  .outline-offset-1 {
    outline-offset: 1px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-\[-1px\] {
    outline-offset: -1px;
  }
  .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,);
  }
  .blur\! {
    --tw-blur: blur(8px) !important;
    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,) !important;
  }
  .brightness-90 {
    --tw-brightness: brightness(90%);
    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,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    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,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    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,);
  }
  .invert {
    --tw-invert: invert(100%);
    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-blur {
    --tw-backdrop-blur: blur(8px);
    -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,);
  }
  .backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%);
    -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,);
  }
  .backdrop-invert {
    --tw-backdrop-invert: invert(100%);
    -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,);
  }
  .backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%);
    -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,);
  }
  .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,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,width\] {
    transition-property: left,width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-none {
    transition-property: none;
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-\[cubic-bezier\(0\.77\,0\,0\.175\,1\)\] {
    --tw-ease: cubic-bezier(0.77,0,0.175,1);
    transition-timing-function: cubic-bezier(0.77,0,0.175,1);
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--scalar-address-bar-height\:0px\] {
    --scalar-address-bar-height: 0px;
  }
  .\[--scalar-address-bar-height\:32px\] {
    --scalar-address-bar-height: 32px;
  }
  .\[grid-area\:header\] {
    grid-area: header;
  }
  .\[grid-area\:navigation\] {
    grid-area: navigation;
  }
  .divide-x-reverse {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 1;
    }
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .\*\:flex {
    :is(& > *) {
      display: flex;
    }
  }
  .\*\:size-3 {
    :is(& > *) {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\*\:size-4 {
    :is(& > *) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\*\:h-8 {
    :is(& > *) {
      height: calc(var(--spacing) * 8);
    }
  }
  .\*\:cursor-pointer {
    :is(& > *) {
      cursor: pointer;
    }
  }
  .\*\:items-center {
    :is(& > *) {
      align-items: center;
    }
  }
  .\*\:rounded-none {
    :is(& > *) {
      border-radius: 0 !important;
    }
  }
  .\*\:border-t {
    :is(& > *) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  .\*\:px-1\.5 {
    :is(& > *) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .\*\:pl-4 {
    :is(& > *) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .group-first\/row\:border-t-0 {
    &:is(:where(.group\/row):first-child *) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .group-last\:mr-0 {
    &:is(:where(.group):last-child *) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .group-last\:border-b-transparent {
    &:is(:where(.group):last-child *) {
      border-bottom-color: transparent;
    }
  }
  .group-last\/label\:rounded-br-lg {
    &:is(:where(.group\/label):last-child *) {
      border-bottom-right-radius: var(--radius-lg);
    }
  }
  .group-open\:rotate-90 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 90deg;
    }
  }
  .group-open\:flex-wrap {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      flex-wrap: wrap;
    }
  }
  .group-open\:whitespace-normal {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      white-space: normal;
    }
  }
  .group-focus-within\/parameter-item\:opacity-100 {
    &:is(:where(.group\/parameter-item):focus-within *) {
      opacity: 100%;
    }
  }
  .group-focus-within\/scope-row\:opacity-100 {
    &:is(:where(.group\/scope-row):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:flex {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        display: flex;
      }
    }
  }
  .group-hover\:pr-10 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        padding-right: calc(var(--spacing) * 10);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/button\:opacity-0 {
    &:is(:where(.group\/button):hover *) {
      @media (hover: hover) {
        opacity: 0%;
      }
    }
  }
  .group-hover\/heading\:opacity-100 {
    &:is(:where(.group\/heading):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/item\:opacity-100 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/parameter-item\:opacity-100 {
    &:is(:where(.group\/parameter-item):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/params\:opacity-100 {
    &:is(:where(.group\/params):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/scope-row\:opacity-100 {
    &:is(:where(.group\/scope-row):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-focus-visible\:outline {
    &:is(:where(.group):focus-visible *) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .group-focus-visible\/button\:opacity-0 {
    &:is(:where(.group\/button):focus-visible *) {
      opacity: 0%;
    }
  }
  .group-focus-visible\/toggle\:outline {
    &:is(:where(.group\/toggle):focus-visible *) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .group-has-focus-visible\/heading\:opacity-100 {
    &:is(:where(.group\/heading):has(*:focus-visible) *) {
      opacity: 100%;
    }
  }
  .group-has-\[\.cm-focused\]\:z-1 {
    &:is(:where(.group):has(*:is(.cm-focused)) *) {
      z-index: 1;
    }
  }
  .group-has-\[\.code-input-lite__editor\:focus\]\:z-1 {
    &:is(:where(.group):has(*:is(.code-input-lite  editor:focus)) *) {
      z-index: 1;
    }
  }
  .group-has-\[\.code-input-lite__editor\:focus\]\:flex {
    &:is(:where(.group):has(*:is(.code-input-lite  editor:focus)) *) {
      display: flex;
    }
  }
  .group-has-\[\.code-input-lite__editor\:focus\]\:pr-10 {
    &:is(:where(.group):has(*:is(.code-input-lite  editor:focus)) *) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .group-has-\[\:focus-visible\]\/cell\:opacity-100 {
    &:is(:where(.group\/cell):has(*:is(:focus-visible)) *) {
      opacity: 100%;
    }
  }
  .group-has-\[\:focus-visible\]\/input\:block {
    &:is(:where(.group\/input):has(*:is(:focus-visible)) *) {
      display: block;
    }
  }
  .group-has-\[input\]\/label\:mr-0 {
    &:is(:where(.group\/label):has(*:is(input)) *) {
      margin-right: calc(var(--spacing) * 0);
    }
  }
  .group-has-\[\~\*_\[aria-expanded\=true\]\]\/button\:opacity-0 {
    &:is(:where(.group\/button):has(~* [aria-expanded=true]) *) {
      opacity: 0%;
    }
  }
  .group-has-\[\~\*\:focus-within\]\/button\:opacity-0 {
    &:is(:where(.group\/button):has(~*:focus-within) *) {
      opacity: 0%;
    }
  }
  .group-has-\[\~\*\:hover\]\/button\:opacity-0 {
    &:is(:where(.group\/button):has(~*:hover) *) {
      opacity: 0%;
    }
  }
  .group-aria-expanded\/button\:rotate-180 {
    &:is(:where(.group\/button)[aria-expanded="true"] *) {
      rotate: 180deg;
    }
  }
  .group-aria-expanded\/combobox-button\:rotate-180 {
    &:is(:where(.group\/combobox-button)[aria-expanded="true"] *) {
      rotate: 180deg;
    }
  }
  .group-\[\.alert\]\:bg-transparent {
    &:is(:where(.group):is(.alert) *) {
      background-color: transparent;
    }
  }
  .group-\[\.alert\]\:shadow-none {
    &:is(:where(.group):is(.alert) *) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .group-\[\.error\]\:bg-transparent {
    &:is(:where(.group):is(.error) *) {
      background-color: transparent;
    }
  }
  .group-\[\.error\]\:shadow-none {
    &:is(:where(.group):is(.error) *) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .peer-hover\/button\:opacity-100 {
    &:is(:where(.peer\/button):hover ~ *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .peer-focus-visible\/button\:opacity-100 {
    &:is(:where(.peer\/button):focus-visible ~ *) {
      opacity: 100%;
    }
  }
  .peer-has-\[\.cm-focused\]\:opacity-0 {
    &:is(:where(.peer):has(*:is(.cm-focused)) ~ *) {
      opacity: 0%;
    }
  }
  .peer-has-\[\.code-input-lite__editor\:focus\]\:opacity-0 {
    &:is(:where(.peer):has(*:is(.code-input-lite  editor:focus)) ~ *) {
      opacity: 0%;
    }
  }
  .placeholder\:font-\[inherit\] {
    &::placeholder {
      font-family: inherit;
    }
  }
  .\*\:not-first\:before\:content-\[\'_·_\'\] {
    :is(& > *) {
      &:not(*:first-child) {
        &::before {
          --tw-content: ' · ';
          content: var(--tw-content);
        }
      }
    }
  }
  .after\:pointer-events-none {
    &::after {
      content: var(--tw-content);
      pointer-events: none;
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:inset-0 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }
  .after\:inset-x-0 {
    &::after {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 0);
    }
  }
  .after\:-top-0\.5 {
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * -0.5);
    }
  }
  .after\:-bottom-0\.5 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -0.5);
    }
  }
  .after\:block {
    &::after {
      content: var(--tw-content);
      display: block;
    }
  }
  .after\:h-0\.75 {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 0.75);
    }
  }
  .after\:rounded {
    &::after {
      content: var(--tw-content);
      border-radius: 0.25rem;
    }
  }
  .after\:opacity-15 {
    &::after {
      content: var(--tw-content);
      opacity: 15%;
    }
  }
  .after\:content-\[\'\:\'\] {
    &::after {
      --tw-content: ':';
      content: var(--tw-content);
    }
  }
  .first\:rounded-t-\[inherit\] {
    &:first-child {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
    }
  }
  .\*\:first\:rounded-l {
    :is(& > *) {
      &:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
    }
  }
  .\*\:first\:border-t-0 {
    :is(& > *) {
      &:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
    }
  }
  .first\:\*\:border-t-0 {
    &:first-child {
      :is(& > *) {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
    }
  }
  .last\:rounded-b-\[inherit\] {
    &:last-child {
      border-bottom-right-radius: inherit;
      border-bottom-left-radius: inherit;
    }
  }
  .last\:rounded-b-lg {
    &:last-child {
      border-bottom-right-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-r-0 {
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .\*\:last\:rounded-r {
    :is(& > *) {
      &:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
      }
    }
  }
  .last-of-type\:first-of-type\:border-b-0 {
    &:last-of-type {
      &:first-of-type {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .focus-within\:opacity-100 {
    &:focus-within {
      opacity: 100%;
    }
  }
  .focus-within\:outline-none {
    &:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .hover\:bg-surface-2 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-2);
      }
    }
  }
  .hover\:bg-linear-to-b {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-position: to bottom;
        @supports (background-image: linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to bottom in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .hover\:bg-linear-to-t {
    &:hover {
      @media (hover: hover) {
        --tw-gradient-position: to top;
        @supports (background-image: linear-gradient(in lab, red, red)) {
          --tw-gradient-position: to top in oklab;
        }
        background-image: linear-gradient(var(--tw-gradient-stops));
      }
    }
  }
  .hover\:text-warn {
    &:hover {
      @media (hover: hover) {
        color: var(--color-warn);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:brightness-75 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(75%);
        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,);
      }
    }
  }
  .hover\:brightness-90 {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(90%);
        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,);
      }
    }
  }
  .focus\:border-b-1 {
    &:focus {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:opacity-100 {
    &:focus-visible {
      opacity: 100%;
    }
  }
  .focus-visible\:outline {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .active\:brightness-90 {
    &:active {
      --tw-brightness: brightness(90%);
      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,);
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
  .disabled\:opacity-30 {
    &:disabled {
      opacity: 30%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .has-focus-visible\:outline {
    &:has(*:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .has-\[\:focus-visible\]\:absolute {
    &:has(*:is(:focus-visible)) {
      position: absolute;
    }
  }
  .has-\[\:focus-visible\]\:z-1 {
    &:has(*:is(:focus-visible)) {
      z-index: 1;
    }
  }
  .has-\[\:focus-visible\]\:rounded-\[4px\] {
    &:has(*:is(:focus-visible)) {
      border-radius: 4px;
    }
  }
  .has-\[\:focus-visible\]\:opacity-100 {
    &:has(*:is(:focus-visible)) {
      opacity: 100%;
    }
  }
  .has-\[\:focus-visible\]\:outline {
    &:has(*:is(:focus-visible)) {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .has-\[\&\[aria-expanded\=true\]\]\:opacity-100 {
    &:has(*[aria-expanded=true]) {
      opacity: 100%;
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .max-md\:absolute\! {
    @media (width < 48rem) {
      position: absolute !important;
    }
  }
  .max-md\:top-4 {
    @media (width < 48rem) {
      top: calc(var(--spacing) * 4);
    }
  }
  .max-md\:z-5 {
    @media (width < 48rem) {
      z-index: 5;
    }
  }
  .max-md\:w-full\! {
    @media (width < 48rem) {
      width: 100% !important;
    }
  }
  .max-md\:pt-2 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .max-md\:pt-12 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .max-md\:pl-4\! {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 4) !important;
    }
  }
  .max-md\:pl-10 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
  .max-md\:pl-14 {
    @media (width < 48rem) {
      padding-left: calc(var(--spacing) * 14);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-9 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:flex-wrap {
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:rounded-none {
    @media (width >= 40rem) {
      border-radius: 0 !important;
    }
  }
  .sm\:border-0 {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .sm\:p-0 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:pointer-events-none {
    @media (width >= 48rem) {
      pointer-events: none;
    }
  }
  .md\:absolute {
    @media (width >= 48rem) {
      position: absolute;
    }
  }
  .md\:static {
    @media (width >= 48rem) {
      position: static;
    }
  }
  .md\:sticky {
    @media (width >= 48rem) {
      position: sticky;
    }
  }
  .md\:inset-x-1 {
    @media (width >= 48rem) {
      inset-inline: calc(var(--spacing) * 1);
    }
  }
  .md\:top-1\/2 {
    @media (width >= 48rem) {
      top: calc(1/2 * 100%);
    }
  }
  .md\:top-\[var\(--site-banner-h\,0px\)\] {
    @media (width >= 48rem) {
      top: var(--site-banner-h,0px);
    }
  }
  .md\:top-auto {
    @media (width >= 48rem) {
      top: auto;
    }
  }
  .md\:right-auto {
    @media (width >= 48rem) {
      right: auto;
    }
  }
  .md\:bottom-\[76px\] {
    @media (width >= 48rem) {
      bottom: 76px;
    }
  }
  .md\:left-\[14px\] {
    @media (width >= 48rem) {
      left: 14px;
    }
  }
  .md\:mt-0 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .md\:-ml-1\.25 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * -1.25);
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .md\:h-\[calc\(100vh-var\(--site-banner-h\,0px\)\)\] {
    @media (width >= 48rem) {
      height: calc(100vh - var(--site-banner-h,0px));
    }
  }
  .md\:w-\[calc\(100vw-16px\)\] {
    @media (width >= 48rem) {
      width: calc(100vw - 16px);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:flex-none {
    @media (width >= 48rem) {
      flex: none;
    }
  }
  .md\:-translate-y-1\/2 {
    @media (width >= 48rem) {
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
  .md\:px-1\.5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 1.5);
    }
  }
  .md\:pt-0 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-4 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:pb-4 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:opacity-0 {
    @media (width >= 48rem) {
      opacity: 0%;
    }
  }
  .md\:\*\:border-t-0 {
    @media (width >= 48rem) {
      :is(& > *) {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
    }
  }
  .md\:group-hover\/upload\:pointer-events-auto {
    @media (width >= 48rem) {
      &:is(:where(.group\/upload):hover *) {
        @media (hover: hover) {
          pointer-events: auto;
        }
      }
    }
  }
  .md\:group-hover\/upload\:opacity-100 {
    @media (width >= 48rem) {
      &:is(:where(.group\/upload):hover *) {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
  }
  .lg\:static {
    @media (width >= 64rem) {
      position: static;
    }
  }
  .lg\:-mr-1 {
    @media (width >= 64rem) {
      margin-right: calc(var(--spacing) * -1);
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:w-\[calc\(100vw-32px\)\] {
    @media (width >= 64rem) {
      width: calc(100vw - 32px);
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:w-full {
    @media (width >= 64rem) {
      width: 100%;
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:p-0 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .lg\:pt-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pr-24 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 24);
    }
  }
  .xl\:mb-1\.5 {
    @media (width >= 80rem) {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
  }
  .xl\:flex {
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .xl\:h-full {
    @media (width >= 80rem) {
      height: 100%;
    }
  }
  .xl\:min-w-0 {
    @media (width >= 80rem) {
      min-width: calc(var(--spacing) * 0);
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:justify-end {
    @media (width >= 80rem) {
      justify-content: flex-end;
    }
  }
  .xl\:gap-12 {
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .xl\:overflow-hidden {
    @media (width >= 80rem) {
      overflow: hidden;
    }
  }
  .xl\:rounded-none {
    @media (width >= 80rem) {
      border-radius: 0 !important;
    }
  }
  .xl\:border-r {
    @media (width >= 80rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  .xl\:border-none {
    @media (width >= 80rem) {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .xl\:pr-0\.5 {
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 0.5);
    }
  }
  .xl\:pl-2 {
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .\*\:xl\:border-t-0 {
    :is(& > *) {
      @media (width >= 80rem) {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
      }
    }
  }
  .\*\:xl\:border-l {
    :is(& > *) {
      @media (width >= 80rem) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
    }
  }
  .xl\:first\:ml-auto {
    @media (width >= 80rem) {
      &:first-child {
        margin-left: auto;
      }
    }
  }
  .\*\:first\:xl\:border-l-0 {
    :is(& > *) {
      &:first-child {
        @media (width >= 80rem) {
          border-left-style: var(--tw-border-style);
          border-left-width: 0px;
        }
      }
    }
  }
  .\32 xl\:mx-auto {
    @media (width >= 96rem) {
      margin-inline: auto;
    }
  }
  .\32 xl\:max-w-\[1600px\] {
    @media (width >= 96rem) {
      max-width: 1600px;
    }
  }
  .\@3xl\:order-0 {
    @container (width >= 48rem) {
      order: 0;
    }
  }
  .\@3xl\:mb-0 {
    @container (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .\@3xl\:ml-0\.75 {
    @container (width >= 48rem) {
      margin-left: calc(var(--spacing) * 0.75);
    }
  }
  .\@3xl\:flex {
    @container (width >= 48rem) {
      display: flex;
    }
  }
  .\@3xl\:hidden {
    @container (width >= 48rem) {
      display: none;
    }
  }
  .\@3xl\:flex-nowrap {
    @container (width >= 48rem) {
      flex-wrap: nowrap;
    }
  }
  .dark\:bg-\(--bg-dark\) {
    @media (prefers-color-scheme: dark) {
      background-color: var(--bg-dark);
    }
  }
  .dark\:bg-linear-to-t {
    @media (prefers-color-scheme: dark) {
      --tw-gradient-position: to top;
      @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to top in oklab;
      }
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
  }
  .dark\:hover\:bg-linear-to-b {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-position: to bottom;
          @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: to bottom in oklab;
          }
          background-image: linear-gradient(var(--tw-gradient-stops));
        }
      }
    }
  }
  .dark\:hover\:bg-linear-to-t {
    @media (prefers-color-scheme: dark) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-position: to top;
          @supports (background-image: linear-gradient(in lab, red, red)) {
            --tw-gradient-position: to top in oklab;
          }
          background-image: linear-gradient(var(--tw-gradient-stops));
        }
      }
    }
  }
  .\[\&_a\]\:underline {
    & a {
      text-decoration-line: underline;
    }
  }
  .\[\&_em\]\:not-italic {
    & em {
      font-style: normal;
    }
  }
  .\[\&\>svg\]\:h-full {
    &>svg {
      height: 100%;
    }
  }
  .\[\&\>svg\]\:w-full {
    &>svg {
      width: 100%;
    }
  }
}
:root {
  --color-ink-base: #F3EFE4;
  --color-sec-base: #C9C0AC;
  --color-muted-base: #8E876F;
  --color-paper-base: #0C0C0E;
  --color-accent-base: #E3BD6C;
  --color-accent-deep-base: #F2CE87;
  --color-paper: var(--color-paper-base);
  --color-surface: #141416;
  --color-surface-2: #1A1A1D;
  --color-ink: var(--color-ink-base);
  --color-sec: var(--color-sec-base);
  --color-muted: var(--color-muted-base);
  --color-line: #2A2A2E;
  --color-line-2: #3A3A40;
  --color-warn: #F0788F;
  --color-success: #7BD88F;
  --color-cmd-purple: #C4A0FF;
  --color-cmd-yellow: #F5D76E;
  --color-accent: var(--color-accent-base);
  --color-accent-deep: var(--color-accent-deep-base);
  --color-primary-light: #F2CE87;
  --color-primary: #E3BD6C;
  --color-primary-dark: #B8892B;
  --color-secondary-light: #C66B60;
  --color-secondary: #A1514A;
  --color-secondary-dark: #7A3C35;
  --color-tertiary-light: #8B7A6E;
  --color-tertiary: #6C5B4F;
  --color-tertiary-dark: #4A3D33;
}
[data-theme="light"] {
  --color-ink-base: #1C1B17;
  --color-sec-base: #5C574A;
  --color-muted-base: #948D79;
  --color-paper-base: #FAF7F0;
  --color-accent-base: #A8791C;
  --color-accent-deep-base: #7C5A14;
  --color-paper: var(--color-paper-base);
  --color-surface: #FBF8F2;
  --color-surface-2: #F5F1E6;
  --color-ink: var(--color-ink-base);
  --color-sec: var(--color-sec-base);
  --color-muted: var(--color-muted-base);
  --color-line: #EAE3D2;
  --color-line-2: #D9D0B8;
  --color-warn: #B23B58;
  --color-success: #2E8B4F;
  --color-cmd-purple: #6E3FCF;
  --color-cmd-yellow: #8A6D00;
  --color-accent: var(--color-accent-base);
  --color-accent-deep: var(--color-accent-deep-base);
  --color-primary-light: var(--color-accent-base);
  @supports (color: color-mix(in lab, red, red)) {
    --color-primary-light: color-mix(in srgb, var(--color-accent-base) 80%, white 20%);
  }
  --color-primary: var(--color-accent-base);
  --color-primary-dark: var(--color-accent-deep-base);
}
[data-accent="azure"] {
  --color-primary-light: #79c0ff;
  --color-primary: #4fb6ff;
  --color-primary-dark: #1f6feb;
  --color-secondary-light: #3dd5c3;
  --color-secondary: #1f9e78;
  --color-secondary-dark: #0a6e5f;
  --color-tertiary-light: #7dbef0;
  --color-tertiary: #52a0d0;
  --color-tertiary-dark: #1e7e9f;
  --color-accent: #4fb6ff;
  @supports (color: color-mix(in lab, red, red)) {
    --color-accent: color-mix(in srgb, #4fb6ff 85%, var(--color-accent-base) 15%);
  }
  --color-accent-deep: var(--color-accent);
  --color-paper: #4fb6ff;
  @supports (color: color-mix(in lab, red, red)) {
    --color-paper: color-mix(in srgb, #4fb6ff 40%, var(--color-paper-base) 60%);
  }
  --color-surface: #4fb6ff;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface: color-mix(in srgb, #4fb6ff 25%, var(--color-paper-base) 75%);
  }
  --color-surface-2: #4fb6ff;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface-2: color-mix(in srgb, #4fb6ff 35%, var(--color-paper-base) 65%);
  }
  --color-line: #4fb6ff;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line: color-mix(in srgb, #4fb6ff 20%, var(--color-paper-base) 80%);
  }
  --color-line-2: #4fb6ff;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line-2: color-mix(in srgb, #4fb6ff 30%, var(--color-paper-base) 70%);
  }
}
[data-accent="crimson"] {
  --color-primary-light: #f85149;
  --color-primary: #e2493d;
  --color-primary-dark: #a02622;
  --color-secondary-light: #3fb950;
  --color-secondary: #1a7f37;
  --color-secondary-dark: #044e1f;
  --color-tertiary-light: #e85aad;
  --color-tertiary: #bf3989;
  --color-tertiary-dark: #861160;
  --color-accent: #e2493d;
  @supports (color: color-mix(in lab, red, red)) {
    --color-accent: color-mix(in srgb, #e2493d 85%, var(--color-accent-base) 15%);
  }
  --color-accent-deep: var(--color-accent);
  --color-paper: #e2493d;
  @supports (color: color-mix(in lab, red, red)) {
    --color-paper: color-mix(in srgb, #e2493d 40%, var(--color-paper-base) 60%);
  }
  --color-surface: #e2493d;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface: color-mix(in srgb, #e2493d 25%, var(--color-paper-base) 75%);
  }
  --color-surface-2: #e2493d;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface-2: color-mix(in srgb, #e2493d 35%, var(--color-paper-base) 65%);
  }
  --color-line: #e2493d;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line: color-mix(in srgb, #e2493d 20%, var(--color-paper-base) 80%);
  }
  --color-line-2: #e2493d;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line-2: color-mix(in srgb, #e2493d 30%, var(--color-paper-base) 70%);
  }
}
[data-accent="verdant"] {
  --color-primary-light: #56d364;
  --color-primary: #3ecf8e;
  --color-primary-dark: #238636;
  --color-secondary-light: #e8b55a;
  --color-secondary: #d4a574;
  --color-secondary-dark: #b8860b;
  --color-tertiary-light: #6dde5f;
  --color-tertiary: #4a9e5d;
  --color-tertiary-dark: #2d7449;
  --color-accent: #3ecf8e;
  @supports (color: color-mix(in lab, red, red)) {
    --color-accent: color-mix(in srgb, #3ecf8e 85%, var(--color-accent-base) 15%);
  }
  --color-accent-deep: var(--color-accent);
  --color-paper: #3ecf8e;
  @supports (color: color-mix(in lab, red, red)) {
    --color-paper: color-mix(in srgb, #3ecf8e 40%, var(--color-paper-base) 60%);
  }
  --color-surface: #3ecf8e;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface: color-mix(in srgb, #3ecf8e 25%, var(--color-paper-base) 75%);
  }
  --color-surface-2: #3ecf8e;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface-2: color-mix(in srgb, #3ecf8e 35%, var(--color-paper-base) 65%);
  }
  --color-line: #3ecf8e;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line: color-mix(in srgb, #3ecf8e 20%, var(--color-paper-base) 80%);
  }
  --color-line-2: #3ecf8e;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line-2: color-mix(in srgb, #3ecf8e 30%, var(--color-paper-base) 70%);
  }
}
[data-accent="amethyst"] {
  --color-primary-light: #c4b5fd;
  --color-primary: #a675e0;
  --color-primary-dark: #7c3aed;
  --color-secondary-light: #fbbf24;
  --color-secondary: #f59e0b;
  --color-secondary-dark: #d97706;
  --color-tertiary-light: #d8b4fe;
  --color-tertiary: #8b5cf6;
  --color-tertiary-dark: #6d28d9;
  --color-accent: #a675e0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-accent: color-mix(in srgb, #a675e0 85%, var(--color-accent-base) 15%);
  }
  --color-accent-deep: var(--color-accent);
  --color-paper: #a675e0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-paper: color-mix(in srgb, #a675e0 40%, var(--color-paper-base) 60%);
  }
  --color-surface: #a675e0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface: color-mix(in srgb, #a675e0 25%, var(--color-paper-base) 75%);
  }
  --color-surface-2: #a675e0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface-2: color-mix(in srgb, #a675e0 35%, var(--color-paper-base) 65%);
  }
  --color-line: #a675e0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line: color-mix(in srgb, #a675e0 20%, var(--color-paper-base) 80%);
  }
  --color-line-2: #a675e0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line-2: color-mix(in srgb, #a675e0 30%, var(--color-paper-base) 70%);
  }
}
[data-accent="rose"] {
  --color-primary-light: #f472b6;
  --color-primary: #e07ba0;
  --color-primary-dark: #c2185b;
  --color-secondary-light: #a78bfa;
  --color-secondary: #7c7cfc;
  --color-secondary-dark: #4c1d95;
  --color-tertiary-light: #fb7185;
  --color-tertiary: #db4c8f;
  --color-tertiary-dark: #831843;
  --color-accent: #e07ba0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-accent: color-mix(in srgb, #e07ba0 85%, var(--color-accent-base) 15%);
  }
  --color-accent-deep: var(--color-accent);
  --color-paper: #e07ba0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-paper: color-mix(in srgb, #e07ba0 40%, var(--color-paper-base) 60%);
  }
  --color-surface: #e07ba0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface: color-mix(in srgb, #e07ba0 25%, var(--color-paper-base) 75%);
  }
  --color-surface-2: #e07ba0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-surface-2: color-mix(in srgb, #e07ba0 35%, var(--color-paper-base) 65%);
  }
  --color-line: #e07ba0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line: color-mix(in srgb, #e07ba0 20%, var(--color-paper-base) 80%);
  }
  --color-line-2: #e07ba0;
  @supports (color: color-mix(in lab, red, red)) {
    --color-line-2: color-mix(in srgb, #e07ba0 30%, var(--color-paper-base) 70%);
  }
}
[data-theme="light"][data-accent="azure"] {
  --color-primary-light: color-mix(in srgb, #4fb6ff 65%, black 15%);
  --color-primary: color-mix(in srgb, #4fb6ff 55%, black 30%);
  --color-primary-dark: color-mix(in srgb, #4fb6ff 45%, black 45%);
}
[data-theme="light"][data-accent="crimson"] {
  --color-primary-light: color-mix(in srgb, #e2493d 65%, black 15%);
  --color-primary: color-mix(in srgb, #e2493d 55%, black 30%);
  --color-primary-dark: color-mix(in srgb, #e2493d 45%, black 45%);
}
[data-theme="light"][data-accent="verdant"] {
  --color-primary-light: color-mix(in srgb, #3ecf8e 65%, black 15%);
  --color-primary: color-mix(in srgb, #3ecf8e 55%, black 30%);
  --color-primary-dark: color-mix(in srgb, #3ecf8e 45%, black 45%);
}
[data-theme="light"][data-accent="amethyst"] {
  --color-primary-light: color-mix(in srgb, #a675e0 65%, black 15%);
  --color-primary: color-mix(in srgb, #a675e0 55%, black 30%);
  --color-primary-dark: color-mix(in srgb, #a675e0 45%, black 45%);
}
[data-theme="light"][data-accent="rose"] {
  --color-primary-light: color-mix(in srgb, #e07ba0 65%, black 15%);
  --color-primary: color-mix(in srgb, #e07ba0 55%, black 30%);
  --color-primary-dark: color-mix(in srgb, #e07ba0 45%, black 45%);
}
[data-theme="dark"][data-accent="azure"] {
  --color-primary-light: color-mix(in srgb, #4fb6ff 75%, white 25%);
  --color-primary: color-mix(in srgb, #4fb6ff 88%, white 12%);
  --color-primary-dark: #4fb6ff;
}
[data-theme="dark"][data-accent="crimson"] {
  --color-primary-light: color-mix(in srgb, #e2493d 75%, white 25%);
  --color-primary: color-mix(in srgb, #e2493d 88%, white 12%);
  --color-primary-dark: #e2493d;
}
[data-theme="dark"][data-accent="verdant"] {
  --color-primary-light: color-mix(in srgb, #3ecf8e 75%, white 25%);
  --color-primary: color-mix(in srgb, #3ecf8e 88%, white 12%);
  --color-primary-dark: #3ecf8e;
}
[data-theme="dark"][data-accent="amethyst"] {
  --color-primary-light: color-mix(in srgb, #a675e0 75%, white 25%);
  --color-primary: color-mix(in srgb, #a675e0 88%, white 12%);
  --color-primary-dark: #a675e0;
}
[data-theme="dark"][data-accent="rose"] {
  --color-primary-light: color-mix(in srgb, #e07ba0 75%, white 25%);
  --color-primary: color-mix(in srgb, #e07ba0 88%, white 12%);
  --color-primary-dark: #e07ba0;
}
.login-scene {
  background: radial-gradient(120% 66% at 50% 4%, color-mix(in srgb, #E3BD6C 14%, #0C0C0E) 0%, var(--color-paper) 46%, var(--color-paper) 78%);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(120% 66% at 50% 4%, color-mix(in srgb, var(--color-primary) 14%, var(--color-paper)) 0%, var(--color-paper) 46%, var(--color-paper) 78%);
  }
}
@keyframes sh-ember {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 0.4;
  }
  100% {
    transform: translate(var(--dx), -140px);
    opacity: 0;
  }
}
.login-ember {
  position: absolute;
  bottom: 20%;
  border-radius: 999px;
  background: var(--color-primary);
  animation: sh-ember 5s ease-in infinite;
}
@keyframes sh-orbit {
  from {
    transform: translate(-50%, -50%) rotate(0deg) translateX(var(--rad)) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg) translateX(var(--rad)) rotate(-360deg);
  }
}
.login-orbit {
  position: absolute;
  inset-inline-start: 50%;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-inline-start: -2.5px;
  margin-top: -2.5px;
  border-radius: 999px;
  background: var(--color-primary);
  box-shadow: 0 0 8px 1px color-mix(in srgb, #E3BD6C 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 8px 1px color-mix(in srgb, var(--color-primary) 80%, transparent);
  }
  animation: sh-orbit linear infinite;
}
@keyframes sh-pulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}
.login-pulse {
  animation: sh-pulse 4.5s ease-in-out infinite;
}
@keyframes sh-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes sh-spin-rev {
  to {
    transform: rotate(-360deg);
  }
}
.login-spin {
  animation: sh-spin 26s linear infinite;
}
.login-spin-rev {
  animation: sh-spin-rev 34s linear infinite;
}
@keyframes sh-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
.login-float {
  animation: sh-float 7s ease-in-out infinite;
}
@keyframes sh-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.login-fade {
  animation: sh-fade 0.2s both;
}
@keyframes sh-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.login-in {
  animation: sh-in 0.25s both;
}
@keyframes sh-caret {
  0%, 49% {
    border-color: var(--color-primary);
  }
  50%, 100% {
    border-color: var(--color-line-2);
  }
}
.login-totp-caret {
  animation: sh-caret 1.1s infinite;
}
.toast-container {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 10010;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  max-height: 100vh;
  overflow-y: auto;
}
.toast {
  position: relative;
  background: var(--color-surface);
  color: var(--color-ink);
  border: none;
  border-bottom: 1px solid var(--color-accent);
  width: 100%;
  max-height: 40vh;
  overflow: auto;
  text-align: start;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 44px 14px 16px;
  border-radius: 0;
  box-shadow: 0 10px 34px -8px rgba(0, 0, 0, .5);
  pointer-events: auto;
  box-sizing: border-box;
  font-size: 14px;
  opacity: 0;
  transform: translateY(-100%);
  transition: transform .25s, opacity .25s;
}
.toast.show {
  transform: translateY(0);
  opacity: 1;
}
.toast::before {
  content: "";
  flex: none;
  width: 4px;
  align-self: stretch;
  border-radius: 2px;
  background: var(--color-accent);
}
.toast-msg {
  flex: 1;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5;
}
.toast-close {
  position: absolute;
  top: 10px;
  inset-inline-end: 12px;
  flex: none;
  background: none;
  border: none;
  color: var(--color-muted);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
}
.toast-close:hover {
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  }
}
.toast-close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent) 35%, transparent);
  }
}
.toast.error {
  border-bottom-color: var(--color-warn);
}
.toast.error::before {
  background: var(--color-warn);
}
.toast.error .toast-close:hover {
  color: var(--color-warn);
  background: color-mix(in srgb, #F0788F 12%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 12%, transparent);
  }
}
.update-banner {
  position: fixed;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 10020;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 12px 20px;
  background: var(--color-surface-2);
  color: var(--color-ink);
  border-top: 1px solid var(--color-accent);
  box-shadow: 0 -10px 34px -8px rgba(0, 0, 0, .5);
  font-size: 14px;
  animation: update-banner-in .25s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .update-banner {
    animation: none;
  }
}
@keyframes update-banner-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.admin-announce-spinner {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid color-mix(in srgb, #0C0C0E 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 2px solid color-mix(in srgb, var(--color-paper) 35%, transparent);
  }
  border-top-color: var(--color-paper);
  border-radius: 50%;
  animation: admin-announce-spin .7s linear infinite;
  vertical-align: -1px;
}
@media (prefers-reduced-motion: reduce) {
  .admin-announce-spinner {
    animation: none;
  }
}
@keyframes admin-announce-spin {
  to {
    transform: rotate(360deg);
  }
}
.update-banner-msg {
  flex: 1 1 auto;
  min-width: 0;
}
#updateBannerReload {
  flex: none;
  border: 1px solid var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 16%, transparent);
  }
  color: var(--color-ink);
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
#updateBannerReload:hover {
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 28%, transparent);
  }
}
#updateBannerReload:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent) 35%, transparent);
  }
}
.modal-layer {
  position: fixed;
  inset: 0;
  z-index: 10005;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, .5);
}
.modal-layer:not(:last-child) {
  visibility: hidden;
}
.modal {
  background: var(--color-paper);
  border: 1px solid var(--color-line-2);
  border-radius: 16px;
  max-width: 480px;
  width: 100%;
  max-height: 86vh;
  overflow-y: auto;
  padding: 22px 20px;
  box-shadow: 0 24px 60px -20px var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 24px 60px -20px color-mix(in srgb, var(--color-accent) 35%, transparent);
  }
  position: relative;
}
.modal.modal-wide {
  max-width: min(720px, 92vw);
}
.imggen-grid {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 16px;
}
.imggen-settings {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.imggen-settings label {
  margin-bottom: 6px !important;
}
.imggen-settings p {
  margin-bottom: 8px !important;
}
.imggen-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.imggen-actions .pe-gen-btn {
  flex-basis: 110px;
}
@media (min-width: 768px) {
  .imggen-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 28px;
    align-items: start;
  }
  .imggen-grid > .imggen-settings {
    min-width: 0;
  }
  .imggen-grid > .imggen-preview {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 0;
  }
  .imggen-actions {
    margin-top: 0;
  }
}
.modal h3 {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--font-display);
  color: var(--color-ink);
}
.modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.modal-foot {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin: 8px -20px -22px;
  padding: 14px 20px 20px;
  position: sticky;
  bottom: -20px;
  background: var(--color-paper);
  border-top: 1px solid var(--color-line-2);
}
.modal-close {
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-surface);
  border: 1px solid var(--color-line-2);
  color: var(--color-sec);
  border-radius: 999px;
  padding: 0;
  cursor: pointer;
}
.modal-close:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}
.ig-zoom-slider {
  height: 32px;
}
.ig-zoom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--color-accent);
  border: 2px solid #fff;
  cursor: pointer;
  margin-top: -11px;
}
.ig-zoom-slider::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, .3);
}
.ig-zoom-slider::-moz-range-thumb {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--color-accent);
  border: 2px solid #fff;
  cursor: pointer;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-menu {
  position: absolute;
  top: calc(100% + 6px);
  inset-inline-end: 0;
  min-width: 180px;
  background: var(--color-surface);
  border: 1px solid var(--color-line-2);
  border-radius: 12px;
  box-shadow: 0 14px 34px -12px rgba(0, 0, 0, .45);
  padding: 6px;
  z-index: 10003;
  display: none;
}
.dropdown-menu.open {
  display: block;
}
.dropdown-item {
  display: block;
  width: 100%;
  text-align: start;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 9px 10px;
  font-size: 13.5px;
  color: var(--color-ink);
  cursor: pointer;
}
.dropdown-item:hover, .dropdown-item.active {
  background: var(--color-surface-2);
  color: var(--color-accent);
}
.dropdown-item[disabled] {
  opacity: .5;
  cursor: not-allowed;
}
.dropdown-item:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
.dropdown-divider {
  height: 1px;
  margin: 6px 4px;
  background: var(--color-line-2);
}
.notif-badge {
  position: absolute;
  top: -4px;
  inset-inline-end: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 9px;
  background: var(--color-accent);
  color: var(--color-paper-base);
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  box-sizing: border-box;
}
.notif-panel {
  position: fixed;
  z-index: 10005;
  width: 340px;
  max-width: calc(100vw - 24px);
  max-height: min(70vh, 520px);
  display: flex;
  flex-direction: column;
  background: var(--color-surface);
  border: 1px solid var(--color-line-2);
  border-radius: 12px;
  box-shadow: 0 18px 44px -14px rgba(0, 0, 0, .6);
  overflow: hidden;
}
.notif-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid var(--color-line);
  font-weight: 600;
  font-size: 14px;
  color: var(--color-ink);
}
.notif-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.notif-markall {
  background: none;
  border: none;
  color: var(--color-accent);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 2px 4px;
}
.notif-markall:hover {
  text-decoration: underline;
}
.notif-clearall {
  color: var(--color-warn);
}
.notif-list {
  overflow-y: auto;
  padding: 4px;
}
.notif-empty {
  padding: 22px 14px;
  text-align: center;
  color: var(--color-muted);
  font-size: 13px;
}
.notif-item {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  text-align: start;
  background: none;
  border: none;
  border-radius: 9px;
  padding: 10px;
  cursor: pointer;
  color: var(--color-ink);
}
.notif-item:hover {
  background: var(--color-surface-2);
}
.notif-dot {
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 50%;
  background: transparent;
}
.notif-item.unread .notif-dot {
  background: var(--color-accent);
}
.notif-item.unread .notif-item-title {
  font-weight: 700;
}
.notif-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.notif-item-title {
  font-size: 13.5px;
  line-height: 1.35;
}
.notif-item-text {
  font-size: 12px;
  color: var(--color-sec);
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.notif-item-time {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 1px;
}
.site-banner {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  font-size: 13px;
  color: var(--color-ink);
  background: color-mix(in srgb, #F0788F 14%, #141416);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 14%, var(--color-surface));
  }
  border-bottom: 1px solid var(--color-warn);
}
.site-banner.type-info {
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));
  }
  border-bottom-color: var(--color-accent);
}
.site-banner.type-warning {
  background: var(--color-cmd-yellow);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-cmd-yellow) 16%, var(--color-surface));
  }
  border-bottom-color: var(--color-cmd-yellow);
}
.site-banner-icon {
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--color-warn);
}
.site-banner.type-info .site-banner-icon {
  color: var(--color-accent);
}
.site-banner.type-warning .site-banner-icon {
  color: var(--color-cmd-yellow);
}
.site-banner-text {
  flex: 1;
  min-width: 0;
  line-height: 1.4;
}
.site-banner-eta {
  flex: none;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-muted);
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  #railTools {
    top: calc(var(--site-banner-h, 0px) + 8px);
  }
}
input, textarea, select {
  outline: none;
}
input[data-proxy-priority]::-webkit-outer-spin-button, input[data-proxy-priority]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input:focus, input:focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible {
  outline: none;
}
:root[data-theme="dark"] select {
  color-scheme: dark;
}
:root[data-theme="light"] select {
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) select {
    color-scheme: dark;
  }
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) select {
    color-scheme: light;
  }
}
[dir="rtl"] .icon-flip-rtl {
  transform: scaleX(-1);
}
[dir="rtl"] #sidebar, [dir="rtl"] #tabletRail {
  border-right: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--color-line);
}
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 12px;
}
@media (width >= 30rem) {
  .card-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 240px));
  }
}
.profile-char-grid {
  grid-template-columns: repeat(auto-fill, 108px);
  justify-content: start;
}
@media (width >= 48rem) {
  .content-col {
    max-width: 680px;
    margin-inline: auto;
  }
}
.sidebar-submenu {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.2s ease;
}
.sidebar-submenu > div {
  overflow: hidden;
}
.sidebar-group-open .sidebar-submenu, .sidebar-group:hover .sidebar-submenu, .sidebar-group:focus-within .sidebar-submenu {
  grid-template-rows: 1fr;
}
#nav:has(.sidebar-group:hover) .sidebar-group:not(:hover) .sidebar-submenu {
  grid-template-rows: 0fr;
}
.sidebar-chevron {
  transition: transform 0.2s ease;
}
.sidebar-group-open .sidebar-chevron {
  transform: rotate(180deg);
}
.sidebar-footer {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--color-line);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.sidebar-footer-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sidebar-footer-btn {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  color: var(--color-sec);
  display: grid;
  place-items: center;
  transition: background-color .15s, color .15s, border-color .15s;
}
.sidebar-footer-btn:hover {
  background: var(--color-surface-2);
  color: var(--color-ink);
  border-color: var(--color-line-2);
}
#sidebarFooterIcons #notifBellBtn, #sidebarFooterIcons #censorToggle {
  width: 32px;
  height: 32px;
  border-radius: 9px;
}
.theme-icon-sun, .theme-icon-moon {
  display: none;
}
:root[data-theme="dark"] .theme-icon-moon {
  display: block;
}
:root[data-theme="light"] .theme-icon-sun {
  display: block;
}
.sidebar-footer-version {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .1em;
  color: var(--color-muted);
  opacity: .7;
}
.char-card {
  position: relative;
  aspect-ratio: 3/4;
  border-radius: 14px;
  cursor: pointer;
}
.char-card-frame {
  position: absolute;
  inset: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--color-line-2);
  outline: 1px dashed var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 1px dashed color-mix(in srgb, var(--color-accent) 45%, transparent);
  }
  outline-offset: -5px;
  transition: outline-color .2s, border-color .2s, transform .2s, box-shadow .2s;
}
.char-card:active .char-card-frame {
  border-color: var(--color-accent);
  outline-color: var(--color-accent);
  transform: scale(.98);
}
.char-card-art {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.char-card-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, var(--dom, #0C0C0E) 0%, var(--dom, #0C0C0E) 46%, transparent 70%);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(0deg, color-mix(in srgb, var(--dom, var(--color-paper)) 88%, var(--color-paper) 12%) 0%, color-mix(in srgb, var(--dom, var(--color-paper)) 55%, transparent) 46%, transparent 70%);
  }
}
.char-card-body {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  padding: 9px 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.char-card-tags {
  display: flex;
  gap: 4px;
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0;
}
.char-card-tag {
  font-family: var(--font-mono);
  font-size: 7.5px;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 2px 5px;
  border-radius: 5px;
  background: rgba(10, 10, 12, .55);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.char-card-title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 13.5px;
  margin: 0;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.char-card-log {
  font-size: 10px;
  line-height: 1.35;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  text-shadow: 0 1px 3px rgba(0, 0, 0, .85);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.char-card-creator {
  display: flex;
  align-items: center;
  gap: 5px;
}
.char-card-creator-ring {
  width: 15px;
  height: 15px;
  border-radius: 999px;
  padding: 1.5px;
  flex: none;
}
.char-card-creator-ring-inner {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: var(--color-surface-2);
  overflow: hidden;
  display: grid;
  place-items: center;
}
.char-card-creator-ring-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.char-card-creator-ring-inner span {
  font-family: var(--font-mono);
  font-size: 7px;
  color: #fff;
}
.char-card-creator-name {
  font-family: var(--font-mono);
  font-size: 8.5px;
  letter-spacing: .03em;
  color: rgba(255, 255, 255, .85);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
}
.char-card-ribbon {
  position: absolute;
  top: -1px;
  inset-inline-end: 14px;
  width: 32px;
  height: 42px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 78%, 50% 100%, 0% 78%);
  background: linear-gradient(180deg, var(--color-accent), var(--color-accent-deep));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 6px;
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .4));
  z-index: 2;
}
.char-card-ribbon svg {
  width: 15px;
  height: 15px;
  color: var(--color-paper-base, var(--color-paper));
}
.char-card-ribbon span {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  color: var(--color-paper-base, var(--color-paper));
  margin-top: 2px;
}
.inline-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  flex: none;
}
.inline-pill .x {
  opacity: .65;
  font-family: var(--font-sans);
}
.inline-pill.pill-creator {
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 16%, var(--color-surface));
  }
  border-color: var(--color-accent);
  color: var(--color-accent);
}
.inline-pill.pill-tag {
  background: var(--color-surface-2);
  border-color: var(--color-line-2);
  color: var(--color-ink);
}
.inline-pill.pill-gender, .inline-pill.pill-mode {
  background: color-mix(in srgb, #6C5B4F 18%, #141416);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-tertiary) 18%, var(--color-surface));
  }
  border-color: var(--color-tertiary);
  color: var(--color-ink);
}
.inline-pill.pill-nsfw {
  background: color-mix(in srgb, #F0788F 16%, #141416);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 16%, var(--color-surface));
  }
  border-color: var(--color-warn);
  color: var(--color-warn);
}
.type-chip, .inline-pill.type-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--color-accent);
  color: var(--color-paper-base);
  border-color: transparent;
}
.type-chip svg {
  width: 12px;
  height: 12px;
  flex: none;
}
.type-chip.type-chip-mode, .inline-pill.type-chip.type-chip-mode {
  color: #0C0C0E;
}
.inline-pill input {
  border: none;
  background: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: 90px;
}
.filter-chip {
  font-family: var(--font-mono);
  font-size: 11px;
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface);
  color: var(--color-sec);
  cursor: pointer;
  white-space: nowrap;
}
.filter-chip svg {
  width: 12px;
  height: 12px;
  flex: none;
}
.filter-chip.on {
  border-color: var(--color-accent);
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
  }
}
.pe-gen-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 999px;
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));
  }
  cursor: pointer;
  transition: background-color .15s, color .15s;
  white-space: nowrap;
}
.pe-gen-btn svg {
  flex: none;
  width: 14px;
  height: 14px;
}
.pe-gen-btn:hover {
  background: var(--color-accent);
  color: var(--color-paper-base);
}
.pe-gen-btn:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
.artisan-card {
  position: relative;
  border-radius: 16px;
  overflow: visible;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
}
.artisan-banner {
  height: 96px;
  border-radius: 16px 16px 0 0;
  background-size: cover;
  background-position: center;
}
.artisan-ring {
  position: absolute;
  top: 66px;
  inset-inline-start: 16px;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  padding: 2.5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}
.artisan-ring-inner {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: var(--color-surface-2);
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 2px solid var(--color-surface);
}
.artisan-ring-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.artisan-ring-inner span {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 600;
  color: var(--color-ink);
}
.artisan-body {
  padding: 38px 16px 16px;
}
.artisan-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 16px;
  color: var(--color-ink);
}
.artisan-handle {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 1px;
}
.artisan-bio {
  font-size: 12.5px;
  color: var(--color-sec);
  margin: 8px 0 0;
  line-height: 1.4;
}
.artisan-stats {
  margin-top: 10px;
  font-size: 12.5px;
  color: var(--color-sec);
}
.artisan-stats b {
  color: var(--color-ink);
  font-weight: 600;
}
.parlance-list {
  position: relative;
}
.parlance-group-header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 4px 10px;
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-line);
  cursor: pointer;
  text-align: left;
}
.parlance-group-header:hover .parlance-name {
  color: var(--color-accent-deep);
}
.parlance-group-rule {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--color-line-2), transparent);
  margin-inline-start: 10px;
}
.parlance-group-toggle {
  flex: none;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-line-2);
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1;
  color: var(--color-muted);
  transition: transform .15s;
}
.parlance-group-header[data-expanded="true"] .parlance-group-toggle {
  transform: rotate(180deg);
}
.parlance-group-children {
  position: relative;
  border-inline-start: 1px solid var(--color-line);
  margin-inline-start: 20px;
  padding-inline-start: 6px;
}
.parlance-row {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 30px 12px 16px;
  cursor: pointer;
  border-radius: 8px;
}
.parlance-row:hover {
  background: var(--color-surface);
}
.parlance-check {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 13px;
  border: 1px solid var(--color-line-2);
  border-radius: 5px;
  display: none;
  background: var(--color-surface);
}
.parlance-check[data-checked="true"] {
  background: var(--color-accent);
  border-color: var(--color-accent);
}
body.parlance-select-mode .parlance-check {
  display: block;
}
body.parlance-select-mode .parlance-row .parlance-seal {
  display: none;
}
.parlance-delete {
  position: absolute;
  top: 12px;
  inset-inline-end: 4px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: none;
  background: none;
  color: var(--color-muted);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  opacity: 0;
  transition: opacity .12s;
}
.parlance-row:hover .parlance-delete {
  opacity: 1;
}
.parlance-delete:hover {
  background: var(--color-surface-2);
  color: var(--color-ink);
}
body.parlance-select-mode .parlance-delete {
  display: none;
}
.parlance-seal {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background-size: cover;
  background-position: center;
  display: grid;
  place-items: center;
  overflow: hidden;
  box-shadow: 0 0 0 2px var(--color-paper), 0 0 0 3px var(--color-accent), inset 0 1px 2px rgba(0, 0, 0, .3);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px var(--color-paper), 0 0 0 3px color-mix(in srgb, var(--color-accent) 55%, transparent), inset 0 1px 2px rgba(0, 0, 0, .3);
  }
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-ink);
}
.parlance-body {
  flex: 1;
  min-width: 0;
}
.parlance-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
.parlance-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--color-ink);
  display: flex;
  align-items: center;
  gap: 8px;
}
.parlance-time {
  flex: none;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.parlance-preview-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 3px;
}
.parlance-preview {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 13px;
  font-style: italic;
  color: var(--color-sec);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-inline-start: 2px solid var(--color-line-2);
  padding-inline-start: 8px;
}
.parlance-exchanges {
  flex: none;
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 10.5px;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
}
.parlance-exchanges svg {
  width: 11px;
  height: 11px;
  flex: none;
}
.parlance-tag-group, .parlance-tag-multiplayer {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 2px 7px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.parlance-tag-group {
  color: var(--color-cmd-purple);
  border: 1px solid var(--color-cmd-purple);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-cmd-purple) 55%, transparent);
  }
  background: var(--color-cmd-purple);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-cmd-purple) 14%, transparent);
  }
}
.parlance-tag-multiplayer {
  color: var(--color-accent-deep);
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 55%, transparent);
  }
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  }
}
.parlance-tag-group svg, .parlance-tag-multiplayer svg {
  width: 10px;
  height: 10px;
}
.parlance-select-toggle {
  flex: none;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--color-muted);
  background: none;
  cursor: pointer;
}
.parlance-select-toggle svg {
  width: 15px;
  height: 15px;
}
.parlance-select-toggle:hover {
  color: var(--color-sec);
  background: var(--color-surface-2);
}
body.parlance-select-mode .parlance-select-toggle {
  color: var(--color-accent-deep);
  border-color: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-accent) 45%, var(--color-line-2) 55%);
  }
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  }
}
.parlance-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding: 9px 14px;
  border-radius: 10px;
  background: color-mix(in srgb, #F0788F 12%, #141416 88%);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 12%, var(--color-surface) 88%);
  }
  border: 1px solid color-mix(in srgb, #F0788F 40%, #3A3A40 60%);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-warn) 40%, var(--color-line-2) 60%);
  }
  font-size: 12.5px;
  color: var(--color-sec);
}
.parlance-toolbar b {
  color: var(--color-ink);
}
.parlance-toolbar-actions {
  display: flex;
  gap: 8px;
}
.parlance-toolbar-btn {
  font-family: inherit;
  font-size: 12px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface-2);
  color: var(--color-sec);
  padding: 5px 11px;
  border-radius: 8px;
  cursor: pointer;
}
.parlance-toolbar-btn-danger {
  border-color: var(--color-warn);
  color: var(--color-warn);
}
.parlance-toolbar-btn-link {
  border: none;
  background: none;
  color: var(--color-muted);
  text-decoration: underline;
  padding: 5px 4px;
}
.parlance-empty {
  text-align: center;
  padding: 48px 16px;
  border: 1px solid var(--color-line);
  border-radius: 16px;
  background: var(--color-surface);
}
.parlance-empty-mark {
  font-family: var(--font-display);
  font-size: 28px;
  color: var(--color-accent);
  margin-bottom: 6px;
}
.parlance-empty-title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 15px;
  color: var(--color-ink);
  margin: 0;
}
.parlance-empty-sub {
  font-size: 13px;
  color: var(--color-sec);
  margin: 4px 0 14px;
}
.parlance-empty-cta {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--color-accent);
}
html[data-censor="1"] [data-explicit="1"] {
  filter: blur(20px) saturate(45%) !important;
}
.pin-wall {
  column-count: 2;
  column-gap: 10px;
}
@media (min-width: 640px) {
  .pin-wall {
    column-count: 3;
  }
}
@media (min-width: 1024px) {
  .pin-wall {
    column-count: 4;
  }
}
.pin-frame {
  break-inside: avoid;
  margin-bottom: 10px;
  position: relative;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--color-line);
  cursor: pointer;
  background: var(--color-surface);
  transition: border-color .15s ease;
}
.pin-frame:hover {
  border-color: var(--color-accent);
}
.pin-frame img {
  display: block;
  width: 100%;
  height: auto;
}
.pin-badge {
  position: absolute;
  top: 6px;
  inset-inline-end: 6px;
  z-index: 1;
  font-family: var(--font-mono);
  font-size: 8.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(0,0,0,.6);
  color: var(--color-warn);
  border: 1px solid var(--color-warn);
}
.sym-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 2px;
  border-bottom: 1px solid var(--color-line);
  cursor: pointer;
}
.sym-row:last-child {
  border-bottom: none;
}
.sym-row-title {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-ink);
}
.sym-row:hover .sym-row-title {
  color: var(--color-accent);
}
.sym-tag {
  display: inline-block;
  width: fit-content;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 999px;
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  }
}
.sym-meta {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-muted);
}
.sym-body {
  overflow-wrap: break-word;
  word-break: break-word;
}
.sym-body h1, .sym-body h2, .sym-body h3, .sym-body h4 {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--color-ink);
  margin: 22px 0 10px;
  line-height: 1.25;
}
.sym-body h1:first-child, .sym-body h2:first-child, .sym-body h3:first-child, .sym-body h4:first-child {
  margin-top: 0;
}
.sym-body h1 {
  font-size: 22px;
}
.sym-body h2 {
  font-size: 19px;
}
.sym-body h3 {
  font-size: 16px;
}
.sym-body h4 {
  font-size: 13px;
  font-family: var(--font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.sym-body hr {
  border: none;
  border-top: 1px solid var(--color-line);
  margin: 18px 0;
}
.sym-body li {
  margin-bottom: 4px;
}
.sym-body p {
  margin: 0 0 12px;
}
.sym-body p:last-child {
  margin-bottom: 0;
}
.sym-body strong {
  color: var(--color-ink);
  font-weight: 700;
}
.sym-body em {
  color: var(--color-sec);
}
.sym-body a {
  color: var(--color-accent);
  text-decoration: underline;
}
.sym-body code {
  font-family: var(--font-mono);
  font-size: 12.5px;
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
  border-radius: 4px;
  padding: 1px 5px;
}
.sym-body pre {
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
  border-radius: 6px;
  padding: 10px 12px;
  overflow-x: auto;
  margin: 0 0 12px;
}
.sym-body pre code {
  background: none;
  border: none;
  padding: 0;
}
.sym-body ul, .sym-body ol {
  margin: 0 0 12px;
  padding-inline-start: 22px;
}
.sym-body ul {
  list-style: disc;
}
.sym-body ol {
  list-style: decimal;
}
.sym-body ul ul {
  list-style: circle;
}
.sym-body blockquote {
  margin: 0 0 12px;
  padding: 4px 0 4px 12px;
  border-inline-start: 2px solid var(--color-accent);
  color: var(--color-sec);
}
.sym-body img {
  max-width: 100%;
  border-radius: 6px;
  display: block;
  margin: 0 0 12px;
}
.sym-reply-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.sym-reply-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--color-line);
}
.sym-reply-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.ig-detail {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 720px) {
  .ig-detail {
    flex-direction: row;
    align-items: flex-start;
  }
}
.ig-detail-img {
  flex: none;
  width: 100%;
  position: relative;
}
@media (min-width: 720px) {
  .ig-detail-img {
    width: 46%;
    position: sticky;
    top: 0;
  }
}
.ig-detail-media {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--color-line);
}
.ig-detail-img img, .ig-detail-media img {
  display: block;
  width: 100%;
  height: auto;
}
.ig-detail-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 14px;
}
@media (min-width: 720px) {
  .ig-detail-body {
    padding: 4px 0 4px 20px;
  }
}
.ig-comments-full {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--color-line);
}
@media (min-width: 1024px) {
  .ig-comments-full {
    max-width: 760px;
  }
}
.ig-detail-eyebrow {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .08em;
  color: var(--color-muted);
}
.ig-detail-owner {
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}
.ig-detail-owner-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 14px;
  color: var(--color-ink);
}
.ig-rating-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 0;
  border-top: 1px solid var(--color-line);
  border-bottom: 1px solid var(--color-line);
}
.ig-rating-badge {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  flex: none;
}
.ig-rating-badge.nsfw {
  color: var(--color-warn);
  border: 1px solid var(--color-warn);
  background: color-mix(in srgb, #F0788F 12%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 12%, transparent);
  }
}
.ig-rating-badge.sfw {
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  }
}
.ig-rating-text {
  font-size: 12px;
  color: var(--color-sec);
}
.ig-rating-report {
  margin-inline-start: auto;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-muted);
  cursor: pointer;
  border-bottom: 1px dotted var(--color-muted);
  flex: none;
}
.ig-rating-report:hover {
  color: var(--color-warn);
  border-color: var(--color-warn);
}
.ig-tags-label {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--color-muted);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ig-tags-copy {
  cursor: pointer;
  color: var(--color-accent);
  text-transform: none;
  letter-spacing: 0;
}
.ig-tags-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}
.ig-tag {
  font-family: var(--font-mono);
  font-size: 10.5px;
  padding: 3px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.ig-tag-pos {
  color: var(--color-success);
  border: 1px solid var(--color-success);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-success) 40%, transparent);
  }
  background: var(--color-success);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-success) 16%, transparent);
  }
}
.ig-tag-neg {
  color: var(--color-warn);
  border: 1px solid color-mix(in srgb, #F0788F 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-warn) 40%, transparent);
  }
  background: color-mix(in srgb, #F0788F 16%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 16%, transparent);
  }
}
.ig-placard {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 14px;
  padding: 12px 14px;
  border: 1px solid var(--color-line);
  border-radius: 4px;
  background: var(--color-surface);
}
.ig-placard-label {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.ig-placard-value {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--color-sec);
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}
.sym-cta {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 13px 16px;
  border-radius: 12px;
  border: 1px dashed var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));
  }
  color: var(--color-accent);
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  cursor: pointer;
  transition: background-color .15s ease;
}
.sym-cta:hover {
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));
  }
}
.sym-cta-icon {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: none;
  border-radius: 999px;
  background: var(--color-accent);
  color: var(--color-paper-base, var(--color-paper));
  font-size: 15px;
  line-height: 1;
}
.sym-card {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  cursor: pointer;
  transition: border-color .15s ease;
}
.sym-card:hover {
  border-color: var(--color-line-2);
}
.sym-card:hover .sym-row-title {
  color: var(--color-accent);
}
.sym-votes {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 6px 0;
  border-radius: 10px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface-2);
}
.sym-vote-btn {
  display: grid;
  place-items: center;
  width: 30px;
  height: 24px;
  border: none;
  background: none;
  color: var(--color-sec);
  cursor: pointer;
}
.sym-vote-btn svg {
  width: 15px;
  height: 15px;
}
.sym-vote-btn.on {
  color: var(--color-accent);
}
.sym-vote-btn.on.down {
  color: var(--color-warn);
}
.sym-vote-score {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  color: var(--color-ink);
}
.sym-hot {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-warn);
}
.ig-detail-icons {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  display: flex;
  gap: 6px;
  z-index: 1;
}
.ig-icon-btn {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(0,0,0,.55);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(2px);
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.ig-icon-btn svg {
  width: 15px;
  height: 15px;
}
.ig-icon-btn:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}
.ig-icon-btn.danger:hover {
  border-color: var(--color-warn);
  color: var(--color-warn);
}
@media (max-width: 1023.98px) {
  #chatRailToggle {
    display: none;
  }
}
.ig-reveal-btn {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background: rgba(0,0,0,.25);
  border: none;
  cursor: pointer;
  color: #fff;
}
.ig-reveal-btn span:first-child {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--color-warn);
  background: rgba(0,0,0,.55);
  color: var(--color-warn);
}
.ig-reveal-sub {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .06em;
  text-shadow: 0 1px 3px rgba(0,0,0,.8);
}
.sanctum-quick-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 14px 0 20px;
}
.sanctum-quick-tile {
  flex: 1 1 calc(50% - 4px);
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px;
  border-radius: 14px;
  border: none;
  color: var(--color-paper-base);
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  cursor: pointer;
  text-align: start;
}
.sanctum-quick-tile span {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 13px;
}
.sanctum-feed-header {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin: 4px 0 6px;
}
.sanctum-browse-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid var(--color-line);
  border-radius: 14px;
  padding: 4px;
  margin-bottom: 20px;
  background: var(--color-surface);
}
.sanctum-feed {
  display: flex;
  flex-direction: column;
}
.sanctum-feed-row {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 4px;
  border-bottom: 1px solid var(--color-line);
  cursor: pointer;
}
.sanctum-feed-row:last-child {
  border-bottom: none;
}
@media (width >= 64rem) {
  .sanctum-feed {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 8px;
  }
  .sanctum-feed-row {
    border: 1px solid var(--color-line);
    border-radius: 12px;
    padding: 12px;
  }
  .sanctum-feed-row:last-child {
    border-bottom: 1px solid var(--color-line);
  }
}
.sanctum-specimen {
  position: relative;
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-line);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  color: var(--color-ink);
}
.sanctum-specimen-tab {
  position: absolute;
  bottom: -4px;
  inset-inline-end: -4px;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: var(--color-accent);
  color: var(--color-paper-base);
  border: 2px solid var(--color-paper);
}
.sanctum-feed-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.sanctum-feed-title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 14px;
  color: var(--color-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sanctum-feed-meta {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.sanctum-empty {
  text-align: center;
  padding: 48px 16px;
  border: 1px solid var(--color-line);
  border-radius: 16px;
  background: var(--color-surface);
}
.sanctum-empty-mark {
  font-family: var(--font-display);
  font-size: 28px;
  color: var(--color-accent);
  margin-bottom: 6px;
}
.sanctum-empty-title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 15px;
  color: var(--color-ink);
  margin: 0;
}
.sanctum-empty-sub {
  font-size: 13px;
  color: var(--color-sec);
  margin: 4px 0 14px;
}
.sanctum-empty-cta {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  color: var(--color-accent);
}
.char-details-col {
  min-width: 0;
}
@media (min-width: 768px) {
  .char-details-grid {
    display: grid;
    grid-template-columns: 2.6fr 1fr;
    gap: 22px;
    align-items: start;
  }
  .char-details-grid.char-details-grid-single {
    grid-template-columns: 1fr;
  }
  .char-details-col {
    margin-bottom: 0;
  }
}
.char-stat-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  color: var(--color-sec);
}
.char-stat-pill b {
  color: var(--color-ink);
  font-weight: 700;
}
.char-pg-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--color-line-2);
  cursor: pointer;
}
.char-pg-dot.on {
  background: var(--color-accent);
}
.grimoire-tag {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--color-muted);
}
.grimoire-add-btn {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: none;
  display: grid;
  place-items: center;
  color: var(--color-paper-base);
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  cursor: pointer;
  flex: none;
}
.grimoire-picker-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 10px;
  cursor: pointer;
}
.grimoire-picker-row:hover {
  background: var(--color-surface-2);
}
.grimoire-field-label {
  display: block;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 6px;
}
.grimoire-field-input {
  width: 100%;
  padding: 8px 0 8px 2px;
  background: transparent;
  color: var(--color-ink);
  font-size: 14px;
  outline: none;
  border: none;
  border-bottom: 1.5px solid var(--color-line-2);
}
.grimoire-field-input:focus {
  border-bottom-color: var(--color-accent);
}
.grimoire-field-textarea {
  width: 100%;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface-2);
  color: var(--color-ink);
  font-size: 14px;
  outline: none;
  resize: vertical;
}
.grimoire-field-textarea:focus {
  border-color: var(--color-accent);
}
.lora-strength-num {
  outline: none;
}
.lora-strength-num:focus {
  outline: none;
  border-color: var(--color-accent);
}
.grimoire-toggle-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 10px 2px;
}
.grimoire-toggle-row input[type="checkbox"] {
  margin-top: 3px;
}
.mf-subdesc {
  display: block;
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--color-muted);
}
.grimoire-img-box {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  border: 1.5px dashed var(--color-line-2);
  background: var(--color-surface-2);
  display: grid;
  place-items: center;
  cursor: pointer;
  position: relative;
  flex: none;
  overflow: hidden;
}
.grimoire-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grimoire-img-clear {
  position: absolute;
  top: 4px;
  inset-inline-end: 4px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
.char-desc-clamped {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.js-tooltip {
  position: fixed;
  white-space: nowrap;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  padding: 5px 9px;
  border-radius: 7px;
  background: var(--color-surface-2);
  color: var(--color-ink);
  border: 1px solid var(--color-line-2);
  box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .5);
  opacity: 0;
  pointer-events: none;
  z-index: 10050;
  transition: opacity .12s ease;
}
.js-tooltip.show {
  opacity: 1;
}
@media (hover: none) {
  .js-tooltip {
    display: none;
  }
}
.mf-avatar-banner-row {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (width >= 30rem) {
  .mf-avatar-banner-row {
    flex-direction: row;
  }
}
.mf-section-head {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin-bottom: 14px;
}
.mf-section-num {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-muted);
}
.mf-section-name {
  font-family: var(--font-display);
  font-size: 15.5px;
  font-weight: 600;
  color: var(--color-ink);
}
.mf-section-desc {
  font-size: 12px;
  color: var(--color-muted);
}
.mf-personality {
  margin-top: 20px;
}
.mf-lore {
  margin-top: 20px;
}
.mf-sharing {
  margin-top: 20px;
}
@media (width >= 64rem) {
  .admin-users-content {
    max-width: 1100px;
  }
  .admin-moderation-content {
    max-width: 900px;
  }
  .grimoire-content, .masks-content {
    max-width: 900px;
  }
}
@media (width >= 96rem) {
  .grimoire-content, .masks-content {
    max-width: 1400px;
  }
}
@media (width >= 64rem) {
  .create-content {
    max-width: 980px;
  }
  #createGrid {
    display: grid;
    grid-template-columns: 1fr 280px;
    grid-template-areas: "identity sharing" "personality sharing" "lore sharing";
    column-gap: 24px;
    align-items: start;
  }
  .mf-identity {
    grid-area: identity;
  }
  .mf-personality {
    grid-area: personality;
    margin-top: 24px;
  }
  .mf-lore {
    grid-area: lore;
    margin-top: 24px;
  }
  .mf-sharing {
    grid-area: sharing;
    position: sticky;
    top: 16px;
    margin-top: 0;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: 14px;
    padding: 16px;
  }
}
@media (width >= 96rem) {
  .create-content {
    max-width: 1440px;
  }
  #createGrid {
    grid-template-columns: 1fr 1fr 320px;
    grid-template-areas: "identity personality sharing" "lore lore sharing";
  }
  .mf-personality {
    margin-top: 0;
  }
  .mf-lore {
    margin-top: 24px;
  }
}
#forgeCols {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#forgeRecentCol {
  display: none;
}
#forgeRecentInDesktop {
  display: none;
}
#forgePreviewBox {
  max-width: 300px;
  margin-inline: auto;
}
.forge-generate-inline {
  display: none;
}
@media (width >= 48rem) and (width < 64rem) {
  #forgePreviewBox {
    max-width: 360px;
  }
}
@media (width >= 48rem) {
  .forge-generate-inline {
    display: block;
    margin-top: 16px;
  }
  .forge-generate-sticky {
    display: none;
  }
}
@media (width >= 64rem) and (width < 96rem) {
  .forge-content {
    max-width: 960px;
  }
  #forgeCols {
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 24px;
  }
  #forgePreviewCol {
    flex: 0 0 440px;
    position: sticky;
    top: 16px;
  }
  #forgePreviewBox {
    max-width: none;
  }
  #forgeOptionsCol {
    flex: 1;
    min-width: 0;
  }
  #forgeRecentInDesktop {
    display: block;
    margin-top: 16px;
  }
  #forgeCols.forge-no-options #forgeOptionsCol {
    display: none;
  }
  #forgeCols.forge-no-options #forgePreviewCol {
    flex: 1;
  }
}
@media (width >= 96rem) {
  .forge-content {
    max-width: 1400px;
  }
  #forgeCols {
    display: grid;
    grid-template-columns: minmax(400px, 480px) minmax(0, 1fr) 260px;
    gap: 24px;
    align-items: start;
  }
  #forgeOptionsCol {
    order: 1;
    min-width: 0;
  }
  #forgePreviewCol {
    order: 2;
    position: sticky;
    top: 16px;
  }
  #forgePreviewBox {
    max-width: none;
  }
  #forgeRecentCol {
    order: 3;
    display: block;
    position: sticky;
    top: 16px;
  }
  #forgeCols.forge-no-options {
    grid-template-columns: minmax(0, 1fr) 260px;
  }
  #forgeCols.forge-no-options #forgeOptionsCol {
    display: none;
  }
  #forgeCols.forge-no-options #forgePreviewCol {
    order: 1;
  }
  #forgeCols.forge-no-options #forgeRecentCol {
    order: 2;
  }
}
html.chrome-hidden .rail-tools {
  top: 0.5rem !important;
  inset-inline-end: 0.5rem !important;
  inset-inline-start: auto !important;
  bottom: auto !important;
  flex-direction: row !important;
}
.scroll-top-btn {
  position: fixed;
  inset-inline-end: 16px;
  bottom: calc(70px + 16px);
  z-index: 15;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: none;
  display: grid;
  place-items: center;
  color: var(--color-paper-base);
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  box-shadow: 0 6px 16px -4px var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 6px 16px -4px color-mix(in srgb, var(--color-accent) 55%, transparent);
  }
  cursor: pointer;
  opacity: 0;
  transform: scale(.6);
  pointer-events: none;
  transition: opacity .22s cubic-bezier(.34,1.56,.64,1), transform .22s cubic-bezier(.34,1.56,.64,1);
}
.scroll-top-btn-visible {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
.scroll-top-btn-visible:active {
  transform: scale(.88);
  transition-duration: .1s;
}
@media (prefers-reduced-motion: reduce) {
  .scroll-top-btn {
    transition: opacity .01ms;
    transform: none;
  }
  .scroll-top-btn-visible {
    transform: none;
  }
  .scroll-top-btn-visible:active {
    transform: none;
  }
}
.chat-turn {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 16px;
}
.chat-turn-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.chat-turn.you .chat-turn-body {
  align-items: flex-end;
}
.chat-turn.ai .chat-turn-body {
  align-items: flex-start;
}
.chat-name-label {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin: 5px 4px 0;
}
.chat-msg-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  max-width: min(88%, 620px);
}
@media (width >= 64rem) {
  .chat-msg-row {
    max-width: min(78%, 820px);
  }
}
.chat-pfp {
  flex: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1.5px solid var(--color-line-2);
  background-color: var(--color-surface-2);
  background-size: cover;
  background-position: center top;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}
.chat-pfp-fallback {
  display: grid;
  place-items: center;
  font-family: var(--font-display);
  font-size: 10px;
  color: var(--color-ink);
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
}
.chat-select-check {
  flex: none;
  margin-top: 6px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid var(--color-line-2);
  background: var(--color-surface);
  color: var(--color-paper-base, var(--color-paper));
  display: grid;
  place-items: center;
  cursor: pointer;
}
.chat-turn.selected .chat-select-check {
  background: var(--color-accent);
  border-color: var(--color-accent);
}
.chat-turn.selected .chat-bubble {
  position: relative;
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 24%, var(--color-surface) 76%);
  }
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 55%, transparent);
  }
  box-shadow: 0 6px 20px -8px var(--color-accent), inset 0 1px 0 color-mix(in srgb, white 18%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 6px 20px -8px color-mix(in srgb, var(--color-accent) 55%, transparent), inset 0 1px 0 color-mix(in srgb, white 18%, transparent);
  }
}
.chat-bubble {
  max-width: 100%;
  padding: 11px 14px;
  font-family: var(--chat-body-font, 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif);
  font-size: 14px;
  line-height: 1.55;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.chat-turn.ai .chat-bubble {
  border-radius: 16px 16px 16px 4px;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  color: var(--color-ink);
}
.chat-turn.you .chat-bubble {
  border-radius: 16px 16px 4px 16px;
  border: 1px solid transparent;
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  color: var(--color-paper-base, var(--color-paper));
}
.chat-ambient-gradient {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(120deg, var(--color-accent), color-mix(in srgb, #B8892B 20%, #0C0C0E), var(--color-paper), var(--color-accent-deep));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(120deg, color-mix(in srgb, var(--color-accent) 22%, var(--color-paper)), color-mix(in srgb, var(--color-primary-dark) 20%, var(--color-paper)), var(--color-paper), color-mix(in srgb, var(--color-accent-deep) 18%, var(--color-paper)));
  }
  background-size: 320% 320%;
  animation: chatAmbientDrift 22s ease-in-out infinite;
}
@keyframes chatAmbientDrift {
  0% {
    background-position: 0% 45%;
  }
  50% {
    background-position: 100% 55%;
  }
  100% {
    background-position: 0% 45%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .chat-ambient-gradient {
    animation: none;
  }
}
#chatStage ~ #chatThread .chat-turn.ai .chat-bubble {
  border-radius: 16px 16px 16px 4px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(20, 18, 24, .32);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .08);
}
#chatStage ~ #chatThread .chat-turn.you .chat-bubble {
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);
  }
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(150deg, color-mix(in srgb, var(--color-accent) 55%, transparent), color-mix(in srgb, var(--color-accent-deep) 30%, transparent));
  }
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .12);
}
.chat-stage-glass .chat-turn.ai .chat-bubble {
  border-radius: 16px 16px 16px 4px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: rgba(20, 18, 24, .32);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .08);
}
[dir="rtl"] .chat-turn.ai .chat-bubble, [dir="rtl"] #chatStage ~ #chatThread .chat-turn.ai .chat-bubble, [dir="rtl"] .chat-stage-glass .chat-turn.ai .chat-bubble {
  border-radius: 16px 16px 4px 16px;
}
[dir="rtl"] .chat-turn.you .chat-bubble {
  border-radius: 16px 16px 16px 4px;
}
.chat-stage-glass .chat-turn.you .chat-bubble {
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);
  }
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(150deg, color-mix(in srgb, var(--color-accent) 55%, transparent), color-mix(in srgb, var(--color-accent-deep) 30%, transparent));
  }
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .12);
}
.chat-turn.you .chat-bubble .sym-body a {
  color: var(--color-paper-base, var(--color-paper));
  text-decoration: underline;
}
.chat-think {
  margin-bottom: 8px;
  max-width: 82%;
}
.chat-think summary {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-muted);
  cursor: pointer;
}
.chat-think-body {
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px dashed var(--color-line-2);
  background: var(--color-surface-2);
  font-size: 12.5px;
  color: var(--color-sec);
  font-style: italic;
}
.chat-writing {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-muted);
  padding: 0 4px;
}
.chat-writing-dot {
  width: 7px;
  height: 7px;
  border-radius: 4px;
  background: var(--color-accent);
  animation: chat-blink 1s steps(2) infinite;
}
@keyframes chat-blink {
  50% {
    opacity: .25;
  }
}
@media (prefers-reduced-motion: reduce) {
  .chat-writing-dot {
    animation: none;
  }
}
.chat-actions-row {
  display: none;
  gap: 4px;
  margin-top: 6px;
}
.chat-turn.actions-open .chat-actions-row {
  display: flex;
}
@media (hover: hover) and (pointer: fine) {
  .chat-turn:not(.selectable):not(.pressing):hover .chat-actions-row {
    display: flex;
  }
}
.chat-dice-chip {
  flex: none;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface);
  color: var(--color-sec);
  border-radius: 9px;
  padding: 6px 12px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  cursor: pointer;
}
.chat-dice-chip:disabled, .chat-composer.disabled {
  opacity: .5;
  pointer-events: none;
}
.chat-stage-glass .chat-composer {
  background: transparent;
}
.chat-stage-glass .chat-composer-card {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(20, 18, 24, .38);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}
.chat-stage-glass .chat-dice-chip {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .07);
}
.chat-stage-glass .chat-composer-btn {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .07);
}
.chat-stage-glass .chat-composer-mask {
  border-color: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-accent) 55%, transparent);
  }
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  }
  color: var(--color-accent);
}
.chat-cmd-chips {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0;
}
.chat-cmd-chips:not(:empty) {
  padding: 8px 14px 0;
  border-top: 1px solid var(--color-line);
  background: var(--color-surface-2);
}
:root[dir="rtl"] #railTools {
  right: auto;
  left: 8px;
}
:root[dir="rtl"] .sidebar-submenu {
  padding-right: 0;
}
:root[dir="rtl"] .char-card-ribbon {
  right: auto;
  left: 0;
}
:root[dir="rtl"] code, :root[dir="rtl"] .font-mono, :root[dir="rtl"] pre, :root[dir="rtl"] textarea[id*="html"], :root[dir="rtl"] textarea[id*="card"] {
  direction: ltr;
  text-align: left;
}
.cmd-break {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px auto 14px;
  max-width: 92%;
}
.cmd-break-lbl {
  flex: none;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 13px;
  color: var(--color-accent-deep, var(--color-accent));
  white-space: nowrap;
}
.cmd-break-scene .cmd-break-ln {
  flex: 1;
  height: 0;
  border-top: 2px dotted var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 2px dotted color-mix(in srgb, var(--color-accent) 60%, transparent);
  }
}
.cmd-break-time .cmd-break-ln {
  flex: 1;
  min-height: 3px;
  height: 3px;
  border-radius: 2px;
  background: var(--color-accent);
  opacity: .7;
}
.cmd-break-time .cmd-break-lbl {
  font-size: 11.5px;
  color: var(--color-sec);
  font-style: normal;
  font-family: var(--font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 600;
}
.roll-card {
  display: inline-flex;
  flex-direction: column;
  gap: 7px;
  background: var(--color-surface-2);
  border: 1px solid var(--color-line-2);
  border-radius: 13px;
  padding: 11px 15px;
  box-shadow: 0 6px 16px -10px rgba(0, 0, 0, .55);
  min-width: 150px;
}
.roll-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.roll-card-label {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-sec);
}
.roll-card-total {
  font-family: var(--font-mono);
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  color: var(--color-accent-deep, var(--color-accent));
}
.roll-card-expr {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--color-muted);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.roll-pips {
  display: inline-flex;
  gap: 4px;
}
.roll-die {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: var(--color-surface);
  border: 1px solid var(--color-line-2);
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-ink);
}
.cmd-tray-wrap {
  margin-bottom: 7px;
}
.cmd-tray-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--color-accent-deep, var(--color-accent));
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 10%, transparent);
  }
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);
  }
  padding: 4px 11px;
  border-radius: 9px;
  cursor: pointer;
}
.cmd-tray-caret {
  transition: transform .2s;
}
.cmd-tray-open .cmd-tray-caret {
  transform: rotate(90deg);
}
.cmd-tray-body {
  margin: 7px 0 4px;
  padding: 11px 14px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12.5px;
  color: var(--color-sec);
  background: color-mix(in srgb, #141416 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-surface) 45%, transparent);
  }
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  border: 1px solid color-mix(in srgb, #3A3A40 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-line-2) 55%, transparent);
  }
  box-shadow: 0 10px 30px -14px rgba(0, 0, 0, .55), inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
}
.cmd-tray-body.hidden {
  display: none;
}
.cmd-tray-body .roll-card {
  align-self: stretch;
  min-width: 0;
}
.act-card-body {
  font-family: var(--chat-body-font, 'Inter', 'Segoe UI', system-ui, sans-serif);
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-ink);
}
.act-card-body p {
  margin: 0;
}
.cmd-as-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .05em;
  color: var(--color-accent-deep, var(--color-accent));
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  }
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);
  }
  padding: 2px 8px;
  border-radius: 999px;
  margin-bottom: 6px;
}
.artisan-card-custom {
  height: 230px;
  overflow: hidden;
  padding: 0;
}
.artisan-card-custom iframe {
  height: 100% !important;
  border-radius: 16px;
}
.guest-quota-box {
  border: 1.5px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1.5px solid color-mix(in srgb, var(--color-accent) 55%, var(--color-line-2));
  }
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));
  }
  border-radius: 14px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 14px;
}
.guest-quota-title {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--color-accent);
}
.guest-quota-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.guest-quota-labels {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 12px;
  color: var(--color-ink);
}
.guest-quota-labels .font-mono {
  font-size: 10.5px;
  color: var(--color-sec);
}
.guest-quota-track {
  height: 6px;
  border-radius: 999px;
  background: color-mix(in srgb, #3A3A40 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-line-2) 60%, transparent);
  }
  overflow: hidden;
}
.guest-quota-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--color-accent), var(--color-accent-deep));
  transition: width .4s ease;
}
.guest-quota-fill.low {
  background: var(--color-warn);
}
.guest-quota-note {
  font-size: 11px;
  color: var(--color-muted);
  line-height: 1.45;
}
.forge-crucible-wait {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 26px 20px;
  text-align: center;
}
.forge-crucible {
  position: relative;
  width: 64px;
  height: 64px;
  color: var(--color-accent);
  animation: crucible-breathe 2.6s ease-in-out infinite;
}
.forge-crucible svg {
  width: 100%;
  height: 100%;
}
.forge-bubble {
  position: absolute;
  inset-inline-start: calc(50% + var(--bx));
  bottom: 30px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--color-accent);
  opacity: 0;
  animation: bubble-rise 2.1s ease-in infinite;
  animation-delay: var(--bd);
}
.forge-crucible-msg {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: .04em;
  color: var(--color-sec);
  max-width: 240px;
  line-height: 1.5;
}
@keyframes crucible-breathe {
  0%, 100% {
    transform: scale(1);
    opacity: .85;
  }
  50% {
    transform: scale(1.06);
    opacity: 1;
  }
}
@keyframes bubble-rise {
  0% {
    opacity: 0;
    transform: translateY(0) scale(.6);
  }
  25% {
    opacity: .9;
  }
  100% {
    opacity: 0;
    transform: translateY(-34px) scale(1.15);
  }
}
@media (prefers-reduced-motion: reduce) {
  .forge-crucible {
    animation: none;
  }
  .forge-bubble {
    animation: none;
    opacity: .5;
  }
}
.forge-generate-sticky {
  margin-top: 20px;
}
.forge-panel {
  border: 1px solid var(--color-line);
  border-radius: 4px 16px 16px 16px;
  overflow: hidden;
}
.forge-panel-section {
  padding: 16px 16px;
  border-bottom: 1px solid var(--color-line);
}
.forge-panel-section:last-child {
  border-bottom: none;
}
.comment-explicit-img {
  filter: blur(16px);
}
html[data-nsfw="1"][data-censor="0"] .comment-explicit-img {
  filter: none;
}
.chat-cmd-suggest {
  display: flex;
  align-items: baseline;
  gap: 8px;
  width: 100%;
  text-align: start;
  background: var(--color-surface);
  border: 1px solid var(--color-line-2);
  border-radius: 8px;
  padding: 6px 10px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  cursor: pointer;
}
.chat-cmd-suggest:hover {
  border-color: var(--color-accent);
}
.chat-cmd-suggest-desc {
  color: var(--color-sec);
  font-family: var(--font-sans);
  font-size: 12px;
}
.chat-cmd-suggest-example {
  margin-inline-start: auto;
  color: var(--color-muted);
  font-size: 10.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat-cmd-chip {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  align-self: flex-start;
  max-width: 100%;
  background: var(--color-surface);
  border: 1px solid var(--color-line-2);
  border-radius: 8px;
  padding: 4px 9px;
  font-family: var(--font-mono);
  font-size: 11.5px;
}
.chat-cmd-chip-kind {
  flex: none;
  font-size: 8.5px;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--color-muted);
  border: 1px solid var(--color-line-2);
  border-radius: 5px;
  padding: 1px 5px;
}
.chat-cmd-chip-word {
  flex: none;
  color: var(--color-cmd-purple);
  font-weight: 700;
}
.chat-cmd-chip-arg {
  color: var(--color-cmd-yellow);
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.chat-screen-root {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  background: var(--color-paper);
  overscroll-behavior: none;
}
.chat-composer {
  flex: none;
  padding: 8px 10px calc(env(safe-area-inset-bottom, 10px) + 10px);
  background: var(--color-paper);
}
.chat-composer-card {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface-2);
  padding: 6px 10px 10px;
  transition: border-color .15s;
}
.chat-composer-card:focus-within {
  border-color: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-accent) 55%, var(--color-line-2));
  }
}
.chat-composer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
}
.chat-dice-emoji-btn {
  position: absolute;
  inset-inline-start: 6px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
  padding: 2px;
  cursor: pointer;
  color: var(--color-sec);
  opacity: .85;
}
.chat-dice-emoji-btn svg {
  width: 20px;
  height: 20px;
}
.chat-dice-emoji-btn:hover {
  opacity: 1;
  color: var(--color-accent);
  transform: translateY(-50%) scale(1.1);
}
.chat-dice-emoji-btn:disabled {
  opacity: .3;
  cursor: not-allowed;
  transform: translateY(-50%);
}
.chat-input-has-dice {
  padding-inline-start: 34px !important;
}
.chat-explicit-btn {
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: none;
  padding: 4px 2px;
  margin: 2px 0 4px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--color-muted);
  cursor: pointer;
}
.chat-explicit-btn svg {
  width: 16px;
  height: 16px;
}
.chat-explicit-btn:hover {
  color: var(--color-sec);
}
.chat-explicit-btn.on {
  color: var(--color-warn);
}
#chatDesktopTools {
  display: flex;
}
#chatToolsWrap {
  display: none;
}
@media (max-width: 767.98px) {
  #chatExplicitBtn, #chatDesktopTools {
    display: none;
  }
  #chatToolsWrap {
    display: flex;
  }
}
.chat-composer textarea {
  width: 100%;
  resize: none;
  min-height: 48px;
  max-height: 140px;
  padding: 10px 6px 8px;
  box-sizing: border-box;
  border: none;
  background: transparent;
  color: var(--color-ink);
  caret-color: var(--color-ink);
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.45;
  outline: none;
}
.chat-composer textarea::placeholder {
  color: var(--color-muted);
}
.chat-composer-mask {
  border-color: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-accent) 45%, transparent);
  }
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 10%, transparent);
  }
  color: var(--color-accent);
}
.chat-composer-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 20px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  color: var(--color-paper-base, var(--color-paper));
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.chat-composer-pill:focus-visible, .chat-composer-btn:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
.chat-bubble .sym-body {
  color: var(--msg-plain-color, var(--color-ink));
  font-family: var(--msg-plain-font, inherit);
  font-style: var(--msg-plain-fontstyle, normal);
  font-weight: var(--msg-plain-fontweight, 400);
  text-decoration: var(--msg-plain-textdecoration, none);
}
.chat-bubble .sym-body em {
  color: var(--msg-narration-color, var(--color-sec));
  font-family: var(--msg-narration-font, inherit);
  font-style: var(--msg-narration-fontstyle, italic);
  font-weight: var(--msg-narration-fontweight, 400);
  text-decoration: var(--msg-narration-textdecoration, none);
}
.chat-bubble .sym-body strong {
  color: var(--msg-bold-color, inherit);
  font-family: var(--msg-bold-font, inherit);
  font-style: var(--msg-bold-fontstyle, normal);
  font-weight: var(--msg-bold-fontweight, 700);
  text-decoration: var(--msg-bold-textdecoration, none);
}
.chat-bubble .sym-body strong em, .chat-bubble .sym-body em strong {
  color: var(--msg-voice-color, inherit);
  font-family: var(--msg-voice-font, inherit);
  font-style: var(--msg-voice-fontstyle, italic);
  font-weight: var(--msg-voice-fontweight, 700);
  text-decoration: var(--msg-voice-textdecoration, none);
}
.chat-bubble .sym-body code {
  color: var(--msg-thoughts-color, inherit);
  font-family: var(--msg-thoughts-font, inherit);
  font-style: var(--msg-thoughts-fontstyle, normal);
  font-weight: var(--msg-thoughts-fontweight, 400);
  text-decoration: var(--msg-thoughts-textdecoration, none);
  background: none;
  padding: 0;
}
.chat-bubble .sym-body .chat-md-quote {
  color: var(--msg-dialogue-color, inherit);
  font-family: var(--msg-dialogue-font, inherit);
  font-style: var(--msg-dialogue-fontstyle, normal);
  font-weight: var(--msg-dialogue-fontweight, 400);
  text-decoration: var(--msg-dialogue-textdecoration, none);
}
.chat-composer-btn {
  width: 42px;
  height: 42px;
  flex: none;
  border-radius: 12px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface);
  color: var(--color-sec);
  display: grid;
  place-items: center;
  cursor: pointer;
}
@media (width >= 48rem) {
  .chat-composer-btn-labeled {
    width: auto;
    height: 42px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 14px 0 12px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
  }
}
.forge-img-act {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, .2);
  background: rgba(10, 10, 12, .5);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  backdrop-filter: blur(6px);
}
.forge-generate-btn {
  width: 100%;
  padding: 15px;
  border-radius: 14px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 15.5px;
  color: var(--color-paper-base);
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  box-shadow: 0 10px 24px -12px var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--color-accent) 55%, transparent);
  }
}
#tabletRail [data-route].tablet-rail-active {
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  }
  position: relative;
}
#tabletRail [data-route].tablet-rail-active::before {
  content: "";
  position: absolute;
  inset-inline-start: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 34px;
  clip-path: polygon(0% 22%, 0% 78%, 76% 78%, 100% 50%, 76% 22%);
  background: linear-gradient(90deg, var(--color-primary-light), var(--color-primary-dark));
  filter: drop-shadow(2px 0 3px rgba(0, 0, 0, .35));
}
.comment-reaction-charging {
  transform: scale(1.25);
  transition: transform 0.45s ease-out;
}
.comment-emoji {
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  vertical-align: -0.3em;
  object-fit: contain;
}
.comment-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.comment-row {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 4px 14px 14px 14px;
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
}
.comment-block {
  position: relative;
}
.comment-block[data-depth] {
  margin-inline-start: calc(min(var(--depth), 10) * 26px);
}
.comment-block[data-depth]::before {
  content: "";
  position: absolute;
  inset-inline-start: -18px;
  top: 0;
  bottom: 10px;
  width: 1px;
  background: var(--color-line-2);
}
.comment-block[data-depth="0"]::before {
  display: none;
}
.comment-ref {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 0 0;
  font-size: 11.5px;
  color: var(--color-muted);
  overflow: hidden;
  cursor: pointer;
}
.comment-ref-avatar {
  width: 13px;
  height: 13px;
  border-radius: 999px;
  flex: none;
  overflow: hidden;
  background: var(--color-surface-2);
}
.comment-ref-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.comment-ref-name {
  color: var(--color-accent);
  font-weight: 600;
  flex: none;
}
.comment-ref-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 320px;
}
.comment-avatar {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  flex: none;
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid var(--color-line-2);
  display: grid;
  place-items: center;
}
.comment-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.comment-avatar span {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-muted);
}
.comment-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 13.5px;
  color: var(--color-ink);
}
.comment-meta {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--color-muted);
}
.comment-body {
  font-size: 13px;
  color: var(--color-sec);
  margin: 3px 0 0;
  word-break: break-word;
  line-height: 1.5;
}
.comment-mention {
  font-weight: 600;
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 16%, transparent);
  }
  border-radius: 5px;
  padding: 1px 4px;
  text-decoration: none;
}
.comment-mention:hover {
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 26%, transparent);
  }
}
.comment-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.comment-reaction-pill {
  font-family: var(--font-mono);
  font-size: 11.5px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--color-line);
  background: none;
  color: var(--color-muted);
  cursor: pointer;
}
.comment-reaction-pill.mine {
  border-color: var(--color-accent);
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 10%, transparent);
  }
}
.comment-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 6px;
}
.comment-actions .sep {
  width: 1px;
  height: 14px;
  background: var(--color-line);
  margin: 0 4px;
}
.comment-icon-btn {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  border: none;
  background: none;
  color: var(--color-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.comment-icon-btn:hover {
  background: var(--color-surface-2);
  color: var(--color-sec);
}
.comment-icon-btn svg {
  width: 14px;
  height: 14px;
  display: block;
}
.comment-reaction-super {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: 14.5px;
  padding: 4px 13px 4px 4px;
  border: none;
  border-radius: 999px;
  color: var(--color-paper);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
  background: linear-gradient(100deg, var(--c1, var(--color-accent)) 0%, var(--c1, var(--color-accent)) 28%, var(--c2, var(--color-accent-deep)) 72%, var(--c2, var(--color-accent-deep)) 100%);
  background-size: 320% 100%;
  animation: comment-super-sweep 1.4s ease-in-out infinite, comment-super-pop 0.45s cubic-bezier(.34,1.66,.64,1) both;
  box-shadow: 0 0 0 1px var(--c1, var(--color-accent)), 0 0 18px var(--c1, var(--color-accent));
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--c1, var(--color-accent)) 70%, transparent), 0 0 18px color-mix(in srgb, var(--c1, var(--color-accent)) 60%, transparent);
  }
}
.comment-reaction-super::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.55) 45%, transparent 60%);
  background-size: 300% 100%;
  animation: comment-super-shine 1.4s ease-in-out infinite;
  mix-blend-mode: overlay;
  pointer-events: none;
}
.comment-reaction-super-coin {
  flex: none;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  z-index: 1;
  display: grid;
  place-items: center;
  font-size: 13px;
  background: var(--color-paper-base);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-paper-base) 70%, transparent);
  }
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.comment-reaction-super-count {
  position: relative;
  z-index: 1;
}
@keyframes comment-super-sweep {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes comment-super-shine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes comment-super-pop {
  0% {
    transform: scale(0.3) rotate(-8deg);
    opacity: 0;
  }
  55% {
    transform: scale(1.2) rotate(4deg);
    opacity: 1;
  }
  75% {
    transform: scale(0.94) rotate(-1deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .comment-reaction-super, .comment-reaction-super::after {
    animation: none !important;
  }
}
.comment-composer {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--color-line);
}
.comment-composer-pill {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
  border-radius: 14px;
  padding: 6px 8px 6px 6px;
}
.comment-composer-plus {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: none;
  background: var(--color-surface);
  color: var(--color-sec);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.comment-composer-plus:hover {
  color: var(--color-accent);
}
.comment-composer-input {
  flex: 1;
  min-width: 0;
  border: none;
  background: none;
  color: var(--color-ink);
  font-size: 13.5px;
  outline: none;
  font-family: var(--font-sans, inherit);
}
.comment-composer-input::placeholder {
  color: var(--color-muted);
}
.comment-composer-emoji {
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: none;
  background: none;
  color: var(--color-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 16px;
}
.comment-composer-emoji:hover {
  background: var(--color-surface);
  color: var(--color-sec);
}
.comment-composer-send {
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep));
  color: var(--color-paper);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.comment-composer-send svg {
  width: 16px;
  height: 16px;
}
.comment-composer-send:disabled {
  opacity: .5;
  cursor: default;
}
.comment-media-panel {
  margin-top: 8px;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--color-line);
  border-radius: 14px;
  background: var(--color-surface);
  overflow: hidden;
}
.comment-media-tabs {
  display: flex;
  border-bottom: 1px solid var(--color-line);
}
.comment-media-tab {
  flex: 1;
  padding: 10px 0;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-muted);
  background: none;
  border: none;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.comment-media-tab.active {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
  background: var(--color-surface-2);
}
.comment-media-search {
  padding: 8px;
  border-bottom: 1px solid var(--color-line);
}
.comment-media-search input {
  width: 100%;
  border: 1px solid var(--color-line-2);
  border-radius: 9px;
  background: var(--color-surface-2);
  color: var(--color-ink);
  font-size: 13px;
  padding: 7px 9px;
  outline: none;
}
.comment-media-search input:focus {
  border-color: var(--color-accent);
}
.comment-gif-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  padding: 8px;
  max-height: 260px;
  overflow-y: auto;
}
.comment-gif-cell {
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-surface-2);
  cursor: pointer;
  border: 1px solid var(--color-line);
  display: block;
  padding: 0;
  min-height: 70px;
}
.comment-gif-cell:hover {
  border-color: var(--color-accent);
}
.comment-gif-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.comment-media-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  border-top: 1px solid var(--color-line);
  font-family: var(--font-mono);
  font-size: 9px;
  color: var(--color-muted);
  letter-spacing: .05em;
}
.comment-row-flash {
  animation: comment-row-flash-anim 0.9s ease-out;
}
@keyframes comment-row-flash-anim {
  0% {
    box-shadow: 0 0 0 3px var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent) 45%, transparent);
    }
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
.comment-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
  gap: 4px;
  padding: 8px;
  max-height: 260px;
  overflow-y: auto;
}
.comment-picker-cell {
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  font-size: 20px;
  line-height: 1;
  border: none;
  border-radius: 8px;
  background: none;
  cursor: pointer;
  padding: 4px;
}
.comment-picker-cell:hover {
  background: var(--color-surface-2);
}
.comment-picker-cell img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.compendium-row {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.compendium-row-char .compendium-row-item, .compendium-row-image .compendium-row-item {
  flex: none;
  width: 130px;
}
.compendium-row-creator .compendium-row-item {
  flex: none;
  width: 84px;
}
.compendium-row-thread .compendium-row-item {
  flex: none;
  width: 220px;
}
@media (width >= 48rem) {
  .compendium-row {
    display: grid;
    overflow-x: visible;
    gap: 14px;
  }
  .compendium-row-char, .compendium-row-image {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  .compendium-row-creator {
    grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
  }
  .compendium-row-thread {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
  .compendium-row-char .compendium-row-item, .compendium-row-image .compendium-row-item, .compendium-row-creator .compendium-row-item, .compendium-row-thread .compendium-row-item {
    width: auto;
  }
}
.lore-modal-bools-under-img {
  display: none;
}
@media (min-width: 720px) {
  .lore-modal-bools-under-img {
    display: block;
  }
  .lore-modal-bools-inline {
    display: none;
  }
}
#sidebar {
  height: calc(100dvh - var(--site-banner-h, 0px));
  position: sticky;
  top: var(--site-banner-h, 0px);
  align-self: flex-start;
}
#sidebar #nav {
  overflow-y: auto;
  min-height: 0;
}
.artisan-card-compact .artisan-banner {
  height: 60px;
  border-radius: 16px 16px 0 0;
}
.artisan-card-compact .artisan-ring {
  top: 40px;
  inset-inline-start: 12px;
  width: 44px;
  height: 44px;
}
.artisan-card-compact .artisan-ring-inner span {
  font-size: 15px;
}
.artisan-card-compact .artisan-body {
  padding: 28px 12px 12px;
}
.artisan-card-compact .artisan-name {
  font-size: 14px;
}
.artisan-card-compact .artisan-bio {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sidebar-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 22px;
  text-decoration: none;
}
.sidebar-nav-item svg {
  flex: none;
  width: 18px;
  height: 18px;
}
.sidebar-nav-label {
  position: relative;
  display: inline-block;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 500;
  transition: color .15s ease;
}
.sidebar-nav-item:hover .sidebar-nav-label {
  color: var(--color-ink);
}
.sidebar-nav-item:hover .sidebar-nav-label::after {
  transform: scaleX(1);
}
.sidebar-nav-label::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: var(--color-accent);
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
[dir="rtl"] .sidebar-nav-label::after {
  transform-origin: right;
}
.sidebar-nav-item.text-primary .sidebar-nav-label {
  font-weight: 600;
}
.sidebar-nav-item.text-primary .sidebar-nav-label::after {
  transform: scaleX(1);
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-nav-label::after {
    transition: none;
  }
}
.sidebar-sub-item {
  display: flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .03em;
  color: var(--color-muted);
  text-decoration: none;
  padding: 5px 22px 5px 24px;
}
.sidebar-sub-item svg {
  flex: none;
  width: 14px;
  height: 14px;
}
.sidebar-sub-item:hover {
  color: var(--color-ink);
}
.artisan-hero-bleed {
  margin: -16px -16px 4px;
}
.pub-chrome .artisan-hero-bleed {
  margin-top: 0;
}
.media-gen-down [data-media-gen] {
  opacity: .42;
  filter: grayscale(1);
  cursor: not-allowed;
}
.grp-narr {
  align-self: center;
  max-width: 90%;
  text-align: center;
  font-family: var(--font-display);
  font-style: italic;
  color: var(--color-sec);
  font-size: 13px;
  line-height: 1.55;
  padding: 4px 20px;
  margin: 2px auto;
}
.grp-narr .sym-body, .grp-narr p {
  display: inline;
  margin: 0;
}
.grp-narr-who {
  font-style: normal;
  font-weight: 600;
}
.grp-cmd-row {
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin: 5px auto;
  max-width: 92%;
}
.grp-cmd-card {
  background: var(--color-surface-2);
  border: 1px solid var(--color-line-2);
  border-radius: 13px;
  padding: 9px 13px;
  min-width: 150px;
  max-width: 300px;
}
.grp-cmd-lbl {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-sec);
  margin-bottom: 4px;
}
.grp-cmd-body {
  font-size: 12.5px;
  color: var(--color-ink);
  line-height: 1.5;
}
.grp-cmd-body p {
  margin: 0;
}
.grp-ooc-card {
  border-inline-start: 2px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-inline-start: 2px solid color-mix(in srgb, var(--color-accent) 60%, var(--color-line-2));
  }
}
.hide-ooc .grp-ooc-card {
  display: none;
}
.grp-roster {
  flex: none;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border-bottom: 1px solid var(--color-line);
  background: var(--color-surface-2);
  overflow-x: auto;
}
.grp-roster-av {
  position: relative;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 2px solid transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 13px;
  background-color: var(--color-surface);
  transition: transform .12s;
}
.grp-roster-av:hover {
  transform: translateY(-2px);
  border-color: var(--color-line-2);
}
.grp-roster-av.muted {
  opacity: .4;
  filter: grayscale(.7);
}
.grp-voices {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 10px auto 4px;
}
.grp-voices-lbl {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.grp-voice-chip {
  border: 1px dashed var(--vc, var(--color-line-2));
  background: none;
  color: var(--color-sec);
  font-size: 12px;
  padding: 5px 11px 5px 9px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  transition: .14s;
}
.grp-voice-chip:hover {
  color: var(--color-ink);
  background: var(--vc);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--vc) 14%, transparent);
  }
  border-style: solid;
}
.grp-voice-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--vc);
}
.grp-menu button:hover {
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 14%, transparent);
  }
}
@media (width >= 64rem) {
  .artisan-hero-bleed {
    margin-top: -64px;
  }
  .chrome-hidden .artisan-hero-bleed {
    margin-top: -16px;
  }
  .pub-chrome .artisan-hero-bleed {
    margin-top: 0;
  }
}
.grimoire-web-controls {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .grimoire-web-controls {
    flex-direction: column;
  }
}
.grimoire-web-stage {
  position: relative;
}
.grimoire-web-canvas {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 14px;
  border: 1px solid var(--color-line);
  background: radial-gradient(ellipse at center, var(--color-surface-2) 0%, var(--color-surface) 70%, var(--color-paper) 100%);
  touch-action: none;
}
@media (min-width: 640px) {
  .grimoire-web-canvas {
    aspect-ratio: 16 / 10;
  }
}
.grimoire-web-hint {
  margin: 10px 0 0;
  font-size: 12.5px;
  color: var(--color-muted);
  text-align: center;
}
.grimoire-web-help {
  margin: 10px 0 0;
  border: 1px solid var(--color-line);
  border-radius: 10px;
  padding: 8px 12px;
  background: var(--color-surface);
}
.grimoire-web-help summary {
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-accent);
}
.grimoire-web-help ul {
  margin: 10px 0 2px;
  padding-inline-start: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.grimoire-web-help li {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--color-sec);
}
.grimoire-web-help li b {
  color: var(--color-ink);
}
.grimoire-web-legend {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-sec);
}
.grimoire-web-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.grimoire-web-legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  flex: none;
}
.grimoire-web-detail {
  margin-top: 14px;
  background: var(--color-surface);
  border: 1px solid var(--color-accent);
  border-radius: 14px;
  padding: 14px 16px;
}
.grp-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px;
  text-align: left;
  cursor: pointer;
}
.grp-card::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 1px solid var(--color-line-2);
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-surface) 60%);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 22%, var(--color-surface)) 0%, var(--color-surface) 60%);
  }
  box-shadow: -4px 0 0 -1px var(--color-surface), -4px 0 0 0 var(--color-line-2);
}
.grp-av {
  width: 100%;
  height: 100%;
  display: grid;
  gap: 1.5px;
  overflow: hidden;
  background: var(--color-line-2);
}
.grp-av-cell {
  background-size: cover;
  background-position: center;
  background-color: var(--color-surface-2);
  display: grid;
  place-items: center;
  color: var(--color-ink);
  font-weight: 600;
  font-size: .75em;
  min-width: 0;
  min-height: 0;
}
.grp-av-1 {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.grp-av-2 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
.grp-av-3 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.grp-av-3 .grp-av-cell:first-child {
  grid-row: 1 / span 2;
}
.grp-av-4 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.gd-cast-av-locked {
  background: var(--color-surface-2);
  color: var(--color-muted);
  display: grid;
  place-items: center;
}
.grp-card-meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
}
.grp-card-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -.01em;
  color: var(--color-ink);
  line-height: 1.2;
}
.grp-card-badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 999px;
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
  }
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);
  }
}
.gd-wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 20px 16px 40px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.gd-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gd-head-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.gd-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 999px;
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
  }
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);
  }
}
.gd-kind {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.gd-title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 30px;
  letter-spacing: -.015em;
  line-height: 1.15;
  color: var(--color-ink);
  margin: 0;
}
.gd-owner {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--color-sec);
}
.gd-section-label {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gd-count {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  font-size: 10px;
  color: var(--color-sec);
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
}
.gd-cast-block {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 14px 32px -20px rgba(0,0,0,.5);
}
.gd-cast-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 14px;
}
.gd-cast {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  padding: 12px 8px;
  border-radius: 14px;
  border: 1px solid var(--color-line);
  background: var(--color-surface-2);
  text-decoration: none;
  transition: border-color .15s, transform .15s, background-color .15s;
}
.gd-cast:not(.gd-cast-off):hover {
  border-color: var(--color-accent);
  transform: translateY(-2px);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 6%, var(--color-surface-2));
  }
}
.gd-cast-off {
  cursor: default;
}
.gd-cast-av {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-color: var(--color-surface);
  border: 2px solid var(--color-line-2);
  box-shadow: 0 4px 12px -4px rgba(0,0,0,.5);
}
.gd-cast:not(.gd-cast-off):hover .gd-cast-av {
  border-color: var(--color-accent);
}
.gd-cast-av-empty {
  display: grid;
  place-items: center;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 24px;
  color: var(--color-sec);
  background: linear-gradient(150deg, var(--color-accent), var(--color-surface-2));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(150deg, color-mix(in srgb, var(--color-accent) 30%, var(--color-surface-2)), var(--color-surface-2));
  }
}
.gd-cast-name {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  color: var(--color-ink);
  text-align: center;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gd-opening-block {
  display: flex;
  flex-direction: column;
}
.gd-opening {
  margin: 0;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid var(--color-line);
  border-left: 3px solid var(--color-accent);
  background: var(--color-surface);
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-sec);
  white-space: pre-wrap;
}
.gd-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.gd-start {
  padding: 11px 22px;
  font-size: 13px;
}
.gd-sec-btn {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface);
  color: var(--color-sec);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .15s, color .15s;
}
.gd-sec-btn:hover {
  border-color: var(--color-accent);
  color: var(--color-ink);
}
.gd-sec-danger:hover {
  border-color: var(--color-warn);
  color: var(--color-warn);
}
@media (width < 30rem) {
  .gd-title {
    font-size: 24px;
  }
  .gd-cast-row {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 10px;
  }
  .gd-cast-av {
    width: 52px;
    height: 52px;
  }
}
html.feature-disabled-chat [data-feature="chat"], html.feature-disabled-lora_training [data-feature="lora_training"], html.feature-disabled-comments [data-feature="comments"], html.feature-disabled-forum [data-feature="forum"], html.feature-disabled-characters [data-feature="characters"], html.feature-disabled-personas [data-feature="personas"], html.feature-disabled-lore [data-feature="lore"], html.feature-disabled-groups [data-feature="groups"], html.feature-disabled-emojis [data-feature="emojis"], html.feature-disabled-group_chats [data-feature="group_chats"], html.feature-disabled-profile [data-feature="profile"], html.feature-disabled-follows [data-feature="follows"] {
  cursor: not-allowed;
  outline: 1.5px solid var(--color-cmd-yellow);
  animation: feature-disabled-pulse 2.2s ease-in-out infinite;
}
@keyframes feature-disabled-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--color-cmd-yellow);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-cmd-yellow) 35%, transparent);
    }
  }
  50% {
    box-shadow: 0 0 0 6px var(--color-cmd-yellow);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 6px color-mix(in srgb, var(--color-cmd-yellow) 0%, transparent);
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  html.feature-disabled-chat [data-feature="chat"], html.feature-disabled-lora_training [data-feature="lora_training"], html.feature-disabled-comments [data-feature="comments"], html.feature-disabled-forum [data-feature="forum"], html.feature-disabled-characters [data-feature="characters"], html.feature-disabled-personas [data-feature="personas"], html.feature-disabled-lore [data-feature="lore"], html.feature-disabled-groups [data-feature="groups"], html.feature-disabled-emojis [data-feature="emojis"], html.feature-disabled-group_chats [data-feature="group_chats"], html.feature-disabled-profile [data-feature="profile"], html.feature-disabled-follows [data-feature="follows"] {
    animation: none;
  }
}
.docs-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 16px 60px;
}
.docs-title {
  font-weight: 600;
  font-size: 22px;
  color: var(--color-ink);
  margin: 10px 0 6px;
}
.docs-intro {
  color: var(--color-sec);
  font-size: 14px;
  margin-bottom: 18px;
  line-height: 1.5;
}
.docs-diagram {
  background: var(--color-surface-2);
  border: 1px solid var(--color-line-2);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 14px;
  overflow-x: auto;
}
.docs-diagram svg {
  max-width: 100%;
  height: auto;
}
.docs-section {
  margin-top: 22px;
}
.docs-section h2 {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-ink);
  margin-bottom: 6px;
}
.docs-section p {
  color: var(--color-sec);
  font-size: 13.5px;
  line-height: 1.5;
}
.docs-cfg {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.docs-cfg-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: var(--color-ink);
  border-bottom: 1px solid var(--color-line);
  padding-bottom: 4px;
}
.docs-cfg-row .font-mono {
  color: var(--color-accent);
}
body {
  background-color: var(--color-paper) !important;
}
.docs-list {
  margin: 10px 0 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.docs-list li {
  color: var(--color-sec);
  font-size: 13.5px;
  line-height: 1.5;
}
.docs-list li b {
  color: var(--color-ink);
}
.docs-note {
  margin-top: 10px;
  font-size: 12.5px;
  color: var(--color-muted);
  font-style: italic;
  line-height: 1.5;
}
.tts-btn.loading {
  opacity: .5;
  pointer-events: none;
}
.tts-btn.speaking {
  color: var(--color-accent);
}
.admin-switch {
  position: relative;
  margin-bottom: 14px;
}
.admin-switch-current {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  min-height: 44px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 10px;
  color: var(--color-ink);
  font-size: 14px;
  font-weight: 600;
}
.admin-switch-caret {
  color: var(--color-sec);
  font-size: 12px;
}
.admin-switch-list {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 30;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 10px;
  overflow: hidden;
}
.admin-switch-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  min-height: 44px;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--color-line-2);
  color: var(--color-ink);
  font-size: 14px;
  text-align: left;
}
.admin-switch-item:last-child {
  border-bottom: none;
}
.admin-switch-item.on {
  color: var(--color-accent);
  font-weight: 600;
}
@media (min-width: 1024px) {
  .content-col.admin-shell {
    max-width: 1040px;
  }
  .admin-users-content.admin-shell {
    max-width: 1320px;
  }
  .admin-moderation-content.admin-shell {
    max-width: 1160px;
  }
  .admin-config-content.admin-shell {
    max-width: 1400px;
  }
  .admin-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 32px;
    align-items: start;
  }
  .admin-config-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
    align-items: start;
  }
  .admin-shell-rail {
    order: 2;
    position: sticky;
    top: 16px;
    align-self: start;
  }
  .admin-shell-main {
    order: 1;
    min-width: 0;
  }
  .admin-previews-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .admin-previews-card {
    margin-bottom: 0;
  }
  .pv-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 10px;
  }
  .admin-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .admin-features-grid > div {
    margin-bottom: 0;
  }
  .admin-announce-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: start;
  }
  .admin-announce-preview {
    position: sticky;
    top: 16px;
  }
  .admin-health-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
  }
  .admin-overview-stats {
    grid-template-columns: repeat(4, 1fr);
  }
  .admin-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 24px;
    align-items: start;
  }
  .admin-overview-rail {
    position: sticky;
    top: 16px;
    margin-top: 0;
  }
  .admin-switch {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .admin-switch-current {
    display: none;
  }
  .admin-switch-list.hidden, .admin-switch-list {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
  }
  .admin-switch-item {
    width: 100%;
    justify-content: flex-start;
    padding: 9px 12px;
    min-height: 0;
    font-family: var(--font-mono);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--color-sec);
    white-space: nowrap;
  }
  .admin-switch-item:hover {
    background: var(--color-surface-2);
    color: var(--color-ink);
  }
  .admin-switch-item.on {
    border-color: var(--color-accent);
    color: var(--color-accent);
    background: var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
    }
    font-weight: 600;
  }
  .admin-switch-badge {
    margin-left: auto;
  }
}
.admin-switch-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 6px;
  border-radius: 9px;
  background: color-mix(in srgb, #F0788F 20%, #141416);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 20%, var(--color-surface));
  }
  color: var(--color-warn);
  font-size: 11px;
  font-weight: 700;
}
.admin-overview-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}
.admin-overview-grid {
  display: block;
}
.admin-overview-rail {
  margin-top: 14px;
}
.admin-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 12px;
  margin-bottom: 10px;
}
.admin-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.admin-card-title {
  color: var(--color-ink);
  font-weight: 600;
  font-size: 14px;
}
.admin-card-facts {
  color: var(--color-sec);
  font-size: 13px;
  line-height: 1.4;
}
.admin-card-actions {
  display: flex;
  gap: 8px;
}
.admin-card-action {
  flex: 1;
  min-height: 40px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface-2);
  color: var(--color-ink);
  font-size: 13px;
  font-weight: 600;
}
.admin-card-action.primary {
  border-color: var(--color-accent);
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
  }
}
.admin-pill {
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--color-line-2);
  color: var(--color-sec);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: monospace;
  white-space: nowrap;
}
.admin-pill.warn {
  border-color: var(--color-warn);
  color: var(--color-warn);
  background: color-mix(in srgb, #F0788F 14%, #141416);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 14%, var(--color-surface));
  }
}
.admin-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 10px;
  margin-bottom: 6px;
  text-align: left;
}
.admin-row-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.admin-row-title {
  color: var(--color-ink);
  font-size: 14px;
  font-weight: 600;
}
.admin-row-meta {
  color: var(--color-muted);
  font-size: 12px;
}
.admin-row-chev {
  color: var(--color-sec);
  font-size: 16px;
}
.admin-sheet-layer {
  position: fixed;
  inset: 0;
  z-index: 10006;
}
.admin-sheet-backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, black 55%, transparent);
}
.admin-sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: min(560px, 100%);
  margin-inline: auto;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  padding: 16px 16px 24px;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 -18px 46px -18px rgba(0, 0, 0, .65);
}
@media (min-width: 640px) {
  .admin-sheet {
    bottom: 20px;
    border-radius: 18px;
  }
}
.admin-sheet-title {
  color: var(--color-ink);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}
.admin-sheet-meta {
  color: var(--color-sec);
  font-size: 13px;
  margin-bottom: 14px;
  line-height: 1.4;
}
.admin-sheet-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.admin-sheet-action {
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--color-line-2);
  background: var(--color-surface-2);
  color: var(--color-ink);
  font-size: 14px;
  font-weight: 600;
}
.admin-sheet-action.primary {
  border-color: var(--color-accent);
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
  }
}
.admin-spark {
  width: 60px;
  height: 18px;
}
.admin-config-svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-config-svg-icon svg {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  color: var(--color-ink);
}
.lora-jobs-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding-bottom: 90px;
}
@media (min-width: 768px) {
  .lora-jobs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .lora-jobs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.lora-job-card {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 14px;
  padding: 13px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
  cursor: pointer;
}
.lora-job-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
.lora-job-name {
  font-weight: 600;
  font-size: 14.5px;
  color: var(--color-ink);
}
.lora-job-sub {
  font-size: 11.5px;
  color: var(--color-muted);
  margin-top: 2px;
}
.lora-job-pill {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 100px;
  white-space: nowrap;
  flex-shrink: 0;
}
.lora-pill-running {
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 22%, transparent);
  }
  color: var(--color-accent);
}
.lora-pill-done {
  background: var(--color-ok, #7FB088);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-ok, #7FB088) 20%, transparent);
  }
  color: var(--color-ok, #7FB088);
}
.lora-pill-error {
  background: color-mix(in srgb, #F0788F 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-warn) 22%, transparent);
  }
  color: var(--color-warn);
}
.lora-pill-queued {
  background: var(--color-surface-2);
  color: var(--color-muted);
}
.lora-bar-track {
  height: 5px;
  border-radius: 100px;
  background: var(--color-surface-2);
  overflow: hidden;
}
.lora-bar-fill {
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(90deg, var(--color-accent-deep, var(--color-accent)), var(--color-accent));
}
.lora-job-meta-row {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
}
.lora-fab {
  position: fixed;
  right: 20px;
  bottom: 24px;
  width: 54px;
  height: 54px;
  border-radius: 17px;
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep, var(--color-accent)));
  color: var(--color-paper);
  display: grid;
  place-items: center;
  font-size: 26px;
  line-height: 1;
  border: none;
  cursor: pointer;
  box-shadow: 0 8px 22px var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 8px 22px color-mix(in srgb, var(--color-accent) 35%, transparent);
  }
  z-index: 5;
}
.lora-wizard {
  display: flex;
  flex-direction: column;
}
.lora-wizard-track {
  display: flex;
  align-items: center;
  padding: 4px 0 18px;
  gap: 4px;
}
.lora-wizard-step-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.lora-wizard-dot {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  background: var(--color-surface-2);
  color: var(--color-muted);
  border: 1.5px solid var(--color-line);
}
.lora-wizard-dot.done {
  background: var(--color-accent);
  color: var(--color-paper);
  border-color: var(--color-accent);
}
.lora-wizard-dot.active {
  border-color: var(--color-accent);
  color: var(--color-accent);
}
.lora-wizard-step-label {
  font-size: 9.5px;
  color: var(--color-muted);
  letter-spacing: .02em;
  white-space: nowrap;
}
.lora-wizard-step-label.active {
  color: var(--color-ink);
  font-weight: 600;
}
.lora-wizard-line {
  flex: 1;
  height: 1.5px;
  background: var(--color-line);
  margin-bottom: 16px;
}
.lora-wizard-line.done {
  background: var(--color-accent);
}
.lora-wizard-body {
  max-width: 100%;
}
.lora-wizard-grid {
  display: block;
}
.lora-wizard-summary {
  display: none;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 13px;
  padding: 14px;
}
@media (min-width: 1024px) {
  .lora-wizard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 24px;
    align-items: start;
  }
  .lora-wizard-summary {
    display: block;
    position: sticky;
    top: 16px;
  }
  .lora-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 24px;
    align-items: start;
  }
  .lora-detail-rail {
    position: sticky;
    top: 16px;
  }
}
@media (min-width: 1024px) {
  .lora-wizard-body {
    max-width: 560px;
    margin-inline: auto;
  }
}
.lora-field-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 18px 0 7px;
}
.lora-field-label:first-child {
  margin-top: 4px;
}
.lora-field-label-optional {
  text-transform: none;
  font-weight: 400;
  color: var(--color-muted);
}
.lora-field-hint {
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 5px;
}
.lora-input {
  width: 100%;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 11px;
  padding: 12px 13px;
  color: var(--color-ink);
  font-size: 14.5px;
}
.lora-picker-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 13px;
  padding: 10px 12px;
}
.lora-picker-btn-name {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: var(--color-ink);
}
.lora-picker-btn-sub {
  display: block;
  font-size: 11px;
  color: var(--color-muted);
  margin-top: 2px;
}
.lora-picker-chev {
  margin-left: auto;
  color: var(--color-muted);
  flex-shrink: 0;
}
.lora-wizard-footer {
  display: flex;
  gap: 10px;
  margin-top: 22px;
}
.lora-btn {
  flex: 1;
  text-align: center;
  padding: 13px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 14.5px;
  border: none;
  cursor: pointer;
}
.lora-btn-primary {
  background: linear-gradient(150deg, var(--color-accent), var(--color-accent-deep, var(--color-accent)));
  color: var(--color-paper);
}
.lora-btn-ghost {
  background: var(--color-surface-2);
  color: var(--color-ink);
  border: 1px solid var(--color-line);
  flex: 0 0 92px;
}
.lora-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.lora-upload-row {
  display: flex;
  gap: 8px;
  margin: 4px 0 14px;
  flex-wrap: wrap;
}
.lora-upload-pill {
  flex: 1;
  min-width: 140px;
  text-align: center;
  padding: 11px;
  border-radius: 11px;
  font-size: 12.5px;
  font-weight: 600;
  border: 1.5px dashed var(--color-line);
  color: var(--color-muted);
  cursor: pointer;
}
.lora-img-row {
  display: flex;
  gap: 11px;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 13px;
  padding: 9px;
  margin-bottom: 9px;
  align-items: flex-start;
}
.lora-img-row img {
  width: 58px;
  height: 58px;
  border-radius: 9px;
  object-fit: cover;
  flex-shrink: 0;
}
.lora-img-row-cap {
  flex: 1;
  min-width: 0;
}
.lora-img-row-cap .lora-input {
  font-size: 12.5px;
  padding: 8px 10px;
}
.lora-img-row-idx {
  font-size: 10px;
  color: var(--color-muted);
  margin-bottom: 4px;
  font-variant-numeric: tabular-nums;
}
.lora-img-row-remove {
  color: var(--color-warn);
  font-size: 19px;
  line-height: 1;
  padding: 4px 4px;
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  #lt_images_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
  }
  .lora-img-row {
    margin-bottom: 0;
  }
}
.lora-stack-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 1024px) {
  .lora-stack-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.lora-num-field {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 12px;
  padding: 10px 12px;
}
.lora-num-field-label {
  display: block;
  font-size: 12px;
  color: var(--color-muted);
  margin-bottom: 6px;
}
.lora-advanced-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 13px 2px;
  border-top: 1px solid var(--color-line);
  margin-top: 14px;
  color: var(--color-muted);
  font-size: 13px;
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  cursor: pointer;
}
.lora-review-card {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 13px;
  padding: 14px;
  margin-bottom: 10px;
}
.lora-review-row {
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
  font-size: 13px;
  border-bottom: 1px solid var(--color-line);
}
.lora-review-row:last-child {
  border-bottom: none;
}
.lora-review-row span:first-child {
  color: var(--color-muted);
}
.lora-review-row span:last-child {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.lora-cost-banner {
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  }
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 35%, transparent);
  }
  border-radius: 13px;
  padding: 13px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.lora-cost-amt {
  font-size: 19px;
  font-weight: 700;
  color: var(--color-accent);
  font-variant-numeric: tabular-nums;
}
.lora-cost-lbl {
  font-size: 11px;
  color: var(--color-muted);
}
.lora-detail-back {
  flex: 0 0 auto;
  padding: 7px 14px;
  font-size: 13px;
  margin-bottom: 12px;
}
.lora-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.lora-detail-name {
  font-weight: 600;
  font-size: 17px;
  color: var(--color-ink);
}
.lora-segmented {
  display: flex;
  background: var(--color-surface-2);
  border-radius: 11px;
  padding: 3px;
  margin-bottom: 16px;
}
.lora-segmented-btn {
  flex: 1;
  text-align: center;
  padding: 8px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  background: none;
  border: none;
  color: var(--color-muted);
  cursor: pointer;
}
.lora-segmented-btn.on {
  background: var(--color-surface);
  color: var(--color-ink);
}
.lora-segmented-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.lora-status-hero {
  text-align: center;
  padding: 6px 0 18px;
}
.lora-status-pct {
  font-size: 34px;
  font-weight: 700;
  margin: 10px 0 4px;
  font-variant-numeric: tabular-nums;
  color: var(--color-ink);
}
.lora-status-eta {
  font-size: 12px;
  color: var(--color-muted);
}
.lora-metric-card {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 13px;
  padding: 12px 14px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lora-metric-label {
  font-size: 11px;
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: .03em;
}
.lora-metric-value {
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--color-ink);
}
.lora-metric-value.accent {
  color: var(--color-accent);
}
.lora-transfer-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 14px 0 8px;
}
.lora-log-box {
  background: color-mix(in srgb, #0C0C0E 96%, black);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-paper) 96%, black);
  }
  border: 1px solid var(--color-line);
  border-radius: 12px;
  padding: 11px 13px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--color-muted);
  line-height: 1.6;
  max-height: 160px;
  overflow-y: auto;
  white-space: pre-wrap;
  margin-bottom: 14px;
}
.lora-cost-banner-live {
  font-family: var(--font-mono);
  font-size: 12.5px;
  padding: 9px 13px;
  border-radius: 11px;
  border: 1px solid var(--color-line);
  margin-bottom: 12px;
  color: var(--color-ink);
}
@media (min-width: 1024px) {
  #lt_metric_cards, #lt_upload_cards, #lt_download_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .lora-metric-card {
    margin-bottom: 0;
  }
}
.pcp-search {
  width: 100%;
  margin: 12px 0 14px;
  padding: 10px 13px;
  border-radius: 11px;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: 13.5px;
}
.pcp-search:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 1px;
}
.pcp-grid {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 400px;
  overflow-y: auto;
  padding: 2px;
}
.pcp-tile {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
  border-radius: 13px;
  border: 1.5px solid var(--color-line);
  background: var(--color-surface);
  cursor: pointer;
  text-align: left;
  transition: border-color .12s ease, background .12s ease;
}
.pcp-tile:hover, .pcp-tile:focus-visible {
  border-color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));
  }
  outline: none;
}
.pcp-tile-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.pcp-tile-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 14px;
  color: var(--color-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pcp-tile-badge {
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--color-accent) 55%, transparent);
  }
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  }
  border-radius: 100px;
  padding: 1px 8px;
}
.pcp-tile-badge-explore {
  color: var(--color-muted);
  border-color: var(--color-line-2);
  background: transparent;
}
.pcp-empty {
  font-size: 12.5px;
  color: var(--color-muted);
  text-align: center;
  padding: 28px 4px;
}
.pcp-loading {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pcp-loading span {
  height: 62px;
  border-radius: 13px;
  background: linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-2) 37%, var(--color-surface) 63%);
  background-size: 400% 100%;
  animation: pcp-shimmer 1.4s ease infinite;
}
@keyframes pcp-shimmer {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pcp-loading span {
    animation: none;
  }
}
.paginate-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}
.paginate-step {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  color: var(--color-ink);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}
.paginate-step:disabled {
  color: var(--color-line-2);
  cursor: default;
}
.paginate-step:not(:disabled):hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}
.paginate-count {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.pv-sheet-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  min-width: 0;
}
.pv-sheet-cell:hover .pv-frame, .pv-sheet-cell:focus-visible .pv-frame {
  border-color: var(--color-accent);
  transform: translateY(-2px);
}
.pv-frame {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
  border-radius: 3px;
  transition: border-color .14s ease, transform .14s ease;
}
.pv-frame-empty {
  border-style: dashed;
  border-color: var(--color-line-2);
  background: repeating-linear-gradient(135deg, transparent 0 7px, color-mix(in srgb, #2A2A2E 55%, transparent) 7px 8px);
  @supports (color: color-mix(in lab, red, red)) {
    background: repeating-linear-gradient(135deg, transparent 0 7px, color-mix(in srgb, var(--color-line) 55%, transparent) 7px 8px);
  }
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.pv-frame-mark {
  position: absolute;
  left: 4px;
  bottom: 4px;
  padding: 1px 5px;
  border-radius: 4px;
  font-family: var(--font-mono);
  font-size: 8.5px;
  letter-spacing: .06em;
  color: var(--color-accent);
  background: color-mix(in srgb, #0C0C0E 72%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-paper) 72%, transparent);
  }
  backdrop-filter: blur(3px);
}
.pv-cell-name {
  font-size: 11.5px;
  line-height: 1.25;
  color: var(--color-ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pv-cell-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 12px;
}
.pv-cell-type {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.pv-cell-hidden {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--color-warn);
}
.pv-coverage {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.pv-coverage-rule {
  display: block;
  width: 64px;
  height: 2px;
  background: var(--color-line);
  overflow: hidden;
}
.pv-coverage-rule > span {
  display: block;
  height: 100%;
  background: var(--color-accent);
}
.pv-coverage-count {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--color-muted);
  white-space: nowrap;
}
.forge-plate-slug {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 10px;
  margin: 7px 2px 14px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.forge-plate-slug > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.forge-plate-slug > span + span::before {
  content: "";
  width: 3px;
  height: 3px;
  flex: none;
  border-radius: 50%;
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 55%, transparent);
  }
  margin-left: -6px;
}
.forge-plate-slug > span:first-child {
  color: var(--color-sec);
}
.pv-gen-slug {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0 2px 10px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--color-muted);
}
.pv-prompt-tabs {
  display: flex;
  gap: 6px;
}
.pv-prompt-tab {
  padding: 4px 12px;
  border-radius: 7px;
  border: 1px solid var(--color-line);
  background: transparent;
  color: var(--color-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
.pv-prompt-tab.is-on {
  border-color: var(--color-accent);
  color: var(--color-accent);
  background: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-accent) 12%, transparent);
  }
}
.nsfw-swap {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  cursor: pointer;
  color: #fff;
  background: rgba(10, 10, 12, .55);
  backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity .12s ease, color .12s ease;
}
.nsfw-swap svg {
  width: 11px;
  height: 11px;
}
.nsfw-swap[data-nsfw-toggle="nsfw"], .nsfw-swap:focus-visible {
  opacity: 1;
  outline: 1px solid var(--color-accent);
}
*:hover > .nsfw-swap, *:focus-within > .nsfw-swap {
  opacity: 1;
}
@media (hover: none) {
  .nsfw-swap {
    opacity: 1;
  }
}
.pv-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 14px 10px;
}
.mem-lineage {
  margin-top: 6px;
}
.mem-lineage-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.mem-lineage-btn {
  font-size: 11px;
  color: var(--color-muted);
  background: var(--color-surface-2);
  border: 1px solid var(--color-line);
  border-radius: 999px;
  padding: 1px 8px;
  cursor: pointer;
}
.mem-lineage-btn:hover, .mem-lineage-btn.on {
  color: var(--color-accent);
  border-color: var(--color-accent);
}
.mem-lineage-badge {
  font-size: 11px;
  color: var(--color-muted);
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 999px;
  padding: 1px 8px;
}
.mem-lineage-list {
  list-style: none;
  margin: 6px 0 0;
  padding: 0 0 0 10px;
  border-left: 2px solid var(--color-line-2);
}
.mem-lineage-item {
  font-size: 12px;
  color: var(--color-muted);
  padding: 3px 0;
}
.mem-lineage-turn {
  display: block;
  font-size: 10.5px;
  color: var(--color-sec);
}
.settings-row {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 4px;
  border-bottom: 1px solid var(--color-line);
}
.settings-row:last-child {
  border-bottom: none;
}
.settings-eyebrow {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin: 20px 4px 4px;
}
.settings-eyebrow:first-child {
  margin-top: 4px;
}
.settings-back-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 10px;
  cursor: pointer;
}
.settings-back-link:hover {
  color: var(--color-accent);
}
.settings-toggle {
  width: 40px;
  height: 23px;
  flex: none;
  border-radius: 999px;
  padding: 2px;
  border: none;
  cursor: pointer;
  background: var(--color-line-2);
  display: flex;
  justify-content: flex-start;
  transition: background .15s;
}
.settings-toggle.on {
  background: var(--color-accent);
  justify-content: flex-end;
}
.settings-toggle-knob {
  width: 19px;
  height: 19px;
  border-radius: 999px;
  background: #fff;
  display: block;
  transition: none;
}
.settings-swatch {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  flex: none;
  border: 2px solid transparent;
  cursor: pointer;
}
.settings-swatch.on {
  border-color: var(--color-ink);
}
.settings-specimen {
  border-inline-start: 2px solid var(--color-accent);
  padding-inline-start: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--color-surface);
  border-radius: 0 12px 12px 0;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-inline-end: 14px;
}
[dir="rtl"] .settings-specimen {
  border-radius: 12px 0 0 12px;
}
.settings-specimen-line {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.settings-specimen-tag {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--color-muted);
  flex: none;
  width: 62px;
}
input[type="checkbox"], input[type="radio"], input[type="range"] {
  accent-color: var(--color-accent);
}
input[type="range"] {
  height: 4px;
  border-radius: 999px;
  background: var(--color-line-2);
}
input[type="checkbox"], input[type="radio"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#tutorialDim {
  position: fixed;
  inset: 0;
  z-index: 10050;
  pointer-events: none;
}
#tutorialHole {
  position: fixed;
  border-radius: 10px;
  box-shadow: 0 0 0 9999px rgba(8, 8, 10, .74);
  transition: all .18s ease;
  pointer-events: none;
}
#tutorialHole::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 12px;
  border: 2px solid var(--color-accent);
  animation: tutorialPulse 1.4s ease-in-out infinite;
}
@keyframes tutorialPulse {
  0%, 100% {
    opacity: .55;
  }
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  #tutorialHole::after {
    animation: none;
    opacity: .85;
  }
}
#tutorialCoach {
  position: fixed;
  z-index: 10052;
  max-width: min(340px, calc(100vw - 24px));
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--color-accent);
  background: var(--color-surface);
  box-shadow: 0 16px 40px -12px rgba(0, 0, 0, .6);
  pointer-events: auto;
}
#tutorialCoach .tut-eyebrow {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: 5px;
}
#tutorialCoach .tut-body {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--color-ink);
}
#tutorialCoach .tut-skip {
  margin-top: 12px;
  background: none;
  border: none;
  color: var(--color-muted);
  font-size: 11.5px;
  cursor: pointer;
  padding: 0;
}
#tutorialCoach .tut-skip:hover {
  color: var(--color-warn);
}
.progress-line {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--color-muted);
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.progress-track {
  flex: 1;
  height: 3px;
  background: var(--color-line);
  border-radius: 3px;
  overflow: hidden;
  max-width: 160px;
}
.progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--color-accent), var(--color-accent-deep));
}
.group {
  margin-bottom: 28px;
}
.group-label {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-bottom: 10px;
  padding-left: 2px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.group-count {
  color: var(--color-line-2);
  font-weight: 400;
}
.group-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lesson-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 12px;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  cursor: pointer;
  text-align: left;
  transition: border-color .15s ease;
  font: inherit;
  color: inherit;
}
.lesson-row:hover {
  border-color: var(--color-line-2);
}
.lesson-row:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
.lesson-row.done {
  border-color: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-accent) 55%, var(--color-line) 45%);
  }
}
.lesson-text {
  flex: 1;
  min-width: 0;
}
.lesson-title {
  display: block;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--color-ink);
}
.lesson-blurb {
  display: block;
  font-size: 12px;
  color: var(--color-sec);
  margin-top: 2px;
  line-height: 1.4;
}
.lesson-check {
  flex: none;
  color: var(--color-accent);
  font-size: 17px;
}
.lesson-chevron {
  flex: none;
  color: var(--color-muted);
  font-size: 17px;
}
.page-group {
  border: 1px solid var(--color-line);
  border-radius: 12px;
  background: var(--color-surface);
  overflow: hidden;
}
.page-group.done {
  border-color: var(--color-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--color-accent) 55%, var(--color-line) 45%);
  }
}
.page-group + .page-group {
  margin-top: 8px;
}
.page-group-check {
  flex: none;
  color: var(--color-accent);
  font-size: 17px;
}
.page-group summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  user-select: none;
}
.page-group summary::-webkit-details-marker {
  display: none;
}
.page-group summary:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}
.page-group-title {
  flex: 1;
  min-width: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--color-ink);
}
.page-group-meta {
  flex: none;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-muted);
}
.page-group-caret {
  flex: none;
  color: var(--color-muted);
  font-size: 13px;
  transition: transform .15s ease;
}
.page-group[open] .page-group-caret {
  transform: rotate(90deg);
}
.page-group-rows {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--color-line);
  border-top: 1px solid var(--color-line);
}
.feature-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px 11px 46px;
  background: var(--color-surface);
  border: none;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
  position: relative;
}
.feature-row:hover {
  background: var(--color-surface-2);
}
.feature-row:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}
.feature-row::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--color-line-2);
}
.feature-row-title {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: var(--color-ink);
}
.feature-row-blurb {
  display: block;
  font-size: 11.5px;
  color: var(--color-sec);
  margin-top: 1px;
  line-height: 1.4;
}
.feature-check {
  flex: none;
  color: var(--color-accent);
  font-size: 15px;
}
.feature-chevron {
  flex: none;
  color: var(--color-muted);
  font-size: 15px;
}
.admin-group .group-label {
  color: var(--color-warn);
}
.reset-btn {
  margin-top: 6px;
  background: none;
  border: none;
  color: var(--color-muted);
  font-size: 11.5px;
  cursor: pointer;
  padding: 4px 0;
}
.reset-btn:hover {
  color: var(--color-warn);
}
@layer base {
  html, body {
    height: 100%;
  }
  body.modal-open {
    overflow: hidden;
  }
  body {
    background: var(--color-paper);
    color: var(--color-ink);
    font-family: var(--font-sans);
    text-shadow: 0 1px 1px color-mix(in srgb, #0C0C0E 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-shadow: 0 1px 1px color-mix(in srgb, var(--color-paper) 55%, transparent);
    }
  }
  * {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  *::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  input[type="number"] {
    -moz-appearance: textfield;
  }
  input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .wax-seal-idle {
      animation: wax-seal-pulse 3.2s ease-in-out infinite;
    }
  }
  @keyframes wax-seal-pulse {
    0%, 100% {
      transform: scale(1);
      opacity: 0.9;
    }
    50% {
      transform: scale(1.06);
      opacity: 1;
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-top-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-top-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-top-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-top-from-position: 0%;
      --tw-mask-top-to-position: 100%;
      --tw-mask-top-from-color: black;
      --tw-mask-top-to-color: transparent;
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --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-outline-style: solid;
      --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;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}