/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans: "Plus Jakarta Sans", sans-serif;
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --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-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-xl: 24px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: "Plus Jakarta Sans", sans-serif;
    --default-mono-font-family: var(--font-mono);
    --font-display: "Outfit", sans-serif;
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-border: var(--border);
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-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"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  * {
    border-color: var(--color-border);
  }
  body {
    background-color: var(--color-background);
    color: var(--color-foreground);
    font-family: var(--font-sans);
    letter-spacing: 0;
    min-width: 320px;
  }
}
@layer components;
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .shimmer-button {
    background-image: linear-gradient(105deg, var(--primary), var(--primary));
    position: relative;
    overflow: hidden;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shimmer-button {
      background-image: linear-gradient(
        105deg,
        color-mix(in oklab, var(--primary) 85%, var(--warning)),
        var(--primary)
      );
    }
  }
  .shimmer-button {
    box-shadow: 0 10px 30px var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shimmer-button {
      box-shadow: 0 10px 30px
        color-mix(in oklab, var(--primary) 18%, transparent);
    }
  }
  .shimmer-button:after {
    content: "";
    background: linear-gradient(
      90deg,
      transparent,
      var(--foreground),
      transparent
    );
    inset-block: 0;
    width: 30%;
    position: absolute;
    left: -40%;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shimmer-button:after {
      background: linear-gradient(
        90deg,
        transparent,
        color-mix(in oklab, var(--foreground) 45%, transparent),
        transparent
      );
    }
  }
  .shimmer-button:after {
    transition: left 0.55s;
    transform: skew(-20deg);
  }
  .shimmer-button:hover:after {
    left: 115%;
  }
  .story-link {
    position: relative;
  }
  .story-link:after {
    content: "";
    background: var(--primary);
    transform-origin: 100%;
    height: 2px;
    transition: transform 0.25s;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    transform: scaleX(0);
  }
  .story-link:hover:after {
    transform-origin: 0;
    transform: scaleX(1);
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0;
  }
  .inset-x-0 {
    inset-inline: 0;
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-y-0 {
    inset-block: 0;
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .top-0 {
    top: 0;
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[60\%\] {
    top: 60%;
  }
  .top-full {
    top: 100%;
  }
  .-right-12 {
    right: calc(var(--spacing) * -12);
  }
  .-right-40 {
    right: calc(var(--spacing) * -40);
  }
  .right-0 {
    right: 0;
  }
  .right-1 {
    right: var(--spacing);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .-left-12 {
    left: calc(var(--spacing) * -12);
  }
  .-left-48 {
    left: calc(var(--spacing) * -48);
  }
  .left-0 {
    left: 0;
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .prose-editorial section {
    max-width: 48rem;
    margin-bottom: 3.5rem;
  }
  .prose-editorial h2 {
    font-family: var(--font-display);
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 600;
  }
  .prose-editorial h3 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
  }
  .prose-editorial p,
  .prose-editorial li {
    color: var(--muted-foreground);
    line-height: 1.85;
  }
  .prose-editorial p + p {
    margin-top: 1rem;
  }
  .prose-editorial ul {
    margin-top: 1rem;
    padding-left: 1.25rem;
    list-style: outside;
  }
  .prose-editorial a {
    color: var(--primary);
    text-underline-offset: 3px;
    text-decoration: underline;
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .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-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-auto {
    margin-left: auto;
  }
  .hero-chip {
    border: 1px solid var(--foreground);
    align-items: center;
    gap: 0.5rem;
    display: inline-flex;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hero-chip {
      border: 1px solid color-mix(in oklab, var(--foreground) 11%, transparent);
    }
  }
  .hero-chip {
    background: var(--card);
    border-radius: 999px;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hero-chip {
      background: color-mix(in oklab, var(--card) 72%, transparent);
    }
  }
  .hero-chip {
    color: var(--foreground);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    padding: 0.55rem 0.9rem;
    font-size: 0.75rem;
    font-weight: 700;
  }
  .hero-chip svg {
    width: 0.95rem;
    height: 0.95rem;
    color: var(--highlight);
  }
  .warning-chip {
    border: 1px solid var(--warning);
    align-items: center;
    gap: 0.5rem;
    width: fit-content;
    display: inline-flex;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .warning-chip {
      border: 1px solid color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }
  .warning-chip {
    background: var(--warning);
    border-radius: 999px;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .warning-chip {
      background: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }
  .warning-chip {
    color: var(--warning);
    padding: 0.4rem 0.75rem;
    font-weight: 700;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .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-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .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-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-\[30rem\] {
    width: 30rem;
    height: 30rem;
  }
  .size-\[34rem\] {
    width: 34rem;
    height: 34rem;
  }
  .h-\(--cell-size\) {
    height: var(--cell-size);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .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-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }
  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-svh {
    height: 100svh;
  }
  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }
  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }
  .min-h-0 {
    min-height: 0;
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .w-\(--cell-size\) {
    width: var(--cell-size);
  }
  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }
  .w-0 {
    width: 0;
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .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-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }
  .min-w-0 {
    min-width: 0;
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }
  .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }
  .origin-\(--radix-menubar-content-transform-origin\) {
    transform-origin: var(--radix-menubar-content-transform-origin);
  }
  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }
  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-px {
    --tw-translate-x: 1px;
    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-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-caret-blink {
    animation: 1.25s ease-out infinite caret-blink;
  }
  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-none {
    touch-action: none;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-items-center {
    place-items: center;
  }
  .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;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-px {
    gap: 1px;
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  :where(.space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
    margin-inline-end: calc(
      var(--spacing) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-full {
    border-radius: 2147483647px;
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }
  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }
  .rounded-tl-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
  }
  .rounded-r-md {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\(--color-border\) {
    border-color: var(--color-border);
  }
  .border-border,
  .border-border\/50 {
    border-color: var(--border);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .border-border\/70 {
    border-color: var(--border);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }
  .border-destructive\/50 {
    border-color: var(--destructive);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/50 {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }
  .border-highlight\/30 {
    border-color: var(--highlight);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-highlight\/30 {
      border-color: color-mix(in oklab, var(--highlight) 30%, transparent);
    }
  }
  .border-input {
    border-color: var(--input);
  }
  .border-primary,
  .border-primary\/50 {
    border-color: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }
  .border-primary\/60 {
    border-color: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/60 {
      border-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
  .border-rank-bronze\/45 {
    border-color: var(--rank-bronze);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-rank-bronze\/45 {
      border-color: color-mix(in oklab, var(--rank-bronze) 45%, transparent);
    }
  }
  .border-rank-bronze\/50 {
    border-color: var(--rank-bronze);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-rank-bronze\/50 {
      border-color: color-mix(in oklab, var(--rank-bronze) 50%, transparent);
    }
  }
  .border-rank-silver\/45 {
    border-color: var(--rank-silver);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-rank-silver\/45 {
      border-color: color-mix(in oklab, var(--rank-silver) 45%, transparent);
    }
  }
  .border-rank-silver\/50 {
    border-color: var(--rank-silver);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-rank-silver\/50 {
      border-color: color-mix(in oklab, var(--rank-silver) 50%, transparent);
    }
  }
  .border-sidebar-border {
    border-color: var(--sidebar-border);
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-warning\/40 {
    border-color: var(--warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/40 {
      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }
  .border-warning\/50 {
    border-color: var(--warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/50 {
      border-color: color-mix(in oklab, var(--warning) 50%, transparent);
    }
  }
  .border-t-transparent {
    border-top-color: #0000;
  }
  .border-l-transparent {
    border-left-color: #0000;
  }
  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-background,
  .bg-background\/50 {
    background-color: var(--background);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/50 {
      background-color: color-mix(in oklab, var(--background) 50%, transparent);
    }
  }
  .bg-background\/75 {
    background-color: var(--background);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/75 {
      background-color: color-mix(in oklab, var(--background) 75%, transparent);
    }
  }
  .bg-black\/80 {
    background-color: #000c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 80%,
        transparent
      );
    }
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-card,
  .bg-card\/80 {
    background-color: var(--card);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/80 {
      background-color: color-mix(in oklab, var(--card) 80%, transparent);
    }
  }
  .bg-destructive {
    background-color: var(--destructive);
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-highlight,
  .bg-highlight\/10 {
    background-color: var(--highlight);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-highlight\/10 {
      background-color: color-mix(in oklab, var(--highlight) 10%, transparent);
    }
  }
  .bg-logo {
    background-color: var(--logo);
  }
  .bg-muted,
  .bg-muted\/50 {
    background-color: var(--muted);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }
  .bg-overlay {
    background-color: var(--overlay);
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-primary,
  .bg-primary\/10 {
    background-color: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .bg-primary\/20 {
    background-color: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }
  .bg-rank-bronze\/10 {
    background-color: var(--rank-bronze);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-rank-bronze\/10 {
      background-color: color-mix(
        in oklab,
        var(--rank-bronze) 10%,
        transparent
      );
    }
  }
  .bg-rank-silver\/10 {
    background-color: var(--rank-silver);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-rank-silver\/10 {
      background-color: color-mix(
        in oklab,
        var(--rank-silver) 10%,
        transparent
      );
    }
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-sidebar {
    background-color: var(--sidebar);
  }
  .bg-sidebar-border {
    background-color: var(--sidebar-border);
  }
  .bg-surface {
    background-color: var(--surface);
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-warning\/10 {
    background-color: var(--warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }
  .editorial-grid {
    background-image:
      linear-gradient(to right, var(--border) 1px, transparent 1px),
      linear-gradient(to bottom, var(--border) 1px, transparent 1px);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .editorial-grid {
      background-image:
        linear-gradient(
          to right,
          color-mix(in oklab, var(--border) 30%, transparent) 1px,
          transparent 1px
        ),
        linear-gradient(
          to bottom,
          color-mix(in oklab, var(--border) 30%, transparent) 1px,
          transparent 1px
        );
    }
  }
  .editorial-grid {
    background-size: 72px 72px;
  }
  .fill-current {
    fill: currentColor;
  }
  .fill-primary,
  .fill-primary\/25 {
    fill: var(--primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-primary\/25 {
      fill: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }
  .object-contain {
    object-fit: contain;
  }
  .p-0 {
    padding: 0;
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .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-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .pt-0 {
    padding-top: 0;
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pr-1 {
    padding-right: var(--spacing);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .font-display {
    font-family: Outfit, sans-serif;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .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-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.8rem\] {
    font-size: 0.8rem;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .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-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .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-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-accent-foreground {
    color: var(--accent-foreground);
  }
  .text-card-foreground {
    color: var(--card-foreground);
  }
  .text-current {
    color: currentColor;
  }
  .text-destructive {
    color: var(--destructive);
  }
  .text-destructive-foreground {
    color: var(--destructive-foreground);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-highlight {
    color: var(--highlight);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-rank-bronze {
    color: var(--rank-bronze);
  }
  .text-rank-silver {
    color: var(--rank-silver);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .text-sidebar-foreground,
  .text-sidebar-foreground\/70 {
    color: var(--sidebar-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/70 {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }
  .text-warning {
    color: var(--warning);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .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,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-25 {
    opacity: 0.25;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .shadow {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_35px_var\(--warning-glow\)\] {
    --tw-shadow: 0 0 35px var(--tw-shadow-color, var(--warning-glow));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_18px_70px_var\(--primary-shadow\)\] {
    --tw-shadow: 0 18px 70px var(--tw-shadow-color, var(--primary-shadow));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    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, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    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, #0000001a),
      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    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);
  }
  .shadow-sm {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow:
      0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + 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);
  }
  .ring-1 {
    --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);
  }
  .ring-ring {
    --tw-ring-color: var(--ring);
  }
  .ring-sidebar-ring {
    --tw-ring-color: var(--sidebar-ring);
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur-\[120px\] {
    --tw-blur: blur(120px);
    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-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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,);
  }
  .glass-panel {
    border: 1px solid var(--foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .glass-panel {
      border: 1px solid color-mix(in oklab, var(--foreground) 12%, transparent);
    }
  }
  .glass-panel {
    background: var(--card);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .glass-panel {
      background: color-mix(in oklab, var(--card) 86%, transparent);
    }
  }
  .glass-panel {
    -webkit-backdrop-filter: blur(24px) saturate(135%);
    backdrop-filter: blur(24px) saturate(135%);
  }
  .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\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    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));
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .fade-in-0 {
    --tw-enter-opacity: 0;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .zoom-in-95 {
    --tw-enter-scale: 0.95;
  }
  .\[--cell-size\:2rem\] {
    --cell-size: 2rem;
  }
  .group-focus-within\/menu-item\:opacity-100:is(
    :where(.group\/menu-item):focus-within *
  ) {
    opacity: 1;
  }
  @media (hover: hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }
  .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(
    :where(.group\/menu-item):has([data-sidebar="menu-action"]) *
  ) {
    padding-right: calc(var(--spacing) * 8);
  }
  .group-data-\[collapsible\=icon\]\:-mt-8:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
    margin-top: calc(var(--spacing) * -8);
  }
  .group-data-\[collapsible\=icon\]\:hidden:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
    display: none;
  }
  .group-data-\[collapsible\=icon\]\:\!size-8:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(
    :where(.group)[data-collapsible="icon"] *
  ) {
    width: var(--sidebar-width-icon);
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(
      :where(.group)[data-collapsible="icon"] *
    ) {
    width: calc(var(--sidebar-width-icon) + 1rem);
  }
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(
      :where(.group)[data-collapsible="icon"] *
    ) {
    width: calc(var(--sidebar-width-icon) + 1rem + 2px);
  }
  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
    overflow: hidden;
  }
  .group-data-\[collapsible\=icon\]\:\!p-0:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
    padding: 0 !important;
  }
  .group-data-\[collapsible\=icon\]\:\!p-2:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
    padding: calc(var(--spacing) * 2) !important;
  }
  .group-data-\[collapsible\=icon\]\:opacity-0:is(
    :where(.group)[data-collapsible="icon"] *
  ) {
    opacity: 0;
  }
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ) {
    right: calc(var(--sidebar-width) * -1);
  }
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ) {
    left: calc(var(--sidebar-width) * -1);
  }
  .group-data-\[collapsible\=offcanvas\]\:w-0:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ) {
    width: 0;
  }
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(
    :where(.group)[data-collapsible="offcanvas"] *
  ) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-data-\[focused\=true\]\/day\:relative:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
    position: relative;
  }
  .group-data-\[focused\=true\]\/day\:z-10:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
    z-index: 10;
  }
  .group-data-\[focused\=true\]\/day\:border-ring:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
    border-color: var(--ring);
  }
  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(3px + 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);
  }
  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(
    :where(.group\/day)[data-focused="true"] *
  ) {
    --tw-ring-color: var(--ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(
      :where(.group\/day)[data-focused="true"] *
    ) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }
  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: 0;
  }
  .group-data-\[side\=right\]\:rotate-180:is(
    :where(.group)[data-side="right"] *
  ) {
    rotate: 180deg;
  }
  .group-data-\[side\=right\]\:border-l:is(
    :where(.group)[data-side="right"] *
  ) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .group-data-\[state\=open\]\:rotate-180:is(
    :where(.group)[data-state="open"] *
  ) {
    rotate: 180deg;
  }
  .group-data-\[variant\=floating\]\:rounded-lg:is(
    :where(.group)[data-variant="floating"] *
  ) {
    border-radius: var(--radius);
  }
  .group-data-\[variant\=floating\]\:border:is(
    :where(.group)[data-variant="floating"] *
  ) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .group-data-\[variant\=floating\]\:border-sidebar-border:is(
    :where(.group)[data-variant="floating"] *
  ) {
    border-color: var(--sidebar-border);
  }
  .group-data-\[variant\=floating\]\:shadow:is(
    :where(.group)[data-variant="floating"] *
  ) {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-\[\.toast\]\:bg-muted:is(:where(.group).toast *) {
    background-color: var(--muted);
  }
  .group-\[\.toast\]\:bg-primary:is(:where(.group).toast *) {
    background-color: var(--primary);
  }
  .group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *) {
    color: var(--muted-foreground);
  }
  .group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *) {
    color: var(--primary-foreground);
  }
  .group-\[\.toaster\]\:border-border:is(:where(.group).toaster *) {
    border-color: var(--border);
  }
  .group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *) {
    background-color: var(--background);
  }
  .group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *) {
    color: var(--foreground);
  }
  .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *) {
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(
      :where(.peer\/menu-button):hover ~ *
    ) {
      color: var(--sidebar-accent-foreground);
    }
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity: 0.7;
  }
  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(
    :where(.peer\/menu-button)[data-active="true"] ~ *
  ) {
    color: var(--sidebar-accent-foreground);
  }
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(
      :where(.peer\/menu-button)[data-size="default"] ~ *
    ) {
    top: calc(var(--spacing) * 1.5);
  }
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(
      :where(.peer\/menu-button)[data-size="lg"] ~ *
    ) {
    top: calc(var(--spacing) * 2.5);
  }
  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(
    :where(.peer\/menu-button)[data-size="sm"] ~ *
  ) {
    top: var(--spacing);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }
  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }
  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: 0;
  }
  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }
  .after\:w-1:after {
    content: var(--tw-content);
    width: var(--spacing);
  }
  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }
  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(
      :where(.group)[data-collapsible="offcanvas"] *
    ):after {
    content: var(--tw-content);
    left: 100%;
  }
  .first\:rounded-l-md:first-child {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }
  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .last\:rounded-r-md:last-child {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }
  @media (hover: hover) {
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:border-highlight\/45:hover {
      border-color: var(--highlight);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-highlight\/45:hover {
        border-color: color-mix(in oklab, var(--highlight) 45%, transparent);
      }
    }
    .hover\:border-primary\/50:hover {
      border-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/50:hover {
        border-color: color-mix(in oklab, var(--primary) 50%, transparent);
      }
    }
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
    .hover\:bg-card:hover {
      background-color: var(--card);
    }
    .hover\:bg-destructive\/80:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/80:hover {
        background-color: color-mix(
          in oklab,
          var(--destructive) 80%,
          transparent
        );
      }
    }
    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(
          in oklab,
          var(--destructive) 90%,
          transparent
        );
      }
    }
    .hover\:bg-muted:hover,
    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
    .hover\:bg-primary\/80:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
    .hover\:bg-secondary\/80:hover {
      background-color: var(--secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(
          in oklab,
          var(--secondary) 80%,
          transparent
        );
      }
    }
    .hover\:bg-sidebar-accent:hover {
      background-color: var(--sidebar-accent);
    }
    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }
    .hover\:text-sidebar-accent-foreground:hover {
      color: var(--sidebar-accent-foreground);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:opacity-100:hover {
      opacity: 1;
    }
    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(
        :where(.group)[data-collapsible="offcanvas"] *
      ):hover {
      background-color: var(--sidebar);
    }
    .hover\:after\:bg-sidebar-border:hover:after {
      content: var(--tw-content);
      background-color: var(--sidebar-border);
    }
  }
  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }
  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }
  .focus\:ring-1:focus {
    --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);
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + 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);
  }
  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:ring-1:focus-visible {
    --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);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + 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);
  }
  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }
  .focus-visible\:ring-sidebar-ring:focus-visible {
    --tw-ring-color: var(--sidebar-ring);
  }
  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:ring-offset-background:focus-visible {
    --tw-ring-offset-color: var(--background);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:bg-sidebar-accent:active {
    background-color: var(--sidebar-accent);
  }
  .active\:text-sidebar-accent-foreground:active {
    color: var(--sidebar-accent-foreground);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-50:disabled {
    opacity: 0.5;
  }
  .has-focus\:border-ring:has(:focus) {
    border-color: var(--ring);
  }
  .has-focus\:ring-\[3px\]:has(:focus) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(3px + 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);
  }
  .has-focus\:ring-ring\/50:has(:focus) {
    --tw-ring-color: var(--ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .has-focus\:ring-ring\/50:has(:focus) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .has-\[\:disabled\]\:opacity-50:has(:disabled) {
    opacity: 0.5;
  }
  .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant="inset"]) {
    background-color: var(--sidebar);
  }
  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }
  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: 0.5;
  }
  .aria-selected\:text-muted-foreground[aria-selected="true"] {
    color: var(--muted-foreground);
  }
  .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
    background-color: var(--sidebar-accent);
  }
  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
    color: var(--sidebar-accent-foreground);
  }
  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 0.5;
  }
  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }
  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: 0.5;
  }
  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52 * var(--spacing));
  }
  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52 * var(--spacing) * -1);
  }
  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52 * var(--spacing));
  }
  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52 * var(--spacing) * -1);
  }
  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    --tw-enter-opacity: 0;
  }
  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
    --tw-exit-opacity: 0;
  }
  .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
    height: 1px;
  }
  .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
    width: 100%;
  }
  .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
    flex-direction: column;
  }
  .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    left: 0;
  }
  .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    height: var(--spacing);
  }
  .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    width: 100%;
  }
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }
  .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
    border-radius: calc(var(--radius) - 2px);
  }
  .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
    background-color: var(--primary);
  }
  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
    color: var(--primary-foreground);
  }
  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0;
  }
  .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
    background-color: var(--accent);
  }
  .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
    color: var(--accent-foreground);
  }
  .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
    border-radius: calc(var(--radius) - 2px);
  }
  .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
    background-color: var(--primary);
  }
  .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
    color: var(--primary-foreground);
  }
  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
    background-color: var(--primary);
  }
  .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
    color: var(--primary-foreground);
  }
  .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0;
  }
  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
    background-color: var(--accent);
  }
  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
    color: var(--accent-foreground);
  }
  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }
  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }
  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }
  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }
  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: var(--background);
  }
  .data-\[state\=active\]\:text-foreground[data-state="active"] {
    color: var(--foreground);
  }
  .data-\[state\=active\]\:shadow[data-state="active"] {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
  }
  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: var(--primary-foreground);
  }
  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
    animation: accordion-up
      var(--tw-animation-duration, var(--tw-duration, 0.2s))
      var(--tw-ease, ease-out) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }
  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: 0.95;
  }
  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
    --tw-exit-translate-y: 100%;
  }
  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
    --tw-exit-translate-x: -100%;
  }
  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
    --tw-exit-translate-x: 100%;
  }
  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
    --tw-exit-translate-y: -100%;
  }
  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
    --tw-exit-opacity: 0;
  }
  .data-\[state\=on\]\:bg-accent[data-state="on"] {
    background-color: var(--accent);
  }
  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
    color: var(--accent-foreground);
  }
  .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
    animation: accordion-down
      var(--tw-animation-duration, var(--tw-duration, 0.2s))
      var(--tw-ease, ease-out) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .data-\[state\=open\]\:bg-accent[data-state="open"],
  .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
    background-color: var(--accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }
  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: var(--secondary);
  }
  .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
    color: var(--accent-foreground);
  }
  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--muted-foreground);
  }
  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }
  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }
  .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
    --tw-enter-scale: 0.9;
  }
  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: 0.95;
  }
  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }
  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
    --tw-enter-translate-x: -100%;
  }
  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
    --tw-enter-translate-x: 100%;
  }
  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
    --tw-enter-translate-y: -100%;
  }
  @media (hover: hover) {
    .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover {
      background-color: var(--accent);
    }
    .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover {
      background-color: var(--sidebar-accent);
    }
    .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover {
      color: var(--sidebar-accent-foreground);
    }
  }
  .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
    background-color: var(--accent);
  }
  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: var(--muted);
  }
  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
    background-color: var(--input);
  }
  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, 0.15s))
      var(--tw-ease, ease) var(--tw-animation-delay, 0s)
      var(--tw-animation-iteration-count, 1)
      var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }
  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
    --tw-enter-opacity: 0;
  }
  @media (width>=40rem) {
    .sm\:mt-0 {
      margin-top: 0;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    :where(.sm\:space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(
        calc(var(--spacing) * 2) * var(--tw-space-x-reverse)
      );
      margin-inline-end: calc(
        calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))
      );
    }
    .sm\:rounded-lg {
      border-radius: var(--radius);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .sm\:text-left {
      text-align: left;
    }
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    .sm\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  @media (width>=48rem) {
    .md\:absolute {
      position: absolute;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width);
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }
    .md\:grid-cols-\[70px_170px_1fr_120px_175px\] {
      grid-template-columns: 70px 170px 1fr 120px 175px;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .md\:opacity-0 {
      opacity: 0;
    }
    .md\:peer-data-\[variant\=inset\]\:m-2:is(
      :where(.peer)[data-variant="inset"] ~ *
    ) {
      margin: calc(var(--spacing) * 2);
    }
    .md\:peer-data-\[variant\=inset\]\:ml-0:is(
      :where(.peer)[data-variant="inset"] ~ *
    ) {
      margin-left: 0;
    }
    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(
      :where(.peer)[data-variant="inset"] ~ *
    ) {
      border-radius: calc(var(--radius) + 4px);
    }
    .md\:peer-data-\[variant\=inset\]\:shadow:is(
      :where(.peer)[data-variant="inset"] ~ *
    ) {
      --tw-shadow:
        0 1px 3px 0 var(--tw-shadow-color, #0000001a),
        0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(
        :where(.peer)[data-state="collapsed"] ~ *
      ):is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  .after\:md\:hidden:after {
    content: var(--tw-content);
  }
  @media (width>=48rem) {
    .after\:md\:hidden:after {
      display: none;
    }
  }
  @media (width>=64rem) {
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:grid-cols-\[\.8fr_1\.2fr\] {
      grid-template-columns: 0.8fr 1.2fr;
    }
    .lg\:grid-cols-\[1fr_1\.5fr\] {
      grid-template-columns: 1fr 1.5fr;
    }
    .lg\:grid-cols-\[1fr_310px\] {
      grid-template-columns: 1fr 310px;
    }
    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .lg\:text-\[5\.5rem\] {
      font-size: 5.5rem;
    }
  }
  .dark\:border-destructive:is(.dark *) {
    border-color: var(--destructive);
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground
    .recharts-cartesian-axis-tick
    text {
    fill: var(--muted-foreground);
  }
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50
    .recharts-cartesian-grid
    line[stroke="\#ccc"] {
    stroke: var(--border);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50
      .recharts-cartesian-grid
      line[stroke="\#ccc"] {
      stroke: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border
    .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border);
  }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent
    .recharts-dot[stroke="\#fff"] {
    stroke: #0000;
  }
  .\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border
    .recharts-polar-grid
    [stroke="\#ccc"] {
    stroke: var(--border);
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted
    .recharts-radial-bar-background-sector,
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted
    .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted);
  }
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border
    .recharts-reference-line
    [stroke="\#ccc"] {
    stroke: var(--border);
  }
  .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent
    .recharts-sector[stroke="\#fff"] {
    stroke: #0000;
  }
  .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--muted-foreground);
  }
  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0
    [cmdk-group]:not([hidden])
    ~ [cmdk-group] {
    padding-top: 0;
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }
  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }
  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }
  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }
  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"]
    button {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: 0;
  }
  :is(
    .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(
        :is(
          :lang(ae),
          :lang(ar),
          :lang(arc),
          :lang(bcc),
          :lang(bqi),
          :lang(ckb),
          :lang(dv),
          :lang(fa),
          :lang(glk),
          :lang(he),
          :lang(ku),
          :lang(mzn),
          :lang(nqo),
          :lang(pnb),
          :lang(ps),
          :lang(sd),
          :lang(ug),
          :lang(ur),
          :lang(yi)
        ),
        [dir="rtl"],
        [dir="rtl"] *
      )
      *
  ):is(.rdp-button_next > svg),
  :is(
    .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(
        :is(
          :lang(ae),
          :lang(ar),
          :lang(arc),
          :lang(bcc),
          :lang(bqi),
          :lang(ckb),
          :lang(dv),
          :lang(fa),
          :lang(glk),
          :lang(he),
          :lang(ku),
          :lang(mzn),
          :lang(nqo),
          :lang(pnb),
          :lang(ps),
          :lang(sd),
          :lang(ug),
          :lang(ur),
          :lang(yi)
        ),
        [dir="rtl"],
        [dir="rtl"] *
      )
      *
  ):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"]
    button {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&\>button\]\:hidden > button {
    display: none;
  }
  .\[\&\>span\]\:line-clamp-1 > span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .\[\&\>span\]\:text-xs > span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&\>span\]\:opacity-70 > span {
    opacity: 0.7;
  }
  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .\[\&\>svg\]\:absolute > svg {
    position: absolute;
  }
  .\[\&\>svg\]\:top-4 > svg {
    top: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:left-4 > svg {
    left: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }
  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:h-3\.5 > svg {
    height: calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }
  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }
  .\[\&\>svg\]\:w-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
  }
  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }
  .\[\&\>svg\]\:text-destructive > svg {
    color: var(--destructive);
  }
  .\[\&\>svg\]\:text-foreground > svg {
    color: var(--foreground);
  }
  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--muted-foreground);
  }
  .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
    color: var(--sidebar-accent-foreground);
  }
  .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div {
    --tw-translate-y: -3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
    padding-left: calc(var(--spacing) * 7);
  }
  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"]
    > div {
    rotate: 90deg;
  }
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
    rotate: 180deg;
  }
  [data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }
  [data-side="left"][data-collapsible="offcanvas"]
    .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }
  [data-side="left"][data-state="collapsed"]
    .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,
  [data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }
  [data-side="right"][data-collapsible="offcanvas"]
    .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }
  [data-side="right"][data-state="collapsed"]
    .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }
  [data-slot="card-content"]
    .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,
  [data-slot="popover-content"]
    .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
    background-color: #0000;
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
:root {
  --radius: 0.25rem;
  --background: oklch(11.5% 0.025 249);
  --foreground: oklch(97.5% 0.008 90);
  --card: oklch(17% 0.032 249);
  --card-foreground: oklch(95% 0.012 90);
  --popover: oklch(18.5% 0.02 251);
  --popover-foreground: oklch(95% 0.012 90);
  --primary: oklch(82% 0.16 79);
  --primary-foreground: oklch(12% 0.025 249);
  --secondary: oklch(70% 0.16 180);
  --secondary-foreground: oklch(95% 0.012 90);
  --muted: oklch(22% 0.02 250);
  --muted-foreground: oklch(72% 0.025 244);
  --accent: oklch(23% 0.065 202);
  --accent-foreground: oklch(96% 0.01 90);
  --destructive: oklch(57.7% 0.245 27.325);
  --destructive-foreground: oklch(98.4% 0.003 247.858);
  --border: oklch(32% 0.04 245/0.75);
  --input: oklch(35% 0.035 246);
  --ring: oklch(79% 0.15 78);
  --surface: oklch(14% 0.035 249);
  --logo: oklch(98% 0.004 100);
  --overlay: oklch(8% 0.018 250/0.88);
  --highlight: oklch(72% 0.17 177);
  --highlight-foreground: oklch(12% 0.03 190);
  --warning: oklch(74% 0.19 43);
  --warning-glow: oklch(74% 0.19 43/0.35);
  --primary-shadow: oklch(82% 0.16 79/0.17);
  --rank-silver: oklch(78% 0.02 245);
  --rank-bronze: oklch(66% 0.105 55);
  --chart-1: oklch(64.6% 0.222 41.116);
  --chart-2: oklch(60% 0.118 184.704);
  --chart-3: oklch(39.8% 0.07 227.392);
  --chart-4: oklch(82.8% 0.189 84.429);
  --chart-5: oklch(76.9% 0.188 70.08);
  --sidebar: oklch(98.4% 0.003 247.858);
  --sidebar-foreground: oklch(12.9% 0.042 264.695);
  --sidebar-primary: oklch(20.8% 0.042 265.755);
  --sidebar-primary-foreground: oklch(98.4% 0.003 247.858);
  --sidebar-accent: oklch(96.8% 0.007 247.896);
  --sidebar-accent-foreground: oklch(20.8% 0.042 265.755);
  --sidebar-border: oklch(92.9% 0.013 255.508);
  --sidebar-ring: oklch(70.4% 0.04 256.788);
}
.dark {
  --background: oklch(12.9% 0.042 264.695);
  --foreground: oklch(98.4% 0.003 247.858);
  --card: oklch(20.8% 0.042 265.755);
  --card-foreground: oklch(98.4% 0.003 247.858);
  --popover: oklch(20.8% 0.042 265.755);
  --popover-foreground: oklch(98.4% 0.003 247.858);
  --primary: oklch(92.9% 0.013 255.508);
  --primary-foreground: oklch(20.8% 0.042 265.755);
  --secondary: oklch(27.9% 0.041 260.031);
  --secondary-foreground: oklch(98.4% 0.003 247.858);
  --muted: oklch(27.9% 0.041 260.031);
  --muted-foreground: oklch(70.4% 0.04 256.788);
  --accent: oklch(27.9% 0.041 260.031);
  --accent-foreground: oklch(98.4% 0.003 247.858);
  --destructive: oklch(70.4% 0.191 22.216);
  --destructive-foreground: oklch(98.4% 0.003 247.858);
  --border: oklch(100% 0 0/0.1);
  --input: oklch(100% 0 0/0.15);
  --ring: oklch(55.1% 0.027 264.364);
  --chart-1: oklch(48.8% 0.243 264.376);
  --chart-2: oklch(69.6% 0.17 162.48);
  --chart-3: oklch(76.9% 0.188 70.08);
  --chart-4: oklch(62.7% 0.265 303.9);
  --chart-5: oklch(64.5% 0.246 16.439);
  --sidebar: oklch(20.8% 0.042 265.755);
  --sidebar-foreground: oklch(98.4% 0.003 247.858);
  --sidebar-primary: oklch(48.8% 0.243 264.376);
  --sidebar-primary-foreground: oklch(98.4% 0.003 247.858);
  --sidebar-accent: oklch(27.9% 0.041 260.031);
  --sidebar-accent-foreground: oklch(98.4% 0.003 247.858);
  --sidebar-border: oklch(100% 0 0/0.1);
  --sidebar-ring: oklch(55.1% 0.027 264.364);
}
.brand-mark {
  border: 1px solid var(--primary);
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .brand-mark {
    border: 1px solid color-mix(in oklab, var(--primary) 55%, transparent);
  }
}
.brand-mark {
  background: var(--primary);
  border-radius: 0.45rem;
}
@supports (color: color-mix(in lab, red, red)) {
  .brand-mark {
    background: color-mix(in oklab, var(--primary) 12%, transparent);
  }
}
.brand-mark {
  color: var(--primary);
  box-shadow: 0 0 24px var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
  .brand-mark {
    box-shadow: 0 0 24px color-mix(in oklab, var(--primary) 20%, transparent);
  }
}
.footer-glow {
  background: var(--highlight);
  border-radius: 999px;
  width: 32rem;
  height: 18rem;
  position: absolute;
  bottom: -9rem;
  right: 10%;
}
@supports (color: color-mix(in lab, red, red)) {
  .footer-glow {
    background: color-mix(in oklab, var(--highlight) 9%, transparent);
  }
}
.footer-glow {
  filter: blur(80px);
}
@keyframes pulse-live {
  0%,
  to {
    opacity: 1;
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--highlight) 35%, transparent);
  }
  50% {
    opacity: 0.72;
    box-shadow: 0 0 0 7px #0000;
  }
}
@keyframes rise-in {
  0% {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.live-dot {
  animation: 1.8s ease-in-out infinite pulse-live;
}
.rank-card {
  animation: 0.45s ease-out both rise-in;
}
.rank-card:nth-child(2) {
  animation-delay: 55ms;
}
.rank-card:nth-child(3) {
  animation-delay: 0.11s;
}
.rank-card:nth-child(4) {
  animation-delay: 0.165s;
}
.rank-card:nth-child(5) {
  animation-delay: 0.22s;
}
.rank-card:nth-child(6) {
  animation-delay: 0.275s;
}
.rank-card:nth-child(7) {
  animation-delay: 0.33s;
}
@media (prefers-reduced-motion: reduce) {
  .live-dot,
  .rank-card {
    animation: none;
  }
}
@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-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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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: 0;
}
@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: "*";
  inherits: false;
  initial-value: "";
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(
        var(--tw-enter-translate-x, 0),
        var(--tw-enter-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1),
        var(--tw-enter-scale, 1)
      )
      rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(
        var(--tw-exit-translate-x, 0),
        var(--tw-exit-translate-y, 0),
        0
      )
      scale3d(
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1),
        var(--tw-exit-scale, 1)
      )
      rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}
@keyframes accordion-down {
  0% {
    height: 0;
  }
  to {
    height: var(
      --radix-accordion-content-height,
      var(
        --bits-accordion-content-height,
        var(
          --reka-accordion-content-height,
          var(
            --kb-accordion-content-height,
            var(--ngp-accordion-content-height, auto)
          )
        )
      )
    );
  }
}
@keyframes accordion-up {
  0% {
    height: var(
      --radix-accordion-content-height,
      var(
        --bits-accordion-content-height,
        var(
          --reka-accordion-content-height,
          var(
            --kb-accordion-content-height,
            var(--ngp-accordion-content-height, auto)
          )
        )
      )
    );
  }
  to {
    height: 0;
  }
}
@keyframes caret-blink {
  0%,
  70%,
  to {
    opacity: 1;
  }
  20%,
  50% {
    opacity: 0;
  }
}

/* Novellaris portal redesign */
.portal-body{margin:0;background:#071019;color:#f4f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.portal-body *{box-sizing:border-box}.portal-body a{text-decoration:none;color:inherit}.portal-shell{width:min(1220px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:999;background:#f4bd55;color:#071019;padding:12px 18px;font-weight:800}.skip-link:focus{top:16px}.portal-header{position:fixed;inset:0 0 auto;z-index:80;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(5,13,21,.72);backdrop-filter:blur(18px)}.nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between}.portal-logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.08em;font-size:15px}.portal-logo em{font-style:normal;color:#f4bd55}.logo-orbit{position:relative;width:33px;height:33px;border:1px solid #f4bd55;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 26px rgba(244,189,85,.2)}.logo-orbit:before,.logo-orbit:after{content:"";position:absolute;background:#f4bd55}.logo-orbit:before{width:13px;height:2px}.logo-orbit:after{width:2px;height:13px}.logo-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#72e5ed;right:-2px;top:6px}.portal-nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#9eabb5}.portal-nav a{position:relative;transition:.25s}.portal-nav a:hover{color:#fff}.portal-nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:1px;background:#f4bd55;transition:.25s}.portal-nav a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:14px}.age-pill{border:1px solid rgba(244,189,85,.55);color:#f4bd55;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.nav-toggle{display:none;background:none;border:0;width:40px;height:40px;padding:10px}.nav-toggle span{display:block;height:1px;background:#fff;margin:7px 0}.portal-hero{position:relative;min-height:850px;display:flex;align-items:center;overflow:hidden;background:#050c13}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050c13 0%,rgba(5,12,19,.94) 26%,rgba(5,12,19,.43) 57%,rgba(5,12,19,.12)),linear-gradient(0deg,#071019 0%,transparent 22%,rgba(0,0,0,.2) 100%)}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,760px) 240px;gap:80px;align-items:end;padding-top:110px}.eyebrow,.section-index{display:flex;align-items:center;gap:10px;color:#75e1e8;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#75e1e8;box-shadow:0 0 0 7px rgba(117,225,232,.12);animation:portal-pulse 2s infinite}.hero-copy h1{font-size:clamp(55px,7vw,104px);line-height:.88;letter-spacing:-.065em;margin:26px 0 28px;max-width:850px;font-weight:760}.hero-copy h1 strong{font-weight:500;color:#f4bd55;font-style:italic}.hero-copy>p{font-size:18px;line-height:1.65;color:#b3bdc5;max-width:590px}.hero-actions{display:flex;gap:12px;margin-top:36px}.portal-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 22px;border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:800;letter-spacing:.02em;transition:.25s}.portal-btn--primary{background:#f4bd55;color:#081018!important;border-color:#f4bd55}.portal-btn--primary:hover{background:#ffd77e;transform:translateY(-2px)}.portal-btn--ghost:hover{border-color:#75e1e8;color:#75e1e8}.trust-strip{display:flex;margin-top:50px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;max-width:610px}.trust-strip>div{display:flex;gap:10px;align-items:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.12)}.trust-strip>div:first-child{padding-left:0}.trust-strip>div:last-child{border:0}.trust-strip b{font-size:22px}.trust-strip span{color:#8997a3;text-transform:uppercase;font-size:9px;line-height:1.5;letter-spacing:.1em}.hero-radar{justify-self:end;width:230px;padding:20px;background:rgba(4,13,21,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}.radar-label{font-size:9px;color:#75e1e8;letter-spacing:.2em}.radar-ring{width:146px;height:146px;border:1px solid rgba(117,225,232,.55);border-radius:50%;margin:22px auto;display:grid;place-items:center;position:relative;background:conic-gradient(from 20deg,transparent,rgba(117,225,232,.13),transparent 42%)}.radar-ring:before,.radar-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.radar-ring:before{inset:12px}.radar-ring:after{inset:30px}.radar-ring>span{font-size:30px;font-weight:850;text-align:center}.radar-ring small{display:block;color:#8d9ba7;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.hero-radar p{font-size:10px;color:#7f8c97;margin:0 0 4px}.hero-radar>b{font-size:11px}.hero-ticker{position:absolute;bottom:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-around;gap:24px;white-space:nowrap;background:#75e1e8;color:#061018;font-size:10px;font-weight:900;letter-spacing:.17em}.offers-section{padding:120px 0;background:radial-gradient(circle at 80% 20%,rgba(34,109,117,.13),transparent 33%),#071019}.section-head{display:grid;grid-template-columns:1.2fr .65fr;gap:80px;align-items:end;margin-bottom:45px}.section-head h2,.method-copy h2,.responsible-copy h2{font-size:clamp(44px,5vw,73px);line-height:.98;letter-spacing:-.045em;margin:18px 0 0}.section-head h2 i,.method-copy h2 i,.responsible-copy h2 i{font-weight:450;color:#f4bd55}.section-head>p,.method-copy>p{color:#8f9ca7;line-height:1.8;margin:0}.filter-rail{display:flex;gap:8px;margin-bottom:22px;overflow:auto;padding-bottom:4px}.filter-rail button{appearance:none;white-space:nowrap;border:1px solid #263541;background:transparent;color:#9aa8b3;border-radius:999px;padding:11px 17px;font:700 11px inherit;cursor:pointer;transition:.2s}.filter-rail button.active,.filter-rail button[aria-selected="true"]{background:#f4bd55;border-color:#f4bd55;color:#071019}.offer-grid{display:grid;gap:10px}.game-card{position:relative;display:grid;grid-template-columns:82px 160px minmax(0,1fr) 105px 175px;align-items:center;gap:24px;min-height:150px;padding:20px 22px;background:linear-gradient(100deg,rgba(18,32,43,.96),rgba(11,23,33,.82));border:1px solid #263642;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.game-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#40515e}.game-card:hover{transform:translateX(6px);border-color:#56707f;background:#122b39}.game-card--champion{min-height:180px;border-color:rgba(244,189,85,.7);background:linear-gradient(100deg,rgba(55,43,22,.52),rgba(12,25,34,.96) 55%)}.game-card--champion:before{width:4px;background:#f4bd55;box-shadow:0 0 20px #f4bd55}.card-rank{font-size:33px;font-weight:850;color:#778691;letter-spacing:-.07em}.card-rank span{font-size:13px;color:#75e1e8;vertical-align:top;margin-right:2px}.card-badge{position:absolute;right:0;top:0;background:#f4bd55;color:#071019;padding:7px 12px;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.operator-logo{height:82px;padding:13px;background:#fff;border-radius:2px;display:grid;place-items:center}.operator-logo img{max-width:100%;max-height:100%;object-fit:contain}.card-main p{font-size:8px;letter-spacing:.18em;color:#75e1e8;font-weight:900;margin:0 0 4px}.card-main h3{font-size:25px;margin:0 0 5px}.card-main>strong{font-size:14px;color:#f4bd55}.feature-list{display:flex;gap:15px;margin-top:12px;color:#81909b;font-size:9px}.score>span{font-size:31px;font-weight:900}.score small{color:#82909a}.score div{color:#f4bd55;font-size:9px;letter-spacing:2px;margin-top:5px}.card-cta{height:47px;display:flex;align-items:center;justify-content:space-between;border:1px solid #3a4b57;padding:0 15px;font-size:11px;font-weight:800;transition:.2s}.card-cta b{font-size:18px;color:#75e1e8}.card-cta:hover{border-color:#f4bd55;background:#f4bd55;color:#071019}.offer-note{text-align:center;color:#63727e;font-size:10px;margin:24px 0 0}.method-section{padding:120px 0;background:#0a151e}.method-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.image-frame{position:relative;border:1px solid #2a3a45;padding:11px}.image-frame:before{content:"";position:absolute;inset:-14px 24px 24px -14px;border:1px solid rgba(117,225,232,.16);z-index:0}.image-frame img{display:block;width:100%;aspect-ratio:1.23;object-fit:cover;position:relative;z-index:1;filter:saturate(.85)}.image-frame>span{position:absolute;z-index:2;left:28px;bottom:28px;background:#f4bd55;color:#071019;padding:10px 13px;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.14em}.method-copy{position:relative}.method-copy>p{max-width:520px;margin-top:25px}.checkpoints{list-style:none;padding:0;margin:38px 0}.checkpoints li{display:grid;grid-template-columns:48px 1fr;gap:18px;border-top:1px solid #263641;padding:19px 0}.checkpoints li>b{color:#75e1e8;font-size:11px}.checkpoints li span{color:#768692;font-size:12px;line-height:1.6}.checkpoints li strong{display:block;color:#f2f0e8;font-size:14px;margin-bottom:2px}.text-link{font-weight:850;font-size:13px;border-bottom:1px solid #f4bd55;padding-bottom:6px}.text-link span{color:#f4bd55;margin-left:12px}.responsible-section{padding:80px 0 120px;background:#071019}.responsible-card{position:relative;min-height:610px;overflow:hidden;border:1px solid #33434d;display:flex;align-items:center}.responsible-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.responsible-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,18,.96),rgba(4,12,18,.82) 38%,rgba(4,12,18,.08) 72%),linear-gradient(0deg,rgba(4,12,18,.55),transparent)}.responsible-copy{position:relative;z-index:2;width:55%;padding:70px}.responsible-copy p{color:#a5b0b9;line-height:1.7;max-width:430px;margin:24px 0 32px}.portal-btn--light{background:#f0eee5;color:#071019!important;border-color:#f0eee5}.limit-orbit{position:absolute;z-index:2;right:7%;bottom:10%;width:190px;height:190px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(8,18,24,.18);backdrop-filter:blur(7px)}.limit-orbit:before{content:"";position:absolute;inset:17px;border:1px dashed rgba(244,189,85,.65);border-radius:50%;animation:spin 18s linear infinite}.limit-orbit span{font-size:26px;font-weight:900;color:#f4bd55}.limit-orbit small{font-size:7px;letter-spacing:.12em;margin-top:4px}.portal-footer{border-top:1px solid #24343f;background:#050c12;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-grid p{color:#73828e;font-size:12px;max-width:280px;line-height:1.6}.footer-grid>div>b{color:#75e1e8;font-size:9px;letter-spacing:.16em;margin-bottom:7px}.footer-grid>div>a:not(.portal-logo){font-size:12px;color:#98a5af}.footer-18{flex-direction:row!important;align-items:center!important;border-left:1px solid #263642;padding-left:35px}.footer-18 strong{font-size:38px;color:#f4bd55}.footer-18 span{font-size:10px;color:#8997a2;line-height:1.5}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #1d2b35;margin-top:50px;padding-top:20px;color:#596874;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
@keyframes portal-pulse{50%{box-shadow:0 0 0 12px rgba(117,225,232,0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.portal-nav{display:none;position:absolute;left:20px;right:20px;top:76px;flex-direction:column;align-items:stretch;padding:20px;background:#0b1822;border:1px solid #2b3d49}.portal-nav:not(.hidden){display:flex}.nav-toggle{display:block}.portal-hero{min-height:900px}.hero-layout{grid-template-columns:1fr}.hero-radar{display:none}.hero-art{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#050c13 0%,rgba(5,12,19,.86) 60%,rgba(5,12,19,.18)),linear-gradient(0deg,#071019,transparent 35%)}.game-card{grid-template-columns:65px 130px 1fr 90px}.card-cta{grid-column:3/5}.method-grid{grid-template-columns:1fr;gap:65px}.section-head{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-18{display:none!important}}
@media(max-width:680px){.portal-shell{width:min(100% - 28px,1220px)}.nav-shell{height:66px}.portal-hero{min-height:850px;align-items:flex-end;padding-bottom:85px}.hero-layout{padding-top:90px}.hero-copy h1{font-size:53px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr)}.trust-strip>div{display:block;padding:0 10px}.trust-strip b,.trust-strip span{display:block}.hero-ticker{justify-content:flex-start;overflow:hidden;padding-left:20px}.offers-section,.method-section{padding:80px 0}.section-head h2,.method-copy h2,.responsible-copy h2{font-size:43px}.game-card,.game-card--champion{grid-template-columns:60px 1fr;gap:15px;min-height:0;padding:18px}.operator-logo{height:68px}.card-main{grid-column:1/3}.score{grid-column:1/2}.card-cta{grid-column:2/3}.feature-list{flex-direction:column;gap:4px}.card-badge{font-size:7px}.method-grid{gap:50px}.image-frame img{aspect-ratio:.95}.responsible-section{padding:30px 0 80px}.responsible-card{min-height:690px;align-items:flex-start}.responsible-card>img{object-position:62% center}.responsible-overlay{background:linear-gradient(180deg,rgba(4,12,18,.95),rgba(4,12,18,.67) 65%,rgba(4,12,18,.15))}.responsible-copy{width:100%;padding:45px 28px}.limit-orbit{width:130px;height:130px;right:24px;bottom:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-grid>div:first-child{grid-column:1/3}.footer-bottom{display:block;line-height:2}.filter-rail{margin-right:-14px}.portal-btn{gap:14px}.offer-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.portal-body *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Grounded casino direction inspired by the supplied reference */
.portal-body{background:#0c002d;color:#fff}.portal-header{position:absolute;background:linear-gradient(180deg,rgba(8,0,35,.86),transparent);border:0;backdrop-filter:none}.logo-orbit{border-color:#ffd000;box-shadow:0 0 18px rgba(255,208,0,.25)}.logo-orbit:before,.logo-orbit:after,.logo-orbit i{background:#ffd000}.portal-logo em{color:#ffd000}.portal-nav{color:#e1dcf2}.age-pill{border-color:#ffd000;color:#ffd000}.portal-hero{min-height:560px;background:#0c002d;align-items:flex-start}.hero-art{opacity:.74;object-position:center 54%}.hero-shade{background:linear-gradient(90deg,rgba(12,0,45,.96),rgba(12,0,45,.62) 52%,rgba(12,0,45,.24)),linear-gradient(0deg,#0c002d 0%,transparent 38%,rgba(12,0,45,.25))}.hero-layout{grid-template-columns:minmax(0,780px) 230px;padding-top:145px;align-items:center}.hero-copy h1{font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.045em;margin:20px 0}.hero-copy h1 strong{color:#eaff84;font-style:normal;font-weight:800}.hero-copy>p{font-size:17px;color:#f2eff8;max-width:640px;text-shadow:0 2px 16px #000}.eyebrow,.section-index{color:#ffd000}.eyebrow span{background:#ffd000;box-shadow:0 0 0 7px rgba(255,208,0,.15)}.hero-actions{margin-top:26px}.portal-btn{border-radius:8px;min-height:50px}.portal-btn--primary{background:#ffd000!important;border-color:#ffd000;color:#1a1032!important;box-shadow:0 0 18px rgba(255,208,0,.3)}.portal-btn--ghost{background:rgba(12,0,45,.45);backdrop-filter:blur(8px)}.trust-strip{margin-top:28px;border-color:rgba(255,255,255,.2)}.trust-strip>div{border-color:rgba(255,255,255,.18)}.trust-strip span{color:#d3cde3}.hero-radar{border-radius:14px;background:rgba(7,0,46,.58);border-color:rgba(255,218,70,.5);box-shadow:0 0 20px rgba(255,218,70,.12)}.radar-label{color:#eaff84}.radar-ring{border-color:#ffd000;background:conic-gradient(from 20deg,transparent,rgba(255,208,0,.2),transparent 42%)}.hero-ticker{display:none}.offers-section{padding:52px 0 90px;background:radial-gradient(circle at 50% -10%,rgba(105,76,191,.46),transparent 34%),#0c002d}.section-head{display:block;text-align:center;margin-bottom:28px}.section-head h2{font-size:clamp(31px,4vw,48px);line-height:1.06;margin-top:10px;text-transform:uppercase}.section-head h2 i{color:#eaff84;font-style:normal}.section-head .section-index{justify-content:center}.section-head>p{max-width:630px;margin:14px auto 0;color:#c9c3da}.filter-rail{justify-content:center;margin-bottom:32px}.filter-rail button{border-color:#4c4c74;background:rgba(7,0,46,.62);color:#e8e5ef;border-radius:8px}.filter-rail button.active,.filter-rail button[aria-selected="true"]{background:#ffd000;border-color:#ffd000;color:#25193a}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px;align-items:stretch}.game-card,.game-card--champion{display:flex;flex-direction:column;gap:0;min-height:410px;padding:0 0 16px;border-radius:10px 10px 42px 10px;border:1px solid rgba(255,218,70,.38);background:rgba(7,0,46,.62);box-shadow:0 0 14px rgba(255,218,70,.14);backdrop-filter:blur(8px);transform:none}.game-card:hover{transform:translateY(-6px);border-color:#ffd000;background:rgba(15,3,61,.82)}.game-card:before{display:none}.game-card--champion{grid-column:auto;min-height:410px}.card-rank{position:absolute;z-index:3;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;border-radius:6px 0 6px 0;background:#5a4696;color:#fff;font-size:13px;letter-spacing:0}.card-rank span{display:none}.card-badge{z-index:3;left:50%;right:auto;transform:translateX(-50%);top:-12px;border-radius:5px;background:#ffd000;color:#201431;white-space:nowrap;padding:5px 12px}.operator-logo{order:1;width:100%;height:135px;border-radius:9px 9px 0 0;padding:22px;background:#07002e}.operator-logo img{max-width:170px}.card-main{order:3;text-align:center;padding:16px 22px 8px;display:flex;flex-direction:column;align-items:center}.card-main p{color:#fff0bb;margin:0 0 8px}.card-main h3{display:none}.card-main>strong{color:#fff;font-size:18px;line-height:1.4;min-height:51px}.feature-list{justify-content:center;flex-wrap:wrap;color:#eaff84;font-size:10px;margin-top:10px}.score{order:2;width:100%;padding:5px 12px;text-align:center;background:#473a86}.score>span{font-size:22px}.score small{color:#ddd4f2}.score div{display:inline;margin-left:8px;color:#ffd000}.card-cta{order:4;margin:auto 16px 0;width:calc(100% - 32px);height:48px;border:0;border-radius:8px;background:#fff;color:#171022;font-size:16px;justify-content:center;box-shadow:0 0 12px rgba(255,208,0,.35)}.card-cta b{color:#171022;margin-left:10px}.card-cta:hover{background:#ffd000}.offer-note{color:#aaa1c4}.method-section{padding:90px 0;background:#090024}.method-grid{gap:64px}.image-frame{border-color:rgba(255,218,70,.4);border-radius:12px;background:#07002e;padding:8px}.image-frame:before{border-color:rgba(255,208,0,.18);border-radius:12px}.image-frame img{border-radius:7px;filter:saturate(.9)}.image-frame>span{background:#ffd000;border-radius:5px}.method-copy h2 i,.responsible-copy h2 i{color:#eaff84;font-style:normal}.method-copy>p,.checkpoints li span{color:#c3bdd2}.checkpoints li{border-color:#33265a}.checkpoints li>b,.text-link span{color:#ffd000}.text-link{border-color:#ffd000}.responsible-section{background:#0c002d}.responsible-card{border-radius:14px;border-color:rgba(255,218,70,.42)}.responsible-overlay{background:linear-gradient(90deg,rgba(12,0,45,.96),rgba(12,0,45,.75) 45%,rgba(12,0,45,.08) 78%)}.limit-orbit{display:none}.portal-footer{background:#07001e;border-color:#31234f}.footer-grid>div>b{color:#ffd000}.footer-18 strong{color:#ffd000}
@media(max-width:980px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-nav{display:none!important;background:#0c002d;border-color:#4c4c74}.portal-nav.mobile-open{display:flex!important}.hero-layout{grid-template-columns:1fr}.hero-radar{display:none}}
@media(max-width:680px){.portal-hero{min-height:650px;padding-bottom:40px}.hero-layout{padding-top:110px}.hero-copy h1{font-size:43px}.hero-art{object-position:67% center}.hero-shade{background:linear-gradient(90deg,rgba(12,0,45,.98),rgba(12,0,45,.72) 78%,rgba(12,0,45,.35)),linear-gradient(0deg,#0c002d,transparent 40%)}.trust-strip{grid-template-columns:repeat(3,1fr)}.offer-grid{grid-template-columns:1fr;max-width:390px;margin-inline:auto}.game-card,.game-card--champion{min-height:390px}.section-head h2{font-size:31px}.filter-rail{justify-content:flex-start}.responsible-overlay{background:linear-gradient(180deg,rgba(12,0,45,.95),rgba(12,0,45,.7) 65%,rgba(12,0,45,.18))}}

/* Homepage v3: offer catalog lives inside the hero */
.casino-stage{position:relative;min-height:1040px;padding:145px 0 50px;background:#0c002d;overflow:hidden}.stage-photo{position:absolute;inset:0;width:100%;height:630px;object-fit:cover;object-position:center}.stage-vignette{position:absolute;inset:0 0 auto;height:760px;background:linear-gradient(90deg,rgba(12,0,45,.96) 0%,rgba(12,0,45,.7) 42%,rgba(12,0,45,.28) 72%),linear-gradient(0deg,#0c002d 2%,transparent 52%,rgba(12,0,45,.25))}.stage-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:70px;align-items:center}.stage-heading h1{font-size:clamp(54px,6.5vw,92px);line-height:.91;letter-spacing:-.06em;margin:22px 0 24px;max-width:780px}.stage-heading h1 em{display:inline-block;color:#eaff84;font-style:normal}.stage-heading>p{max-width:580px;color:#eeeaf5;font-size:18px;line-height:1.65;text-shadow:0 3px 18px #000}.stage-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.stage-actions>span{display:flex;gap:9px;align-items:center;max-width:150px;color:#d0c9df;font-size:10px;line-height:1.4;text-transform:uppercase}.stage-actions>span b{color:#ffd000;font-size:24px}.spotlight-card{position:relative;border-radius:16px 16px 52px 16px;overflow:hidden;background:rgba(7,0,46,.82);border:1px solid rgba(255,218,70,.58);box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 24px rgba(255,208,0,.16);backdrop-filter:blur(12px)}.spotlight-top{height:38px;background:#ffd000;color:#1d1232;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:9px;font-weight:900;letter-spacing:.1em}.spotlight-logo{height:124px;background:#fff;display:grid;place-items:center;padding:20px}.spotlight-logo img{max-width:190px;max-height:78px;object-fit:contain}.spotlight-body{padding:22px 24px 20px;text-align:center}.spotlight-body>small{color:#eaff84;font-size:9px;letter-spacing:.15em}.spotlight-body h2{font-size:25px;line-height:1.25;margin:9px 0 15px}.spotlight-body ul{list-style:none;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:0;margin:0 0 20px;color:#cfc8df;font-size:9px}.spotlight-body li:before{content:"✓";color:#eaff84;margin-right:4px}.spotlight-body>a{height:50px;border-radius:8px;background:#fff;color:#160d29;display:flex;align-items:center;justify-content:center;gap:20px;font-weight:800;box-shadow:0 0 16px rgba(255,208,0,.3)}.spotlight-body>a:hover{background:#ffd000}.spotlight-body>p{font-size:8px;color:#8f85a9;margin:12px 0 0}.deal-deck{grid-column:1/3;margin-top:54px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(8,0,35,.72);box-shadow:0 24px 80px rgba(0,0,0,.3);backdrop-filter:blur(16px);padding:18px}.deck-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 13px}.deck-head>div:first-child{display:flex;align-items:center;gap:10px}.deck-head>div:first-child span{background:#473a86;border-radius:5px;padding:6px 8px;font-size:8px;font-weight:900;letter-spacing:.12em}.deck-head>div:first-child b{font-size:14px}.deck-head .filter-rail{margin:0;padding:0}.deck-head .filter-rail button{padding:7px 10px;font-size:9px}.deck-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.deal-card{position:relative;min-height:142px;display:grid;grid-template-columns:75px 1fr 48px;grid-template-rows:1fr 34px;gap:0 14px;align-items:center;padding:14px;background:linear-gradient(135deg,rgba(45,31,91,.88),rgba(15,5,53,.94));border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:.25s}.deal-card:hover{border-color:#ffd000;transform:translateY(-3px)}.deal-no{position:absolute;left:7px;top:5px;z-index:2;color:#fff;background:#5b4995;border-radius:4px;padding:3px 5px;font-size:8px}.deal-logo{width:75px;height:64px;background:#fff;border-radius:7px;display:grid;place-items:center;padding:8px;grid-row:1/3}.deal-logo img{max-width:100%;max-height:100%;object-fit:contain}.deal-copy small{color:#eaff84;font-size:7px;letter-spacing:.1em}.deal-copy h3{font-size:16px;margin:3px 0}.deal-copy p{font-size:9px;color:#aaa1bf;margin:0}.deal-score{grid-column:2/3;display:flex;align-items:center;gap:8px}.deal-score b{font-size:15px}.deal-score span{color:#ffd000;font-size:7px;letter-spacing:1px}.deal-card>a{grid-column:3;grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#170d2a;font-size:18px}.deal-card>a:hover{background:#ffd000}.proof-bar{background:#ffd000;color:#24163c;padding:20px 0}.proof-bar>.portal-shell{display:grid;grid-template-columns:1.2fr repeat(3,1fr) 1.2fr;gap:20px;align-items:center}.proof-bar>.portal-shell>span{font-size:9px;font-weight:900;letter-spacing:.16em}.proof-bar>.portal-shell>div{font-size:11px;font-weight:800}.proof-bar>.portal-shell>div b{font-size:9px;margin-right:7px;opacity:.55}.proof-bar a{text-align:right;font-size:11px;font-weight:900}.editorial-pair{padding:110px 0;background:#090024}.pair-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.pair-photo{position:relative}.pair-photo img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:14px}.pair-photo:after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid rgba(255,208,0,.32);border-radius:14px;z-index:0}.pair-photo span{position:absolute;left:-14px;top:30px;z-index:2;background:#ffd000;color:#24163c;padding:10px 14px;font-size:9px;font-weight:900;letter-spacing:.15em}.pair-copy h2{font-size:clamp(40px,4.3vw,65px);line-height:1;letter-spacing:-.045em;margin:18px 0 24px}.pair-copy h2 i{color:#eaff84;font-style:normal}.pair-copy>p{color:#c2bbd0;line-height:1.75}.score-rule{display:grid;grid-template-columns:92px 1fr;gap:20px;align-items:center;border-block:1px solid #33265a;padding:22px 0;margin:28px 0}.score-rule b{font-size:48px;color:#ffd000}.score-rule span{font-size:11px;color:#a9a1ba;line-height:1.6}.quiet-banner{padding:0 0 110px;background:#090024}.quiet-inner{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;border-radius:16px}.quiet-inner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.quiet-inner>div{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,0,45,.96),rgba(12,0,45,.72) 48%,rgba(12,0,45,.1))}.quiet-inner article{position:relative;z-index:2;width:56%;padding:60px}.quiet-inner article>span{color:#ffd000;font-size:9px;font-weight:900;letter-spacing:.16em}.quiet-inner h2{font-size:clamp(40px,4.5vw,66px);line-height:1;margin:16px 0 20px}.quiet-inner h2 i{color:#eaff84;font-style:normal}.quiet-inner p{color:#d4cedd;line-height:1.7}.quiet-inner a{display:inline-block;margin-top:22px;border-bottom:1px solid #ffd000;padding-bottom:6px;font-weight:800;font-size:12px}
@media(max-width:980px){.casino-stage{padding-top:120px}.stage-shell{grid-template-columns:1fr 330px;gap:35px}.deck-track{grid-template-columns:repeat(2,1fr)}.proof-bar>.portal-shell{grid-template-columns:1fr 1fr}.proof-bar a{text-align:left}.pair-grid{grid-template-columns:1fr;gap:55px}}
@media(max-width:680px){.casino-stage{padding:100px 0 28px}.stage-photo{height:600px;object-position:68% center}.stage-vignette{height:700px;background:linear-gradient(90deg,rgba(12,0,45,.98),rgba(12,0,45,.72)),linear-gradient(0deg,#0c002d,transparent)}.stage-shell{grid-template-columns:1fr;gap:28px}.stage-heading h1{font-size:48px}.stage-heading>p{font-size:15px}.stage-actions{align-items:flex-start;flex-direction:column}.spotlight-card{max-width:390px;width:100%;margin:auto}.deal-deck{grid-column:1;margin-top:10px;padding:12px}.deck-head{display:block}.deck-head .filter-rail{margin-top:12px;justify-content:flex-start}.deck-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.deal-card{min-width:292px;scroll-snap-align:start}.proof-bar>.portal-shell{grid-template-columns:1fr 1fr}.proof-bar>.portal-shell>span,.proof-bar a{grid-column:1/3}.pair-copy h2,.quiet-inner h2{font-size:40px}.quiet-inner{min-height:610px;align-items:flex-start}.quiet-inner>img{object-position:66% center}.quiet-inner>div{background:linear-gradient(180deg,rgba(12,0,45,.96),rgba(12,0,45,.72) 68%,rgba(12,0,45,.12))}.quiet-inner article{width:100%;padding:38px 26px}.editorial-pair{padding:80px 0}.pair-photo:after{display:none}}

/* Editorial rules and disclosure experience */
.guide-hub{position:relative;padding:120px 0;background:radial-gradient(circle at 15% 20%,rgba(111,64,151,.24),transparent 30%),#100535;overflow:hidden}.guide-hub:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.guide-intro{position:relative;display:grid;grid-template-columns:390px 1fr;gap:80px;align-items:center}.hostess-frame{position:relative;height:570px;border:1px solid rgba(255,208,0,.38);border-radius:180px 180px 18px 18px;overflow:hidden;background:#1a0a25;box-shadow:0 35px 80px rgba(0,0,0,.35)}.hostess-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100535 0%,transparent 34%);pointer-events:none}.hostess-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hostess-frame>span{position:absolute;z-index:2;left:50%;bottom:20px;transform:translateX(-50%);white-space:nowrap;background:#ffd000;color:#24163c;border-radius:999px;padding:9px 14px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.guide-lead h2{font-size:clamp(45px,5vw,76px);line-height:.98;letter-spacing:-.05em;margin:18px 0 24px}.guide-lead h2 i{color:#eaff84;font-style:normal}.guide-lead>p{max-width:680px;color:#c9c2d5;font-size:17px;line-height:1.8}.host-note{display:grid;grid-template-columns:140px 1fr;gap:22px;margin-top:32px;padding:22px;border-left:3px solid #ffd000;background:rgba(255,255,255,.05)}.host-note b{font-size:9px;color:#ffd000;letter-spacing:.15em}.host-note span{font-size:12px;line-height:1.65;color:#eeeaf4}.rule-board{position:relative;margin-top:70px;display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.rule-card{position:relative;grid-column:span 4;min-height:260px;padding:28px;background:linear-gradient(145deg,rgba(52,34,101,.86),rgba(20,8,59,.92));border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}.rule-card:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(255,208,0,.12);border-radius:50%;right:-40px;bottom:-40px}.rule-card>span{position:absolute;right:22px;top:18px;font-size:42px;font-weight:900;color:rgba(255,255,255,.07)}.rule-card>small,.rule-card div>small{color:#ffd000;font-size:8px;font-weight:900;letter-spacing:.15em}.rule-card h3{max-width:330px;font-size:21px;line-height:1.25;margin:14px 0 12px}.rule-card p{color:#b8b0c8;font-size:12px;line-height:1.7;margin:0}.rule-card--wide{grid-column:span 8;display:grid;grid-template-columns:1fr 110px;gap:30px;align-items:center}.rule-card--wide>strong{font-size:46px;color:#eaff84;text-align:center}.rule-card--wide>strong small{display:block;color:#8d83a5;font-size:7px;letter-spacing:.14em}.rule-card--accent{background:#ffd000;color:#26173c}.rule-card--accent>small{color:#6c547e}.rule-card--accent p{color:#594768}.rule-card--accent>a{display:inline-block;margin-top:22px;font-size:11px;font-weight:900;border-bottom:1px solid #26173c;padding-bottom:4px}.trust-manifest{padding:110px 0;background:#f3efe6;color:#1b1230}.trust-manifest header{display:grid;grid-template-columns:1fr 1.3fr;align-items:end;margin-bottom:50px}.trust-manifest .section-index{color:#765f22}.trust-manifest h2{font-size:clamp(43px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:0}.trust-manifest h2 i{font-style:normal;color:#6c4a82}.manifest-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d7cfc1}.manifest-grid article{position:relative;padding:34px;min-height:360px;border-right:1px solid #d7cfc1}.manifest-grid article:last-child{border:0}.manifest-grid article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#281842;color:#ffd000;font-size:10px}.manifest-grid h3{font-size:21px;margin:35px 0 15px}.manifest-grid p{color:#625b68;font-size:12px;line-height:1.75}.manifest-grid a{position:absolute;left:34px;bottom:32px;font-size:10px;font-weight:900;border-bottom:1px solid #281842;padding-bottom:3px}.support-map{padding:100px 0;background:#ffd000;color:#27183f}.support-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.support-map .section-index{color:#735d1d}.support-map h2{font-size:clamp(42px,4.5vw,68px);line-height:1;letter-spacing:-.05em;margin:18px 0}.support-map h2 i{color:#7a347b;font-style:normal}.support-map p{max-width:500px;color:#5a4a62;line-height:1.75}.support-cards{display:grid;gap:12px}.support-cards a{position:relative;display:flex;flex-direction:column;padding:24px 60px 24px 24px;background:#281842;color:#fff;border-radius:12px;transition:.2s}.support-cards a:hover{transform:translateX(5px)}.support-cards span{color:#eaff84;font-size:8px;font-weight:900;letter-spacing:.14em}.support-cards b{font-size:17px;margin:7px 0}.support-cards small{color:#bcb3ca}.support-cards i{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-style:normal;font-size:24px;color:#ffd000}
@media(max-width:980px){.guide-intro{grid-template-columns:310px 1fr;gap:45px}.hostess-frame{height:490px}.rule-card{grid-column:span 6}.rule-card--wide{grid-column:span 12}.trust-manifest header{grid-template-columns:1fr;gap:20px}.manifest-grid{grid-template-columns:1fr}.manifest-grid article{min-height:250px;border-right:0;border-bottom:1px solid #d7cfc1}.support-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:680px){.guide-hub{padding:75px 0}.guide-intro{grid-template-columns:1fr;gap:35px}.hostess-frame{height:470px;max-width:340px;margin:auto}.guide-lead h2{font-size:42px}.guide-lead>p{font-size:15px}.host-note{grid-template-columns:1fr;gap:8px}.rule-board{margin-top:45px}.rule-card,.rule-card--wide{grid-column:span 12;display:block;min-height:0;padding:24px}.rule-card--wide>strong{display:block;text-align:left;margin-top:20px}.trust-manifest{padding:75px 0}.trust-manifest h2{font-size:41px}.manifest-grid article{padding:27px;min-height:290px}.manifest-grid a{left:27px;bottom:26px}.support-map{padding:75px 0}.support-map h2{font-size:41px}}

/* Brand mark and original casino-floor catalog */
.portal-logo--new{gap:12px;letter-spacing:0}.novellaris-mark{width:44px;height:44px;overflow:visible;filter:drop-shadow(0 0 12px rgba(255,208,0,.2))}.mark-frame{fill:#261744;stroke:#ffd000;stroke-width:1.6}.mark-n{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mark-star{fill:#eaff84}.brand-type{display:flex;flex-direction:column;gap:2px}.brand-type b{font-size:15px;letter-spacing:.13em;line-height:1}.brand-type small{font-size:6.5px;letter-spacing:.2em;color:#c6bdd8}.casino-table{position:relative;padding:22px;border:1px solid rgba(255,208,0,.42);background:radial-gradient(ellipse at center,rgba(42,104,72,.95),rgba(14,61,44,.97) 54%,rgba(7,35,28,.99));box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 0 0 8px rgba(255,255,255,.025),inset 0 0 70px rgba(0,0,0,.42);overflow:hidden}.casino-table:before{content:"";position:absolute;inset:78px 24px 22px;border:1px solid rgba(241,212,132,.25);border-radius:45% / 32%;pointer-events:none}.casino-table:after{content:"";position:absolute;inset:88px 34px 32px;border:1px dashed rgba(255,255,255,.08);border-radius:45% / 32%;pointer-events:none}.casino-table .deck-head{position:relative;z-index:3;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:18px;padding-bottom:15px}.deck-head>div:first-child{display:grid;grid-template-columns:auto auto;gap:2px 10px}.deck-head>div:first-child>span{grid-row:1/3;background:#ffd000;color:#24163c;display:grid;place-items:center}.deck-head>div:first-child>b{font-size:17px}.deck-head>div:first-child>small{font-size:7px;color:#a8c6b6;letter-spacing:.12em}.table-label{position:absolute;z-index:1;left:50%;top:55%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;color:rgba(255,235,181,.18);font-size:7px;letter-spacing:.22em}.table-label b{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,235,181,.18);border-radius:50%;font-size:24px;font-family:Georgia,serif}.casino-table .deck-track{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,116px) 142px;gap:10px}.casino-table .deal-card{min-height:0;border-color:rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(34,20,70,.96),rgba(13,5,42,.97));box-shadow:0 10px 24px rgba(0,0,0,.22)}.casino-table .deal-card:nth-child(1){grid-column:1/8;grid-row:1/3;grid-template-columns:145px 1fr 56px;padding:22px;background:linear-gradient(135deg,rgba(77,54,133,.98),rgba(25,10,63,.98))}.casino-table .deal-card:nth-child(1):before{content:"NAJVEĆA VREDNOST";position:absolute;left:18px;top:-1px;background:#eaff84;color:#1f1831;border-radius:0 0 5px 5px;padding:5px 8px;font-size:7px;font-weight:900;letter-spacing:.12em}.casino-table .deal-card:nth-child(1) .deal-logo{width:145px;height:110px}.casino-table .deal-card:nth-child(1) .deal-copy h3{font-size:26px}.casino-table .deal-card:nth-child(1) .deal-copy p{font-size:11px}.casino-table .deal-card:nth-child(1) .deal-score b{font-size:22px}.casino-table .deal-card:nth-child(2){grid-column:8/13;grid-row:1}.casino-table .deal-card:nth-child(3){grid-column:8/13;grid-row:2}.casino-table .deal-card:nth-child(4){grid-column:1/5;grid-row:3}.casino-table .deal-card:nth-child(5){grid-column:5/9;grid-row:3}.casino-table .deal-card:nth-child(6){grid-column:9/13;grid-row:3}.casino-table .deal-card:nth-child(n+2){grid-template-columns:68px 1fr 42px;padding:11px}.casino-table .deal-card:nth-child(n+2) .deal-logo{width:68px;height:58px}.casino-table .deal-card:nth-child(n+2) .deal-copy h3{font-size:14px}.casino-table .deal-card>a{box-shadow:0 0 0 5px rgba(255,255,255,.05)}
@media(max-width:980px){.casino-table .deck-track{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.casino-table .deal-card:nth-child(n){grid-column:auto;grid-row:auto;min-height:142px;grid-template-columns:75px 1fr 48px;padding:14px}.casino-table .deal-card:nth-child(1){grid-column:1/3;min-height:190px;grid-template-columns:130px 1fr 52px}.casino-table .deal-card:nth-child(1) .deal-logo{width:130px;height:100px}.casino-table:before,.casino-table:after,.table-label{display:none}}
@media(max-width:680px){.novellaris-mark{width:38px;height:38px}.brand-type b{font-size:13px}.brand-type small{font-size:5.5px}.casino-table{padding:12px}.casino-table .deck-track{display:flex;grid-template-columns:none;grid-template-rows:none}.casino-table .deal-card:nth-child(n){min-width:292px;min-height:148px;grid-template-columns:72px 1fr 44px;padding:13px}.casino-table .deal-card:nth-child(1){min-width:330px}.casino-table .deal-card:nth-child(1) .deal-logo,.casino-table .deal-card:nth-child(n+2) .deal-logo{width:72px;height:64px}.casino-table .deal-card:nth-child(1) .deal-copy h3{font-size:18px}.deck-head>div:first-child{margin-bottom:12px}}

/* Brighter homepage texture */
.stage-photo{height:670px;opacity:1;object-position:center}.stage-vignette{height:800px;background:linear-gradient(90deg,rgba(25,5,57,.96) 0%,rgba(34,5,64,.78) 35%,rgba(34,5,64,.16) 72%),linear-gradient(0deg,#0c002d 1%,transparent 54%,rgba(25,0,52,.14))}.stage-heading h1{text-shadow:0 6px 30px rgba(28,0,45,.45)}

/* Inner pages — shared Novellaris editorial system */
.inner-page{margin:0;background:#0c002d;color:#fff}.inner-page>.min-h-screen{background:radial-gradient(circle at 90% 25%,rgba(119,61,160,.18),transparent 28%),#0c002d}.inner-page header{position:relative;z-index:20;border-color:rgba(255,255,255,.1);background:#0b0227;box-shadow:0 8px 30px rgba(0,0,0,.18)}.inner-page header>div{max-width:1220px}.inner-page header nav a{color:#c9c2d5}.inner-page header nav a:hover{color:#fff}.inner-page .brand-type b{color:#fff}.inner-page .inner-hero{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden;border:0!important;background-image:linear-gradient(90deg,rgba(19,2,52,.93),rgba(47,7,71,.48) 57%,rgba(27,3,54,.08)),url("../media/portal/hero-texture.png")!important;background-size:cover!important;background-position:center!important}.inner-page .inner-hero:before{content:"";position:absolute;inset:auto -6% -55% auto;width:520px;height:520px;border:1px solid rgba(255,208,0,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.02),0 0 0 75px rgba(255,208,0,.025)}.inner-page .inner-hero:after{content:"N";position:absolute;right:8%;top:50%;transform:translateY(-50%);font:700 220px/1 Georgia,serif;color:rgba(255,255,255,.055)}.inner-page .inner-hero>div{position:relative;z-index:2;width:min(1100px,calc(100% - 40px));max-width:none;padding-block:80px}.inner-page .inner-hero p:first-child{display:inline-flex;align-items:center;gap:9px;color:#ffd000;font-size:10px;letter-spacing:.16em}.inner-page .inner-hero p:first-child:before{content:"";width:22px;height:1px;background:#ffd000}.inner-page .inner-hero h1{max-width:820px!important;font-size:clamp(46px,6vw,78px)!important;line-height:.98!important;letter-spacing:-.05em;margin-top:18px!important}.inner-page .inner-hero h1:after{content:".";color:#eaff84}.inner-page .inner-hero h1+p{color:#e3ddec!important;max-width:680px!important;font-size:17px!important;line-height:1.75!important}.inner-page .inner-content{position:relative;width:min(1100px,calc(100% - 40px));max-width:none;padding:80px 0 110px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px;counter-reset:inner-section}.inner-page .inner-content>section{counter-increment:inner-section;position:relative;grid-column:span 6;min-height:250px;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(145deg,rgba(51,34,99,.8),rgba(20,8,58,.92));overflow:hidden}.inner-page .inner-content>section:nth-child(3n+1){grid-column:span 7}.inner-page .inner-content>section:nth-child(3n+2){grid-column:span 5}.inner-page .inner-content>section:before{content:"0" counter(inner-section);position:absolute;right:24px;top:18px;color:rgba(255,255,255,.07);font-size:54px;font-weight:900;line-height:1}.inner-page .inner-content>section:after{content:"";position:absolute;width:110px;height:110px;right:-45px;bottom:-45px;border:1px solid rgba(255,208,0,.14);border-radius:50%}.inner-page .inner-content h2{position:relative;z-index:1;color:#fff;font-size:27px;line-height:1.2;margin:0 0 17px}.inner-page .inner-content h2:before{content:"";display:block;width:32px;height:3px;background:#ffd000;margin-bottom:20px}.inner-page .inner-content h3{color:#eaff84;font-size:15px;margin:22px 0 7px}.inner-page .inner-content p,.inner-page .inner-content li{position:relative;z-index:1;color:#bfb7cd;font-size:13px;line-height:1.78}.inner-page .inner-content ul{padding-left:0;list-style:none}.inner-page .inner-content li{padding:10px 0 10px 25px;border-bottom:1px solid rgba(255,255,255,.08)}.inner-page .inner-content li:before{content:"✓";position:absolute;left:0;color:#eaff84}.inner-page .inner-content a{color:#ffd000;text-decoration:none;border-bottom:1px solid rgba(255,208,0,.4)}.inner-page .inner-content>.grid{grid-column:1/13;display:grid;grid-template-columns:.75fr 1.25fr;gap:18px!important;align-items:start}.inner-page .inner-content>.grid>div:first-child{position:sticky;top:24px;padding:38px;border-radius:14px;background:#ffd000;color:#281840}.inner-page .inner-content>.grid>div:first-child h2{color:#281840;font-size:31px}.inner-page .inner-content>.grid>div:first-child h2:before{background:#281840}.inner-page .inner-content>.grid>div:first-child p{color:#5a4768!important}.inner-page form[data-contact-form]{margin:0;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px;background:linear-gradient(145deg,rgba(51,34,99,.85),rgba(20,8,58,.95))!important;padding:38px!important;box-shadow:0 24px 60px rgba(0,0,0,.2)}.inner-page form label>span{color:#eeeaf3}.inner-page form input,.inner-page form textarea{min-height:48px;border-color:rgba(255,255,255,.17)!important;border-radius:8px!important;background:rgba(255,255,255,.06)!important;color:#fff}.inner-page form textarea{min-height:150px}.inner-page form input:focus,.inner-page form textarea:focus{border-color:#ffd000!important;box-shadow:0 0 0 3px rgba(255,208,0,.12)}.inner-page form button[type="submit"]{min-height:50px;border-radius:8px!important;background:#ffd000!important;color:#281840!important;font-weight:900!important;box-shadow:0 0 16px rgba(255,208,0,.22)}.inner-page footer{border-color:rgba(255,255,255,.09)!important;background:#07001e!important}.inner-page footer .footer-glow{background:rgba(100,53,151,.18)}.inner-page footer p,.inner-page footer a{color:#aaa2bb}.inner-page footer .brand-type b{color:#fff}.inner-page main+footer{margin-top:0}
@media(max-width:900px){.inner-page .inner-content>section,.inner-page .inner-content>section:nth-child(n){grid-column:span 12}.inner-page .inner-content>.grid{grid-template-columns:1fr}.inner-page .inner-content>.grid>div:first-child{position:relative;top:0}}
@media(max-width:680px){.stage-photo{height:640px;object-position:62% center}.stage-vignette{height:720px;background:linear-gradient(90deg,rgba(25,3,57,.97),rgba(35,5,65,.66)),linear-gradient(0deg,#0c002d,transparent 48%)}.inner-page .inner-hero{min-height:360px;background-position:60% center!important}.inner-page .inner-hero>div{width:calc(100% - 28px);padding-block:60px}.inner-page .inner-hero h1{font-size:43px!important}.inner-page .inner-hero h1+p{font-size:15px!important}.inner-page .inner-hero:after{font-size:130px;right:-4%}.inner-page .inner-content{width:calc(100% - 28px);padding:55px 0 75px}.inner-page .inner-content>section{padding:26px;min-height:0}.inner-page form[data-contact-form]{padding:25px!important}}
.inner-page main.min-h-screen{position:relative;max-width:none!important;justify-content:center;background-image:linear-gradient(90deg,rgba(18,2,51,.95),rgba(45,7,69,.45)),url("../media/portal/hero-texture.png");background-size:cover;background-position:center}.inner-page main.min-h-screen:before{content:"404";position:absolute;right:7%;font-size:clamp(120px,22vw,320px);font-weight:900;color:rgba(255,255,255,.055);line-height:1}.inner-page main.min-h-screen>div{position:relative;z-index:2;width:min(1100px,100%)}.inner-page main.min-h-screen h1{font-size:clamp(50px,7vw,90px);max-width:700px;line-height:.95}.inner-page main.min-h-screen a{border-radius:8px;background:#ffd000!important;color:#281840!important;box-shadow:0 0 18px rgba(255,208,0,.24)}

/* Dark operator showcases and brighter CTA language */
.spotlight-logo,.deal-logo,.operator-logo{position:relative;background:radial-gradient(circle at 50% 35%,#33205d 0%,#180d36 64%,#0d0723 100%)!important;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 28px rgba(124,77,180,.2)}.spotlight-logo:before,.deal-logo:before,.operator-logo:before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,208,0,.1);border-radius:inherit;pointer-events:none}.spotlight-logo img,.deal-logo img,.operator-logo img{position:relative;z-index:1;filter:drop-shadow(0 5px 9px rgba(0,0,0,.38)) saturate(1.12)}.portal-btn--primary,.spotlight-body>a,.card-cta,.deal-card>a,.inner-page form button[type="submit"]{position:relative;overflow:hidden;background:linear-gradient(115deg,#ffd000 0%,#ffb800 45%,#eaff84 100%)!important;color:#26143e!important;border-color:transparent!important;box-shadow:0 8px 24px rgba(255,193,0,.26),inset 0 1px 0 rgba(255,255,255,.55)!important}.portal-btn--primary:before,.spotlight-body>a:before,.card-cta:before,.inner-page form button[type="submit"]:before{content:"";position:absolute;top:-60%;left:-35%;width:24%;height:220%;background:rgba(255,255,255,.55);transform:rotate(22deg);transition:left .45s ease}.portal-btn--primary:hover:before,.spotlight-body>a:hover:before,.card-cta:hover:before,.inner-page form button[type="submit"]:hover:before{left:120%}.deal-card>a{border:1px solid rgba(255,255,255,.7)!important}.deal-card>a:hover{transform:rotate(8deg) scale(1.08)}

/* Branded consent experiences */
.modal-open{overflow:hidden}.age-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(10,0,34,.86);backdrop-filter:blur(18px);animation:popup-fade .25s ease}.age-card{width:min(860px,100%);display:grid;grid-template-columns:290px 1fr;overflow:hidden;border:1px solid rgba(255,208,0,.45);border-radius:20px;background:#13082f;box-shadow:0 35px 120px rgba(0,0,0,.62),0 0 50px rgba(255,208,0,.08);animation:popup-rise .42s cubic-bezier(.2,.8,.2,1)}.age-card__visual{position:relative;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(180deg,rgba(47,8,75,.18),rgba(15,5,43,.68)),url("../media/portal/hero-texture.png");background-size:cover;background-position:68% center;overflow:hidden}.age-card__visual:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,208,0,.35);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.035),0 0 0 55px rgba(255,208,0,.035)}.age-brand{position:absolute;z-index:2;left:22px;top:22px;width:42px;height:42px}.age-brand path:nth-child(1){fill:#281748;stroke:#ffd000;stroke-width:1.6}.age-brand path:nth-child(2){fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.age-brand path:nth-child(3){fill:#eaff84}.age-number{position:relative;z-index:2;font-size:112px;font-weight:950;line-height:.8;letter-spacing:-.08em;text-shadow:0 10px 40px rgba(0,0,0,.5)}.age-number span{color:#eaff84;font-size:50px;vertical-align:top}.age-card__visual p{position:relative;z-index:2;margin:24px 0 0;color:#ffd000;font-size:8px;font-weight:900;letter-spacing:.24em}.age-card__content{padding:48px;display:flex;flex-direction:column;justify-content:center}.popup-kicker{color:#ffd000;font-size:9px;font-weight:900;letter-spacing:.16em}.age-card__content h2{font-size:43px;line-height:1.02;letter-spacing:-.045em;margin:15px 0 20px}.age-card__content h2 i{color:#eaff84;font-style:normal}.age-card__content>p{color:#bab2c8;line-height:1.7;font-size:13px}.age-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;margin-top:26px}.age-actions button,.age-actions a{min-height:52px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);font:800 12px inherit;cursor:pointer}.age-actions button{justify-content:space-between;padding:0 18px;background:linear-gradient(115deg,#ffd000,#eaff84);color:#27163f;border:0;box-shadow:0 8px 22px rgba(255,208,0,.2)}.age-actions button b{font-size:20px}.age-actions a{color:#d7d1df;background:rgba(255,255,255,.035)}.age-actions a:hover{border-color:#ffd000}.age-card__content>small{color:#6f6683;font-size:8px;line-height:1.5;margin-top:17px}.cookie-dock{position:fixed;z-index:900;left:50%;bottom:20px;transform:translateX(-50%);width:min(1040px,calc(100% - 32px));display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center;padding:18px;border:1px solid rgba(255,208,0,.38);border-radius:16px;background:rgba(19,8,47,.94);box-shadow:0 24px 80px rgba(0,0,0,.48);backdrop-filter:blur(18px);animation:cookie-up .45s cubic-bezier(.2,.8,.2,1)}.cookie-icon{position:relative;width:58px;height:58px;border-radius:50%;background:#ffd000;overflow:hidden;box-shadow:0 0 22px rgba(255,208,0,.2)}.cookie-icon:before{content:"";position:absolute;right:-8px;top:-7px;width:26px;height:26px;border-radius:50%;background:#13082f}.cookie-icon span,.cookie-icon i,.cookie-icon b{position:absolute;width:6px;height:6px;border-radius:50%;background:#5c3c17}.cookie-icon span{left:16px;top:15px}.cookie-icon i{left:31px;top:32px}.cookie-icon b{left:14px;top:39px}.cookie-copy>span{color:#ffd000;font-size:7px;font-weight:900;letter-spacing:.17em}.cookie-copy h2{font-size:18px;margin:4px 0}.cookie-copy p{max-width:590px;color:#a9a1ba;font-size:10px;line-height:1.55;margin:0}.cookie-copy a{color:#eaff84;border-bottom:1px solid rgba(234,255,132,.45)}.cookie-actions{display:flex;gap:8px}.cookie-actions button{height:44px;border-radius:8px;padding:0 16px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#ddd7e7;font:800 10px inherit;cursor:pointer;white-space:nowrap}.cookie-actions button:last-child{display:flex;align-items:center;gap:15px;background:linear-gradient(115deg,#ffd000,#eaff84);border:0;color:#26143e;box-shadow:0 6px 18px rgba(255,208,0,.2)}.cookie-actions button b{font-size:17px}@keyframes popup-fade{from{opacity:0}}@keyframes popup-rise{from{opacity:0;transform:translateY(24px) scale(.98)}}@keyframes cookie-up{from{opacity:0;transform:translate(-50%,24px)}}
@media(max-width:720px){.age-gate{padding:12px}.age-card{grid-template-columns:1fr;max-height:calc(100vh - 24px);overflow:auto}.age-card__visual{min-height:170px}.age-card__visual:after{width:190px;height:190px}.age-number{font-size:74px}.age-number span{font-size:34px}.age-card__visual p{margin-top:12px}.age-card__content{padding:28px 24px}.age-card__content h2{font-size:34px}.age-actions{grid-template-columns:1fr}.cookie-dock{grid-template-columns:48px 1fr;gap:12px;padding:14px;bottom:10px}.cookie-icon{width:46px;height:46px}.cookie-actions{grid-column:1/3}.cookie-actions button{flex:1;padding:0 10px}.cookie-copy h2{font-size:16px}.cookie-copy p{font-size:9px}}

/* Stronger age status and clearer operator identity */
.age-pill--strong{position:relative;display:grid!important;grid-template-columns:45px 1fr;align-items:center;gap:9px;min-width:142px;height:44px;padding:4px 12px 4px 5px!important;border:1px solid rgba(255,208,0,.65)!important;border-radius:10px!important;background:linear-gradient(110deg,rgba(255,208,0,.18),rgba(72,35,102,.62))!important;box-shadow:0 0 20px rgba(255,208,0,.13),inset 0 0 0 1px rgba(255,255,255,.04);color:#fff!important}.age-pill--strong b{display:grid;place-items:center;height:34px;border-radius:7px;background:linear-gradient(135deg,#ffd000,#eaff84);color:#291640;font-size:16px;letter-spacing:-.04em;box-shadow:0 4px 12px rgba(255,208,0,.22)}.age-pill--strong small{font-size:6.5px;line-height:1.35;letter-spacing:.12em;color:#f1ebfa}.age-pill--strong:after{content:"";position:absolute;right:7px;top:6px;width:4px;height:4px;border-radius:50%;background:#eaff84;box-shadow:0 0 8px #eaff84}.spotlight-logo{height:174px!important;padding:18px!important}.spotlight-logo img{width:auto!important;max-width:285px!important;max-height:118px!important;transform:scale(1.08)}.spotlight-operator{display:block;margin-bottom:5px;color:#fff;font-size:20px;letter-spacing:.08em}.spotlight-body>small{display:block}.deal-name{display:block;color:#fff;font-size:13px;line-height:1;letter-spacing:.08em;margin-bottom:5px}.deal-copy small{display:block}.casino-table .deal-card:nth-child(1){grid-template-columns:205px 1fr 56px}.casino-table .deal-card:nth-child(1) .deal-logo{width:205px;height:155px}.casino-table .deal-card:nth-child(1) .deal-logo img{width:92%;height:92%;object-fit:contain}.casino-table .deal-card:nth-child(n+2){grid-template-columns:100px 1fr 42px}.casino-table .deal-card:nth-child(n+2) .deal-logo{width:100px;height:82px}.casino-table .deal-card:nth-child(n+2) .deal-logo img{width:96%;height:96%;object-fit:contain}.casino-table .deck-track{grid-template-rows:repeat(2,130px) 158px}.casino-table .deal-card:nth-child(n+2) .deal-copy h3{font-size:15px}.casino-table .deal-card:nth-child(n+2) .deal-copy p{font-size:8px}
@media(max-width:980px){.casino-table .deal-card:nth-child(n){grid-template-columns:108px 1fr 48px;min-height:168px}.casino-table .deal-card:nth-child(n) .deal-logo{width:108px;height:92px}.casino-table .deal-card:nth-child(1){grid-template-columns:165px 1fr 52px;min-height:210px}.casino-table .deal-card:nth-child(1) .deal-logo{width:165px;height:125px}}
@media(max-width:680px){.age-pill--strong{min-width:48px;width:48px;height:40px;grid-template-columns:1fr;padding:4px!important}.age-pill--strong b{height:30px}.age-pill--strong small,.age-pill--strong:after{display:none}.casino-table .deal-card:nth-child(n){grid-template-columns:108px 1fr 44px;min-height:170px}.casino-table .deal-card:nth-child(n) .deal-logo{width:108px;height:92px}.spotlight-logo{height:155px!important}.spotlight-logo img{max-width:250px!important;max-height:104px!important}}