/*! CryptoChoco v371 main-app CSS stack bundle. Historical source order preserved; v371 externalized shell styles appended. */

/* ===== BEGIN assets/css/tailwind-v189.css ===== */
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-900: oklch(39.6% 0.141 25.723);
  --color-orange-50: oklch(98% 0.016 73.684);
  --color-orange-100: oklch(95.4% 0.038 75.164);
  --color-orange-200: oklch(90.1% 0.076 70.697);
  --color-orange-300: oklch(83.7% 0.128 66.29);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-orange-500: oklch(70.5% 0.213 47.604);
  --color-orange-600: oklch(64.6% 0.222 41.116);
  --color-orange-700: oklch(55.3% 0.195 38.402);
  --color-orange-800: oklch(47% 0.157 37.304);
  --color-orange-900: oklch(40.8% 0.123 38.172);
  --color-amber-50: oklch(98.7% 0.022 95.277);
  --color-amber-100: oklch(96.2% 0.059 95.617);
  --color-amber-200: oklch(92.4% 0.12 95.746);
  --color-amber-300: oklch(87.9% 0.169 91.605);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-500: oklch(76.9% 0.188 70.08);
  --color-amber-600: oklch(66.6% 0.179 58.318);
  --color-amber-700: oklch(55.5% 0.163 48.998);
  --color-amber-800: oklch(47.3% 0.137 46.201);
  --color-amber-900: oklch(41.4% 0.112 45.904);
  --color-amber-950: oklch(27.9% 0.077 45.635);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-lime-50: oklch(98.6% 0.031 120.757);
  --color-lime-400: oklch(84.1% 0.238 128.85);
  --color-lime-500: oklch(76.8% 0.233 130.85);
  --color-lime-600: oklch(64.8% 0.2 131.684);
  --color-emerald-50: oklch(97.9% 0.021 166.113);
  --color-emerald-100: oklch(95% 0.052 163.051);
  --color-emerald-200: oklch(90.5% 0.093 164.15);
  --color-emerald-300: oklch(84.5% 0.143 164.978);
  --color-emerald-400: oklch(76.5% 0.177 163.223);
  --color-emerald-500: oklch(69.6% 0.17 162.48);
  --color-emerald-600: oklch(59.6% 0.145 163.225);
  --color-emerald-700: oklch(50.8% 0.118 165.612);
  --color-emerald-800: oklch(43.2% 0.095 166.913);
  --color-emerald-900: oklch(37.8% 0.077 168.94);
  --color-emerald-950: oklch(26.2% 0.051 172.552);
  --color-teal-50: oklch(98.4% 0.014 180.72);
  --color-teal-400: oklch(77.7% 0.152 181.912);
  --color-teal-500: oklch(70.4% 0.14 182.503);
  --color-teal-600: oklch(60% 0.118 184.704);
  --color-cyan-50: oklch(98.4% 0.019 200.873);
  --color-cyan-100: oklch(95.6% 0.045 203.388);
  --color-cyan-200: oklch(91.7% 0.08 205.041);
  --color-cyan-300: oklch(86.5% 0.127 207.078);
  --color-cyan-400: oklch(78.9% 0.154 211.53);
  --color-cyan-500: oklch(71.5% 0.143 215.221);
  --color-cyan-600: oklch(60.9% 0.126 221.723);
  --color-cyan-700: oklch(52% 0.105 223.128);
  --color-cyan-800: oklch(45% 0.085 224.283);
  --color-cyan-900: oklch(39.8% 0.07 227.392);
  --color-cyan-950: oklch(30.2% 0.056 229.695);
  --color-sky-50: oklch(97.7% 0.013 236.62);
  --color-sky-100: oklch(95.1% 0.026 236.824);
  --color-sky-200: oklch(90.1% 0.058 230.902);
  --color-sky-300: oklch(82.8% 0.111 230.318);
  --color-sky-400: oklch(74.6% 0.16 232.661);
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-sky-600: oklch(58.8% 0.158 241.966);
  --color-sky-700: oklch(50% 0.134 242.749);
  --color-sky-800: oklch(44.3% 0.11 240.79);
  --color-sky-900: oklch(39.1% 0.09 240.876);
  --color-sky-950: oklch(29.3% 0.066 243.157);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-rose-50: oklch(96.9% 0.015 12.422);
  --color-rose-200: oklch(89.2% 0.058 10.001);
  --color-rose-300: oklch(81% 0.117 11.638);
  --color-rose-400: oklch(71.2% 0.194 13.428);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-rose-600: oklch(58.6% 0.253 17.585);
  --color-rose-700: oklch(51.4% 0.222 16.935);
  --color-rose-800: oklch(45.5% 0.188 13.697);
  --color-rose-900: oklch(41% 0.159 10.272);
  --color-slate-100: oklch(96.8% 0.007 247.896);
  --color-slate-200: oklch(92.9% 0.013 255.508);
  --color-slate-300: oklch(86.9% 0.022 252.894);
  --color-slate-400: oklch(70.4% 0.04 256.788);
  --color-slate-500: oklch(55.4% 0.046 257.417);
  --color-slate-600: oklch(44.6% 0.043 257.281);
  --color-slate-800: oklch(27.9% 0.041 260.031);
  --color-slate-900: oklch(20.8% 0.042 265.755);
  --color-slate-950: oklch(12.9% 0.042 264.695);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-gray-950: oklch(13% 0.028 261.692);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --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-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --text-9xl: 8rem;
  --text-9xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --animate-bounce: bounce 1s infinite;
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-xl: 24px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-dark-900: #06191E;
  --color-dark-800: #081D22;
  --color-dark-700: #103139;
  --color-dark-600: #153D46;
  --color-brand-primary: #0A8FD6;
  --color-brand-accent: #1EA75A;
  --color-brand-papaya: #FF6B35;
  --color-brand-gold: #FFB02E;
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.inset-y-0 {
  inset-block: calc(var(--spacing) * 0);
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[9999\] {
  z-index: 9999;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-full {
  grid-column: 1 / -1;
}
.float-right {
  float: right;
}
.m-0 {
  margin: calc(var(--spacing) * 0);
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}
.mx-auto {
  margin-inline: auto;
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.my-8 {
  margin-block: calc(var(--spacing) * 8);
}
.mt-0 {
  margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-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-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
  margin-top: calc(var(--spacing) * 12);
}
.mt-auto {
  margin-top: auto;
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-2\.5 {
  margin-right: calc(var(--spacing) * 2.5);
}
.mr-5 {
  margin-right: calc(var(--spacing) * 5);
}
.mb-0\.5 {
  margin-bottom: calc(var(--spacing) * 0.5);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
  margin-bottom: calc(var(--spacing) * 7);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-9 {
  margin-bottom: calc(var(--spacing) * 9);
}
.mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
.ml-0\.5 {
  margin-left: calc(var(--spacing) * 0.5);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-auto {
  margin-left: auto;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-11 {
  height: calc(var(--spacing) * 11);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-24 {
  height: calc(var(--spacing) * 24);
}
.h-28 {
  height: calc(var(--spacing) * 28);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-40 {
  height: calc(var(--spacing) * 40);
}
.h-48 {
  height: calc(var(--spacing) * 48);
}
.h-52 {
  height: calc(var(--spacing) * 52);
}
.h-56 {
  height: calc(var(--spacing) * 56);
}
.h-64 {
  height: calc(var(--spacing) * 64);
}
.h-72 {
  height: calc(var(--spacing) * 72);
}
.h-80 {
  height: calc(var(--spacing) * 80);
}
.h-96 {
  height: calc(var(--spacing) * 96);
}
.h-\[300px\] {
  height: 300px;
}
.h-\[330px\] {
  height: 330px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[78vh\] {
  max-height: 78vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[360px\] {
  max-height: 360px;
}
.max-h-\[430px\] {
  max-height: 430px;
}
.max-h-\[520px\] {
  max-height: 520px;
}
.max-h-\[560px\] {
  max-height: 560px;
}
.min-h-16 {
  min-height: calc(var(--spacing) * 16);
}
.min-h-\[34px\] {
  min-height: 34px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11 {
  width: calc(var(--spacing) * 11);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-36 {
  width: calc(var(--spacing) * 36);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-44 {
  width: calc(var(--spacing) * 44);
}
.w-48 {
  width: calc(var(--spacing) * 48);
}
.w-52 {
  width: calc(var(--spacing) * 52);
}
.w-56 {
  width: calc(var(--spacing) * 56);
}
.w-60 {
  width: calc(var(--spacing) * 60);
}
.w-64 {
  width: calc(var(--spacing) * 64);
}
.w-72 {
  width: calc(var(--spacing) * 72);
}
.w-80 {
  width: calc(var(--spacing) * 80);
}
.w-96 {
  width: calc(var(--spacing) * 96);
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[160px\] {
  width: 160px;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.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-6xl {
  max-width: var(--container-6xl);
}
.max-w-7xl {
  max-width: var(--container-7xl);
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[184px\] {
  max-width: 184px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[330px\] {
  max-width: 330px;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[1450px\] {
  max-width: 1450px;
}
.max-w-\[1500px\] {
  max-width: 1500px;
}
.max-w-\[1540px\] {
  max-width: 1540px;
}
.max-w-\[1550px\] {
  max-width: 1550px;
}
.max-w-\[1600px\] {
  max-width: 1600px;
}
.max-w-\[1650px\] {
  max-width: 1650px;
}
.max-w-\[1700px\] {
  max-width: 1700px;
}
.max-w-\[1750px\] {
  max-width: 1750px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.max-w-xs {
  max-width: var(--container-xs);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-\[170px\] {
  min-width: 170px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[250px\] {
  min-width: 250px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[560px\] {
  min-width: 560px;
}
.min-w-\[600px\] {
  min-width: 600px;
}
.min-w-\[620px\] {
  min-width: 620px;
}
.min-w-\[650px\] {
  min-width: 650px;
}
.min-w-\[680px\] {
  min-width: 680px;
}
.min-w-\[700px\] {
  min-width: 700px;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-w-\[760px\] {
  min-width: 760px;
}
.min-w-\[780px\] {
  min-width: 780px;
}
.min-w-\[800px\] {
  min-width: 800px;
}
.min-w-\[820px\] {
  min-width: 820px;
}
.min-w-\[850px\] {
  min-width: 850px;
}
.min-w-\[900px\] {
  min-width: 900px;
}
.min-w-\[950px\] {
  min-width: 950px;
}
.min-w-\[980px\] {
  min-width: 980px;
}
.min-w-\[1050px\] {
  min-width: 1050px;
}
.min-w-\[1100px\] {
  min-width: 1100px;
}
.min-w-\[1450px\] {
  min-width: 1450px;
}
.min-w-\[1500px\] {
  min-width: 1500px;
}
.min-w-\[1900px\] {
  min-width: 1900px;
}
.min-w-max {
  min-width: max-content;
}
.flex-1 {
  flex: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.translate-y-1\/2 {
  --tw-translate-y: calc(1/2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-95 {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-100 {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-125 {
  --tw-scale-x: 125%;
  --tw-scale-y: 125%;
  --tw-scale-z: 125%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rotate-3 {
  rotate: 3deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-\[fadeInUp_0\.3s_ease-out\] {
  animation: fadeInUp 0.3s ease-out;
}
.animate-\[fadeInUp_0\.4s_ease-out\] {
  animation: fadeInUp 0.4s ease-out;
}
.animate-\[fadeInUp_0\.5s_ease-out\] {
  animation: fadeInUp 0.5s ease-out;
}
.animate-\[fadeInUp_0\.45s_ease-out\] {
  animation: fadeInUp 0.45s ease-out;
}
.animate-\[fadeIn_0\.4s_ease-out\] {
  animation: fadeIn 0.4s ease-out;
}
.animate-\[fadeIn_0\.5s_ease-out\] {
  animation: fadeIn 0.5s ease-out;
}
.animate-\[fadeIn_0\.35s_ease-out\] {
  animation: fadeIn 0.35s ease-out;
}
.animate-bounce {
  animation: var(--animate-bounce);
}
.animate-ping {
  animation: var(--animate-ping);
}
.animate-pulse {
  animation: var(--animate-pulse);
}
.animate-spin {
  animation: var(--animate-spin);
}
.cursor-all-scroll {
  cursor: all-scroll;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[100px_1fr_auto\] {
  grid-template-columns: 100px 1fr auto;
}
.grid-cols-\[110px_75px_1fr_auto\] {
  grid-template-columns: 110px 75px 1fr auto;
}
.grid-cols-\[120px_1fr\] {
  grid-template-columns: 120px 1fr;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.space-y-1 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2 {
  :where(& > :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)));
  }
}
.space-y-2\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :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)));
  }
}
.space-y-5 {
  :where(& > :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)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-8 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
.space-x-1 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.gap-y-1 {
  row-gap: calc(var(--spacing) * 1);
}
.gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-gray-100 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }
}
.divide-gray-200 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }
}
.divide-white\/10 {
  :where(& > :not(:last-child)) {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
}
.self-start {
  align-self: flex-start;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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 {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-\[1\.4rem\] {
  border-radius: 1.4rem;
}
.rounded-\[1\.5rem\] {
  border-radius: 1.5rem;
}
.rounded-\[1\.6rem\] {
  border-radius: 1.6rem;
}
.rounded-\[1\.7rem\] {
  border-radius: 1.7rem;
}
.rounded-\[1\.75rem\] {
  border-radius: 1.75rem;
}
.rounded-\[1rem\] {
  border-radius: 1rem;
}
.rounded-\[2\.5rem\] {
  border-radius: 2.5rem;
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-t-\[2rem\] {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
}
.rounded-l-xl {
  border-top-left-radius: var(--radius-xl);
  border-bottom-left-radius: var(--radius-xl);
}
.rounded-r-xl {
  border-top-right-radius: var(--radius-xl);
  border-bottom-right-radius: var(--radius-xl);
}
.rounded-bl-xl {
  border-bottom-left-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-4 {
  border-style: var(--tw-border-style);
  border-width: 4px;
}
.border-8 {
  border-style: var(--tw-border-style);
  border-width: 8px;
}
.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-t-4 {
  border-top-style: var(--tw-border-style);
  border-top-width: 4px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-r-0 {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-l-4 {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-amber-100 {
  border-color: var(--color-amber-100);
}
.border-amber-200 {
  border-color: var(--color-amber-200);
}
.border-amber-200\/70 {
  border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-200) 70%, transparent);
  }
}
.border-amber-300 {
  border-color: var(--color-amber-300);
}
.border-amber-300\/40 {
  border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-300) 40%, transparent);
  }
}
.border-amber-300\/70 {
  border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent);
  }
}
.border-amber-400\/20 {
  border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
  }
}
.border-amber-400\/30 {
  border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
  }
}
.border-amber-500 {
  border-color: var(--color-amber-500);
}
.border-amber-500\/10 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
  }
}
.border-amber-500\/15 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
  }
}
.border-amber-500\/20 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
  }
}
.border-amber-500\/25 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
  }
}
.border-amber-500\/30 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
  }
}
.border-amber-500\/40 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
  }
}
.border-amber-500\/50 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
  }
}
.border-blue-200 {
  border-color: var(--color-blue-200);
}
.border-blue-500\/20 {
  border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
  }
}
.border-brand-primary {
  border-color: var(--color-brand-primary);
}
.border-brand-primary\/10 {
  border-color: color-mix(in srgb, #0A8FD6 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
  }
}
.border-brand-primary\/15 {
  border-color: color-mix(in srgb, #0A8FD6 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 15%, transparent);
  }
}
.border-brand-primary\/20 {
  border-color: color-mix(in srgb, #0A8FD6 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
  }
}
.border-brand-primary\/25 {
  border-color: color-mix(in srgb, #0A8FD6 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 25%, transparent);
  }
}
.border-brand-primary\/30 {
  border-color: color-mix(in srgb, #0A8FD6 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 30%, transparent);
  }
}
.border-brand-primary\/40 {
  border-color: color-mix(in srgb, #0A8FD6 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 40%, transparent);
  }
}
.border-brand-primary\/50 {
  border-color: color-mix(in srgb, #0A8FD6 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 50%, transparent);
  }
}
.border-cyan-200 {
  border-color: var(--color-cyan-200);
}
.border-cyan-300 {
  border-color: var(--color-cyan-300);
}
.border-cyan-400\/20 {
  border-color: color-mix(in srgb, oklch(78.9% 0.154 211.53) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent);
  }
}
.border-cyan-500\/20 {
  border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
  }
}
.border-cyan-500\/30 {
  border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
  }
}
.border-emerald-100 {
  border-color: var(--color-emerald-100);
}
.border-emerald-200 {
  border-color: var(--color-emerald-200);
}
.border-emerald-300 {
  border-color: var(--color-emerald-300);
}
.border-emerald-400\/40 {
  border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent);
  }
}
.border-emerald-500\/20 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
  }
}
.border-emerald-500\/25 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
  }
}
.border-emerald-500\/30 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
  }
}
.border-emerald-500\/40 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
  }
}
.border-gray-50 {
  border-color: var(--color-gray-50);
}
.border-gray-100 {
  border-color: var(--color-gray-100);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-200\/90 {
  border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-200) 90%, transparent);
  }
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-gray-500\/20 {
  border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
  }
}
.border-gray-500\/25 {
  border-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-500) 25%, transparent);
  }
}
.border-orange-100 {
  border-color: var(--color-orange-100);
}
.border-orange-200 {
  border-color: var(--color-orange-200);
}
.border-orange-300 {
  border-color: var(--color-orange-300);
}
.border-orange-300\/40 {
  border-color: color-mix(in srgb, oklch(83.7% 0.128 66.29) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-orange-300) 40%, transparent);
  }
}
.border-orange-400\/20 {
  border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-orange-400) 20%, transparent);
  }
}
.border-orange-400\/30 {
  border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-orange-400) 30%, transparent);
  }
}
.border-orange-400\/40 {
  border-color: color-mix(in srgb, oklch(75% 0.183 55.934) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-orange-400) 40%, transparent);
  }
}
.border-orange-500\/20 {
  border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
  }
}
.border-orange-600 {
  border-color: var(--color-orange-600);
}
.border-red-200 {
  border-color: var(--color-red-200);
}
.border-red-300 {
  border-color: var(--color-red-300);
}
.border-red-400\/30 {
  border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
  }
}
.border-red-500 {
  border-color: var(--color-red-500);
}
.border-red-500\/15 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
  }
}
.border-red-500\/20 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
  }
}
.border-red-500\/25 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
  }
}
.border-red-500\/30 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
  }
}
.border-rose-200 {
  border-color: var(--color-rose-200);
}
.border-rose-300\/40 {
  border-color: color-mix(in srgb, oklch(81% 0.117 11.638) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-300) 40%, transparent);
  }
}
.border-rose-500\/20 {
  border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
  }
}
.border-rose-500\/30 {
  border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
  }
}
.border-sky-100 {
  border-color: var(--color-sky-100);
}
.border-sky-200 {
  border-color: var(--color-sky-200);
}
.border-sky-400\/30 {
  border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent);
  }
}
.border-sky-500\/10 {
  border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
  }
}
.border-sky-500\/20 {
  border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
  }
}
.border-sky-500\/30 {
  border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
  }
}
.border-slate-500\/20 {
  border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
  }
}
.border-slate-600 {
  border-color: var(--color-slate-600);
}
.border-transparent {
  border-color: transparent;
}
.border-white\/5 {
  border-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.border-white\/10 {
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.border-white\/15 {
  border-color: color-mix(in srgb, #fff 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
  }
}
.border-white\/20 {
  border-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.border-white\/30 {
  border-color: color-mix(in srgb, #fff 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
.border-t-amber-500 {
  border-top-color: var(--color-amber-500);
}
.border-t-brand-primary {
  border-top-color: var(--color-brand-primary);
}
.border-t-cyan-500 {
  border-top-color: var(--color-cyan-500);
}
.border-t-orange-600 {
  border-top-color: var(--color-orange-600);
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-b-white\/5 {
  border-bottom-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.border-l-amber-500 {
  border-left-color: var(--color-amber-500);
}
.border-l-emerald-500 {
  border-left-color: var(--color-emerald-500);
}
.bg-amber-50 {
  background-color: var(--color-amber-50);
}
.bg-amber-50\/70 {
  background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent);
  }
}
.bg-amber-100 {
  background-color: var(--color-amber-100);
}
.bg-amber-400 {
  background-color: var(--color-amber-400);
}
.bg-amber-500 {
  background-color: var(--color-amber-500);
}
.bg-amber-500\/5 {
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
  }
}
.bg-amber-500\/10 {
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
  }
}
.bg-black\/5 {
  background-color: color-mix(in srgb, #000 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }
}
.bg-black\/10 {
  background-color: color-mix(in srgb, #000 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
}
.bg-black\/20 {
  background-color: color-mix(in srgb, #000 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
  }
}
.bg-black\/50 {
  background-color: color-mix(in srgb, #000 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.bg-black\/70 {
  background-color: color-mix(in srgb, #000 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
  }
}
.bg-black\/80 {
  background-color: color-mix(in srgb, #000 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
  }
}
.bg-blue-50 {
  background-color: var(--color-blue-50);
}
.bg-blue-500\/10 {
  background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
  }
}
.bg-blue-600 {
  background-color: var(--color-blue-600);
}
.bg-brand-accent {
  background-color: var(--color-brand-accent);
}
.bg-brand-accent\/10 {
  background-color: color-mix(in srgb, #1EA75A 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-accent) 10%, transparent);
  }
}
.bg-brand-accent\/20 {
  background-color: color-mix(in srgb, #1EA75A 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-accent) 20%, transparent);
  }
}
.bg-brand-gold\/10 {
  background-color: color-mix(in srgb, #FFB02E 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-gold) 10%, transparent);
  }
}
.bg-brand-papaya {
  background-color: var(--color-brand-papaya);
}
.bg-brand-papaya\/10 {
  background-color: color-mix(in srgb, #FF6B35 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-papaya) 10%, transparent);
  }
}
.bg-brand-primary {
  background-color: var(--color-brand-primary);
}
.bg-brand-primary\/5 {
  background-color: color-mix(in srgb, #0A8FD6 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-primary) 5%, transparent);
  }
}
.bg-brand-primary\/10 {
  background-color: color-mix(in srgb, #0A8FD6 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
  }
}
.bg-brand-primary\/20 {
  background-color: color-mix(in srgb, #0A8FD6 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
  }
}
.bg-cyan-50 {
  background-color: var(--color-cyan-50);
}
.bg-cyan-100 {
  background-color: var(--color-cyan-100);
}
.bg-cyan-400 {
  background-color: var(--color-cyan-400);
}
.bg-cyan-500 {
  background-color: var(--color-cyan-500);
}
.bg-cyan-500\/5 {
  background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);
  }
}
.bg-cyan-500\/10 {
  background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
  }
}
.bg-cyan-600 {
  background-color: var(--color-cyan-600);
}
.bg-dark-800\/50 {
  background-color: color-mix(in srgb, #081D22 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-dark-800) 50%, transparent);
  }
}
.bg-dark-900 {
  background-color: var(--color-dark-900);
}
.bg-dark-900\/80 {
  background-color: color-mix(in srgb, #06191E 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-dark-900) 80%, transparent);
  }
}
.bg-emerald-50 {
  background-color: var(--color-emerald-50);
}
.bg-emerald-50\/70 {
  background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent);
  }
}
.bg-emerald-100 {
  background-color: var(--color-emerald-100);
}
.bg-emerald-500 {
  background-color: var(--color-emerald-500);
}
.bg-emerald-500\/5 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
  }
}
.bg-emerald-500\/10 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
  }
}
.bg-emerald-500\/20 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
  }
}
.bg-emerald-600 {
  background-color: var(--color-emerald-600);
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-50\/50 {
  background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
  }
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-400 {
  background-color: var(--color-gray-400);
}
.bg-gray-500 {
  background-color: var(--color-gray-500);
}
.bg-gray-500\/5 {
  background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-500) 5%, transparent);
  }
}
.bg-gray-500\/10 {
  background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
  }
}
.bg-gray-800 {
  background-color: var(--color-gray-800);
}
.bg-gray-900 {
  background-color: var(--color-gray-900);
}
.bg-gray-900\/50 {
  background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
  }
}
.bg-gray-900\/60 {
  background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
  }
}
.bg-gray-950 {
  background-color: var(--color-gray-950);
}
.bg-lime-50 {
  background-color: var(--color-lime-50);
}
.bg-orange-50 {
  background-color: var(--color-orange-50);
}
.bg-orange-500 {
  background-color: var(--color-orange-500);
}
.bg-orange-500\/5 {
  background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-orange-500) 5%, transparent);
  }
}
.bg-orange-500\/10 {
  background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
  }
}
.bg-orange-600 {
  background-color: var(--color-orange-600);
}
.bg-red-50 {
  background-color: var(--color-red-50);
}
.bg-red-50\/50 {
  background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent);
  }
}
.bg-red-100 {
  background-color: var(--color-red-100);
}
.bg-red-500 {
  background-color: var(--color-red-500);
}
.bg-red-500\/5 {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
  }
}
.bg-red-500\/10 {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
  }
}
.bg-red-600 {
  background-color: var(--color-red-600);
}
.bg-rose-50\/30 {
  background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-50) 30%, transparent);
  }
}
.bg-rose-500 {
  background-color: var(--color-rose-500);
}
.bg-rose-500\/10 {
  background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
  }
}
.bg-rose-600 {
  background-color: var(--color-rose-600);
}
.bg-sky-50 {
  background-color: var(--color-sky-50);
}
.bg-sky-50\/30 {
  background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-50) 30%, transparent);
  }
}
.bg-sky-50\/50 {
  background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-50) 50%, transparent);
  }
}
.bg-sky-100 {
  background-color: var(--color-sky-100);
}
.bg-sky-500 {
  background-color: var(--color-sky-500);
}
.bg-sky-500\/5 {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
  }
}
.bg-sky-500\/10 {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
  }
}
.bg-sky-600 {
  background-color: var(--color-sky-600);
}
.bg-slate-500\/10 {
  background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent);
  }
}
.bg-slate-800 {
  background-color: var(--color-slate-800);
}
.bg-slate-900 {
  background-color: var(--color-slate-900);
}
.bg-slate-950 {
  background-color: var(--color-slate-950);
}
.bg-teal-50 {
  background-color: var(--color-teal-50);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/5 {
  background-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.bg-white\/10 {
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.bg-white\/20 {
  background-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.bg-white\/50 {
  background-color: color-mix(in srgb, #fff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
.bg-white\/60 {
  background-color: color-mix(in srgb, #fff 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
.bg-white\/70 {
  background-color: color-mix(in srgb, #fff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
.bg-white\/75 {
  background-color: color-mix(in srgb, #fff 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
  }
}
.bg-white\/80 {
  background-color: color-mix(in srgb, #fff 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
.bg-white\/90 {
  background-color: color-mix(in srgb, #fff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.bg-white\/95 {
  background-color: color-mix(in srgb, #fff 95%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
  }
}
.bg-white\/\[\.03\] {
  background-color: color-mix(in srgb, #fff 3%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
  }
}
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-l {
  --tw-gradient-position: to left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  --tw-gradient-position: to top right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-\[\#0B242B\] {
  --tw-gradient-from: #0B242B;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-amber-50 {
  --tw-gradient-from: var(--color-amber-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-amber-300 {
  --tw-gradient-from: var(--color-amber-300);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-amber-400 {
  --tw-gradient-from: var(--color-amber-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-amber-500 {
  --tw-gradient-from: var(--color-amber-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-400 {
  --tw-gradient-from: var(--color-blue-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-brand-accent {
  --tw-gradient-from: var(--color-brand-accent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-brand-primary {
  --tw-gradient-from: var(--color-brand-primary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-brand-primary\/5 {
  --tw-gradient-from: color-mix(in srgb, #0A8FD6 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-brand-primary) 5%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-brand-primary\/10 {
  --tw-gradient-from: color-mix(in srgb, #0A8FD6 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-brand-primary\/20 {
  --tw-gradient-from: color-mix(in srgb, #0A8FD6 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-cyan-400 {
  --tw-gradient-from: var(--color-cyan-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-cyan-500 {
  --tw-gradient-from: var(--color-cyan-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-dark-900 {
  --tw-gradient-from: var(--color-dark-900);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-50 {
  --tw-gradient-from: var(--color-emerald-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-400 {
  --tw-gradient-from: var(--color-emerald-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-500 {
  --tw-gradient-from: var(--color-emerald-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-500\/5 {
  --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-600 {
  --tw-gradient-from: var(--color-emerald-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-400 {
  --tw-gradient-from: var(--color-gray-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-400 {
  --tw-gradient-from: var(--color-orange-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-500 {
  --tw-gradient-from: var(--color-orange-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-500\/10 {
  --tw-gradient-from: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-600 {
  --tw-gradient-from: var(--color-orange-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-red-400 {
  --tw-gradient-from: var(--color-red-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-sky-500 {
  --tw-gradient-from: var(--color-sky-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-sky-600 {
  --tw-gradient-from: var(--color-sky-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-white {
  --tw-gradient-from: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-blue-600 {
  --tw-gradient-via: var(--color-blue-600);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-brand-primary {
  --tw-gradient-via: var(--color-brand-primary);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-orange-50 {
  --tw-gradient-via: var(--color-orange-50);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-orange-500 {
  --tw-gradient-via: var(--color-orange-500);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-orange-500\/10 {
  --tw-gradient-via: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
  }
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-orange-600 {
  --tw-gradient-via: var(--color-orange-600);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-sky-600 {
  --tw-gradient-via: var(--color-sky-600);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-transparent {
  --tw-gradient-via: transparent;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-\[\#103139\] {
  --tw-gradient-to: #103139;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-amber-50\/60 {
  --tw-gradient-to: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-amber-50) 60%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-amber-100 {
  --tw-gradient-to: var(--color-amber-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-amber-400 {
  --tw-gradient-to: var(--color-amber-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-amber-500 {
  --tw-gradient-to: var(--color-amber-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-amber-500\/10 {
  --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-amber-600 {
  --tw-gradient-to: var(--color-amber-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-black {
  --tw-gradient-to: var(--color-black);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-500 {
  --tw-gradient-to: var(--color-blue-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-600 {
  --tw-gradient-to: var(--color-blue-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-brand-accent {
  --tw-gradient-to: var(--color-brand-accent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-brand-accent\/10 {
  --tw-gradient-to: color-mix(in srgb, #1EA75A 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-brand-accent) 10%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-cyan-400 {
  --tw-gradient-to: var(--color-cyan-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-cyan-500 {
  --tw-gradient-to: var(--color-cyan-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-cyan-600 {
  --tw-gradient-to: var(--color-cyan-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-emerald-50\/50 {
  --tw-gradient-to: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-600 {
  --tw-gradient-to: var(--color-gray-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-400 {
  --tw-gradient-to: var(--color-orange-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-500 {
  --tw-gradient-to: var(--color-orange-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-600 {
  --tw-gradient-to: var(--color-orange-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-700 {
  --tw-gradient-to: var(--color-orange-700);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-rose-500 {
  --tw-gradient-to: var(--color-rose-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-sky-50\/60 {
  --tw-gradient-to: color-mix(in srgb, oklch(97.7% 0.013 236.62) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-sky-50) 60%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-sky-500 {
  --tw-gradient-to: var(--color-sky-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-sky-600 {
  --tw-gradient-to: var(--color-sky-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-sky-800 {
  --tw-gradient-to: var(--color-sky-800);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-teal-50 {
  --tw-gradient-to: var(--color-teal-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-teal-500 {
  --tw-gradient-to: var(--color-teal-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-teal-600 {
  --tw-gradient-to: var(--color-teal-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-clip-text {
  background-clip: text;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
  padding: calc(var(--spacing) * 1.5);
}
.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-10 {
  padding: calc(var(--spacing) * 10);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.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-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.px-12 {
  padding-inline: calc(var(--spacing) * 12);
}
.px-16 {
  padding-inline: calc(var(--spacing) * 16);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-9 {
  padding-block: calc(var(--spacing) * 9);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-12 {
  padding-block: calc(var(--spacing) * 12);
}
.py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.py-24 {
  padding-block: calc(var(--spacing) * 24);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-24 {
  padding-top: calc(var(--spacing) * 24);
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.pr-6 {
  padding-right: calc(var(--spacing) * 6);
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
.pr-11 {
  padding-right: calc(var(--spacing) * 11);
}
.pr-20 {
  padding-right: calc(var(--spacing) * 20);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.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-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}
.pb-24 {
  padding-bottom: calc(var(--spacing) * 24);
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.pl-5 {
  padding-left: calc(var(--spacing) * 5);
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.pl-9 {
  padding-left: calc(var(--spacing) * 9);
}
.pl-11 {
  padding-left: calc(var(--spacing) * 11);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-top {
  vertical-align: top;
}
.font-mono {
  font-family: var(--font-mono);
}
.font-sans {
  font-family: var(--font-sans);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-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-8xl {
  font-size: var(--text-8xl);
  line-height: var(--tw-leading, var(--text-8xl--line-height));
}
.text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--tw-leading, var(--text-9xl--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-\[2rem\] {
  font-size: 2rem;
}
.text-\[7px\] {
  font-size: 7px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[15px\] {
  font-size: 15px;
}
.leading-4 {
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.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\.08\] {
  --tw-leading: 1.08;
  line-height: 1.08;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.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-\[\.2em\] {
  --tw-tracking: .2em;
  letter-spacing: .2em;
}
.tracking-\[\.14em\] {
  --tw-tracking: .14em;
  letter-spacing: .14em;
}
.tracking-\[\.15em\] {
  --tw-tracking: .15em;
  letter-spacing: .15em;
}
.tracking-\[\.16em\] {
  --tw-tracking: .16em;
  letter-spacing: .16em;
}
.tracking-\[\.18em\] {
  --tw-tracking: .18em;
  letter-spacing: .18em;
}
.tracking-\[\.22em\] {
  --tw-tracking: .22em;
  letter-spacing: .22em;
}
.tracking-\[0\.2em\] {
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
}
.tracking-\[0\.5em\] {
  --tw-tracking: 0.5em;
  letter-spacing: 0.5em;
}
.tracking-\[1em\] {
  --tw-tracking: 1em;
  letter-spacing: 1em;
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-\[\#0A8FD6\] {
  color: #0A8FD6;
}
.text-\[\#0876B5\] {
  color: #0876B5;
}
.text-\[\#075985\] {
  color: #075985;
}
.text-amber-50 {
  color: var(--color-amber-50);
}
.text-amber-100 {
  color: var(--color-amber-100);
}
.text-amber-200 {
  color: var(--color-amber-200);
}
.text-amber-300 {
  color: var(--color-amber-300);
}
.text-amber-400 {
  color: var(--color-amber-400);
}
.text-amber-500 {
  color: var(--color-amber-500);
}
.text-amber-500\/5 {
  color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
  }
}
.text-amber-500\/10 {
  color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
  }
}
.text-amber-600 {
  color: var(--color-amber-600);
}
.text-amber-600\/80 {
  color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-amber-600) 80%, transparent);
  }
}
.text-amber-700 {
  color: var(--color-amber-700);
}
.text-amber-700\/80 {
  color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-amber-700) 80%, transparent);
  }
}
.text-amber-800 {
  color: var(--color-amber-800);
}
.text-blue-500 {
  color: var(--color-blue-500);
}
.text-blue-500\/10 {
  color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
  }
}
.text-blue-600 {
  color: var(--color-blue-600);
}
.text-blue-700 {
  color: var(--color-blue-700);
}
.text-blue-800 {
  color: var(--color-blue-800);
}
.text-brand-accent {
  color: var(--color-brand-accent);
}
.text-brand-gold {
  color: var(--color-brand-gold);
}
.text-brand-papaya {
  color: var(--color-brand-papaya);
}
.text-brand-primary {
  color: var(--color-brand-primary);
}
.text-brand-primary\/5 {
  color: color-mix(in srgb, #0A8FD6 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-brand-primary) 5%, transparent);
  }
}
.text-cyan-300 {
  color: var(--color-cyan-300);
}
.text-cyan-400 {
  color: var(--color-cyan-400);
}
.text-cyan-500 {
  color: var(--color-cyan-500);
}
.text-cyan-600 {
  color: var(--color-cyan-600);
}
.text-cyan-700 {
  color: var(--color-cyan-700);
}
.text-cyan-700\/70 {
  color: color-mix(in srgb, oklch(52% 0.105 223.128) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-cyan-700) 70%, transparent);
  }
}
.text-cyan-700\/80 {
  color: color-mix(in srgb, oklch(52% 0.105 223.128) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-cyan-700) 80%, transparent);
  }
}
.text-cyan-800 {
  color: var(--color-cyan-800);
}
.text-dark-900 {
  color: var(--color-dark-900);
}
.text-emerald-100 {
  color: var(--color-emerald-100);
}
.text-emerald-300 {
  color: var(--color-emerald-300);
}
.text-emerald-400 {
  color: var(--color-emerald-400);
}
.text-emerald-500 {
  color: var(--color-emerald-500);
}
.text-emerald-500\/5 {
  color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
  }
}
.text-emerald-500\/10 {
  color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
  }
}
.text-emerald-600 {
  color: var(--color-emerald-600);
}
.text-emerald-700 {
  color: var(--color-emerald-700);
}
.text-emerald-900 {
  color: var(--color-emerald-900);
}
.text-emerald-950 {
  color: var(--color-emerald-950);
}
.text-gray-100 {
  color: var(--color-gray-100);
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-500\/5 {
  color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-gray-500) 5%, transparent);
  }
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-gray-950 {
  color: var(--color-gray-950);
}
.text-lime-600 {
  color: var(--color-lime-600);
}
.text-orange-100 {
  color: var(--color-orange-100);
}
.text-orange-200 {
  color: var(--color-orange-200);
}
.text-orange-300 {
  color: var(--color-orange-300);
}
.text-orange-400 {
  color: var(--color-orange-400);
}
.text-orange-500 {
  color: var(--color-orange-500);
}
.text-orange-500\/10 {
  color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
  }
}
.text-orange-600 {
  color: var(--color-orange-600);
}
.text-orange-700 {
  color: var(--color-orange-700);
}
.text-orange-800 {
  color: var(--color-orange-800);
}
.text-red-200 {
  color: var(--color-red-200);
}
.text-red-400 {
  color: var(--color-red-400);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-red-500\/10 {
  color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
  }
}
.text-red-500\/80 {
  color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
  }
}
.text-red-600 {
  color: var(--color-red-600);
}
.text-red-700 {
  color: var(--color-red-700);
}
.text-rose-200 {
  color: var(--color-rose-200);
}
.text-rose-300 {
  color: var(--color-rose-300);
}
.text-rose-500 {
  color: var(--color-rose-500);
}
.text-rose-500\/80 {
  color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-rose-500) 80%, transparent);
  }
}
.text-rose-600 {
  color: var(--color-rose-600);
}
.text-rose-700 {
  color: var(--color-rose-700);
}
.text-rose-800 {
  color: var(--color-rose-800);
}
.text-sky-100 {
  color: var(--color-sky-100);
}
.text-sky-200 {
  color: var(--color-sky-200);
}
.text-sky-500 {
  color: var(--color-sky-500);
}
.text-sky-500\/80 {
  color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-sky-500) 80%, transparent);
  }
}
.text-sky-500\/90 {
  color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-sky-500) 90%, transparent);
  }
}
.text-sky-600 {
  color: var(--color-sky-600);
}
.text-sky-600\/80 {
  color: color-mix(in srgb, oklch(58.8% 0.158 241.966) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-sky-600) 80%, transparent);
  }
}
.text-sky-700 {
  color: var(--color-sky-700);
}
.text-sky-800 {
  color: var(--color-sky-800);
}
.text-sky-950 {
  color: var(--color-sky-950);
}
.text-slate-100 {
  color: var(--color-slate-100);
}
.text-slate-200 {
  color: var(--color-slate-200);
}
.text-slate-300 {
  color: var(--color-slate-300);
}
.text-slate-400 {
  color: var(--color-slate-400);
}
.text-slate-500 {
  color: var(--color-slate-500);
}
.text-slate-950 {
  color: var(--color-slate-950);
}
.text-teal-500 {
  color: var(--color-teal-500);
}
.text-transparent {
  color: transparent;
}
.text-white {
  color: var(--color-white);
}
.text-white\/10 {
  color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.text-white\/70 {
  color: color-mix(in srgb, #fff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
.text-white\/85 {
  color: color-mix(in srgb, #fff 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 85%, transparent);
  }
}
.text-yellow-500 {
  color: var(--color-yellow-500);
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration-line: underline;
}
.decoration-sky-300\/50 {
  text-decoration-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklab, var(--color-sky-300) 50%, transparent);
  }
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-10 {
  opacity: 10%;
}
.opacity-15 {
  opacity: 15%;
}
.opacity-20 {
  opacity: 20%;
}
.opacity-30 {
  opacity: 30%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-70 {
  opacity: 70%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-90 {
  opacity: 90%;
}
.opacity-100 {
  opacity: 100%;
}
.mix-blend-multiply {
  mix-blend-mode: multiply;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  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, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
  --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);
}
.shadow-amber-500\/10 {
  --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-amber-500\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-amber-500\/30 {
  --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-amber-950\/10 {
  --tw-shadow-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-950) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-blue-500\/30 {
  --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-brand-primary\/20 {
  --tw-shadow-color: color-mix(in srgb, #0A8FD6 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-brand-primary\/30 {
  --tw-shadow-color: color-mix(in srgb, #0A8FD6 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-primary) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-brand-primary\/40 {
  --tw-shadow-color: color-mix(in srgb, #0A8FD6 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-primary) 40%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-cyan-950\/5 {
  --tw-shadow-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-emerald-500\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-emerald-500\/30 {
  --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-emerald-500\/40 {
  --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-emerald-950\/5 {
  --tw-shadow-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-orange-500\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-orange-500\/30 {
  --tw-shadow-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-red-500\/10 {
  --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-red-500\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-red-500\/30 {
  --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-rose-500\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-sky-500\/20 {
  --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-sky-950\/5 {
  --tw-shadow-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-sky-950\/15 {
  --tw-shadow-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-950) 15%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-slate-950\/10 {
  --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-white\/10 {
  --tw-shadow-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.ring-amber-500\/30 {
  --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
  }
}
.ring-emerald-500 {
  --tw-ring-color: var(--color-emerald-500);
}
.ring-white {
  --tw-ring-color: var(--color-white);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -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-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,);
}
.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, visibility, 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-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-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-1000 {
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.group-open\:rotate-45 {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 45deg;
  }
}
.group-open\:rotate-180 {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
}
.group-focus-within\:text-brand-primary {
  &:is(:where(.group):focus-within *) {
    color: var(--color-brand-primary);
  }
}
.group-hover\:translate-x-1 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:rotate-6 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      rotate: 6deg;
    }
  }
}
.group-hover\:bg-emerald-600 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-emerald-600);
    }
  }
}
.group-hover\:bg-gray-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.group-hover\:bg-sky-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-sky-500);
    }
  }
}
.group-hover\:text-amber-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-amber-500);
    }
  }
}
.group-hover\:text-blue-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-blue-500);
    }
  }
}
.group-hover\:text-brand-accent {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-accent);
    }
  }
}
.group-hover\:text-brand-primary {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-primary);
    }
  }
}
.group-hover\:text-cyan-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-cyan-500);
    }
  }
}
.group-hover\:text-emerald-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-emerald-500);
    }
  }
}
.group-hover\:text-lime-600 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-lime-600);
    }
  }
}
.group-hover\:text-orange-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-orange-500);
    }
  }
}
.group-hover\:text-red-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-red-500);
    }
  }
}
.group-hover\:text-sky-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-sky-500);
    }
  }
}
.group-hover\:text-teal-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-teal-500);
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.group-hover\:shadow-lg {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.group-hover\:shadow-xl {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.group-hover\:shadow-brand-primary\/20 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-shadow-color: color-mix(in srgb, #0A8FD6 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-primary) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
}
.group-hover\:shadow-emerald-500\/20 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
}
.peer-checked\:bg-amber-500 {
  &:is(:where(.peer):checked ~ *) {
    background-color: var(--color-amber-500);
  }
}
.peer-focus\:ring-2 {
  &:is(:where(.peer):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);
  }
}
.peer-focus\:ring-amber-500\/50 {
  &:is(:where(.peer):focus ~ *) {
    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }
}
.selection\:bg-brand-primary\/30 {
  & *::selection {
    background-color: color-mix(in srgb, #0A8FD6 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-primary) 30%, transparent);
    }
  }
  &::selection {
    background-color: color-mix(in srgb, #0A8FD6 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-primary) 30%, transparent);
    }
  }
}
.selection\:text-white {
  & *::selection {
    color: var(--color-white);
  }
  &::selection {
    color: var(--color-white);
  }
}
.file\:mr-3 {
  &::file-selector-button {
    margin-right: calc(var(--spacing) * 3);
  }
}
.file\:rounded-lg {
  &::file-selector-button {
    border-radius: var(--radius-lg);
  }
}
.file\:border-0 {
  &::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.file\:bg-brand-primary\/10 {
  &::file-selector-button {
    background-color: color-mix(in srgb, #0A8FD6 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
    }
  }
}
.file\:px-4 {
  &::file-selector-button {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.file\:py-2 {
  &::file-selector-button {
    padding-block: calc(var(--spacing) * 2);
  }
}
.file\:text-sm {
  &::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.file\:font-bold {
  &::file-selector-button {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.file\:text-brand-primary {
  &::file-selector-button {
    color: var(--color-brand-primary);
  }
}
.after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
.after\:h-5 {
  &::after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 5);
  }
}
.after\:w-5 {
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 5);
  }
}
.after\:rounded-full {
  &::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
}
.after\:bg-white {
  &::after {
    content: var(--tw-content);
    background-color: var(--color-white);
  }
}
.after\:transition-all {
  &::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.peer-checked\:after\:translate-x-full {
  &:is(:where(.peer):checked ~ *) {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:border-amber-400 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-amber-400);
    }
  }
}
.hover\:border-brand-primary {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-brand-primary);
    }
  }
}
.hover\:border-brand-primary\/30 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #0A8FD6 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-brand-primary) 30%, transparent);
      }
    }
  }
}
.hover\:border-brand-primary\/40 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #0A8FD6 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-brand-primary) 40%, transparent);
      }
    }
  }
}
.hover\:border-emerald-500\/30 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
      }
    }
  }
}
.hover\:border-gray-300 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-300);
    }
  }
}
.hover\:border-sky-400\/50 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-400) 50%, transparent);
      }
    }
  }
}
.hover\:bg-amber-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-50);
    }
  }
}
.hover\:bg-amber-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-100);
    }
  }
}
.hover\:bg-amber-400 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-400);
    }
  }
}
.hover\:bg-amber-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-500);
    }
  }
}
.hover\:bg-amber-500\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
      }
    }
  }
}
.hover\:bg-amber-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-600);
    }
  }
}
.hover\:bg-blue-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-50);
    }
  }
}
.hover\:bg-blue-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-100);
    }
  }
}
.hover\:bg-blue-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-700);
    }
  }
}
.hover\:bg-brand-primary {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-brand-primary);
    }
  }
}
.hover\:bg-brand-primary\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #0A8FD6 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
      }
    }
  }
}
.hover\:bg-cyan-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-cyan-50);
    }
  }
}
.hover\:bg-cyan-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-cyan-700);
    }
  }
}
.hover\:bg-emerald-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-50);
    }
  }
}
.hover\:bg-emerald-500\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
      }
    }
  }
}
.hover\:bg-emerald-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-600);
    }
  }
}
.hover\:bg-emerald-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-700);
    }
  }
}
.hover\:bg-gray-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-50);
    }
  }
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-gray-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-200);
    }
  }
}
.hover\:bg-gray-300 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-300);
    }
  }
}
.hover\:bg-orange-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-50);
    }
  }
}
.hover\:bg-red-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-50);
    }
  }
}
.hover\:bg-red-500\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
      }
    }
  }
}
.hover\:bg-red-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-600);
    }
  }
}
.hover\:bg-rose-500\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
      }
    }
  }
}
.hover\:bg-sky-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sky-50);
    }
  }
}
.hover\:bg-sky-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sky-500);
    }
  }
}
.hover\:bg-sky-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sky-600);
    }
  }
}
.hover\:bg-sky-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sky-700);
    }
  }
}
.hover\:bg-white\/5 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
}
.hover\:bg-white\/\[0\.03\] {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 3%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
      }
    }
  }
}
.hover\:from-amber-600 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-from: var(--color-amber-600);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:from-orange-500 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-from: var(--color-orange-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:from-sky-600 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-from: var(--color-sky-600);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:from-teal-600 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-from: var(--color-teal-600);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:to-amber-500 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-to: var(--color-amber-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:to-brand-primary {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-to: var(--color-brand-primary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:to-emerald-500 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-to: var(--color-emerald-500);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:to-orange-600 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-to: var(--color-orange-600);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:text-amber-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-amber-600);
    }
  }
}
.hover\:text-brand-primary {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-primary);
    }
  }
}
.hover\:text-cyan-200 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-cyan-200);
    }
  }
}
.hover\:text-cyan-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-cyan-600);
    }
  }
}
.hover\:text-emerald-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-emerald-600);
    }
  }
}
.hover\:text-gray-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-700);
    }
  }
}
.hover\:text-orange-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-orange-500);
    }
  }
}
.hover\:text-orange-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-orange-600);
    }
  }
}
.hover\:text-red-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-500);
    }
  }
}
.hover\:text-red-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-600);
    }
  }
}
.hover\:text-rose-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-rose-600);
    }
  }
}
.hover\:text-sky-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-sky-600);
    }
  }
}
.hover\:text-sky-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-sky-700);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.hover\:opacity-90 {
  &:hover {
    @media (hover: hover) {
      opacity: 90%;
    }
  }
}
.hover\:shadow-lg {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-md {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-xl {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-amber-500\/20 {
  &:hover {
    @media (hover: hover) {
      --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
}
.hover\:shadow-sky-500\/10 {
  &:hover {
    @media (hover: hover) {
      --tw-shadow-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
      }
    }
  }
}
.hover\:file\:bg-brand-primary\/20 {
  &:hover {
    @media (hover: hover) {
      &::file-selector-button {
        background-color: color-mix(in srgb, #0A8FD6 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
        }
      }
    }
  }
}
.focus\:border-brand-primary {
  &:focus {
    border-color: var(--color-brand-primary);
  }
}
.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-amber-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }
}
.focus\:ring-blue-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }
}
.focus\:ring-brand-primary {
  &:focus {
    --tw-ring-color: var(--color-brand-primary);
  }
}
.focus\:ring-brand-primary\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, #0A8FD6 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-brand-primary) 50%, transparent);
    }
  }
}
.focus\:ring-cyan-500 {
  &:focus {
    --tw-ring-color: var(--color-cyan-500);
  }
}
.focus\:ring-cyan-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
    }
  }
}
.focus\:ring-orange-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
    }
  }
}
.focus\:ring-red-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }
}
.focus\:ring-sky-500\/30 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
    }
  }
}
.focus\:ring-sky-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent);
    }
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.active\:scale-95 {
  &:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.active\:scale-\[\.99\] {
  &:active {
    scale: .99;
  }
}
.active\:scale-\[0\.98\] {
  &:active {
    scale: 0.98;
  }
}
.sm\:col-span-2 {
  @media (width >= 40rem) {
    grid-column: span 2 / span 2;
  }
}
.sm\:mt-0 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.sm\:mt-2 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 2);
  }
}
.sm\:mt-5 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 5);
  }
}
.sm\:mt-7 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 7);
  }
}
.sm\:mb-6 {
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
}
.sm\:mb-8 {
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
}
.sm\:block {
  @media (width >= 40rem) {
    display: block;
  }
}
.sm\:flex {
  @media (width >= 40rem) {
    display: flex;
  }
}
.sm\:grid {
  @media (width >= 40rem) {
    display: grid;
  }
}
.sm\:hidden {
  @media (width >= 40rem) {
    display: none;
  }
}
.sm\:inline {
  @media (width >= 40rem) {
    display: inline;
  }
}
.sm\:inline-flex {
  @media (width >= 40rem) {
    display: inline-flex;
  }
}
.sm\:table-cell {
  @media (width >= 40rem) {
    display: table-cell;
  }
}
.sm\:h-10 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 10);
  }
}
.sm\:w-10 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 10);
  }
}
.sm\:w-44 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 44);
  }
}
.sm\:w-52 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 52);
  }
}
.sm\:w-64 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 64);
  }
}
.sm\:w-auto {
  @media (width >= 40rem) {
    width: auto;
  }
}
.sm\:max-w-\[200px\] {
  @media (width >= 40rem) {
    max-width: 200px;
  }
}
.sm\:min-w-\[18rem\] {
  @media (width >= 40rem) {
    min-width: 18rem;
  }
}
.sm\:flex-initial {
  @media (width >= 40rem) {
    flex: 0 auto;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:grid-cols-3 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.sm\:grid-cols-4 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.sm\:grid-cols-5 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.sm\:grid-cols-\[1fr_160px_auto\] {
  @media (width >= 40rem) {
    grid-template-columns: 1fr 160px auto;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:items-center {
  @media (width >= 40rem) {
    align-items: center;
  }
}
.sm\:items-end {
  @media (width >= 40rem) {
    align-items: flex-end;
  }
}
.sm\:justify-between {
  @media (width >= 40rem) {
    justify-content: space-between;
  }
}
.sm\:gap-2 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 2);
  }
}
.sm\:gap-3 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 3);
  }
}
.sm\:gap-4 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.sm\:self-auto {
  @media (width >= 40rem) {
    align-self: auto;
  }
}
.sm\:rounded-\[2rem\] {
  @media (width >= 40rem) {
    border-radius: 2rem;
  }
}
.sm\:p-4 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 4);
  }
}
.sm\:p-5 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 5);
  }
}
.sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.sm\:p-7 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 7);
  }
}
.sm\:p-8 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.sm\:p-9 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 9);
  }
}
.sm\:p-10 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 10);
  }
}
.sm\:p-11 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 11);
  }
}
.sm\:px-0 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.sm\:px-4 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.sm\:px-8 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.sm\:py-14 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 14);
  }
}
.sm\:py-16 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 16);
  }
}
.sm\:text-left {
  @media (width >= 40rem) {
    text-align: left;
  }
}
.sm\:text-2xl {
  @media (width >= 40rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.sm\:text-5xl {
  @media (width >= 40rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.sm\:text-base {
  @media (width >= 40rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.sm\:text-lg {
  @media (width >= 40rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.sm\:text-sm {
  @media (width >= 40rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.sm\:text-xs {
  @media (width >= 40rem) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
.md\:col-span-1 {
  @media (width >= 48rem) {
    grid-column: span 1 / span 1;
  }
}
.md\:col-span-2 {
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
}
.md\:col-span-3 {
  @media (width >= 48rem) {
    grid-column: span 3 / span 3;
  }
}
.md\:mx-0 {
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 0);
  }
}
.md\:mt-6 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 6);
  }
}
.md\:ml-60 {
  @media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 60);
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:grid {
  @media (width >= 48rem) {
    display: grid;
  }
}
.md\:hidden {
  @media (width >= 48rem) {
    display: none;
  }
}
.md\:table-cell {
  @media (width >= 48rem) {
    display: table-cell;
  }
}
.md\:h-16 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 16);
  }
}
.md\:translate-x-0 {
  @media (width >= 48rem) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-5 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.md\:grid-cols-6 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.md\:grid-cols-7 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.md\:grid-cols-\[\.55fr_1\.45fr\] {
  @media (width >= 48rem) {
    grid-template-columns: .55fr 1.45fr;
  }
}
.md\:grid-cols-\[1fr_auto\] {
  @media (width >= 48rem) {
    grid-template-columns: 1fr auto;
  }
}
.md\:grid-cols-\[1fr_auto_1fr_auto_1fr\] {
  @media (width >= 48rem) {
    grid-template-columns: 1fr auto 1fr auto 1fr;
  }
}
.md\:grid-cols-\[80px_180px_1fr_160px\] {
  @media (width >= 48rem) {
    grid-template-columns: 80px 180px 1fr 160px;
  }
}
.md\:grid-cols-\[160px_1fr_auto\] {
  @media (width >= 48rem) {
    grid-template-columns: 160px 1fr auto;
  }
}
.md\:flex-col {
  @media (width >= 48rem) {
    flex-direction: column;
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center;
  }
}
.md\:items-end {
  @media (width >= 48rem) {
    align-items: flex-end;
  }
}
.md\:justify-between {
  @media (width >= 48rem) {
    justify-content: space-between;
  }
}
.md\:justify-start {
  @media (width >= 48rem) {
    justify-content: flex-start;
  }
}
.md\:gap-3 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 3);
  }
}
.md\:gap-4 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.md\:gap-6 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 6);
  }
}
.md\:divide-x {
  @media (width >= 48rem) {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
}
.md\:divide-y-0 {
  @media (width >= 48rem) {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
}
.md\:p-5 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 5);
  }
}
.md\:p-6 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.md\:p-7 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 7);
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.md\:p-10 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 10);
  }
}
.md\:p-14 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 14);
  }
}
.md\:px-6 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.md\:text-left {
  @media (width >= 48rem) {
    text-align: left;
  }
}
.md\:text-right {
  @media (width >= 48rem) {
    text-align: right;
  }
}
.md\:text-4xl {
  @media (width >= 48rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.md\:text-5xl {
  @media (width >= 48rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.md\:text-7xl {
  @media (width >= 48rem) {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height));
  }
}
.md\:shadow-lg {
  @media (width >= 48rem) {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.lg\:sticky {
  @media (width >= 64rem) {
    position: sticky;
  }
}
.lg\:col-span-1 {
  @media (width >= 64rem) {
    grid-column: span 1 / span 1;
  }
}
.lg\:col-span-2 {
  @media (width >= 64rem) {
    grid-column: span 2 / span 2;
  }
}
.lg\:col-span-3 {
  @media (width >= 64rem) {
    grid-column: span 3 / span 3;
  }
}
.lg\:col-span-4 {
  @media (width >= 64rem) {
    grid-column: span 4 / span 4;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none;
  }
}
.lg\:table-cell {
  @media (width >= 64rem) {
    display: table-cell;
  }
}
.lg\:w-\[42\%\] {
  @media (width >= 64rem) {
    width: 42%;
  }
}
.lg\:grid-cols-2 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:grid-cols-5 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.lg\:grid-cols-6 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.lg\:grid-cols-8 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.lg\:grid-cols-\[\.75fr_1\.25fr\] {
  @media (width >= 64rem) {
    grid-template-columns: .75fr 1.25fr;
  }
}
.lg\:grid-cols-\[1\.1fr_\.9fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.1fr .9fr;
  }
}
.lg\:grid-cols-\[1\.2fr_\.8fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.2fr .8fr;
  }
}
.lg\:grid-cols-\[1\.15fr_\.85fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.15fr .85fr;
  }
}
.lg\:grid-cols-\[1\.18fr_0\.82fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.18fr 0.82fr;
  }
}
.lg\:grid-cols-\[1\.35fr_\.85fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.35fr .85fr;
  }
}
.lg\:grid-cols-\[1\.45fr_\.75fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1.45fr .75fr;
  }
}
.lg\:grid-cols-\[1fr_1\.2fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 1.2fr;
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.lg\:items-end {
  @media (width >= 64rem) {
    align-items: flex-end;
  }
}
.lg\:items-start {
  @media (width >= 64rem) {
    align-items: flex-start;
  }
}
.lg\:justify-between {
  @media (width >= 64rem) {
    justify-content: space-between;
  }
}
.lg\:gap-6 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 6);
  }
}
.lg\:gap-12 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 12);
  }
}
.lg\:p-8 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.lg\:p-10 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 10);
  }
}
.lg\:p-12 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 12);
  }
}
.lg\:p-14 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 14);
  }
}
.lg\:text-5xl {
  @media (width >= 64rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.lg\:text-\[3\.35rem\] {
  @media (width >= 64rem) {
    font-size: 3.35rem;
  }
}
.xl\:col-span-2 {
  @media (width >= 80rem) {
    grid-column: span 2 / span 2;
  }
}
.xl\:col-span-3 {
  @media (width >= 80rem) {
    grid-column: span 3 / span 3;
  }
}
.xl\:col-span-4 {
  @media (width >= 80rem) {
    grid-column: span 4 / span 4;
  }
}
.xl\:block {
  @media (width >= 80rem) {
    display: block;
  }
}
.xl\:flex {
  @media (width >= 80rem) {
    display: flex;
  }
}
.xl\:w-\[270px\] {
  @media (width >= 80rem) {
    width: 270px;
  }
}
.xl\:grid-cols-1 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.xl\:grid-cols-2 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.xl\:grid-cols-3 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.xl\:grid-cols-4 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.xl\:grid-cols-5 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.xl\:grid-cols-6 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.xl\:grid-cols-7 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.xl\:grid-cols-8 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.xl\:grid-cols-9 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}
.xl\:grid-cols-\[\.8fr_1\.2fr\] {
  @media (width >= 80rem) {
    grid-template-columns: .8fr 1.2fr;
  }
}
.xl\:grid-cols-\[\.9fr_1\.1fr\] {
  @media (width >= 80rem) {
    grid-template-columns: .9fr 1.1fr;
  }
}
.xl\:grid-cols-\[\.55fr_1\.45fr\] {
  @media (width >= 80rem) {
    grid-template-columns: .55fr 1.45fr;
  }
}
.xl\:grid-cols-\[1\.1fr_\.9fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.1fr .9fr;
  }
}
.xl\:grid-cols-\[1\.2fr_\.8fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.2fr .8fr;
  }
}
.xl\:grid-cols-\[1\.05fr_\.95fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.05fr .95fr;
  }
}
.xl\:grid-cols-\[1\.06fr_\.94fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.06fr .94fr;
  }
}
.xl\:grid-cols-\[1\.6fr_\.8fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.6fr .8fr;
  }
}
.xl\:grid-cols-\[1\.15fr_\.85fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.15fr .85fr;
  }
}
.xl\:grid-cols-\[1fr_1fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1fr 1fr;
  }
}
.xl\:grid-cols-\[190px_130px_1fr_330px\] {
  @media (width >= 80rem) {
    grid-template-columns: 190px 130px 1fr 330px;
  }
}
.xl\:grid-cols-\[240px_1fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 240px 1fr;
  }
}
.xl\:flex-row {
  @media (width >= 80rem) {
    flex-direction: row;
  }
}
.xl\:items-end {
  @media (width >= 80rem) {
    align-items: flex-end;
  }
}
.xl\:items-start {
  @media (width >= 80rem) {
    align-items: flex-start;
  }
}
.xl\:justify-between {
  @media (width >= 80rem) {
    justify-content: space-between;
  }
}
.xl\:gap-8 {
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 8);
  }
}
.\32 xl\:flex {
  @media (width >= 96rem) {
    display: flex;
  }
}
.\32 xl\:w-64 {
  @media (width >= 96rem) {
    width: calc(var(--spacing) * 64);
  }
}
.\32 xl\:w-\[430px\] {
  @media (width >= 96rem) {
    width: 430px;
  }
}
.\32 xl\:grid-cols-2 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.\32 xl\:grid-cols-6 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.\32 xl\:grid-cols-7 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.\32 xl\:grid-cols-8 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.\32 xl\:grid-cols-\[1\.35fr_\.85fr\] {
  @media (width >= 96rem) {
    grid-template-columns: 1.35fr .85fr;
  }
}
.\32 xl\:flex-row {
  @media (width >= 96rem) {
    flex-direction: row;
  }
}
.dark\:block {
  &:where(.dark, .dark *) {
    display: block;
  }
}
.dark\:hidden {
  &:where(.dark, .dark *) {
    display: none;
  }
}
.dark\:divide-white\/5 {
  &:where(.dark, .dark *) {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
}
.dark\:divide-white\/10 {
  &:where(.dark, .dark *) {
    :where(& > :not(:last-child)) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
}
.dark\:border-amber-400\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
  }
}
.dark\:border-amber-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
}
.dark\:border-amber-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }
}
.dark\:border-amber-800\/50 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent);
    }
  }
}
.dark\:border-blue-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
}
.dark\:border-blue-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
}
.dark\:border-brand-primary\/40 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, #0A8FD6 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand-primary) 40%, transparent);
    }
  }
}
.dark\:border-cyan-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
}
.dark\:border-cyan-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
    }
  }
}
.dark\:border-cyan-900 {
  &:where(.dark, .dark *) {
    border-color: var(--color-cyan-900);
  }
}
.dark\:border-emerald-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
}
.dark\:border-emerald-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
}
.dark\:border-emerald-500\/40 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }
}
.dark\:border-emerald-800\/50 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-800) 50%, transparent);
    }
  }
}
.dark\:border-gray-700 {
  &:where(.dark, .dark *) {
    border-color: var(--color-gray-700);
  }
}
.dark\:border-gray-800 {
  &:where(.dark, .dark *) {
    border-color: var(--color-gray-800);
  }
}
.dark\:border-orange-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
  }
}
.dark\:border-orange-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
    }
  }
}
.dark\:border-orange-800\/40 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(47% 0.157 37.304) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-800) 40%, transparent);
    }
  }
}
.dark\:border-red-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
}
.dark\:border-red-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }
}
.dark\:border-red-800\/50 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent);
    }
  }
}
.dark\:border-rose-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
}
.dark\:border-sky-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
  }
}
.dark\:border-white\/5 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
}
.dark\:border-white\/10 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
}
.dark\:border-white\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
}
.dark\:bg-\[\#081D22\] {
  &:where(.dark, .dark *) {
    background-color: #081D22;
  }
}
.dark\:bg-\[\#081D22\]\/95 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in oklab, #081D22 95%, transparent);
  }
}
.dark\:bg-amber-500\/5 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
    }
  }
}
.dark\:bg-amber-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }
}
.dark\:bg-amber-500\/15 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }
}
.dark\:bg-amber-900\/30 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
    }
  }
}
.dark\:bg-black {
  &:where(.dark, .dark *) {
    background-color: var(--color-black);
  }
}
.dark\:bg-black\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
}
.dark\:bg-black\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
}
.dark\:bg-black\/50 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
}
.dark\:bg-black\/60 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
}
.dark\:bg-blue-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }
}
.dark\:bg-cyan-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }
}
.dark\:bg-cyan-500\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
}
.dark\:bg-cyan-900\/30 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent);
    }
  }
}
.dark\:bg-cyan-950\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-950) 20%, transparent);
    }
  }
}
.dark\:bg-dark-700 {
  &:where(.dark, .dark *) {
    background-color: var(--color-dark-700);
  }
}
.dark\:bg-dark-800 {
  &:where(.dark, .dark *) {
    background-color: var(--color-dark-800);
  }
}
.dark\:bg-dark-800\/50 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 50%, transparent);
    }
  }
}
.dark\:bg-dark-800\/60 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 60%, transparent);
    }
  }
}
.dark\:bg-dark-800\/70 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 70%, transparent);
    }
  }
}
.dark\:bg-dark-800\/75 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 75%, transparent);
    }
  }
}
.dark\:bg-dark-800\/80 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 80%, transparent);
    }
  }
}
.dark\:bg-dark-800\/90 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 90%, transparent);
    }
  }
}
.dark\:bg-dark-800\/95 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 95%, transparent);
    }
  }
}
.dark\:bg-dark-900 {
  &:where(.dark, .dark *) {
    background-color: var(--color-dark-900);
  }
}
.dark\:bg-dark-900\/50 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #06191E 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-900) 50%, transparent);
    }
  }
}
.dark\:bg-dark-900\/55 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #06191E 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-900) 55%, transparent);
    }
  }
}
.dark\:bg-dark-900\/60 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #06191E 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-900) 60%, transparent);
    }
  }
}
.dark\:bg-emerald-500\/5 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
    }
  }
}
.dark\:bg-emerald-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
}
.dark\:bg-emerald-500\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
}
.dark\:bg-emerald-500\/30 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
}
.dark\:bg-emerald-900\/30 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
    }
  }
}
.dark\:bg-gray-800 {
  &:where(.dark, .dark *) {
    background-color: var(--color-gray-800);
  }
}
.dark\:bg-gray-800\/60 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent);
    }
  }
}
.dark\:bg-gray-900 {
  &:where(.dark, .dark *) {
    background-color: var(--color-gray-900);
  }
}
.dark\:bg-gray-900\/50 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
    }
  }
}
.dark\:bg-lime-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lime-500) 10%, transparent);
    }
  }
}
.dark\:bg-orange-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
  }
}
.dark\:bg-orange-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
    }
  }
}
.dark\:bg-red-500\/5 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
    }
  }
}
.dark\:bg-red-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
}
.dark\:bg-red-500\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
}
.dark\:bg-red-900\/30 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
    }
  }
}
.dark\:bg-rose-900\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-900) 10%, transparent);
    }
  }
}
.dark\:bg-sky-500\/5 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
    }
  }
}
.dark\:bg-sky-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
  }
}
.dark\:bg-sky-500\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
  }
}
.dark\:bg-sky-900\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-900) 10%, transparent);
    }
  }
}
.dark\:bg-teal-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
    }
  }
}
.dark\:bg-white {
  &:where(.dark, .dark *) {
    background-color: var(--color-white);
  }
}
.dark\:bg-white\/5 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
}
.dark\:bg-white\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
}
.dark\:bg-white\/\[\.02\] {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #fff 2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
    }
  }
}
.dark\:bg-white\/\[\.03\] {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
}
.dark\:from-amber-500\/15 {
  &:where(.dark, .dark *) {
    --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.dark\:from-dark-800 {
  &:where(.dark, .dark *) {
    --tw-gradient-from: var(--color-dark-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.dark\:from-emerald-500\/10 {
  &:where(.dark, .dark *) {
    --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.dark\:via-orange-500\/10 {
  &:where(.dark, .dark *) {
    --tw-gradient-via: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
}
.dark\:to-amber-400\/10 {
  &:where(.dark, .dark *) {
    --tw-gradient-to: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.dark\:to-amber-500\/5 {
  &:where(.dark, .dark *) {
    --tw-gradient-to: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.dark\:to-emerald-500\/5 {
  &:where(.dark, .dark *) {
    --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.dark\:to-sky-500\/5 {
  &:where(.dark, .dark *) {
    --tw-gradient-to: color-mix(in srgb, oklch(68.5% 0.169 237.323) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.dark\:to-teal-500\/10 {
  &:where(.dark, .dark *) {
    --tw-gradient-to: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.dark\:text-amber-200 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-200);
  }
}
.dark\:text-amber-300 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }
}
.dark\:text-amber-400 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }
}
.dark\:text-amber-400\/80 {
  &:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
    }
  }
}
.dark\:text-amber-500 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-500);
  }
}
.dark\:text-amber-500\/80 {
  &:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
    }
  }
}
.dark\:text-blue-300 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-300);
  }
}
.dark\:text-blue-400 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }
}
.dark\:text-cyan-200 {
  &:where(.dark, .dark *) {
    color: var(--color-cyan-200);
  }
}
.dark\:text-cyan-300 {
  &:where(.dark, .dark *) {
    color: var(--color-cyan-300);
  }
}
.dark\:text-cyan-300\/80 {
  &:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-300) 80%, transparent);
    }
  }
}
.dark\:text-cyan-400 {
  &:where(.dark, .dark *) {
    color: var(--color-cyan-400);
  }
}
.dark\:text-emerald-100 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-100);
  }
}
.dark\:text-emerald-200 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-200);
  }
}
.dark\:text-emerald-300 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }
}
.dark\:text-emerald-400 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-400);
  }
}
.dark\:text-gray-100 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-100);
  }
}
.dark\:text-gray-200 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-200);
  }
}
.dark\:text-gray-300 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-300);
  }
}
.dark\:text-gray-400 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-400);
  }
}
.dark\:text-gray-500 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-500);
  }
}
.dark\:text-gray-600 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-600);
  }
}
.dark\:text-gray-900 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-900);
  }
}
.dark\:text-gray-950 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-950);
  }
}
.dark\:text-lime-400 {
  &:where(.dark, .dark *) {
    color: var(--color-lime-400);
  }
}
.dark\:text-orange-200 {
  &:where(.dark, .dark *) {
    color: var(--color-orange-200);
  }
}
.dark\:text-orange-300 {
  &:where(.dark, .dark *) {
    color: var(--color-orange-300);
  }
}
.dark\:text-orange-400 {
  &:where(.dark, .dark *) {
    color: var(--color-orange-400);
  }
}
.dark\:text-red-300 {
  &:where(.dark, .dark *) {
    color: var(--color-red-300);
  }
}
.dark\:text-red-400 {
  &:where(.dark, .dark *) {
    color: var(--color-red-400);
  }
}
.dark\:text-red-400\/80 {
  &:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-400) 80%, transparent);
    }
  }
}
.dark\:text-rose-300 {
  &:where(.dark, .dark *) {
    color: var(--color-rose-300);
  }
}
.dark\:text-rose-400 {
  &:where(.dark, .dark *) {
    color: var(--color-rose-400);
  }
}
.dark\:text-sky-100 {
  &:where(.dark, .dark *) {
    color: var(--color-sky-100);
  }
}
.dark\:text-sky-200 {
  &:where(.dark, .dark *) {
    color: var(--color-sky-200);
  }
}
.dark\:text-sky-300 {
  &:where(.dark, .dark *) {
    color: var(--color-sky-300);
  }
}
.dark\:text-sky-400 {
  &:where(.dark, .dark *) {
    color: var(--color-sky-400);
  }
}
.dark\:text-sky-400\/80 {
  &:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(74.6% 0.16 232.661) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-sky-400) 80%, transparent);
    }
  }
}
.dark\:text-teal-400 {
  &:where(.dark, .dark *) {
    color: var(--color-teal-400);
  }
}
.dark\:text-white {
  &:where(.dark, .dark *) {
    color: var(--color-white);
  }
}
.dark\:opacity-10 {
  &:where(.dark, .dark *) {
    opacity: 10%;
  }
}
.dark\:ring-dark-800 {
  &:where(.dark, .dark *) {
    --tw-ring-color: var(--color-dark-800);
  }
}
.dark\:group-hover\:bg-white\/5 {
  &:where(.dark, .dark *) {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:border-white\/5 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-amber-500\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-amber-500\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-blue-500\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-blue-500\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-brand-primary\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #0A8FD6 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-cyan-500\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-dark-600 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-600);
      }
    }
  }
}
.dark\:hover\:bg-dark-700 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-700);
      }
    }
  }
}
.dark\:hover\:bg-dark-800 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-800);
      }
    }
  }
}
.dark\:hover\:bg-emerald-500\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-orange-500\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-red-500\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-red-500\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-sky-500 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-500);
      }
    }
  }
}
.dark\:hover\:bg-sky-500\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-white\/5 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-white\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-white\/\[0\.02\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 2%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 2%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:text-amber-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-300);
      }
    }
  }
}
.dark\:hover\:text-amber-400 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-amber-400);
      }
    }
  }
}
.dark\:hover\:text-brand-primary {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brand-primary);
      }
    }
  }
}
.dark\:hover\:text-cyan-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-cyan-300);
      }
    }
  }
}
.dark\:hover\:text-emerald-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-300);
      }
    }
  }
}
.dark\:hover\:text-orange-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-300);
      }
    }
  }
}
.dark\:hover\:text-red-400 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-400);
      }
    }
  }
}
.dark\:hover\:text-sky-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-300);
      }
    }
  }
}
.dark\:hover\:text-sky-400 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-sky-400);
      }
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-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-divide-x-reverse: 0;
    }
  }
}

/* CryptoChoco v188 compatibility utilities.
   These classes entered shared navigation after the v184 Tailwind build.
   Keep the local bundle safe for v188 Phase-2 CDN migration without regenerating
   Tailwind from an unpinned external toolchain. */
.left-0{left:0}.left-3{left:.75rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-14{top:3.5rem}.top-full{top:100%}.-translate-y-1\/2{transform:translateY(-50%)}


/* CryptoChoco v189 — generated compatibility expansion for the five former Tailwind CDN holdouts.
   Baseline v184/v188 bundle is retained byte-for-byte above to minimize regression risk. */
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-orange-50: oklch(98% 0.016 73.684);
  --color-orange-200: oklch(90.1% 0.076 70.697);
  --color-orange-300: oklch(83.7% 0.128 66.29);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-orange-500: oklch(70.5% 0.213 47.604);
  --color-orange-600: oklch(64.6% 0.222 41.116);
  --color-orange-700: oklch(55.3% 0.195 38.402);
  --color-amber-50: oklch(98.7% 0.022 95.277);
  --color-amber-200: oklch(92.4% 0.12 95.746);
  --color-amber-300: oklch(87.9% 0.169 91.605);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-500: oklch(76.9% 0.188 70.08);
  --color-amber-600: oklch(66.6% 0.179 58.318);
  --color-amber-700: oklch(55.5% 0.163 48.998);
  --color-amber-800: oklch(47.3% 0.137 46.201);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-emerald-50: oklch(97.9% 0.021 166.113);
  --color-emerald-200: oklch(90.5% 0.093 164.15);
  --color-emerald-300: oklch(84.5% 0.143 164.978);
  --color-emerald-400: oklch(76.5% 0.177 163.223);
  --color-emerald-500: oklch(69.6% 0.17 162.48);
  --color-emerald-600: oklch(59.6% 0.145 163.225);
  --color-emerald-700: oklch(50.8% 0.118 165.612);
  --color-teal-500: oklch(70.4% 0.14 182.503);
  --color-cyan-50: oklch(98.4% 0.019 200.873);
  --color-cyan-200: oklch(91.7% 0.08 205.041);
  --color-cyan-300: oklch(86.5% 0.127 207.078);
  --color-cyan-400: oklch(78.9% 0.154 211.53);
  --color-cyan-500: oklch(71.5% 0.143 215.221);
  --color-cyan-600: oklch(60.9% 0.126 221.723);
  --color-cyan-700: oklch(52% 0.105 223.128);
  --color-sky-50: oklch(97.7% 0.013 236.62);
  --color-sky-200: oklch(90.1% 0.058 230.902);
  --color-sky-300: oklch(82.8% 0.111 230.318);
  --color-sky-400: oklch(74.6% 0.16 232.661);
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-sky-600: oklch(58.8% 0.158 241.966);
  --color-sky-800: oklch(44.3% 0.11 240.79);
  --color-sky-900: oklch(39.1% 0.09 240.876);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-rose-50: oklch(96.9% 0.015 12.422);
  --color-rose-200: oklch(89.2% 0.058 10.001);
  --color-rose-300: oklch(81% 0.117 11.638);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-rose-800: oklch(45.5% 0.188 13.697);
  --color-rose-900: oklch(41% 0.159 10.272);
  --color-slate-800: oklch(27.9% 0.041 260.031);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-md: 28rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-6xl: 72rem;
  --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-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);
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-xl: 24px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --color-dark-900: #06191E;
  --color-dark-800: #081D22;
  --color-dark-700: #103139;
  --color-dark-600: #153D46;
  --color-brand-primary: #0A8FD6;
  --color-brand-accent: #1EA75A;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.bottom-6 {
  bottom: calc(var(--spacing) * 6);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.z-10 {
  z-index: 10;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.mx-auto {
  margin-inline: auto;
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.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);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
  margin-bottom: calc(var(--spacing) * 7);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-auto {
  margin-left: auto;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-\[360px\] {
  max-height: 360px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-60 {
  width: calc(var(--spacing) * 60);
}
.w-72 {
  width: calc(var(--spacing) * 72);
}
.w-full {
  width: 100%;
}
.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-6xl {
  max-width: var(--container-6xl);
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[1500px\] {
  max-width: 1500px;
}
.max-w-\[1550px\] {
  max-width: 1550px;
}
.max-w-md {
  max-width: var(--container-md);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-\[520px\] {
  min-width: 520px;
}
.flex-1 {
  flex: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-\[fadeInUp_0\.4s_ease-out\] {
  animation: fadeInUp 0.4s ease-out;
}
.cursor-all-scroll {
  cursor: all-scroll;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[100px_1fr_auto\] {
  grid-template-columns: 100px 1fr auto;
}
.grid-cols-\[110px_75px_1fr_auto\] {
  grid-template-columns: 110px 75px 1fr auto;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.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-6 {
  gap: calc(var(--spacing) * 6);
}
.space-y-2 {
  :where(& > :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)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :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)));
  }
}
.space-y-5 {
  :where(& > :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)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-8 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.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-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-amber-200 {
  border-color: var(--color-amber-200);
}
.border-amber-500\/10 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
  }
}
.border-amber-500\/20 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
  }
}
.border-amber-500\/25 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
  }
}
.border-amber-500\/30 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
  }
}
.border-blue-200 {
  border-color: var(--color-blue-200);
}
.border-brand-primary\/15 {
  border-color: color-mix(in srgb, #0A8FD6 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 15%, transparent);
  }
}
.border-brand-primary\/20 {
  border-color: color-mix(in srgb, #0A8FD6 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
  }
}
.border-cyan-200 {
  border-color: var(--color-cyan-200);
}
.border-cyan-300 {
  border-color: var(--color-cyan-300);
}
.border-emerald-200 {
  border-color: var(--color-emerald-200);
}
.border-emerald-300 {
  border-color: var(--color-emerald-300);
}
.border-emerald-500\/20 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
  }
}
.border-emerald-500\/25 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
  }
}
.border-emerald-500\/30 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
  }
}
.border-gray-100 {
  border-color: var(--color-gray-100);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-orange-200 {
  border-color: var(--color-orange-200);
}
.border-orange-300 {
  border-color: var(--color-orange-300);
}
.border-red-200 {
  border-color: var(--color-red-200);
}
.border-red-300 {
  border-color: var(--color-red-300);
}
.border-red-500\/20 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
  }
}
.border-red-500\/25 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
  }
}
.border-red-500\/30 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
  }
}
.border-rose-200 {
  border-color: var(--color-rose-200);
}
.border-sky-200 {
  border-color: var(--color-sky-200);
}
.border-sky-500\/20 {
  border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
  }
}
.bg-amber-50 {
  background-color: var(--color-amber-50);
}
.bg-amber-500\/5 {
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
  }
}
.bg-amber-500\/10 {
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
  }
}
.bg-blue-50 {
  background-color: var(--color-blue-50);
}
.bg-blue-600 {
  background-color: var(--color-blue-600);
}
.bg-brand-primary {
  background-color: var(--color-brand-primary);
}
.bg-brand-primary\/5 {
  background-color: color-mix(in srgb, #0A8FD6 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-primary) 5%, transparent);
  }
}
.bg-brand-primary\/10 {
  background-color: color-mix(in srgb, #0A8FD6 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
  }
}
.bg-cyan-50 {
  background-color: var(--color-cyan-50);
}
.bg-cyan-500\/10 {
  background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
  }
}
.bg-emerald-50 {
  background-color: var(--color-emerald-50);
}
.bg-emerald-500\/5 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
  }
}
.bg-emerald-500\/10 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
  }
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-500\/5 {
  background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-500) 5%, transparent);
  }
}
.bg-gray-500\/10 {
  background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
  }
}
.bg-gray-900\/50 {
  background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
  }
}
.bg-orange-50 {
  background-color: var(--color-orange-50);
}
.bg-orange-500 {
  background-color: var(--color-orange-500);
}
.bg-orange-500\/10 {
  background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
  }
}
.bg-red-50 {
  background-color: var(--color-red-50);
}
.bg-red-500 {
  background-color: var(--color-red-500);
}
.bg-red-500\/10 {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
  }
}
.bg-rose-50\/30 {
  background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-50) 30%, transparent);
  }
}
.bg-sky-50\/30 {
  background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-50) 30%, transparent);
  }
}
.bg-sky-500\/10 {
  background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
  }
}
.bg-slate-800 {
  background-color: var(--color-slate-800);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/70 {
  background-color: color-mix(in srgb, #fff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
.bg-white\/80 {
  background-color: color-mix(in srgb, #fff 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
.bg-white\/90 {
  background-color: color-mix(in srgb, #fff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.bg-white\/95 {
  background-color: color-mix(in srgb, #fff 95%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
  }
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  --tw-gradient-position: to top right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-amber-400 {
  --tw-gradient-from: var(--color-amber-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-400 {
  --tw-gradient-from: var(--color-blue-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-brand-primary {
  --tw-gradient-from: var(--color-brand-primary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-cyan-400 {
  --tw-gradient-from: var(--color-cyan-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-emerald-400 {
  --tw-gradient-from: var(--color-emerald-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-gray-400 {
  --tw-gradient-from: var(--color-gray-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-400 {
  --tw-gradient-from: var(--color-orange-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-orange-500 {
  --tw-gradient-from: var(--color-orange-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-red-400 {
  --tw-gradient-from: var(--color-red-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-orange-500 {
  --tw-gradient-via: var(--color-orange-500);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-amber-400 {
  --tw-gradient-to: var(--color-amber-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-amber-500 {
  --tw-gradient-to: var(--color-amber-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-amber-600 {
  --tw-gradient-to: var(--color-amber-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-500 {
  --tw-gradient-to: var(--color-blue-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-600 {
  --tw-gradient-to: var(--color-blue-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-brand-accent {
  --tw-gradient-to: var(--color-brand-accent);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-cyan-400 {
  --tw-gradient-to: var(--color-cyan-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-cyan-500 {
  --tw-gradient-to: var(--color-cyan-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-600 {
  --tw-gradient-to: var(--color-gray-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-orange-500 {
  --tw-gradient-to: var(--color-orange-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-rose-500 {
  --tw-gradient-to: var(--color-rose-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-sky-500 {
  --tw-gradient-to: var(--color-sky-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-sky-600 {
  --tw-gradient-to: var(--color-sky-600);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-teal-500 {
  --tw-gradient-to: var(--color-teal-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.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);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.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-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.font-mono {
  font-family: var(--font-mono);
}
.font-sans {
  font-family: var(--font-sans);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--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-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.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);
}
.tracking-\[\.16em\] {
  --tw-tracking: .16em;
  letter-spacing: .16em;
}
.tracking-\[\.18em\] {
  --tw-tracking: .18em;
  letter-spacing: .18em;
}
.tracking-\[0\.5em\] {
  --tw-tracking: 0.5em;
  letter-spacing: 0.5em;
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.break-all {
  word-break: break-all;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-amber-500 {
  color: var(--color-amber-500);
}
.text-amber-600 {
  color: var(--color-amber-600);
}
.text-amber-700 {
  color: var(--color-amber-700);
}
.text-amber-700\/80 {
  color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-amber-700) 80%, transparent);
  }
}
.text-amber-800 {
  color: var(--color-amber-800);
}
.text-blue-500 {
  color: var(--color-blue-500);
}
.text-blue-600 {
  color: var(--color-blue-600);
}
.text-blue-700 {
  color: var(--color-blue-700);
}
.text-blue-800 {
  color: var(--color-blue-800);
}
.text-brand-accent {
  color: var(--color-brand-accent);
}
.text-brand-primary {
  color: var(--color-brand-primary);
}
.text-cyan-500 {
  color: var(--color-cyan-500);
}
.text-cyan-600 {
  color: var(--color-cyan-600);
}
.text-cyan-700 {
  color: var(--color-cyan-700);
}
.text-cyan-700\/70 {
  color: color-mix(in srgb, oklch(52% 0.105 223.128) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-cyan-700) 70%, transparent);
  }
}
.text-cyan-700\/80 {
  color: color-mix(in srgb, oklch(52% 0.105 223.128) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-cyan-700) 80%, transparent);
  }
}
.text-emerald-500 {
  color: var(--color-emerald-500);
}
.text-emerald-600 {
  color: var(--color-emerald-600);
}
.text-emerald-700 {
  color: var(--color-emerald-700);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-orange-500 {
  color: var(--color-orange-500);
}
.text-orange-600 {
  color: var(--color-orange-600);
}
.text-orange-700 {
  color: var(--color-orange-700);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-red-600 {
  color: var(--color-red-600);
}
.text-red-700 {
  color: var(--color-red-700);
}
.text-rose-500 {
  color: var(--color-rose-500);
}
.text-rose-800 {
  color: var(--color-rose-800);
}
.text-sky-500 {
  color: var(--color-sky-500);
}
.text-sky-600 {
  color: var(--color-sky-600);
}
.text-sky-800 {
  color: var(--color-sky-800);
}
.text-teal-500 {
  color: var(--color-teal-500);
}
.text-white {
  color: var(--color-white);
}
.text-yellow-500 {
  color: var(--color-yellow-500);
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-70 {
  opacity: 70%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
  --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);
}
.shadow-blue-500\/30 {
  --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-brand-primary\/40 {
  --tw-shadow-color: color-mix(in srgb, #0A8FD6 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-primary) 40%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.ring-emerald-500 {
  --tw-ring-color: var(--color-emerald-500);
}
.ring-white {
  --tw-ring-color: var(--color-white);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -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-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,);
}
.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, visibility, 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-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-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.file\:mr-3 {
  &::file-selector-button {
    margin-right: calc(var(--spacing) * 3);
  }
}
.file\:rounded-lg {
  &::file-selector-button {
    border-radius: var(--radius-lg);
  }
}
.file\:border-0 {
  &::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.file\:bg-brand-primary\/10 {
  &::file-selector-button {
    background-color: color-mix(in srgb, #0A8FD6 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
    }
  }
}
.file\:px-4 {
  &::file-selector-button {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.file\:py-2 {
  &::file-selector-button {
    padding-block: calc(var(--spacing) * 2);
  }
}
.file\:text-sm {
  &::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.file\:font-bold {
  &::file-selector-button {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.file\:text-brand-primary {
  &::file-selector-button {
    color: var(--color-brand-primary);
  }
}
.hover\:-translate-y-1 {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.hover\:border-brand-primary\/40 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in srgb, #0A8FD6 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-brand-primary) 40%, transparent);
      }
    }
  }
}
.hover\:bg-blue-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-100);
    }
  }
}
.hover\:bg-blue-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-700);
    }
  }
}
.hover\:bg-brand-primary\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #0A8FD6 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-brand-primary) 10%, transparent);
      }
    }
  }
}
.hover\:bg-gray-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-200);
    }
  }
}
.hover\:bg-gray-300 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-300);
    }
  }
}
.hover\:bg-red-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-50);
    }
  }
}
.hover\:bg-red-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-600);
    }
  }
}
.hover\:bg-sky-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-sky-600);
    }
  }
}
.hover\:from-sky-600 {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-from: var(--color-sky-600);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:to-brand-primary {
  &:hover {
    @media (hover: hover) {
      --tw-gradient-to: var(--color-brand-primary);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.hover\:text-brand-primary {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-primary);
    }
  }
}
.hover\:text-red-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-500);
    }
  }
}
.hover\:text-red-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-600);
    }
  }
}
.hover\:file\:bg-brand-primary\/20 {
  &:hover {
    @media (hover: hover) {
      &::file-selector-button {
        background-color: color-mix(in srgb, #0A8FD6 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
        }
      }
    }
  }
}
.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-amber-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }
}
.focus\:ring-blue-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
    }
  }
}
.focus\:ring-brand-primary\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, #0A8FD6 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-brand-primary) 50%, transparent);
    }
  }
}
.focus\:ring-cyan-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);
    }
  }
}
.focus\:ring-orange-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
    }
  }
}
.focus\:ring-red-500\/50 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
    }
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.active\:scale-95 {
  &:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.sm\:flex {
  @media (width >= 40rem) {
    display: flex;
  }
}
.sm\:inline {
  @media (width >= 40rem) {
    display: inline;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:grid-cols-\[1fr_160px_auto\] {
  @media (width >= 40rem) {
    grid-template-columns: 1fr 160px auto;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:items-center {
  @media (width >= 40rem) {
    align-items: center;
  }
}
.sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.sm\:text-left {
  @media (width >= 40rem) {
    text-align: left;
  }
}
.md\:col-span-1 {
  @media (width >= 48rem) {
    grid-column: span 1 / span 1;
  }
}
.md\:col-span-2 {
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
}
.md\:ml-60 {
  @media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 60);
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:hidden {
  @media (width >= 48rem) {
    display: none;
  }
}
.md\:translate-x-0 {
  @media (width >= 48rem) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-5 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.md\:grid-cols-\[1fr_auto\] {
  @media (width >= 48rem) {
    grid-template-columns: 1fr auto;
  }
}
.md\:gap-3 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 3);
  }
}
.md\:gap-4 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.md\:p-6 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.md\:px-6 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.md\:text-right {
  @media (width >= 48rem) {
    text-align: right;
  }
}
.md\:text-4xl {
  @media (width >= 48rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.md\:shadow-lg {
  @media (width >= 48rem) {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:grid-cols-2 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-\[1fr_1\.2fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 1.2fr;
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.lg\:items-end {
  @media (width >= 64rem) {
    align-items: flex-end;
  }
}
.lg\:items-start {
  @media (width >= 64rem) {
    align-items: flex-start;
  }
}
.lg\:p-8 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.xl\:grid-cols-2 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.xl\:grid-cols-4 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.xl\:grid-cols-5 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.xl\:grid-cols-8 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.xl\:grid-cols-\[1\.1fr_\.9fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.1fr .9fr;
  }
}
.xl\:grid-cols-\[1\.05fr_\.95fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.05fr .95fr;
  }
}
.xl\:grid-cols-\[1\.15fr_\.85fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1.15fr .85fr;
  }
}
.xl\:grid-cols-\[1fr_1fr\] {
  @media (width >= 80rem) {
    grid-template-columns: 1fr 1fr;
  }
}
.\32 xl\:w-64 {
  @media (width >= 96rem) {
    width: calc(var(--spacing) * 64);
  }
}
.\32 xl\:w-\[430px\] {
  @media (width >= 96rem) {
    width: 430px;
  }
}
.\32 xl\:grid-cols-8 {
  @media (width >= 96rem) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.\32 xl\:flex-row {
  @media (width >= 96rem) {
    flex-direction: row;
  }
}
.dark\:border-amber-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
}
.dark\:border-blue-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
}
.dark\:border-blue-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
}
.dark\:border-cyan-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
    }
  }
}
.dark\:border-cyan-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);
    }
  }
}
.dark\:border-emerald-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }
}
.dark\:border-emerald-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }
}
.dark\:border-orange-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
  }
}
.dark\:border-orange-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
    }
  }
}
.dark\:border-red-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
}
.dark\:border-red-500\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }
}
.dark\:border-rose-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }
}
.dark\:border-sky-500\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent);
    }
  }
}
.dark\:border-white\/5 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
}
.dark\:border-white\/10 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
}
.dark\:border-white\/20 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
}
.dark\:bg-amber-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }
}
.dark\:bg-black\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #000 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
}
.dark\:bg-black\/50 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
}
.dark\:bg-blue-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }
}
.dark\:bg-cyan-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
    }
  }
}
.dark\:bg-dark-700 {
  &:where(.dark, .dark *) {
    background-color: var(--color-dark-700);
  }
}
.dark\:bg-dark-800 {
  &:where(.dark, .dark *) {
    background-color: var(--color-dark-800);
  }
}
.dark\:bg-dark-800\/80 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 80%, transparent);
    }
  }
}
.dark\:bg-dark-800\/90 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 90%, transparent);
    }
  }
}
.dark\:bg-dark-800\/95 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #081D22 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-800) 95%, transparent);
    }
  }
}
.dark\:bg-dark-900 {
  &:where(.dark, .dark *) {
    background-color: var(--color-dark-900);
  }
}
.dark\:bg-dark-900\/60 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #06191E 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-900) 60%, transparent);
    }
  }
}
.dark\:bg-emerald-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }
}
.dark\:bg-orange-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
  }
}
.dark\:bg-red-500\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }
}
.dark\:bg-rose-900\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-900) 10%, transparent);
    }
  }
}
.dark\:bg-sky-900\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-900) 10%, transparent);
    }
  }
}
.dark\:bg-white\/5 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
}
.dark\:bg-white\/\[\.03\] {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #fff 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
}
.dark\:text-amber-200 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-200);
  }
}
.dark\:text-amber-300 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }
}
.dark\:text-amber-400 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }
}
.dark\:text-amber-500 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-500);
  }
}
.dark\:text-amber-500\/80 {
  &:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
    }
  }
}
.dark\:text-blue-300 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-300);
  }
}
.dark\:text-blue-400 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }
}
.dark\:text-cyan-300 {
  &:where(.dark, .dark *) {
    color: var(--color-cyan-300);
  }
}
.dark\:text-cyan-300\/80 {
  &:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-cyan-300) 80%, transparent);
    }
  }
}
.dark\:text-cyan-400 {
  &:where(.dark, .dark *) {
    color: var(--color-cyan-400);
  }
}
.dark\:text-emerald-300 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }
}
.dark\:text-emerald-400 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-400);
  }
}
.dark\:text-gray-200 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-200);
  }
}
.dark\:text-gray-300 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-300);
  }
}
.dark\:text-gray-400 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-400);
  }
}
.dark\:text-gray-500 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-500);
  }
}
.dark\:text-gray-600 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-600);
  }
}
.dark\:text-orange-300 {
  &:where(.dark, .dark *) {
    color: var(--color-orange-300);
  }
}
.dark\:text-orange-400 {
  &:where(.dark, .dark *) {
    color: var(--color-orange-400);
  }
}
.dark\:text-red-300 {
  &:where(.dark, .dark *) {
    color: var(--color-red-300);
  }
}
.dark\:text-red-400 {
  &:where(.dark, .dark *) {
    color: var(--color-red-400);
  }
}
.dark\:text-rose-300 {
  &:where(.dark, .dark *) {
    color: var(--color-rose-300);
  }
}
.dark\:text-sky-300 {
  &:where(.dark, .dark *) {
    color: var(--color-sky-300);
  }
}
.dark\:text-sky-400 {
  &:where(.dark, .dark *) {
    color: var(--color-sky-400);
  }
}
.dark\:text-white {
  &:where(.dark, .dark *) {
    color: var(--color-white);
  }
}
.dark\:ring-dark-800 {
  &:where(.dark, .dark *) {
    --tw-ring-color: var(--color-dark-800);
  }
}
.dark\:hover\:bg-blue-500\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-brand-primary\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #0A8FD6 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-brand-primary) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-dark-600 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-600);
      }
    }
  }
}
.dark\:hover\:bg-dark-700 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-700);
      }
    }
  }
}
.dark\:hover\:bg-red-500\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:text-brand-primary {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-brand-primary);
      }
    }
  }
}
.dark\:hover\:text-red-400 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-400);
      }
    }
  }
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}
/* ===== END assets/css/tailwind-v189.css ===== */

/* ===== BEGIN assets/css/cc-layout-v194.css ===== */
/* CryptoChoco v194 — semantic layout stabilization + provider badges. */
.cc-provider-badge{display:inline-flex;align-items:center;gap:.38rem;max-width:100%;padding:.22rem .48rem;border-radius:999px;background:rgba(113,136,145,.10);font-size:10px;font-weight:900;line-height:1;color:#718891;white-space:nowrap}
.dark .cc-provider-badge{background:rgba(255,255,255,.055);color:#A9BAC2}
.cc-provider-badge>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-provider-mark{width:1.55rem;height:1.55rem;border-radius:.55rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(10,143,214,.12);color:#0A8FD6;font-size:.78rem}
.cc-provider-badge .cc-provider-mark{width:1.25rem;height:1.25rem;border-radius:.42rem;font-size:.65rem}
.cc-provider-mark--aoyco{background:rgba(10,143,214,.12);color:#0A8FD6}.cc-provider-mark--timewall{background:rgba(255,176,46,.14);color:#d88a00}.cc-provider-mark--cpx{background:rgba(29,209,161,.13);color:#159b79}.cc-provider-mark--offerwallme{background:rgba(139,92,246,.13);color:#8b5cf6}.cc-provider-mark--dripoffers{background:rgba(6,182,212,.13);color:#06b6d4}.cc-provider-mark--adslab{background:rgba(255,107,53,.13);color:#FF6B35}.cc-provider-mark--bitlabs{background:rgba(20,184,166,.13);color:#14b8a6}.cc-provider-mark--lootably{background:rgba(234,179,8,.14);color:#ca8a04}.cc-provider-mark--monlix{background:rgba(100,116,139,.14);color:#64748b}

/* User sidebar: protect labels from missing utility behavior / long dynamic names. */
#sidebar{box-sizing:border-box}
#sidebar nav{min-width:0}
#sidebar .cc-nav-item,#sidebar .cc-nav-subitem,#sidebar .cc-nav-group>summary{min-width:0;max-width:100%;box-sizing:border-box}
#sidebar .cc-nav-item>span,#sidebar .cc-nav-subitem>span,#sidebar .cc-nav-group>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sidebar .cc-nav-group>summary{display:grid!important;grid-template-columns:1.25rem minmax(0,1fr) 1rem;align-items:center;column-gap:.75rem}
#sidebar .cc-nav-chevron{justify-self:end}
#sidebar .cc-nav-group-body{min-width:0}

/* Admin menu: stable two-column geometry, even if utility CSS changes. */
.cc-admin-search-wrap,.cc-admin-nav-compact{min-width:0;box-sizing:border-box}
.cc-admin-nav-compact [data-cc-nav-section]>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.25rem!important;min-width:0}
.cc-admin-nav-compact .admin-nav{display:grid!important;grid-template-columns:1rem minmax(0,1fr);align-items:center;column-gap:.5rem;width:100%;min-width:0;min-height:34px;box-sizing:border-box}
.cc-admin-nav-compact .admin-nav>i{width:1rem!important;min-width:1rem;text-align:center}
.cc-admin-nav-compact .admin-nav>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:420px){.cc-admin-nav-compact [data-cc-nav-section]>div{grid-template-columns:1fr!important}}

/* Guest Telegram CTA — do not depend on Tailwind responsive flex utilities. */
.cc-telegram-banner-v98{padding:1.5rem!important}
.cc-telegram-banner-inner{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-width:0}
.cc-telegram-banner-copy{display:flex;align-items:flex-start;gap:.85rem;min-width:0;max-width:660px}
.cc-telegram-banner-copy-icon{width:2.6rem;height:2.6rem;border-radius:1rem;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.16);font-size:1.2rem}
.cc-telegram-banner-text{min-width:0}.cc-telegram-banner-text h3{margin:0;white-space:normal}.cc-telegram-banner-text p{margin:.35rem 0 0;max-width:34rem;line-height:1.5}
.cc-telegram-launch{display:inline-flex!important;width:auto!important;min-width:180px;flex:0 0 auto;align-items:center;justify-content:center;white-space:nowrap}
@media(min-width:640px){.cc-telegram-banner-v98{padding:1.75rem 2rem!important}}
@media(max-width:639px){.cc-telegram-banner-inner{align-items:stretch;flex-direction:column}.cc-telegram-banner-copy{max-width:none}.cc-telegram-launch{width:100%!important;min-width:0}.cc-telegram-banner-v98{border-radius:1.35rem!important}}
/* ===== END assets/css/cc-layout-v194.css ===== */

/* ===== BEGIN assets/css/cc-ux-v230.css ===== */
/* CryptoChoco v217 — consolidated UX/UI system. Loaded after Tailwind. */
/* CryptoChoco v205 — live UI delivery + density repair.
   This stylesheet MUST load after tailwind-v189 and cc-layout-v194. */

/* ---------- User dashboard ---------- */
.cc-dashboard-v111{max-width:82rem;margin-left:auto;margin-right:auto}
.cc-dashboard-v111 .cc-dashboard-kpi-v44{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;margin-bottom:1rem!important;overflow:visible!important;padding-bottom:0!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44>*,
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-neon-metric{min-width:0!important;min-height:0!important;padding:.72rem .78rem!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-neon-metric-icon{width:1.75rem!important;height:1.75rem!important;margin-bottom:.32rem!important;font-size:.78rem!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-metric-label{font-size:.63rem!important;line-height:.9rem!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-metric-value{font-size:1.05rem!important;line-height:1.2rem!important}
.cc-dashboard-v111 .cc-dashboard-kpi-v44 .cc-metric-meta{font-size:.62rem!important;line-height:.92rem!important;margin-top:.18rem!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204{padding:.78rem .88rem!important;margin-bottom:.9rem!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204 .text-xl{font-size:.98rem!important;line-height:1.18rem!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204 .mt-4{margin-top:.7rem!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204 .pt-4{padding-top:.7rem!important}
.cc-dashboard-v111 .cc-earn-family-v111{gap:.7rem!important}
.cc-dashboard-v111 .cc-earn-family-v111 .cc-earn-neon-card{min-height:8.4rem!important;padding:.78rem!important;border-radius:.9rem!important}
.cc-dashboard-v111 .cc-earn-family-v111 .cc-earn-neon-card h4{font-size:.9rem!important;margin-top:.55rem!important}
.cc-dashboard-v111 .cc-earn-family-v111 .cc-earn-neon-card p{font-size:.68rem!important;line-height:1rem!important;margin-top:.3rem!important}
.cc-dashboard-v111 .cc-earn-family-v111 .cc-earn-neon-card .w-11{width:2.25rem!important;height:2.25rem!important}
@media (min-width:640px){.cc-dashboard-v111 .cc-dashboard-kpi-v44{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:900px){.cc-dashboard-v111 .cc-earn-family-v111{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ---------- Referrals ---------- */
.cc-referral-hero-v204{max-width:68rem!important;margin-left:auto!important;margin-right:auto!important;padding:.95rem 1.05rem!important;border-radius:1rem!important}
.cc-referral-hero-v204 .w-14.h-14{width:2.65rem!important;height:2.65rem!important;font-size:1.1rem!important}
.cc-referral-hero-v204 h3{font-size:1.12rem!important;line-height:1.35rem!important}
.cc-referral-hero-v204 .p-4{padding:.72rem!important}
.cc-referral-summary-v204{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:42rem!important;margin-left:auto!important;margin-right:auto!important;gap:.65rem!important}
.cc-referral-summary-v204 .cc-metric-card{min-height:0!important;padding:.72rem .8rem!important}
.cc-referral-summary-v204 .cc-metric-card .text-2xl{font-size:1.12rem!important;line-height:1.35rem!important}
.cc-referral-summary-v204 .cc-metric-card .text-6xl{font-size:2.6rem!important}

/* ---------- Surveys ---------- */
.cc-survey-provider-grid-v205,.cc-survey-grid-v205,.cc-survey-history-grid-v205{display:grid!important;gap:.7rem!important}
.cc-survey-provider-grid-v205{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cc-survey-grid-v205{grid-template-columns:1fr!important}
.cc-survey-history-grid-v205{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cc-survey-card-v205{padding:.78rem!important;border-radius:.9rem!important;min-width:0!important}
.cc-survey-card-v205 h3{font-size:.9rem!important;line-height:1.2rem!important;margin-top:.55rem!important}
.cc-survey-card-v205 .w-9.h-9{width:2rem!important;height:2rem!important}
.cc-survey-card-v205 .p-2\.5{padding:.55rem!important}
.cc-survey-card-v205 .mt-3{margin-top:.65rem!important}
.cc-survey-card-v205 p{line-height:.95rem!important}
@media (min-width:640px){.cc-survey-grid-v205{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:960px){.cc-survey-provider-grid-v205{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cc-survey-grid-v205{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cc-survey-history-grid-v205{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:1320px){.cc-survey-grid-v205{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* ---------- Manual Faucet ---------- */
.cc-manual-faucet-fragment-v204 .cc-manual-faucet-main-v112{max-width:46rem!important}
.cc-manual-faucet-fragment-v204 .cc-manual-faucet-main-v112>div{padding:1rem!important;border-radius:1rem!important}
.cc-manual-faucet-fragment-v204 #roll-display{max-width:22rem!important;padding:.7rem!important;border-width:2px!important}
.cc-manual-faucet-fragment-v204 #rolled-number{font-size:2.3rem!important;line-height:2.6rem!important;letter-spacing:.08em!important}
.cc-manual-faucet-fragment-v204 #mf-claim-zone>div{padding:.75rem 1.2rem!important;border-radius:.9rem!important}
@media (min-width:1280px){.cc-manual-faucet-fragment-v204 .cc-mf-side-ad{display:flex!important}}


/* CryptoChoco v218 — geometry consistency, accessible Admin charts, and Withdrawal Management repair.
   Admin loads ONLY this UX stylesheet; no v205/v206/v207 admin cascade. */

/* Shared admin shell */
.cc-admin-shell-v220 aside{width:15rem!important;min-width:15rem!important}
.cc-admin-shell-v220 main{min-width:0!important}
.cc-admin-shell-v220 .cc-admin-search-wrap{padding:.42rem .52rem .2rem!important}
.cc-admin-shell-v220 .cc-admin-nav-compact{padding:.08rem .42rem .5rem!important}
.cc-admin-shell-v220 .cc-admin-nav-compact [data-cc-nav-section]{margin-bottom:.32rem!important}
.cc-admin-shell-v220 .cc-admin-nav-compact [data-cc-nav-section]>p{font-size:.48rem!important;margin-bottom:.12rem!important;letter-spacing:.1em!important}
.cc-admin-shell-v220 .cc-admin-nav-grid-v204{display:grid!important;grid-template-columns:1fr!important;gap:.08rem!important}
.cc-admin-shell-v220 .cc-admin-nav-compact .admin-nav{min-height:25px!important;padding:.22rem .34rem!important;font-size:.61rem!important;line-height:.76rem!important;border-radius:.44rem!important}
.cc-admin-shell-v220 .cc-admin-nav-compact .admin-nav>i{font-size:.62rem!important}

@media(min-width:1024px){
 .cc-admin-shell-v220 main .p-8,.cc-admin-shell-v220 main .md\:p-8,.cc-admin-shell-v220 main .lg\:p-8{padding:.88rem!important}
 .cc-admin-shell-v220 main .p-7,.cc-admin-shell-v220 main .md\:p-7{padding:.82rem!important}
 .cc-admin-shell-v220 main .p-6,.cc-admin-shell-v220 main .md\:p-6{padding:.72rem!important}
 .cc-admin-shell-v220 main .p-5{padding:.64rem!important}
 .cc-admin-shell-v220 main .gap-8{gap:.9rem!important}.cc-admin-shell-v220 main .gap-6{gap:.68rem!important}.cc-admin-shell-v220 main .gap-5{gap:.62rem!important}
 .cc-admin-shell-v220 main .space-y-8>:not([hidden])~:not([hidden]){margin-top:.92rem!important}
 .cc-admin-shell-v220 main .space-y-6>:not([hidden])~:not([hidden]){margin-top:.72rem!important}
 .cc-admin-shell-v220 main .space-y-5>:not([hidden])~:not([hidden]){margin-top:.62rem!important}
 .cc-admin-shell-v220 main .rounded-\[2rem\],.cc-admin-shell-v220 main .rounded-3xl{border-radius:.88rem!important}
 .cc-admin-shell-v220 main .rounded-\[1\.75rem\],.cc-admin-shell-v220 main .rounded-2xl{border-radius:.72rem!important}
 .cc-admin-shell-v220 main h1.text-4xl,.cc-admin-shell-v220 main h2.text-4xl{font-size:1.48rem!important;line-height:1.7rem!important}
 .cc-admin-shell-v220 main h1.text-3xl,.cc-admin-shell-v220 main h2.text-3xl{font-size:1.3rem!important;line-height:1.52rem!important}
 .cc-admin-shell-v220 main .text-3xl{font-size:1.22rem!important;line-height:1.45rem!important}
 .cc-admin-shell-v220 main .text-2xl{font-size:1.04rem!important;line-height:1.28rem!important}
 .cc-admin-shell-v220 main .text-xl{font-size:.96rem!important;line-height:1.22rem!important}
 .cc-admin-shell-v220 main input.p-3,.cc-admin-shell-v220 main select.p-3,.cc-admin-shell-v220 main textarea.p-3{padding:.58rem .66rem!important}
 .cc-admin-shell-v220 main table th,.cc-admin-shell-v220 main table td{line-height:1.15!important}
}

/* Deliberate page widths; data-heavy pages get more room, config pages less. */
@media(min-width:1024px){
 :is(.cc-admin-page-dashboard,.cc-admin-page-withdrawals,.cc-admin-page-users,.cc-admin-page-offers,.cc-admin-page-growth,.cc-admin-page-settings,.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-external_ads,.cc-admin-page-reputation,.cc-admin-page-search_visibility,.cc-admin-page-authentication,.cc-admin-page-security,.cc-admin-page-maintenance,.cc-admin-page-missions) main>div[class*="max-w-"],
 :is(.cc-admin-page-dashboard,.cc-admin-page-withdrawals,.cc-admin-page-users,.cc-admin-page-offers,.cc-admin-page-growth,.cc-admin-page-settings,.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-external_ads,.cc-admin-page-reputation,.cc-admin-page-search_visibility,.cc-admin-page-authentication,.cc-admin-page-security,.cc-admin-page-maintenance,.cc-admin-page-missions) main>div.w-full{max-width:68rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}

 :is(.cc-admin-page-control_center,.cc-admin-page-health,.cc-admin-page-acceptance,.cc-admin-page-recovery,.cc-admin-page-choco_draw_analytics,.cc-admin-page-surveys,.cc-admin-page-survey_quality,.cc-admin-page-provider_health,.cc-admin-page-treasury) main>div[class*="max-w-"],
 :is(.cc-admin-page-control_center,.cc-admin-page-health,.cc-admin-page-acceptance,.cc-admin-page-recovery,.cc-admin-page-choco_draw_analytics,.cc-admin-page-surveys,.cc-admin-page-survey_quality,.cc-admin-page-provider_health,.cc-admin-page-treasury) main>div.w-full{max-width:72rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}

 :is(.cc-admin-page-accounting,.cc-admin-page-business_kpi,.cc-admin-page-monlix,.cc-admin-page-timewall,.cc-admin-page-provider_analytics,.cc-admin-page-provider_expansion,.cc-admin-page-provider_routing,.cc-admin-page-providers,.cc-admin-page-public_pages_health,.cc-admin-page-risk,.cc-admin-page-withdrawal_ops,.cc-admin-page-profit,.cc-admin-page-profit_optimizer,.cc-admin-page-offerwalls) main>div[class*="max-w-"],
 :is(.cc-admin-page-accounting,.cc-admin-page-business_kpi,.cc-admin-page-monlix,.cc-admin-page-timewall,.cc-admin-page-provider_analytics,.cc-admin-page-provider_expansion,.cc-admin-page-provider_routing,.cc-admin-page-providers,.cc-admin-page-public_pages_health,.cc-admin-page-risk,.cc-admin-page-withdrawal_ops,.cc-admin-page-profit,.cc-admin-page-profit_optimizer,.cc-admin-page-offerwalls) main>div.w-full{max-width:76rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}

 .cc-admin-page-revshare main{max-width:70rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
 .cc-admin-page-offerwalls main[class*="max-w-"],.cc-admin-page-profit main[class*="max-w-"]{max-width:76rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
}

/* Standard KPI density */
.cc-admin-shell-v220 .cc-admin-kpi-grid-v204{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.48rem!important}
.cc-admin-shell-v220 .cc-admin-kpi-grid-v204>div{min-height:0!important;padding:.58rem!important;border-radius:.64rem!important}
.cc-admin-shell-v220 .cc-admin-kpi-grid-v204 .text-2xl{font-size:.94rem!important;line-height:1.15rem!important}
.cc-admin-shell-v220 .cc-admin-kpi-grid-v204 .text-6xl{font-size:2.2rem!important}
@media(min-width:640px){.cc-admin-shell-v220 .cc-admin-kpi-grid-v204{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Growth / SEO pages: do not let viewport XL break compact content geometry. */
@media(min-width:1024px){
 :is(.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-reputation,.cc-admin-page-search_visibility,.cc-admin-page-growth,.cc-admin-page-external_ads) main .xl\:grid-cols-2,
 :is(.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-reputation,.cc-admin-page-search_visibility,.cc-admin-page-growth,.cc-admin-page-external_ads) main .lg\:grid-cols-2{grid-template-columns:1fr!important}
 :is(.cc-admin-page-acquisition,.cc-admin-page-reputation,.cc-admin-page-growth) main .xl\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(min-width:1180px){:is(.cc-admin-page-acquisition,.cc-admin-page-reputation,.cc-admin-page-growth) main .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Withdrawal Management: deterministic layout, independent of Tailwind responsive utility behavior. */
.cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{max-width:68rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;min-height:0!important;align-items:stretch!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218{min-width:0!important;width:auto!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 p{max-width:50rem!important;line-height:1.45!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 input{max-width:15rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:100%!important;padding-top:0!important;margin-top:0!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218 button{width:100%!important;white-space:nowrap!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218{display:grid!important;grid-template-columns:1fr!important;max-width:68rem!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;gap:.65rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218>div{min-height:0!important;padding:.68rem .78rem!important;border-radius:.72rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218 .text-7xl{font-size:3rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-table-card-v218{width:100%!important;max-width:68rem!important;margin-left:auto!important;margin-right:auto!important}
@media(min-width:768px){
 .cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{display:grid!important;grid-template-columns:minmax(0,1fr) 10.5rem!important;gap:1rem!important;align-items:end!important}
 .cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:10.5rem!important;align-self:end!important}
 .cc-admin-page-withdrawals .cc-withdrawal-summary-v218{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Tables remain scrollable rather than stretching the whole page. */
.cc-admin-shell-v220 main .overflow-x-auto{max-width:100%!important}
.cc-admin-shell-v220 main table{max-width:100%}
@media(max-width:1023px){.cc-admin-shell-v220 aside{width:auto!important;min-width:0!important}}



/* ---------- v217 interaction system / established CryptoChoco palette ---------- */
:root{
  --cc-action:#0A8FD6;
  --cc-action-readable:#0876B5;
  --cc-action-soft:rgba(10,143,214,.10);
  --cc-action-border:rgba(10,143,214,.24);
}
html{scroll-behavior:smooth}
a[href],button:not(:disabled),summary,[role="button"],[data-clickable]{cursor:pointer}
button:disabled,[aria-disabled="true"]{cursor:not-allowed}
a[href],button,summary{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.cc-link-accent:hover,.cc-public-shell-v111 a:not(.cc-btn):hover{color:var(--cc-action-readable)}
.cc-public-shell-v111 a:focus-visible,.cc-public-shell-v112 a:focus-visible,.cc-admin-shell-v220 a:focus-visible,.cc-admin-shell-v220 button:focus-visible{outline:2px solid var(--cc-action);outline-offset:2px}
.text-brand-primary{color:var(--cc-action-readable)!important}
.bg-brand-primary{background-color:var(--cc-action-readable)!important}
.border-brand-primary\/15{border-color:rgba(10,143,214,.18)!important}
.hover\:text-brand-primary:hover{color:var(--cc-action-readable)!important}
.focus\:ring-sky-500\/30:focus{--tw-ring-color:rgba(10,143,214,.25)!important}

/* Buttons: compact on desktop, touch-safe on smaller screens. */
.cc-btn{min-height:2.32rem!important;padding:.48rem .82rem!important;border-radius:.72rem!important;font-size:.78rem!important;line-height:1!important;display:inline-flex;align-items:center;justify-content:center;gap:.38rem}
.cc-btn-sm{min-height:2rem!important;padding:.38rem .64rem!important;font-size:.70rem!important;border-radius:.62rem!important}
.cc-btn-primary{background:var(--cc-action-readable)!important;border-color:var(--cc-action-readable)!important;color:#fff!important;box-shadow:0 7px 18px rgba(8,118,181,.13)!important}
.cc-btn-primary:hover{background:#075F91!important;border-color:#075F91!important;transform:translateY(-1px)}
@media(max-width:640px){.cc-btn,.cc-btn-sm{min-height:2.65rem!important}.cc-btn-sm{padding:.52rem .72rem!important}}

/* Public information pages: quieter, more compact hero and established blue interaction accent. */
.cc-public-shell-v111 header a,.cc-public-shell-v112 header a{cursor:pointer}
.cc-public-shell-v111 header a:hover,.cc-public-shell-v112 header a:hover,.cc-public-shell-v111 header summary:hover,.cc-public-shell-v112 header summary:hover{color:var(--cc-action-readable)!important}
.cc-public-shell-v111 header [aria-current="page"],.cc-public-shell-v112 header [aria-current="page"]{color:var(--cc-action-readable)!important}
.cc-public-shell-v111 .cc-public-hero-v217,.cc-public-shell-v112 .cc-public-hero-v217{border-radius:1.25rem!important;padding:1.45rem 1.55rem!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important;border-color:var(--cc-action-border)!important}
.cc-public-shell-v111 .cc-public-hero-v217 h1,.cc-public-shell-v112 .cc-public-hero-v217 h1{margin-top:.75rem!important;font-size:clamp(1.75rem,4vw,2.75rem)!important;line-height:1.05!important}
.cc-public-shell-v111 .cc-public-hero-v217 p,.cc-public-shell-v112 .cc-public-hero-v217 p{margin-top:.75rem!important;line-height:1.65!important}
.cc-public-shell-v111 .cc-pill,.cc-public-shell-v112 .cc-pill{padding:.36rem .65rem!important;font-size:.64rem!important;border-color:var(--cc-action-border)!important;color:var(--cc-action-readable)!important;background:var(--cc-action-soft)!important}
.cc-prose a{color:var(--cc-action-readable)!important}

/* User dashboard density / restrained brand highlight. */
.cc-dashboard-v111{max-width:76rem!important}
.cc-dashboard-v111 .cc-neon-metric,.cc-dashboard-v111 .cc-earn-neon-card{box-shadow:0 9px 22px rgba(15,23,42,.06)!important}
.cc-dashboard-v111 .cc-weekly-momentum-v204{border-color:var(--cc-action-border)!important}

/* Shortlinks: remove empty hero, compact cards and stronger affordance. */
.cc-shortlinks-v217{max-width:76rem;margin:0 auto}
.cc-shortlinks-v217 .cc-shortlinks-intro{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem;padding:.8rem .9rem;border:1px solid var(--cc-action-border);border-radius:.9rem;background:linear-gradient(135deg,rgba(10,143,214,.07),rgba(255,255,255,.78));box-shadow:0 8px 22px rgba(15,23,42,.05)}
.dark .cc-shortlinks-v217 .cc-shortlinks-intro{background:linear-gradient(135deg,rgba(10,143,214,.10),rgba(7,30,36,.80))}
.cc-shortlinks-v217 .cc-shortlinks-intro i{color:var(--cc-action)}
.cc-shortlinks-v217 .cc-shortlinks-metrics{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .75rem;justify-content:flex-start}
.cc-shortlinks-v217 .cc-shortlinks-metric{padding:.44rem .62rem;border-radius:.7rem;gap:.4rem;box-shadow:none}
.cc-shortlinks-v217 .cc-shortlinks-grid{display:grid;grid-template-columns:1fr;gap:.62rem}
@media(min-width:640px){.cc-shortlinks-v217 .cc-shortlinks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.cc-shortlinks-v217 .cc-shortlinks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1220px){.cc-shortlinks-v217 .cc-shortlinks-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cc-shortlinks-v217 .cc-shortlink-card{padding:.75rem!important;border-radius:.85rem!important;transform:none!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important}
.cc-shortlinks-v217 a:hover .cc-shortlink-card{transform:translateY(-2px)!important;border-color:var(--cc-action-border)!important;box-shadow:0 12px 24px rgba(10,143,214,.09)!important}
.cc-shortlinks-v217 a:hover h3{color:var(--cc-action-readable)!important}
.cc-shortlinks-v217 .cc-shortlink-reward{font-size:1.15rem!important;color:var(--cc-action-readable)!important;margin-bottom:.45rem!important}
.cc-shortlinks-v217 .cc-shortlink-views{padding:.3rem .48rem!important;margin-bottom:.58rem!important;font-size:.66rem!important}
.cc-shortlinks-v217 .cc-shortlink-cta{min-height:2.12rem!important;padding:.38rem .55rem!important;border-radius:.62rem!important;background:var(--cc-action-readable)!important;font-size:.72rem!important;box-shadow:none!important}

/* Referrals: Invite Friends should read as a compact utility, not a hero. */
.cc-referral-hero-v204{max-width:54rem!important;padding:.72rem .8rem!important;border-radius:.88rem!important;background:linear-gradient(125deg,#0876B5,#0A8FD6)!important;box-shadow:0 10px 22px rgba(8,118,181,.13)!important;margin-bottom:.75rem!important}
.cc-referral-hero-v204 .w-14.h-14{width:2.25rem!important;height:2.25rem!important;font-size:.9rem!important}
.cc-referral-hero-v204 .flex.items-center.gap-4.mb-4{gap:.62rem!important;margin-bottom:.55rem!important}
.cc-referral-hero-v204 h3{font-size:1rem!important;line-height:1.15rem!important}
.cc-referral-hero-v204 p{font-size:.72rem!important;line-height:1.05rem!important}
.cc-referral-hero-v204 .p-4{padding:.5rem!important}
.cc-referral-hero-v204 input{font-size:.72rem!important}
.cc-referral-hero-v204 button{min-height:2.1rem!important;padding:.42rem .65rem!important;font-size:.7rem!important;border-radius:.58rem!important;white-space:nowrap}
.cc-referral-summary-v204{max-width:36rem!important;gap:.48rem!important;margin-bottom:.75rem!important}
.cc-referral-summary-v204 .cc-metric-card{padding:.58rem .68rem!important}
.cc-referral-table-v206{max-width:50rem!important}

/* Wheel of Fortune: quieter, smaller artwork and restrained glow. */
.cc-wheel-v74{--tropical-papaya:#FF6B35!important;max-width:60rem!important}
.cc-wheel-v74 .cc-neon-panel{border-color:rgba(255,107,53,.16)!important;box-shadow:0 14px 34px rgba(2,4,14,.32),inset 0 0 28px rgba(10,143,214,.035)!important}
.cc-wheel-v74 .cc-stars{opacity:.22!important}
.cc-wheel-v74 .cc-wheel-layout{gap:.65rem!important;margin-top:.7rem!important}
.cc-wheel-v74 .cc-wheel-stage{width:min(80vw,370px)!important;filter:drop-shadow(0 14px 24px rgba(0,0,0,.32))!important}
.cc-wheel-v74 .cc-wheel-ring{border-width:2px!important;border-color:rgba(255,107,53,.52)!important;box-shadow:0 0 10px rgba(255,107,53,.22),0 0 20px rgba(10,143,214,.22)!important}
.cc-wheel-v74 .cc-wheel-ring:after{box-shadow:0 0 7px rgba(10,143,214,.25)!important}
.cc-wheel-v74 .cc-pointer{transform:translateX(-50%) scale(.82)!important;filter:drop-shadow(0 0 5px rgba(251,191,36,.58))!important}
.cc-wheel-v74 .cc-spin-hub{transform:translate(-50%,-50%) scale(.76)!important;box-shadow:0 0 9px rgba(255,107,53,.50),0 0 20px rgba(10,143,214,.18)!important}
.cc-wheel-v74 .cc-spin-hub:not(:disabled):hover{transform:translate(-50%,-50%) scale(.80)!important;box-shadow:0 0 13px rgba(255,107,53,.55),0 0 24px rgba(30,167,90,.22)!important}
.cc-wheel-v74 .cc-status-card{padding:.55rem!important;border-radius:.72rem!important;box-shadow:none!important}
.cc-wheel-v74 .cc-status-card .text-3xl{font-size:1.35rem!important}
.cc-wheel-v74 .cc-odds-card{padding:.44rem!important;border-radius:.68rem!important}
.cc-wheel-v74 .cc-odds-art{width:50px!important;height:50px!important;border-radius:11px!important;padding:4px!important;box-shadow:0 0 7px rgba(255,107,53,.16)!important}
.cc-wheel-v74 .cc-history-img{width:38px!important;height:38px!important;border-radius:10px!important}
.cc-wheel-v74 .cc-neon-title{text-shadow:0 0 9px rgba(255,107,53,.12)!important;font-size:1.65rem!important}
.cc-wheel-v74 .cc-ticket-callout{box-shadow:none!important;background:linear-gradient(100deg,rgba(255,107,53,.08),rgba(255,176,46,.08),rgba(30,167,90,.06))!important}
.cc-wheel-v74 .cc-wheel-history-grid{gap:.48rem!important;margin-top:.55rem!important}
.cc-wheel-v74 .cc-wheel-history-grid>section{padding:.58rem!important;border-radius:.78rem!important}
@media(max-width:560px){.cc-wheel-v74 .cc-wheel-stage{width:min(86vw,320px)!important}.cc-wheel-v74 .cc-spin-hub{transform:translate(-50%,-50%) scale(.70)!important}}

/* Admin navigation: collapsible, calmer and easier to scan. */
.cc-admin-shell-v220 .cc-admin-nav-compact [data-cc-nav-section]{margin-bottom:.22rem!important;border:1px solid transparent;border-radius:.55rem}
.cc-admin-shell-v220 .cc-admin-nav-section-summary{list-style:none;display:flex;align-items:center;gap:.42rem;min-height:27px;padding:.3rem .38rem;border-radius:.48rem;color:#7b8a93;font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.cc-admin-shell-v220 .cc-admin-nav-section-summary::-webkit-details-marker{display:none}
.cc-admin-shell-v220 .cc-admin-nav-section-summary:hover{background:var(--cc-action-soft);color:var(--cc-action-readable)}
.cc-admin-shell-v220 .cc-admin-nav-section-summary .cc-admin-section-chevron{margin-left:auto;font-size:.55rem;transition:transform .16s ease}
.cc-admin-shell-v220 details[open]>.cc-admin-nav-section-summary .cc-admin-section-chevron{transform:rotate(90deg)}
.cc-admin-shell-v220 .admin-nav{cursor:pointer}
.cc-admin-shell-v220 .admin-nav:hover{background:var(--cc-action-soft)!important;color:var(--cc-action-readable)!important}
.cc-admin-shell-v220 .admin-nav.active{background:rgba(10,143,214,.13)!important;color:var(--cc-action-readable)!important;box-shadow:inset 3px 0 0 var(--cc-action)}
.cc-admin-shell-v220 .admin-nav.active i{color:var(--cc-action)!important}
.cc-admin-shell-v220 .cc-admin-search-wrap input:focus{border-color:var(--cc-action-border)!important;box-shadow:0 0 0 3px rgba(10,143,214,.11)!important}

/* Admin chart ergonomics. */
.cc-admin-shell-v220 .cc-admin-dashboard-charts{gap:.62rem!important}
.cc-admin-shell-v220 .cc-admin-chart-card{padding:.68rem!important;border-radius:.72rem!important}
.cc-admin-shell-v220 .cc-admin-chart-card>div:first-child{margin-bottom:.45rem!important}
.cc-admin-shell-v220 .cc-admin-mini-chart{height:208px!important;min-height:208px!important}
.cc-admin-shell-v220 .cc-admin-chart-total{font-size:.68rem!important;padding:.22rem .42rem;border-radius:999px;background:rgba(255,107,53,.08);color:var(--cc-action-readable);font-weight:900}

/* Paid Ads admin + advertiser UX */
.cc-paid-ads-admin-v217,.cc-paid-ads-user-v217{--cc-action:#0A8FD6;--cc-orange-readable:#0876B5}
.cc-paid-ads-admin-v217 .cc-ad-kpi-grid-v217{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}
@media(min-width:760px){.cc-paid-ads-admin-v217 .cc-ad-kpi-grid-v217{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1180px){.cc-paid-ads-admin-v217 .cc-ad-kpi-grid-v217{grid-template-columns:repeat(6,minmax(0,1fr))}}
.cc-paid-ads-admin-v217 .cc-ad-kpi-v217{padding:.58rem .66rem!important;border-radius:.68rem!important;min-height:0!important}
.cc-paid-ads-admin-v217 .cc-ad-kpi-v217 .cc-ad-kpi-value{font-size:1rem;font-weight:900;line-height:1.15}
.cc-paid-ads-admin-v217 .cc-ad-kpi-v217 .cc-ad-kpi-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#77858e;font-weight:900}
.cc-paid-ads-admin-v217 .cc-ad-campaign-table-v217{font-size:.72rem!important;min-width:980px!important}
.cc-paid-ads-admin-v217 .cc-ad-campaign-table-v217 th,.cc-paid-ads-admin-v217 .cc-ad-campaign-table-v217 td{padding:.48rem .48rem!important;vertical-align:middle!important}
.cc-paid-ads-admin-v217 .cc-ad-progress-v217{height:5px;background:rgba(148,163,184,.18);border-radius:999px;overflow:hidden;margin-top:.24rem}
.cc-paid-ads-admin-v217 .cc-ad-progress-v217>span,.cc-paid-ads-user-v217 .cc-ad-progress-v217>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0876B5,#0A8FD6)}
.cc-paid-ads-admin-v217 .cc-admin-action-btn{min-height:1.92rem;padding:.32rem .52rem;border-radius:.54rem;font-size:.65rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}
.cc-paid-ads-user-v217 .cc-advertiser-campaign-card-v217{padding:.68rem!important;border-radius:.78rem!important}
.cc-paid-ads-user-v217 .cc-ad-progress-v217{height:5px;background:rgba(148,163,184,.18);border-radius:999px;overflow:hidden}
.cc-paid-ads-user-v217 .cc-advertiser-metric-v217{font-size:.67rem;color:#7b8a93}

/* Tables / icons / generic card harmony. */
.cc-admin-shell-v220 table th,.cc-admin-shell-v220 table td{vertical-align:middle}
.cc-admin-shell-v220 main i.text-sky-500,.cc-admin-shell-v220 main i.text-orange-500{color:var(--cc-action)!important}
.cc-admin-shell-v220 main a:hover{color:var(--cc-action-readable)}

/* Standalone public pages that predate cc_pg_hero still receive the v217 density pass. */
.cc-public-shell-v111 main>section:first-of-type,.cc-public-shell-v112 main>section:first-of-type{border-radius:1.25rem!important;box-shadow:0 12px 30px rgba(15,23,42,.055)!important}
@media(min-width:640px){.cc-public-shell-v111 main>section:first-of-type,.cc-public-shell-v112 main>section:first-of-type{padding:1.65rem!important}}
.cc-public-shell-v111 main .rounded-\[1\.75rem\],.cc-public-shell-v112 main .rounded-\[1\.75rem\]{border-radius:1rem!important}
.cc-public-shell-v111 main .p-7,.cc-public-shell-v112 main .p-7{padding:1.15rem!important}
.cc-public-shell-v111 main .sm\:p-9,.cc-public-shell-v112 main .sm\:p-9{padding:1.35rem!important}
.cc-public-shell-v111 main a.rounded-xl,.cc-public-shell-v112 main a.rounded-xl{cursor:pointer}


/* ---------- v218 Geometry & Admin Charts Polish ---------- */
/* Referrals: one shared visual axis for utility, KPI row and table. */
.cc-referral-stack-v218{width:100%;max-width:56rem;margin-inline:auto;display:grid;gap:.75rem}
.cc-referral-stack-v218>.cc-referral-hero-v204,
.cc-referral-stack-v218>.cc-referral-summary-v204,
.cc-referral-stack-v218>.cc-referral-table-v206{width:100%!important;max-width:none!important;margin:0!important}
.cc-referral-stack-v218>.cc-referral-summary-v204{gap:.65rem!important}
.cc-referral-stack-v218 .cc-referral-toolbar-v218{min-height:2.15rem!important;padding:.28rem .48rem!important;border-radius:.65rem!important}
.cc-referral-stack-v218 .cc-referral-table-v206>div:first-child{min-height:3.6rem}
@media(max-width:560px){
 .cc-referral-stack-v218>.cc-referral-summary-v204{grid-template-columns:1fr!important}
}

/* Admin Dashboard chart interaction: true-size SVG, large pointer target and unclipped tooltip. */
.cc-admin-page-dashboard .cc-admin-chart-toolbar-v218{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}
.cc-admin-page-dashboard .cc-admin-chart-range-v218{display:inline-flex;align-items:center;padding:.2rem;border-radius:.72rem;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.07)}
.cc-admin-page-dashboard .cc-admin-chart-range-v218 button{min-width:2.8rem;min-height:2rem;padding:.35rem .62rem;border-radius:.55rem;font-size:.7rem;font-weight:900;color:#718891}
.cc-admin-page-dashboard .cc-admin-chart-range-v218 button[aria-pressed="true"]{background:var(--cc-action-readable);color:#fff;box-shadow:0 4px 12px rgba(8,118,181,.16)}
.cc-admin-page-dashboard .cc-admin-chart-card{overflow:visible!important}
.cc-admin-page-dashboard .cc-admin-mini-chart{position:relative;height:220px!important;overflow:visible!important;border-radius:.8rem!important;outline:none}
.cc-admin-page-dashboard .cc-admin-mini-chart:focus-visible{outline:2px solid var(--cc-action);outline-offset:3px}
.cc-admin-page-dashboard .cc-admin-mini-chart svg{display:block;width:100%;height:220px!important;overflow:visible}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v219{position:absolute;z-index:20;min-width:9.5rem;max-width:15rem;padding:.55rem .65rem;border-radius:.7rem;background:rgba(255,255,255,.98);border:1px solid rgba(148,163,184,.3);box-shadow:0 10px 28px rgba(15,23,42,.16);pointer-events:none;font-size:.7rem;line-height:1.35;color:#334155;transform:translate(-50%,-100%)}
.dark .cc-admin-page-dashboard .cc-admin-chart-tooltip-v219{background:rgba(7,29,34,.98);border-color:rgba(255,255,255,.13);color:#d9e4e8;box-shadow:0 12px 30px rgba(0,0,0,.34)}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v219 strong{display:block;font-size:.78rem;color:#0f172a;margin:.08rem 0 .18rem}
.dark .cc-admin-page-dashboard .cc-admin-chart-tooltip-v219 strong{color:#f8fafc}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v219 .cc-chart-date{font-weight:800;color:#718891}
.cc-admin-page-dashboard .cc-admin-chart-total{font-size:.68rem!important}
.cc-admin-page-dashboard .cc-admin-chart-summary-v218{font-size:.68rem;color:#718891;font-weight:700}
.dark .cc-admin-page-dashboard .cc-admin-chart-summary-v218{color:#A9BAC2}
@media(max-width:640px){
 .cc-admin-page-dashboard .cc-admin-chart-toolbar-v218{align-items:flex-start;flex-direction:column}
 .cc-admin-page-dashboard .cc-admin-mini-chart,.cc-admin-page-dashboard .cc-admin-mini-chart svg{height:205px!important}
}

/* Withdrawal Management v218: explicit hooks prevent utility-cascade geometry regressions. */
.cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;padding:1rem!important;border-radius:1rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218{display:block!important;min-width:0!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 label{margin-bottom:.4rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 input{width:min(100%,15rem)!important;padding:.62rem .78rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 p{margin-top:.55rem!important;max-width:52rem!important;font-size:.72rem!important;line-height:1.5!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:100%!important;padding:0!important;margin:0!important;align-self:end!important}
.cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218 button{width:100%!important;min-height:2.45rem!important;padding:.55rem .8rem!important;border-radius:.72rem!important;box-shadow:0 7px 18px rgba(8,118,181,.14)!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218>div{padding:.78rem .85rem!important;border-radius:.82rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-summary-v218 .text-7xl{font-size:2.65rem!important}
.cc-admin-page-withdrawals .cc-withdrawal-table-card-v218{border-radius:1rem!important;padding:1rem!important}
@media(min-width:768px){
 .cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{grid-template-columns:minmax(0,1fr) 10.5rem!important;align-items:end!important}
 .cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:10.5rem!important}
 .cc-admin-page-withdrawals .cc-withdrawal-summary-v218{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* ---------- v219 Dashboard Data Integrity + Admin Geometry System ---------- */
:root{
  --cc-admin-content-compact:68rem;
  --cc-admin-content-standard:80rem;
  --cc-admin-content-wide:96rem;
  --cc-admin-muted:#667B86;
  --cc-admin-muted-strong:#536B77;
}
.dark{
  --cc-admin-muted:#9FB2BB;
  --cc-admin-muted-strong:#B5C4CA;
}

/* Shared width tokens are attached by the shared navigation route hook. */
.cc-admin-shell-v220.cc-admin-width-compact main>div.mx-auto{max-width:var(--cc-admin-content-compact)!important}
.cc-admin-shell-v220.cc-admin-width-standard main>div.mx-auto{max-width:var(--cc-admin-content-standard)!important}
.cc-admin-shell-v220.cc-admin-width-wide main>div.mx-auto{max-width:var(--cc-admin-content-wide)!important}

/* Sidebar readability: still compact, but no 9-10 px operational labels. */
.cc-admin-shell-v220 aside{width:15rem!important;min-width:15rem!important}
.cc-admin-shell-v220 .cc-admin-search-wrap input{font-size:.72rem!important;min-height:2.15rem!important}
.cc-admin-shell-v220 .cc-admin-search-wrap>div+div{font-size:.62rem!important}
.cc-admin-shell-v220 .cc-admin-nav-compact [data-cc-nav-section]>p{font-size:.62rem!important}
.cc-admin-shell-v220 .cc-admin-nav-section-summary{
  min-height:30px!important;
  padding:.34rem .42rem!important;
  font-size:.62rem!important;
  letter-spacing:.07em!important;
}
.cc-admin-shell-v220 .cc-admin-nav-compact .admin-nav{
  min-height:30px!important;
  padding:.34rem .44rem!important;
  font-size:.74rem!important;
  line-height:.92rem!important;
  border-radius:.5rem!important;
}
.cc-admin-shell-v220 .cc-admin-nav-compact .admin-nav>i{font-size:.72rem!important}
.cc-admin-shell-v220 .admin-nav.active{
  background:rgba(10,143,214,.14)!important;
  box-shadow:inset 3px 0 0 var(--cc-action),0 0 0 1px rgba(10,143,214,.10)!important;
}
.cc-admin-shell-v220 details[open]>.cc-admin-nav-section-summary{
  color:var(--cc-action-readable)!important;
  background:rgba(10,143,214,.055)!important;
}

/* Dark-mode secondary copy: slightly brighter without washing out hierarchy. */
.dark .cc-admin-shell-v220 main .text-gray-400{color:#9FB2BB!important}
.dark .cc-admin-shell-v220 main .text-gray-500{color:#8EA4AE!important}
.dark .cc-admin-shell-v220 main .text-gray-600{color:#7E959F!important}

/* Unified KPI rhythm for known deterministic KPI grids. */
.cc-admin-shell-v220 .cc-admin-kpi-grid-v204,
.cc-admin-shell-v220 .cc-v206-kpi-grid,
.cc-admin-shell-v220 .cc-withdrawal-summary-v218,
.cc-admin-shell-v220 .cc-ad-kpi-grid-v217{align-items:stretch!important}
.cc-admin-shell-v220 .cc-admin-kpi-grid-v204>*,
.cc-admin-shell-v220 .cc-v206-kpi-grid>*,
.cc-admin-shell-v220 .cc-withdrawal-summary-v218>*,
.cc-admin-shell-v220 .cc-ad-kpi-grid-v217>*{
  min-height:4.45rem!important;
  height:100%!important;
  padding:.72rem .78rem!important;
  border-radius:.82rem!important;
}
.cc-admin-shell-v220 .cc-admin-kpi-grid-v204>*>.absolute,
.cc-admin-shell-v220 .cc-v206-kpi-grid>*>.absolute,
.cc-admin-shell-v220 .cc-withdrawal-summary-v218>*>.absolute,
.cc-admin-shell-v220 .cc-ad-kpi-grid-v217>*>.absolute{
  opacity:.42!important;
}
.cc-admin-shell-v220 .cc-admin-kpi-grid-v204 .text-xs,
.cc-admin-shell-v220 .cc-v206-kpi-grid .text-\[10px\]{line-height:.9rem!important}

/* Unified admin table system. Tables are tagged client-side, excluding accessibility-only tables. */
.cc-admin-shell-v220 .cc-admin-table-v220{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-variant-numeric:tabular-nums;
}
.cc-admin-shell-v220 .cc-admin-table-v220 thead th{
  min-height:2.35rem;
  padding:.52rem .62rem!important;
  font-size:.64rem!important;
  line-height:.84rem!important;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-weight:900!important;
  color:var(--cc-admin-muted)!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  background:rgba(148,163,184,.055)!important;
}
.dark .cc-admin-shell-v220 .cc-admin-table-v220 thead th{
  background:rgba(255,255,255,.025)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
.cc-admin-shell-v220 .cc-admin-table-v220 tbody td{
  padding-top:.58rem!important;
  padding-bottom:.58rem!important;
  line-height:1.15rem;
  border-bottom-color:rgba(148,163,184,.10)!important;
}
.cc-admin-shell-v220 .cc-admin-table-v220 tbody tr{transition:background-color .14s ease}
.cc-admin-shell-v220 .cc-admin-table-v220 tbody tr:hover{background:rgba(10,143,214,.035)!important}
.dark .cc-admin-shell-v220 .cc-admin-table-v220 tbody tr:hover{background:rgba(10,143,214,.055)!important}
.cc-admin-shell-v220 .cc-admin-table-v220 .cc-admin-col-numeric-v220{
  text-align:right!important;
  font-variant-numeric:tabular-nums;
}
.cc-admin-shell-v220 .cc-admin-table-v220 .cc-admin-col-actions-v220{
  text-align:right!important;
  white-space:nowrap!important;
  width:1%;
}

/* Dashboard data semantics: tooltip is readable, stable and explicit. */
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v219{
  position:absolute;
  z-index:30;
  min-width:11rem;
  max-width:17rem;
  padding:.62rem .72rem;
  border-radius:.72rem;
  background:rgba(255,255,255,.985);
  border:1px solid rgba(148,163,184,.30);
  box-shadow:0 12px 30px rgba(15,23,42,.18);
  pointer-events:none;
  font-size:.72rem;
  line-height:1.38;
  color:#334155;
  transform:translate(-50%,-100%);
}
.dark .cc-admin-page-dashboard .cc-admin-chart-tooltip-v219{
  background:rgba(7,29,34,.985);
  border-color:rgba(255,255,255,.13);
  color:#D9E4E8;
}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v219 strong{
  display:block;
  font-size:.8rem;
  color:#0F172A;
  margin:.08rem 0 .18rem;
}
.dark .cc-admin-page-dashboard .cc-admin-chart-tooltip-v219 strong{color:#F8FAFC}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v219 .cc-chart-date{
  display:block;
  font-weight:900;
  color:var(--cc-admin-muted);
  margin-bottom:.08rem;
}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v219 .cc-chart-secondary{
  display:block;
  margin:.06rem 0 .18rem;
  color:var(--cc-admin-muted-strong);
}
.cc-admin-page-dashboard .cc-admin-chart-tooltip-v219 .cc-chart-secondary b{color:inherit}

/* Referrals: preserve v218 symmetry, reduce decorative competition and harden 390/430 px behavior. */
.cc-referral-stack-v219{width:100%;max-width:56rem;margin-inline:auto;display:grid;gap:.72rem}
.cc-referral-stack-v219>.cc-referral-hero-v204,
.cc-referral-stack-v219>.cc-referral-summary-v204,
.cc-referral-stack-v219>.cc-referral-table-v206{width:100%!important;max-width:none!important;margin:0!important}
.cc-referral-stack-v219 .cc-referral-hero-v204 .absolute{opacity:.48!important}
.cc-referral-stack-v219 .cc-referral-summary-v204 .absolute{opacity:.42!important}
.cc-referral-stack-v219 .cc-referral-table-v206 thead th{
  background:rgba(148,163,184,.065)!important;
  color:#667B86!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
}
.dark .cc-referral-stack-v219 .cc-referral-table-v206 thead th{
  background:rgba(255,255,255,.025)!important;
  color:#A8BAC2!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
.cc-referral-stack-v219 .cc-referral-table-v206 tbody tr:hover{background:rgba(10,143,214,.035)!important}
.dark .cc-referral-stack-v219 .cc-referral-table-v206 tbody tr:hover{background:rgba(10,143,214,.05)!important}
#banner-top,#banner-bottom{max-width:100%;overflow:hidden}
#banner-top iframe,#banner-bottom iframe,#banner-top img,#banner-bottom img{max-width:100%!important}

@media(max-width:430px){
  .cc-referral-stack-v219{gap:.58rem;padding-inline:0}
  .cc-referral-stack-v219 .cc-referral-hero-v204{padding:.62rem!important;border-radius:.78rem!important}
  .cc-referral-stack-v219 .cc-referral-hero-v204 .flex.items-center.gap-4.mb-4{align-items:flex-start!important}
  .cc-referral-stack-v219 .cc-referral-hero-v204 .bg-white\/10.backdrop-blur-md{display:grid!important;grid-template-columns:1fr!important;gap:.48rem!important}
  .cc-referral-stack-v219 .cc-referral-hero-v204 input{min-width:0!important;width:100%!important}
  .cc-referral-stack-v219 .cc-referral-hero-v204 #copyBtn{width:100%!important;min-height:2.35rem!important}
  .cc-referral-stack-v219>.cc-referral-summary-v204{grid-template-columns:1fr!important;gap:.48rem!important}
  .cc-referral-stack-v219 .cc-referral-table-v206>div:first-child{padding:.68rem!important;min-height:0!important}
  .cc-referral-stack-v219 .cc-referral-toolbar-v218{width:100%;justify-content:space-between}
  .cc-referral-stack-v219 .cc-table-wrap{overflow-x:auto!important;overscroll-behavior-x:contain}
  .cc-referral-stack-v219 .cc-table{min-width:36rem}
}

/* Withdrawal: compact helper copy and explicit mobile behavior. */
.cc-admin-page-withdrawals .cc-withdrawal-limit-help-v219{
  margin-top:.5rem;
  max-width:52rem;
  font-size:.72rem;
  line-height:1.48;
  color:var(--cc-admin-muted);
}
.cc-admin-page-withdrawals .cc-withdrawal-limit-help-v219 summary{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  cursor:pointer;
  color:var(--cc-action-readable);
  font-weight:800;
  margin-top:.28rem;
}
.cc-admin-page-withdrawals .cc-withdrawal-limit-help-v219 p{margin-top:.36rem!important}
@media(max-width:430px){
  .cc-admin-page-withdrawals main{padding:.65rem!important}
  .cc-admin-page-withdrawals .cc-withdrawal-limit-card-v218{padding:.72rem!important;gap:.55rem!important}
  .cc-admin-page-withdrawals .cc-withdrawal-limit-copy-v218 input{width:100%!important;max-width:none!important}
  .cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218{width:100%!important}
  .cc-admin-page-withdrawals .cc-withdrawal-limit-action-v218 button{width:100%!important;min-height:2.45rem!important}
  .cc-admin-page-withdrawals .cc-withdrawal-summary-v218{grid-template-columns:1fr!important;gap:.48rem!important}
  .cc-admin-page-withdrawals .cc-withdrawal-table-card-v218{padding:.65rem!important;overflow:hidden}
  .cc-admin-page-withdrawals .cc-withdrawal-table-card-v218 .overflow-x-auto{overscroll-behavior-x:contain}
}

/* Standalone Admin modules share the same width tokens and table rhythm without changing their POST logic. */
.cc-admin-module-v220{--cc-module-max:var(--cc-admin-content-standard)}
.cc-admin-module-v220.cc-admin-width-compact{--cc-module-max:var(--cc-admin-content-compact)}
.cc-admin-module-v220.cc-admin-width-standard{--cc-module-max:var(--cc-admin-content-standard)}
.cc-admin-module-v220.cc-admin-width-wide{--cc-module-max:var(--cc-admin-content-wide)}
.cc-admin-module-v220 .cc-admin-module-brandbar,
.cc-admin-module-v220 .cc-admin-module-content-v219{
  width:min(calc(100% - 1rem),var(--cc-module-max))!important;
  max-width:var(--cc-module-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cc-admin-module-v220 table{font-variant-numeric:tabular-nums}

.cc-admin-module-v220 table thead th{
  padding-top:.52rem!important;
  padding-bottom:.52rem!important;
  font-size:.64rem!important;
  line-height:.84rem!important;
  letter-spacing:.045em;
}
.cc-admin-module-v220 table tbody td{padding-top:.58rem!important;padding-bottom:.58rem!important}
.cc-admin-module-v220 table tbody tr{transition:background-color .14s ease}
.cc-admin-module-v220 table tbody tr:hover{background:rgba(10,143,214,.04)!important}
.dark .cc-admin-module-v220 table tbody tr:hover{background:rgba(10,143,214,.06)!important}
.dark .cc-admin-module-v220 .text-gray-400{color:#9FB2BB!important}
.dark .cc-admin-module-v220 .text-gray-500{color:#8EA4AE!important}

.cc-admin-module-v220 .cc-admin-table-v220 .cc-admin-col-numeric-v220{
  text-align:right!important;
  font-variant-numeric:tabular-nums;
}
.cc-admin-module-v220 .cc-admin-table-v220 .cc-admin-col-actions-v220{
  text-align:right!important;
  white-space:nowrap!important;
  width:1%;
}

.cc-admin-page-dashboard .cc-admin-chart-source-v219{
  margin-top:.16rem;
  font-size:.62rem;
  line-height:.9rem;
  color:var(--cc-admin-muted);
  font-weight:650;
}

/* ---------- v220 UI Runtime Polish ---------- */
/* Shared account top ad: one runtime unit per SPA shell, hidden completely on provider diagnostics. */
.cc-account-top-ad-v220{
  width:100%;
  max-width:56rem;
  margin:0 auto 1rem;
  min-height:0;
  text-align:center;
  overflow:hidden;
}
.cc-account-top-ad-v220[hidden],
.cc-account-top-ad-v220[data-cc-ad-state="diagnostic"],
.cc-account-top-ad-v220[data-cc-ad-state="empty"]{display:none!important;margin:0!important;height:0!important;min-height:0!important;padding:0!important;border:0!important}
.cc-account-top-ad-inner-v220{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:hidden;border-radius:.72rem}
.cc-account-top-ad-inner-v220>*,
.cc-account-top-ad-inner-v220 iframe,
.cc-account-top-ad-inner-v220 img{max-width:100%!important}

/* User Withdraw: one coherent workspace, reduced empty air and no amber band. */
.cc-user-withdraw-intro-v220,
.cc-user-withdraw-trust-v220,
.cc-user-withdraw-nav-v220,
.cc-user-withdraw-workspace-v220{max-width:68rem!important}
.cc-user-withdraw-trust-v220{margin-top:.72rem!important;gap:.6rem!important}
.cc-user-withdraw-nav-v220{margin-top:.72rem!important}
.cc-user-withdraw-workspace-v220{margin-top:1rem!important;margin-bottom:1.25rem!important;padding-inline:0!important}
.cc-user-withdraw-card-v220{
  padding:1rem!important;
  border-radius:1rem!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  background:rgba(255,255,255,.86)!important;
}
.dark .cc-user-withdraw-card-v220{background:rgba(7,29,34,.88)!important;box-shadow:none!important}
.cc-user-withdraw-glow-v220{display:none!important}
.cc-user-withdraw-grid-v220{gap:1rem!important;align-items:stretch!important}
.cc-user-withdraw-balance-v220,
.cc-user-withdraw-form-v220{min-width:0!important;justify-content:flex-start!important}
.cc-user-withdraw-balance-card-v220{
  min-height:100%!important;
  padding:1rem!important;
  border-radius:.82rem!important;
  box-shadow:none!important;
}
.cc-user-withdraw-balance-card-v220 h2{font-size:2.15rem!important;line-height:2.35rem!important;margin-bottom:.18rem!important}
.cc-user-withdraw-metrics-v220{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;margin-bottom:.72rem!important}
.cc-user-withdraw-metrics-v220 .cc-metric-card{min-height:4rem!important;padding:.72rem .8rem!important;border-radius:.78rem!important}
.cc-user-withdraw-form-v220>div.mb-6{margin-bottom:.72rem!important}
.cc-user-withdraw-form-v220 label.mb-3{margin-bottom:.42rem!important}
.cc-user-withdraw-preview-v220{margin-bottom:.72rem!important;padding:.82rem!important;border-radius:.78rem!important;box-shadow:none!important}
.cc-user-withdraw-preview-v220 #coin_preview_amount{font-size:1.35rem!important;line-height:1.6rem!important}
.cc-user-withdraw-form-actions-v220{margin-top:0!important}
.cc-user-withdraw-form-actions-v220 .cf-turnstile{max-width:100%}

/* Referrals: preserve geometry but reduce hero dominance. */
.cc-referral-stack-v220{gap:.62rem!important}
.cc-referral-stack-v220 .cc-referral-hero-v220{
  padding:.72rem .82rem!important;
  border-radius:.82rem!important;
  background:linear-gradient(135deg,#0A8FD6 0%,#0876B5 100%)!important;
  box-shadow:0 8px 22px rgba(10,143,214,.12)!important;
}
.cc-referral-stack-v220 .cc-referral-hero-v220 .absolute{opacity:.22!important}
.cc-referral-stack-v220 .cc-referral-hero-v220 .w-14.h-14{width:2.35rem!important;height:2.35rem!important;font-size:1rem!important}
.cc-referral-stack-v220 .cc-referral-hero-v220 h3{font-size:1rem!important;line-height:1.2rem!important}
.cc-referral-stack-v220 .cc-referral-hero-v220 .flex.items-center.gap-4.mb-4{gap:.65rem!important;margin-bottom:.52rem!important}
.cc-referral-stack-v220 .cc-referral-hero-v220 .bg-white\/10.backdrop-blur-md{padding:.5rem!important;gap:.48rem!important;border-radius:.68rem!important}
.cc-referral-stack-v220 .cc-referral-hero-v220 input{padding:.62rem .75rem!important;min-height:2.35rem!important}
.cc-referral-stack-v220 .cc-referral-hero-v220 #copyBtn{min-height:2.35rem!important;padding:.52rem .72rem!important}
.cc-referral-stack-v220 .cc-referral-summary-v219 .absolute{opacity:.28!important}

/* Dashboard methodology is available on demand instead of occupying permanent vertical space. */
.cc-admin-page-dashboard .cc-admin-chart-copy-v220{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.cc-admin-page-dashboard .cc-admin-chart-method-v220{position:relative}
.cc-admin-page-dashboard .cc-admin-chart-method-v220>summary{
  list-style:none;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;
  font-size:.63rem;line-height:.9rem;font-weight:850;color:var(--cc-admin-muted-strong);
  padding:.18rem .36rem;border-radius:.44rem;border:1px solid rgba(148,163,184,.16);
  background:rgba(148,163,184,.045)
}
.cc-admin-page-dashboard .cc-admin-chart-method-v220>summary::-webkit-details-marker{display:none}
.cc-admin-page-dashboard .cc-admin-chart-method-v220>summary:hover{color:var(--cc-action-readable);border-color:rgba(10,143,214,.22);background:rgba(10,143,214,.055)}
.cc-admin-page-dashboard .cc-admin-chart-method-panel-v220{
  position:absolute;left:0;top:calc(100% + .35rem);z-index:40;width:min(25rem,72vw);
  padding:.62rem .7rem;border-radius:.68rem;border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.985);box-shadow:0 14px 34px rgba(15,23,42,.14);
  color:#536B77;font-size:.67rem;line-height:1.42
}
.dark .cc-admin-page-dashboard .cc-admin-chart-method-panel-v220{background:rgba(7,29,34,.99);border-color:rgba(255,255,255,.11);color:#B5C4CA;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.cc-admin-page-dashboard .cc-admin-chart-method-panel-v220 p+p{margin-top:.38rem}
.cc-admin-page-dashboard .cc-admin-chart-method-panel-v220 code{font-size:.64rem;font-weight:800;color:inherit}

/* Dashboard modules: compact status row, details collapsed by default. */
.cc-admin-page-dashboard .cc-admin-modules-v220{margin-top:.72rem!important}
.cc-admin-page-dashboard .cc-admin-modules-details-v220{
  border:1px solid rgba(148,163,184,.17);border-radius:.78rem;background:rgba(255,255,255,.6);overflow:visible
}
.dark .cc-admin-page-dashboard .cc-admin-modules-details-v220{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.08)}
.cc-admin-page-dashboard .cc-admin-modules-details-v220>summary{
  list-style:none;min-height:3.1rem;padding:.58rem .72rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;cursor:pointer
}
.cc-admin-page-dashboard .cc-admin-modules-details-v220>summary::-webkit-details-marker{display:none}
.cc-admin-page-dashboard .cc-admin-modules-summary-copy-v220{display:flex;align-items:center;gap:.55rem;min-width:0}
.cc-admin-page-dashboard .cc-admin-modules-summary-copy-v220>i{color:#10B981;font-size:.9rem}
.cc-admin-page-dashboard .cc-admin-modules-summary-copy-v220>span{display:flex;align-items:baseline;gap:.5rem;min-width:0;flex-wrap:wrap}
.cc-admin-page-dashboard .cc-admin-modules-summary-copy-v220 b{font-size:.78rem;color:#1F2937}
.dark .cc-admin-page-dashboard .cc-admin-modules-summary-copy-v220 b{color:#F1F5F9}
.cc-admin-page-dashboard .cc-admin-modules-summary-copy-v220 small{font-size:.65rem;color:var(--cc-admin-muted)}
.cc-admin-page-dashboard .cc-admin-modules-summary-action-v220{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:850;color:var(--cc-action-readable);white-space:nowrap}
.cc-admin-page-dashboard .cc-admin-modules-summary-action-v220 i{font-size:.55rem;transition:transform .16s ease}
.cc-admin-page-dashboard .cc-admin-modules-details-v220[open] .cc-admin-modules-summary-action-v220 i{transform:rotate(90deg)}
.cc-admin-page-dashboard .cc-admin-modules-panel-v220{padding:.65rem .72rem .78rem;border-top:1px solid rgba(148,163,184,.13)}
.dark .cc-admin-page-dashboard .cc-admin-modules-panel-v220{border-top-color:rgba(255,255,255,.07)}
.cc-admin-page-dashboard .cc-admin-modules-security-v220{font-size:.67rem;line-height:1.4;color:var(--cc-admin-muted);margin-bottom:.6rem}
.cc-admin-page-dashboard .cc-admin-modules-grid-v220{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.cc-admin-page-dashboard .cc-admin-module-tile-v220{min-height:2.55rem;padding:.48rem .58rem;border-radius:.6rem;border:1px solid rgba(10,143,214,.14);background:rgba(10,143,214,.045);display:flex;align-items:center;gap:.5rem;color:var(--cc-action-readable);font-size:.69rem;font-weight:800}
.cc-admin-page-dashboard .cc-admin-module-tile-v220:hover{background:rgba(10,143,214,.09);border-color:rgba(10,143,214,.24)}
.cc-admin-page-dashboard .cc-admin-module-tile-v220 i{width:1rem;text-align:center;color:var(--cc-action)}
.cc-admin-page-dashboard .cc-admin-modules-empty-v220{font-size:.68rem;color:var(--cc-admin-muted)}

/* Sidebar final polish: clearer group state without increasing visual noise. */
.cc-admin-shell-v220 .cc-admin-nav-section-summary{color:#8599A3!important}
.dark .cc-admin-shell-v220 .cc-admin-nav-section-summary{color:#9FB2BB!important}
.cc-admin-shell-v220 details[open][data-cc-nav-section]{box-shadow:inset 2px 0 0 rgba(10,143,214,.24)}
.cc-admin-shell-v220 details[open]>.cc-admin-nav-section-summary{background:rgba(10,143,214,.065)!important;color:var(--cc-action-readable)!important}
.cc-admin-shell-v220 .admin-nav:not(.active){color:#607782!important}
.dark .cc-admin-shell-v220 .admin-nav:not(.active){color:#A1B2BA!important}

@media(max-width:640px){
  .cc-account-top-ad-v220{margin-bottom:.65rem}
  .cc-user-withdraw-intro-v220{border-radius:.88rem!important}
  .cc-user-withdraw-trust-v220{grid-template-columns:1fr!important}
  .cc-user-withdraw-workspace-v220{margin-top:.72rem!important;padding-inline:0!important}
  .cc-user-withdraw-card-v220{padding:.72rem!important;border-radius:.86rem!important}
  .cc-user-withdraw-grid-v220{gap:.62rem!important}
  .cc-user-withdraw-metrics-v220{grid-template-columns:1fr 1fr!important;gap:.42rem!important}
  .cc-user-withdraw-metrics-v220 .cc-metric-card{padding:.62rem!important;min-height:3.7rem!important}
  .cc-user-withdraw-balance-card-v220{padding:.8rem!important}
  .cc-user-withdraw-balance-card-v220 h2{font-size:1.75rem!important;line-height:2rem!important;flex-wrap:wrap!important}
  .cc-user-withdraw-preview-v220{padding:.72rem!important}
  .cc-admin-page-dashboard .cc-admin-chart-method-panel-v220{position:fixed;left:1rem;right:1rem;top:auto;width:auto;max-width:none}
  .cc-admin-page-dashboard .cc-admin-modules-grid-v220{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .cc-referral-stack-v220 .cc-referral-hero-v220{padding:.58rem!important}
  .cc-referral-stack-v220 .cc-referral-hero-v220 .absolute{display:none!important}
  .cc-user-withdraw-metrics-v220{grid-template-columns:1fr!important}
  .cc-admin-page-dashboard .cc-admin-modules-details-v220>summary{align-items:flex-start;flex-direction:column;gap:.35rem}
  .cc-admin-page-dashboard .cc-admin-modules-grid-v220{grid-template-columns:1fr}
}

/* ---------- v221 Geometry / Dark-mode Final Polish ---------- */
/* Withdraw: metadata spans the workspace; balance and payout controls form one balanced second row. */
.cc-user-withdraw-workspace-v221{max-width:68rem!important}
.cc-user-withdraw-card-v221{
  background:#FFFFFF!important;
  border-color:rgba(148,163,184,.24)!important;
  padding:1rem!important;
}
html.dark .cc-user-withdraw-card-v221{
  background:#071D22!important;
  border-color:rgba(255,255,255,.09)!important;
}
.cc-user-withdraw-grid-v221{
  display:grid!important;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
  grid-template-areas:
    "meta meta"
    "balance form"!important;
  gap:.78rem 1rem!important;
  align-items:stretch!important;
}
.cc-user-withdraw-metrics-v221{
  grid-area:meta!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.58rem!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.cc-user-withdraw-metrics-v221 .cc-metric-card{
  min-height:3.9rem!important;
  padding:.68rem .82rem!important;
  border-radius:.72rem!important;
  background:#F8FAFC!important;
  border-color:rgba(148,163,184,.22)!important;
}
html.dark .cc-user-withdraw-metrics-v221 .cc-metric-card{
  background:#0B2930!important;
  border-color:rgba(255,255,255,.08)!important;
}
.cc-user-withdraw-balance-v221{grid-area:balance!important;min-width:0!important}
.cc-user-withdraw-form-v221{grid-area:form!important;min-width:0!important;justify-content:flex-start!important}
.cc-user-withdraw-balance-v221 .cc-section-head{margin-bottom:.52rem!important}
.cc-user-withdraw-balance-card-v221{
  min-height:100%!important;
  padding:.9rem 1rem!important;
  background:#FBFCFD!important;
  border-color:rgba(148,163,184,.2)!important;
}
html.dark .cc-user-withdraw-balance-card-v221{
  background:#0A272E!important;
  border-color:rgba(255,255,255,.075)!important;
}
.cc-user-withdraw-coin-v221{margin-bottom:.58rem!important}
.cc-user-withdraw-coin-v221 label{margin-bottom:.34rem!important}
.cc-user-withdraw-preview-v221{
  margin-bottom:.58rem!important;
  padding:.72rem .82rem!important;
  background:#F8FAFC!important;
  border-color:rgba(148,163,184,.2)!important;
}
html.dark .cc-user-withdraw-preview-v221{
  background:#08232A!important;
  border-color:rgba(255,255,255,.075)!important;
}
.cc-user-withdraw-form-actions-v221{margin-top:0!important}
.cc-user-withdraw-destination-v221{margin-top:.58rem!important;padding:.62rem .72rem!important}

/* Referrals: deterministic theme-specific table header and one more step down in hero decoration. */
.cc-referral-stack-v221 .cc-referral-hero-v221{
  box-shadow:0 6px 18px rgba(10,143,214,.09)!important;
  background:linear-gradient(135deg,#128BC7 0%,#0876B5 100%)!important;
}
.cc-referral-stack-v221 .cc-referral-hero-v221 .absolute{opacity:.14!important}
.cc-referral-stack-v221 .cc-referral-summary-v221 .absolute{opacity:.20!important}
.cc-referral-stack-v221 .cc-referral-table-v221 thead,
.cc-referral-stack-v221 .cc-referral-table-v221 thead tr,
.cc-referral-stack-v221 .cc-referral-table-v221 thead th{
  background:#F3F6F8!important;
  color:#667B86!important;
  border-bottom-color:rgba(148,163,184,.18)!important;
}
html.dark .cc-referral-stack-v221 .cc-referral-table-v221 thead,
html.dark .cc-referral-stack-v221 .cc-referral-table-v221 thead tr,
html.dark .cc-referral-stack-v221 .cc-referral-table-v221 thead th{
  background:#0B2930!important;
  color:#AFC0C7!important;
  border-bottom-color:rgba(255,255,255,.085)!important;
}
html.dark .cc-referral-stack-v221 .cc-referral-table-v221{
  border-color:rgba(255,255,255,.085)!important;
}

/* Admin focus remains accessible but no longer paints a large browser-default rectangle. */
.cc-admin-shell-v220 summary:focus-visible,
.cc-admin-page-dashboard .cc-admin-chart-method-summary-v221:focus-visible,
.cc-admin-page-dashboard .cc-admin-modules-summary-v221:focus-visible{
  outline:none!important;
  box-shadow:inset 0 0 0 2px rgba(10,143,214,.46)!important;
  border-radius:.58rem!important;
}
.cc-admin-page-dashboard .cc-admin-modules-summary-v221:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(10,143,214,.38)!important;
}
.cc-admin-page-dashboard .cc-admin-chart-method-summary-v221:focus-visible{
  box-shadow:0 0 0 2px rgba(10,143,214,.18),inset 0 0 0 1px rgba(10,143,214,.38)!important;
}

/* Slightly clearer separation between page canvas and primary cards in both themes. */
.cc-referral-stack-v221 .cc-referral-table-v221,
.cc-referral-stack-v221 .cc-referral-summary-v221 .cc-metric-card{
  border-color:rgba(148,163,184,.20)!important;
}
html.dark .cc-referral-stack-v221 .cc-referral-table-v221,
html.dark .cc-referral-stack-v221 .cc-referral-summary-v221 .cc-metric-card{
  border-color:rgba(255,255,255,.085)!important;
}

@media(max-width:640px){
  .cc-user-withdraw-card-v221{padding:.72rem!important}
  .cc-user-withdraw-grid-v221{
    grid-template-columns:1fr!important;
    grid-template-areas:"meta" "balance" "form"!important;
    gap:.62rem!important;
  }
  .cc-user-withdraw-metrics-v221{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.42rem!important}
  .cc-user-withdraw-balance-card-v221{min-height:0!important;padding:.8rem!important}
}
@media(max-width:430px){
  .cc-user-withdraw-metrics-v221{grid-template-columns:1fr!important}
  .cc-user-withdraw-metrics-v221 .cc-metric-card{min-height:3.55rem!important;padding:.6rem .68rem!important}
  .cc-user-withdraw-destination-v221{align-items:flex-start!important;justify-content:flex-start!important;flex-wrap:wrap!important}
  .cc-referral-stack-v221 .cc-referral-hero-v221{padding:.54rem!important}
  .cc-referral-stack-v221 .cc-referral-hero-v221 .absolute{display:none!important}
}


/* ========================================================================
   v222 — Targeted dark-table + pointer-focus hotfix
   Presentation only. No payout, reward, postback or schema semantics.
   ======================================================================== */

/* Referrals: explicit table-head hook wins deterministically in both themes. */
.cc-referral-stack-v222 .cc-referrals-table-head-v222,
.cc-referral-stack-v222 .cc-referrals-table-head-v222 > tr,
.cc-referral-stack-v222 .cc-referrals-table-head-v222 > tr > th{
  background:#F3F6F8!important;
  background-color:#F3F6F8!important;
  color:#667B86!important;
  border-color:rgba(148,163,184,.18)!important;
}
html.dark .cc-referral-stack-v222 .cc-referrals-table-head-v222,
html.dark .cc-referral-stack-v222 .cc-referrals-table-head-v222 > tr,
html.dark .cc-referral-stack-v222 .cc-referrals-table-head-v222 > tr > th{
  background:#0B2930!important;
  background-color:#0B2930!important;
  color:#AFC0C7!important;
  border-color:rgba(255,255,255,.085)!important;
}
html.dark .cc-referral-stack-v222 .cc-referrals-table-head-v222 > tr > th{
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.055)!important;
}

/* Keep other audited user tables on their existing dark treatments; do not
   introduce a broad table override that could regress Paid Ads/RevShare. */

/* Top-bar theme controls: mouse/touch focus is quiet, keyboard focus remains explicit. */
#theme-toggle{
  -webkit-tap-highlight-color:transparent;
}
#theme-toggle:focus{
  outline:none!important;
  box-shadow:none!important;
}
#theme-toggle:focus-visible{
  outline:2px solid rgba(10,143,214,.68)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 3px rgba(10,143,214,.12)!important;
}
html.dark #theme-toggle:focus-visible{
  outline-color:rgba(73,184,239,.72)!important;
  box-shadow:0 0 0 3px rgba(73,184,239,.12)!important;
}

/* ========================================================================
   v223 — Advertising Control Center
   Centralized admin presentation + shared ad surfaces. No financial logic.
   ======================================================================== */
.cc-ad-control-v223{max-width:96rem;width:100%}
.cc-ad-badge-v223{display:inline-flex;align-items:center;gap:.42rem;padding:.48rem .7rem;border:1px solid rgba(148,163,184,.22);border-radius:.75rem;background:rgba(255,255,255,.7);font-weight:800;color:#526773}
html.dark .cc-ad-badge-v223{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);color:#B3C3CA}
.cc-ad-kpi-v223{min-height:5rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.22);background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);display:flex;flex-direction:column;justify-content:center}
.cc-ad-kpi-v223 span{font-size:.66rem;line-height:1;text-transform:uppercase;letter-spacing:.085em;font-weight:900;color:#71838D}
.cc-ad-kpi-v223 b{font-size:1.55rem;line-height:1.05;margin-top:.55rem;color:#102A35;font-variant-numeric:tabular-nums}
html.dark .cc-ad-kpi-v223{background:#0B2930;border-color:rgba(255,255,255,.085);box-shadow:none}
html.dark .cc-ad-kpi-v223 b{color:#F4F8F9}
.cc-ad-panel-v223{border:1px solid rgba(148,163,184,.22);border-radius:1.15rem;background:#fff;padding:1rem 1.05rem;box-shadow:0 1px 2px rgba(15,23,42,.035)}
html.dark .cc-ad-panel-v223{background:#0A252C;border-color:rgba(255,255,255,.085);box-shadow:none}
.cc-ad-panel-icon-v223{width:2.15rem;height:2.15rem;border-radius:.72rem;display:grid;place-items:center;flex:none;background:rgba(10,143,214,.10);color:#0A8FD6}
.cc-ad-panel-title-v223{font-size:1rem;line-height:1.25;font-weight:900;color:#122B36}
html.dark .cc-ad-panel-title-v223{color:#F5F9FA}
.cc-ad-panel-copy-v223{font-size:.76rem;line-height:1.55;color:#6A7C85;margin-top:.25rem}
html.dark .cc-ad-panel-copy-v223{color:#9FB0B7}
.cc-ad-guidance-v223{border-radius:.9rem;border:1px solid;padding:.8rem .85rem;font-size:.72rem;line-height:1.5}
.cc-ad-guidance-v223 b{display:block;font-size:.75rem;margin-bottom:.3rem}.cc-ad-guidance-v223 p{margin:0}
.cc-ad-guidance-good-v223{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.20);color:#176B55}
.cc-ad-guidance-test-v223{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.22);color:#8A5A08}
.cc-ad-guidance-avoid-v223{background:rgba(244,63,94,.055);border-color:rgba(244,63,94,.20);color:#A6334A}
html.dark .cc-ad-guidance-good-v223{color:#8EE7C5}html.dark .cc-ad-guidance-test-v223{color:#F6CF78}html.dark .cc-ad-guidance-avoid-v223{color:#FDA4B5}
.cc-ad-master-v223,.cc-ad-policy-v223,.cc-ad-mini-toggle-v223{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid rgba(148,163,184,.20);border-radius:.85rem;background:#F8FAFB;padding:.7rem .8rem;cursor:pointer}
html.dark .cc-ad-master-v223,html.dark .cc-ad-policy-v223,html.dark .cc-ad-mini-toggle-v223{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.085)}
.cc-ad-master-v223{min-width:14rem}.cc-ad-master-v223 span{display:flex;flex-direction:column}.cc-ad-master-v223 small{font-size:.62rem;color:#82929A;margin-top:.12rem}
.cc-ad-policy-v223 span{display:flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:850;color:#415760}.cc-ad-policy-v223 input,.cc-ad-master-v223 input,.cc-ad-mini-toggle-v223 input{width:1.12rem;height:1.12rem;accent-color:#0A8FD6}
html.dark .cc-ad-policy-v223 span{color:#C0CCD1}
.cc-ad-mini-toggle-v223{padding:.42rem .58rem;font-size:.68rem;font-weight:800;flex:none}
.cc-ad-editor-v223{border:1px solid rgba(148,163,184,.19);border-radius:.9rem;background:#FAFBFC;padding:.8rem}
html.dark .cc-ad-editor-v223{background:rgba(0,0,0,.11);border-color:rgba(255,255,255,.075)}
.cc-ad-editor-v223>label{display:block;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#6D7F88;margin-bottom:.45rem}
.cc-ad-slot-card-v223{background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.03)}
html.dark .cc-ad-slot-card-v223{background:#0A252C;border-color:rgba(255,255,255,.085);box-shadow:none}
.cc-ad-chip-v223{font-size:.62rem;font-weight:800;padding:.3rem .5rem;border-radius:999px;background:rgba(10,143,214,.08);color:#207BA9;border:1px solid rgba(10,143,214,.10)}
html.dark .cc-ad-chip-v223{color:#8FD6F8;background:rgba(10,143,214,.11);border-color:rgba(10,143,214,.18)}
.cc-ad-rec-v223{font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.035em;padding:.28rem .5rem;border-radius:999px;border:1px solid}
.cc-ad-state-v223{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;color:#7B8B93}
.cc-ad-state-active-v223{color:#10B981}.cc-ad-state-disabled-v223,.cc-ad-state-master-off-v223,.cc-ad-state-group-off-v223{color:#8A99A0}.cc-ad-state-unwired-v223,.cc-ad-state-empty-v223{color:#F59E0B}
.cc-ad-note-v223{border-left:3px solid rgba(10,143,214,.45);padding:.6rem .7rem;background:rgba(10,143,214,.045);border-radius:.25rem .7rem .7rem .25rem;font-size:.72rem;line-height:1.5;color:#61737C}
html.dark .cc-ad-note-v223{color:#AAB9BF;background:rgba(10,143,214,.065)}
.cc-ad-save-v223{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;border:0;border-radius:1rem;background:linear-gradient(90deg,#0A8FD6,#0876B5);color:#fff;font-size:.96rem;font-weight:900;box-shadow:0 10px 24px rgba(10,143,214,.18);cursor:pointer;transition:.16s ease}
.cc-ad-save-v223:hover{filter:brightness(1.05);transform:translateY(-1px)}
.cc-shared-account-ad-v223{position:relative;max-width:100%;min-width:0}
.cc-shared-account-ad-v223:empty{display:none!important}
@media(max-width:760px){.cc-ad-kpi-v223{min-height:4.25rem;padding:.72rem}.cc-ad-kpi-v223 b{font-size:1.25rem}.cc-ad-panel-v223{padding:.82rem}.cc-ad-master-v223{min-width:0;width:100%}.cc-ad-save-v223{min-height:2.8rem}}

/* ========================================================================
   v224 — Advertising Policy & Density Control
   Page-first Admin controls + first-party soft ad-block assistance.
   ======================================================================== */
.cc-ad-control-v224{max-width:96rem;width:100%}
.cc-ad-panel-v224{background:rgba(255,255,255,.88);border:1px solid rgba(148,163,184,.22);border-radius:1rem;padding:1rem}
html.dark .cc-ad-panel-v224{background:#0A242B;border-color:rgba(255,255,255,.085)}
.cc-ad-frequency-v224{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .9rem;border:1px solid rgba(148,163,184,.2);border-radius:.8rem;background:rgba(248,250,252,.8)}
html.dark .cc-ad-frequency-v224{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.08)}
.cc-ad-frequency-v224>div{display:flex;flex-direction:column;gap:.15rem}.cc-ad-frequency-v224>div b{font-size:.82rem}.cc-ad-frequency-v224>div span{font-size:.7rem;color:#71858E}.cc-ad-frequency-v224 label{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800}.cc-ad-frequency-v224 input{width:5.3rem;min-height:2.3rem;padding:.35rem .55rem;border-radius:.6rem;border:1px solid rgba(148,163,184,.28);background:#fff;text-align:right}.dark .cc-ad-frequency-v224 input{background:#061B20;color:#EAF1F3;border-color:rgba(255,255,255,.12)}
.cc-ad-page-grid-v224{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.cc-ad-page-card-v224{border:1px solid rgba(148,163,184,.2);border-radius:.9rem;padding:.85rem;background:rgba(248,250,252,.72);min-width:0}
html.dark .cc-ad-page-card-v224{background:#071E24;border-color:rgba(255,255,255,.075)}
.cc-ad-page-card-v224.is-protected{background:rgba(244,63,94,.025);border-color:rgba(244,63,94,.15)}
html.dark .cc-ad-page-card-v224.is-protected{background:rgba(244,63,94,.035)}
.cc-ad-page-card-head-v224{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cc-ad-page-card-head-v224 h4{font-size:.88rem;font-weight:900;color:#152A32}.dark .cc-ad-page-card-head-v224 h4{color:#F2F7F8}.cc-ad-page-card-head-v224 p{margin-top:.3rem;font-size:.68rem;line-height:1.48;color:#6B8089;max-width:42rem}.dark .cc-ad-page-card-head-v224 p{color:#99ABB2}
.cc-ad-density-v224{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end}.cc-ad-density-v224 b{font-size:1.05rem;color:#0A8FD6}.cc-ad-density-v224 span{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#83969E;font-weight:800}
.cc-ad-page-controls-v224{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:.7rem}
.cc-ad-mini-toggle-v224{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:2.25rem;padding:.42rem .52rem;border-radius:.62rem;border:1px solid rgba(148,163,184,.17);font-size:.64rem;font-weight:800;background:rgba(255,255,255,.78);cursor:pointer}.dark .cc-ad-mini-toggle-v224{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.065)}.cc-ad-mini-toggle-v224 input{width:1rem;height:1rem;accent-color:#0A8FD6}.cc-ad-mini-toggle-v224:has(input:disabled){opacity:.45;cursor:not-allowed}
.cc-ad-page-slots-v224{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.65rem;font-size:.63rem}.cc-ad-page-slots-v224>span{font-weight:900;color:#71858E}.cc-ad-page-slots-v224 a{display:inline-flex;padding:.22rem .4rem;border-radius:.45rem;background:rgba(10,143,214,.08);color:#0876B5;font-weight:800}.dark .cc-ad-page-slots-v224 a{color:#62C1EC;background:rgba(10,143,214,.1)}.cc-ad-page-slots-v224 em{font-style:normal;color:#8A9BA2}
.cc-ad-code-details-v224{border:1px solid rgba(148,163,184,.18);border-radius:.7rem;background:rgba(248,250,252,.62);overflow:hidden}.dark .cc-ad-code-details-v224{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.07)}.cc-ad-code-details-v224>summary{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .8rem;cursor:pointer;font-size:.72rem;font-weight:900;list-style:none}.cc-ad-code-details-v224>summary::-webkit-details-marker{display:none}.cc-ad-code-details-v224>summary:hover{background:rgba(10,143,214,.045)}.cc-ad-code-details-v224>textarea,.cc-ad-code-details-v224>p{margin:.15rem .75rem .75rem;width:calc(100% - 1.5rem)}.cc-ad-code-state-v224{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#758991}
.cc-ad-provider-field-v224{display:flex;flex-direction:column;gap:.3rem}.cc-ad-provider-field-v224>span{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#71858E}
.cc-ad-slot-card-v224{border:1px solid rgba(148,163,184,.2);border-radius:.9rem;background:rgba(255,255,255,.82);scroll-margin-top:5rem}.dark .cc-ad-slot-card-v224{background:#0A242B;border-color:rgba(255,255,255,.08)}.cc-ad-slot-card-v224[open]{border-color:rgba(10,143,214,.28)}
.cc-ad-savebar-v224{position:sticky;bottom:.6rem;z-index:32;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:center;gap:.8rem;padding:.6rem;border:1px solid rgba(148,163,184,.2);border-radius:1rem;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 12px 32px rgba(15,23,42,.12)}.dark .cc-ad-savebar-v224{background:rgba(6,25,30,.94);border-color:rgba(255,255,255,.09);box-shadow:0 12px 32px rgba(0,0,0,.24)}.cc-ad-savebar-v224 .cc-ad-save-v223{width:100%}.cc-ad-dirty-v224{display:flex;align-items:center;gap:.45rem;padding-left:.5rem;font-size:.72rem;font-weight:800;color:#69808A}.cc-ad-dirty-v224.is-dirty{color:#D97706}.dark .cc-ad-dirty-v224.is-dirty{color:#FBBF24}
.cc-ad-state-page-off-v223{color:#94A3B8!important}
.cc-managed-ad-slot-v224:empty{display:none!important}
.cc-managed-pop-v224{display:none!important}

/* First-party soft ad-block assistance: informative and dismissible, never blocking. */
.cc-adblock-notice-v224{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;max-width:64rem;margin:0 auto .75rem;padding:.7rem .8rem;border-radius:.8rem;border:1px solid rgba(245,158,11,.28);background:#FFFBEB;color:#4B5563;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.dark .cc-adblock-notice-v224{background:#20220F;border-color:rgba(245,158,11,.24);color:#CBD5DA}.cc-adblock-notice-icon-v224{width:2rem;height:2rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.12);color:#D97706}.cc-adblock-notice-copy-v224{display:flex;flex-direction:column;gap:.12rem;min-width:0}.cc-adblock-notice-copy-v224 b{font-size:.76rem;color:#374151}.dark .cc-adblock-notice-copy-v224 b{color:#F2F5F6}.cc-adblock-notice-copy-v224 span{font-size:.68rem;line-height:1.42}.cc-adblock-notice-actions-v224{display:flex;align-items:center;gap:.4rem}.cc-adblock-notice-actions-v224 button{min-height:2rem;padding:.34rem .6rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.25);font-size:.65rem;font-weight:900;cursor:pointer}.cc-adblock-refresh-v224{background:#0A8FD6;color:#fff;border-color:#0A8FD6!important}.cc-adblock-dismiss-v224{background:transparent;color:inherit}

@media(max-width:1100px){.cc-ad-page-grid-v224{grid-template-columns:1fr}.cc-ad-page-controls-v224{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.cc-ad-frequency-v224{align-items:flex-start;flex-direction:column}.cc-ad-savebar-v224{grid-template-columns:1fr;bottom:.35rem}.cc-ad-dirty-v224{padding-left:.15rem}.cc-adblock-notice-v224{grid-template-columns:auto minmax(0,1fr)}.cc-adblock-notice-actions-v224{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:430px){.cc-ad-page-controls-v224{grid-template-columns:1fr 1fr}.cc-ad-page-card-head-v224{flex-direction:column}.cc-ad-density-v224{align-items:flex-start;flex-direction:row;gap:.3rem;align-items:baseline}.cc-adblock-notice-v224{grid-template-columns:1fr}.cc-adblock-notice-icon-v224{display:none}.cc-adblock-notice-actions-v224{justify-content:stretch}.cc-adblock-notice-actions-v224 button{flex:1}}

/* ========================================================================
   v225 — Page-local Advertising Editors + Managed Sticky Runtime
   ======================================================================== */
.cc-ad-page-stack-v225{display:grid;grid-template-columns:1fr;gap:.9rem}
.cc-ad-page-card-v225{padding:1rem}
.cc-ad-page-formats-v225{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.85rem;align-items:start}
.cc-ad-page-format-v225{min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:.85rem;background:rgba(255,255,255,.58);overflow:hidden}
html.dark .cc-ad-page-format-v225{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.07)}
.cc-ad-page-format-head-v225{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;padding:.7rem .75rem;border-bottom:1px solid rgba(148,163,184,.15)}
html.dark .cc-ad-page-format-head-v225{border-color:rgba(255,255,255,.065)}
.cc-ad-page-format-head-v225>div{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.cc-ad-page-format-head-v225 i{width:1.15rem;margin-top:.15rem;text-align:center;color:#0A8FD6}.cc-ad-page-format-head-v225 span{display:flex;flex-direction:column;gap:.15rem;min-width:0}.cc-ad-page-format-head-v225 b{font-size:.74rem;color:#213943}.dark .cc-ad-page-format-head-v225 b{color:#EAF2F4}.cc-ad-page-format-head-v225 small{font-size:.59rem;line-height:1.35;color:#7A8D95}.dark .cc-ad-page-format-head-v225 small{color:#93A5AC}.cc-ad-page-format-head-v225 em{font-style:normal;font-size:.55rem;line-height:1;white-space:nowrap;padding:.28rem .4rem;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.cc-ad-page-format-head-v225 em.is-on{background:rgba(16,185,129,.1);color:#0B8B67}.dark .cc-ad-page-format-head-v225 em.is-on{color:#70DFBA}.cc-ad-page-format-head-v225 em.is-off{background:rgba(148,163,184,.12);color:#7A8990}
.cc-ad-page-slot-list-v225{display:grid;gap:.55rem;padding:.6rem}
.cc-ad-page-slot-editor-v225{border:1px solid rgba(148,163,184,.17);border-radius:.72rem;background:rgba(248,250,252,.78);padding:.65rem;min-width:0}
html.dark .cc-ad-page-slot-editor-v225{background:#061B20;border-color:rgba(255,255,255,.065)}
.cc-ad-page-slot-head-v225{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}.cc-ad-page-slot-head-v225 b{font-size:.7rem;color:#1F3741}.dark .cc-ad-page-slot-head-v225 b{color:#EAF2F4}.cc-ad-page-slot-head-v225 small{display:block;margin-top:.22rem;font-size:.58rem;line-height:1.35;color:#7B8E96}
.cc-ad-page-slot-fields-v225{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.6rem}.cc-ad-page-code-field-v225{display:flex;flex-direction:column;gap:.3rem}.cc-ad-page-code-field-v225>span{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#71858E}.cc-ad-page-code-field-v225 textarea{resize:vertical;min-height:5.5rem}
.cc-ad-page-slot-foot-v225{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-top:.4rem;font-size:.55rem;line-height:1.35;color:#809198}.cc-ad-page-slot-foot-v225 span{min-width:0;overflow-wrap:anywhere}.cc-ad-page-slot-foot-v225 code{flex:none;color:#6B7F88}
.cc-ad-page-empty-format-v225{padding:.75rem;font-size:.65rem;line-height:1.45;color:#7B8C94}
.cc-ad-protected-note-v225{display:flex;align-items:flex-start;gap:.65rem;margin-top:.75rem;padding:.75rem;border-radius:.75rem;border:1px solid rgba(244,63,94,.15);background:rgba(244,63,94,.04);color:#7A4B57}.dark .cc-ad-protected-note-v225{color:#E8A7B5;background:rgba(244,63,94,.045)}.cc-ad-protected-note-v225 i{margin-top:.12rem}.cc-ad-protected-note-v225 div{display:flex;flex-direction:column;gap:.18rem}.cc-ad-protected-note-v225 b{font-size:.72rem}.cc-ad-protected-note-v225 span{font-size:.64rem;line-height:1.45}
.cc-ad-inventory-note-v225{padding:.8rem 1rem}

/* Page-local inline slots are invisible when empty. */
.cc-managed-ad-slot-v225:empty{display:none!important}

/* Managed page-local sticky/floating wrapper. User code is only rendered after
   page + group + slot are enabled; wrapper is desktop-only and dismissible. */
.cc-managed-sticky-v225{position:fixed;right:1rem;bottom:1rem;z-index:35;width:min(320px,calc(100vw - 2rem));max-height:min(420px,calc(100vh - 6rem));padding:.55rem;border-radius:.85rem;border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(15,23,42,.18);overflow:auto}
html.dark .cc-managed-sticky-v225{background:rgba(6,27,32,.97);border-color:rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.36)}
.cc-managed-sticky-inner-v225{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;overflow:hidden}.cc-managed-sticky-inner-v225 iframe,.cc-managed-sticky-inner-v225 img,.cc-managed-sticky-inner-v225 ins{max-width:100%!important}
.cc-managed-sticky-close-v225{position:sticky;top:0;margin-left:auto;margin-bottom:.3rem;width:1.9rem;height:1.9rem;border-radius:.55rem;border:1px solid rgba(148,163,184,.25);background:rgba(248,250,252,.94);color:#526873;display:grid;place-items:center;cursor:pointer;z-index:2}.cc-managed-sticky-close-v225:hover{color:#E11D48;border-color:rgba(225,29,72,.3)}.dark .cc-managed-sticky-close-v225{background:#0B2930;color:#B7C5CB;border-color:rgba(255,255,255,.1)}

@media(max-width:1350px){.cc-ad-page-formats-v225{grid-template-columns:1fr 1fr}.cc-ad-page-format-v225:last-child{grid-column:1/-1}}
@media(max-width:1023px){.cc-managed-sticky-v225{display:none!important}.cc-ad-page-formats-v225{grid-template-columns:1fr}.cc-ad-page-format-v225:last-child{grid-column:auto}}
@media(max-width:760px){.cc-ad-page-card-v225{padding:.8rem}.cc-ad-page-slot-head-v225{flex-direction:column}.cc-ad-page-slot-head-v225 .cc-ad-mini-toggle-v224{width:100%}.cc-ad-page-slot-foot-v225{flex-direction:column}}


/* ========================================================================
   v226 — Ad Activation Runtime + Dashboard Dual Banner Row
   ======================================================================== */
.cc-dashboard-ad-grid-v226{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:stretch}
.cc-dashboard-ad-grid-v226.is-single{grid-template-columns:minmax(0,1fr)}
.cc-dashboard-ad-cell-v226{min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.7rem;background:rgba(148,163,184,.035)}
html.dark .cc-dashboard-ad-cell-v226{background:rgba(255,255,255,.018)}
.cc-dashboard-ad-cell-v226 .cc-managed-ad-slot-v226{width:100%;min-width:0;text-align:center}
.cc-dashboard-ad-cell-v226 iframe,.cc-dashboard-ad-cell-v226 img,.cc-dashboard-ad-cell-v226 ins{max-width:100%!important}

/* Empty managed templates/hosts never reserve space before provider runtime hydration. */
.cc-managed-ad-slot-v226[data-cc-ad-state-v226="pending"]{min-height:0}
.cc-managed-ad-slot-v226[data-cc-ad-state-v226="empty"],
.cc-managed-ad-slot-v226[data-cc-ad-state-v226="runtime-error"]{display:none!important}
.cc-managed-ad-host-v226:empty{display:none!important}

/* Admin shows all activation gates explicitly so an enabled code cannot look
   active while being blocked by Master / format / page policy. */
.cc-ad-activation-gates-v226{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.52rem}
.cc-ad-activation-gates-v226 span{display:inline-flex;align-items:center;min-height:1.45rem;padding:.24rem .42rem;border-radius:999px;border:1px solid rgba(148,163,184,.18);font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em;background:rgba(148,163,184,.07);color:#7C8C93}
.cc-ad-activation-gates-v226 span.is-on{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.18);color:#0E8C68}
.cc-ad-activation-gates-v226 span.is-off{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.18);color:#A96B08}
html.dark .cc-ad-activation-gates-v226 span.is-on{color:#7BE0BE;background:rgba(16,185,129,.075)}
html.dark .cc-ad-activation-gates-v226 span.is-off{color:#F4C66A;background:rgba(245,158,11,.065)}
.cc-ad-page-slot-editor-v226.is-runtime-ready-v226{border-color:rgba(16,185,129,.26);box-shadow:inset 0 0 0 1px rgba(16,185,129,.04)}

@media(max-width:1199px){.cc-dashboard-ad-grid-v226{grid-template-columns:1fr}}
@media(max-width:640px){.cc-dashboard-sponsored-v226{padding-left:.55rem!important;padding-right:.55rem!important}.cc-dashboard-ad-grid-v226{gap:.55rem}}


/* ========================================================================
   v227 — AADS Verification + Banner/Popup Runtime Repair
   ======================================================================== */
.cc-page-top-ad-v227,
.cc-shared-account-ad-v227{
  width:100%;min-width:0;min-height:0;position:relative;
}
.cc-page-top-ad-v227 .cc-managed-ad-host-v227,
.cc-shared-account-ad-v227 .cc-managed-ad-host-v227{
  display:flex;align-items:center;justify-content:center;width:100%;min-width:0;overflow:hidden;text-align:center;
}
.cc-page-top-ad-v227 iframe,.cc-page-top-ad-v227 img,.cc-page-top-ad-v227 ins,
.cc-shared-account-ad-v227 iframe,.cc-shared-account-ad-v227 img,.cc-shared-account-ad-v227 ins{
  max-width:100%!important;
}
.cc-page-top-ad-v227[data-cc-ad-state-v227="provider-error"],
.cc-shared-account-ad-v227[data-cc-ad-state-v227="provider-error"]{display:none!important}

/* AADS verification anchor is server-rendered into Guest/Login HTML so the
   provider bot can see data-aa + iframe in the initial response. */
.cc-aads-login-anchor-v227{max-width:100%;overflow:hidden}
.cc-server-ad-slot-v227{width:100%;min-width:0;text-align:center;overflow:hidden}
.cc-server-ad-slot-v227 iframe,.cc-server-ad-slot-v227 img,.cc-server-ad-slot-v227 ins{max-width:100%!important}
.cc-aads-login-anchor-v227 .cc-server-ad-slot-v227{display:flex;align-items:center;justify-content:center}

/* Admin AADS readiness + popup test helpers. */
.cc-aads-readiness-v227{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem;padding:.65rem .7rem;border-radius:.7rem;border:1px solid rgba(148,163,184,.18);background:rgba(10,143,214,.045)}
.cc-aads-readiness-v227>div:first-child{display:flex;flex-direction:column;gap:.18rem}.cc-aads-readiness-v227 b{font-size:.68rem;color:#173540}.cc-aads-readiness-v227 b i{color:#0A8FD6;margin-right:.3rem}.cc-aads-readiness-v227>div:first-child span{font-size:.6rem;line-height:1.4;color:#72858E}
html.dark .cc-aads-readiness-v227{background:rgba(10,143,214,.055);border-color:rgba(255,255,255,.075)}html.dark .cc-aads-readiness-v227 b{color:#EAF4F7}html.dark .cc-aads-readiness-v227>div:first-child span{color:#9FB1B8}
.cc-aads-readiness-chips-v227{display:flex;flex-wrap:wrap;gap:.3rem}.cc-aads-readiness-chips-v227 span{padding:.24rem .42rem;border-radius:999px;font-size:.54rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.cc-aads-readiness-chips-v227 .is-on{color:#0E8C68;background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.18)}.cc-aads-readiness-chips-v227 .is-off{color:#A96B08;background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.18)}
html.dark .cc-aads-readiness-chips-v227 .is-on{color:#7BE0BE}html.dark .cc-aads-readiness-chips-v227 .is-off{color:#F4C66A}
.cc-pop-test-tools-v227{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.cc-pop-test-tools-v227 span{font-size:.65rem;line-height:1.4;color:#72858E}.dark .cc-pop-test-tools-v227 span{color:#9FB1B8}

/* Popup runtime hosts are intentionally invisible, but stay alive for the
   current route so providers that install delayed handlers keep functioning. */
[data-cc-pop-host-v227]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

@media(max-width:640px){
  .cc-page-top-ad-v227{margin-bottom:.75rem!important}
  .cc-aads-login-anchor-v227{padding-left:.4rem!important;padding-right:.4rem!important}
  .cc-pop-test-tools-v227{align-items:flex-start;flex-direction:column}
}
.cc-ad-aads-source-v227{display:flex;flex-direction:column;align-items:flex-end;gap:.18rem;padding:.55rem .7rem;border-radius:.7rem;border:1px solid rgba(148,163,184,.18);background:rgba(248,250,252,.75)}
.cc-ad-aads-source-v227 span{font-size:.56rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#7A8D96}.cc-ad-aads-source-v227 b{font-size:.76rem;color:#173540}.dark .cc-ad-aads-source-v227{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.075)}.dark .cc-ad-aads-source-v227 b{color:#EAF4F7}
.cc-aads-distribution-grid-v227{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.cc-aads-distribution-grid-v227 label{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'check label' 'check size';column-gap:.48rem;align-items:center;padding:.55rem .6rem;border:1px solid rgba(148,163,184,.18);border-radius:.7rem;background:rgba(248,250,252,.72);cursor:pointer}.cc-aads-distribution-grid-v227 input{grid-area:check;width:1rem;height:1rem;accent-color:#0A8FD6}.cc-aads-distribution-grid-v227 span{grid-area:label;font-size:.66rem;font-weight:900;color:#2C4651}.cc-aads-distribution-grid-v227 small{grid-area:size;font-size:.55rem;color:#7C8E96}.dark .cc-aads-distribution-grid-v227 label{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.07)}.dark .cc-aads-distribution-grid-v227 span{color:#DCE8EC}.cc-aads-copy-actions-v227{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.cc-aads-copy-actions-v227 span{font-size:.64rem;line-height:1.4;color:#71858E}.dark .cc-aads-copy-actions-v227 span{color:#9FB1B8}
@media(max-width:1100px){.cc-aads-distribution-grid-v227{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cc-ad-aads-source-v227{align-items:flex-start}.cc-aads-distribution-grid-v227{grid-template-columns:1fr}.cc-aads-copy-actions-v227{align-items:flex-start;flex-direction:column}}

/* ========================================================================
   v229 — Advertising Placement Geometry Polish
   Standardizes external creative geometry without changing provider code.
   ======================================================================== */
.cc-ad-placement-v229{
  box-sizing:border-box;
  min-width:0;
  position:relative;
}
.cc-ad-placement-v229[hidden]{display:none!important}
.cc-ad-label-v229{
  display:block;
  margin:0 0 .38rem;
  color:#7B8C94;
  font-size:.56rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-align:left;
}
html.dark .cc-ad-label-v229{color:#82969E}
.cc-ad-creative-v229{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  text-align:center;
}
.cc-ad-creative-v229>div,
.cc-ad-creative-v229>ins{max-width:100%}

/* Horizontal sponsored strip: 728x90 / 468x60. */
.cc-ad-strip-v229,
.cc-ad-geometry-strip-v229{
  width:min(100%,48rem)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:.48rem .58rem .58rem!important;
  border:1px solid rgba(148,163,184,.15);
  border-radius:.86rem!important;
  background:rgba(255,255,255,.52);
  box-shadow:none!important;
  overflow:hidden!important;
}
html.dark .cc-ad-strip-v229,
html.dark .cc-ad-geometry-strip-v229{
  background:rgba(255,255,255,.018);
  border-color:rgba(255,255,255,.07);
}
.cc-ad-strip-v229 .cc-managed-ad-host-v227,
.cc-ad-geometry-strip-v229 .cc-managed-ad-host-v227{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.cc-ad-strip-v229 iframe,.cc-ad-strip-v229 img,.cc-ad-strip-v229 ins,
.cc-ad-geometry-strip-v229 iframe,.cc-ad-geometry-strip-v229 img,.cc-ad-geometry-strip-v229 ins{
  display:block!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* 300x250 content unit: always centered and visually separated from task cards. */
.cc-ad-geometry-square-v229{
  width:min(100%,20.5rem)!important;
  margin:1rem auto!important;
  padding:.48rem!important;
  border:1px solid rgba(148,163,184,.15);
  border-radius:.82rem;
  background:rgba(255,255,255,.4);
  overflow:hidden;
}
html.dark .cc-ad-geometry-square-v229{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.065)}
.cc-ad-geometry-square-v229 .cc-ad-label-v229{text-align:center;margin-bottom:.42rem}
.cc-ad-geometry-square-v229 .cc-ad-creative-v229{width:100%;justify-content:center}
.cc-ad-geometry-square-v229 iframe,.cc-ad-geometry-square-v229 img,.cc-ad-geometry-square-v229 ins{max-width:300px!important}

/* Compact 320x50 / 320x100 units. */
.cc-ad-geometry-compact-v229{
  width:min(100%,22rem)!important;
  margin:.85rem auto!important;
  padding:.42rem .5rem!important;
  border:1px solid rgba(148,163,184,.13);
  border-radius:.78rem;
  background:rgba(255,255,255,.32);
  overflow:hidden;
}
html.dark .cc-ad-geometry-compact-v229{background:rgba(255,255,255,.012);border-color:rgba(255,255,255,.06)}
.cc-ad-geometry-compact-v229 .cc-ad-label-v229{text-align:center}

/* Desktop skyscraper rail. */
.cc-ad-geometry-rail-v229{
  width:172px!important;
  max-width:172px!important;
  margin:0 auto!important;
  padding:.38rem!important;
  border:1px solid rgba(148,163,184,.13);
  border-radius:.82rem;
  background:rgba(255,255,255,.28);
  overflow:hidden;
}
html.dark .cc-ad-geometry-rail-v229{background:rgba(255,255,255,.012);border-color:rgba(255,255,255,.06)}
.cc-ad-geometry-rail-v229 .cc-ad-label-v229{text-align:center}
.cc-ad-geometry-rail-v229 iframe,.cc-ad-geometry-rail-v229 img,.cc-ad-geometry-rail-v229 ins{max-width:160px!important}
.cc-manual-faucet-fragment-v204 .cc-mf-side-ad{
  width:176px!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:.9rem!important;
  overflow:visible!important;
  align-items:flex-start!important;
}

/* Generic fluid/local ad units. */
.cc-ad-geometry-fluid-v229{
  width:min(100%,48rem)!important;
  margin:.85rem auto!important;
  text-align:center;
}

/* Dashboard: two equal sponsored cells; one cell expands when alone. */
.cc-dashboard-sponsored-v226{
  padding:1.55rem .72rem .72rem!important;
  border-radius:1rem!important;
}
.cc-dashboard-sponsored-v226>.cc-sponsored-label{
  top:.55rem!important;
  left:.78rem!important;
  font-size:.55rem!important;
  color:#7C8D95!important;
}
.cc-dashboard-ad-grid-v226{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.65rem!important;
  align-items:stretch!important;
}
.cc-dashboard-ad-grid-v226.is-single{grid-template-columns:minmax(0,1fr)!important}
.cc-dashboard-ad-cell-v226{
  min-height:5rem;
  padding:.45rem .55rem;
  border:1px solid rgba(148,163,184,.1);
  border-radius:.72rem;
  background:rgba(255,255,255,.3)!important;
}
html.dark .cc-dashboard-ad-cell-v226{background:rgba(255,255,255,.012)!important;border-color:rgba(255,255,255,.055)}
.cc-dashboard-ad-cell-v226 .cc-ad-geometry-dual-v229{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
}
.cc-dashboard-ad-cell-v226 .cc-ad-geometry-dual-v229 .cc-ad-creative-v229{min-height:3.8rem}
.cc-dashboard-ad-cell-v226 iframe,.cc-dashboard-ad-cell-v226 img,.cc-dashboard-ad-cell-v226 ins{margin:auto!important}

/* Guest/Login AADS verification anchor moves below the full two-column login grid. */
.cc-aads-login-anchor-v229{
  width:min(100%,48rem)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:.6rem .7rem .72rem!important;
  border-radius:.9rem!important;
  border:1px solid rgba(148,163,184,.14)!important;
  background:rgba(255,255,255,.42)!important;
  overflow:hidden!important;
}
html.dark .cc-aads-login-anchor-v229{background:rgba(255,255,255,.015)!important;border-color:rgba(255,255,255,.06)!important}
.cc-aads-login-anchor-v229>.cc-sponsored-label{display:block!important;position:static!important;margin:0 0 .4rem!important;text-align:center!important;color:#7E9098!important}
.cc-aads-login-anchor-v229 .cc-server-ad-slot-v227{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}
.cc-aads-login-anchor-v229 .cc-server-ad-slot-v227>div{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}

/* Wheel banner should be a compact centered unit, not a 728px reservation. */
.cc-wheel-ad-v229{width:100%;display:flex;justify-content:center;margin:0 auto .9rem}
.cc-wheel-ad-v229 .cc-ad-placement-v229{margin-top:0!important;margin-bottom:0!important}

/* Provider diagnostics or failed runtime must not reserve layout space. */
.cc-ad-placement-v229[data-cc-ad-state-v227="provider-error"],
.cc-ad-placement-v229[data-cc-ad-state-v227="runtime-error"],
.cc-ad-placement-v229[data-cc-ad-state-v227="empty"],
.cc-ad-placement-v229[data-cc-ad-state-v227="viewport-suppressed"]{display:none!important}
.cc-ad-placement-v229 .cc-ad-creative-v229:empty{display:none!important}

@media(max-width:1199px){
  .cc-dashboard-ad-grid-v226{grid-template-columns:1fr!important}
  .cc-manual-faucet-fragment-v204 .cc-mf-side-ad{display:none!important}
}
@media(max-width:767px){
  [data-cc-desktop-only-v229="1"]{display:none!important}
  .cc-ad-strip-v229,.cc-ad-geometry-strip-v229{display:none!important}
  .cc-dashboard-sponsored-v226{padding:.65rem!important}
  .cc-dashboard-sponsored-v226>.cc-sponsored-label{position:static!important;display:block!important;margin:0 0 .45rem!important}
  .cc-dashboard-ad-grid-v226{grid-template-columns:1fr!important;gap:.55rem!important}
  .cc-dashboard-ad-cell-v226{min-height:4.5rem;padding:.4rem}
  .cc-aads-login-anchor-v229{padding:.5rem!important}
}
@media(max-width:430px){
  .cc-ad-geometry-square-v229,.cc-ad-geometry-compact-v229{width:100%!important;max-width:100%!important;padding:.35rem!important}
  .cc-ad-geometry-square-v229 iframe,.cc-ad-geometry-compact-v229 iframe{max-width:100%!important}
}


/* ========================================================================
   v230 — Advertising presentation + Admin geometry stabilization
   Removes visual ad labels, compacts Dashboard sponsorship, and makes
   diagnostic/admin layouts deterministic without touching business logic.
   ======================================================================== */

/* External advertising: provider creatives stay identifiable by their own
   creative chrome; CryptoChoco no longer adds a visible "Advertisement" label. */
.cc-ad-placement-v229 .cc-ad-label-v229,
.cc-dashboard-sponsored-v226 > .cc-sponsored-label,
.cc-aads-login-anchor-v229 > .cc-sponsored-label,
.cc-sponsored-surface > .cc-sponsored-label{display:none!important}
.cc-ad-strip-v229,.cc-ad-geometry-strip-v229{padding:.42rem .5rem!important}
.cc-ad-geometry-square-v229{padding:.38rem!important}
.cc-ad-geometry-compact-v229{padding:.34rem .42rem!important}
.cc-ad-geometry-rail-v229{padding:.3rem!important}
.cc-aads-login-anchor-v229{padding:.48rem!important}

/* Dashboard sponsorship: size the row around the actual 468x60 + 320x50
   creatives instead of stretching two mostly-empty cells across the page. */
.cc-dashboard-sponsored-v226{
  width:min(100%,52rem)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:.5rem!important;
  background:transparent!important;
  border-color:rgba(148,163,184,.10)!important;
}
html.dark .cc-dashboard-sponsored-v226{background:transparent!important;border-color:rgba(255,255,255,.055)!important}
.cc-dashboard-ad-grid-v226{
  display:grid!important;
  grid-template-columns:minmax(0,29.25rem) minmax(0,20rem)!important;
  justify-content:center!important;
  align-items:center!important;
  gap:.7rem!important;
  width:100%!important;
  margin:0 auto!important;
}
.cc-dashboard-ad-grid-v226.is-single{grid-template-columns:minmax(0,29.25rem)!important;max-width:29.25rem!important}
.cc-dashboard-ad-cell-v226{
  min-height:4.55rem!important;
  padding:.35rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(148,163,184,.08)!important;
}
html.dark .cc-dashboard-ad-cell-v226{background:rgba(255,255,255,.008)!important;border-color:rgba(255,255,255,.045)!important}
.cc-dashboard-ad-cell-v226 .cc-ad-geometry-dual-v229 .cc-ad-creative-v229{min-height:0!important}
@media(max-width:960px){
  .cc-dashboard-sponsored-v226{width:min(100%,30.5rem)!important}
  .cc-dashboard-ad-grid-v226,.cc-dashboard-ad-grid-v226.is-single{grid-template-columns:1fr!important;max-width:29.25rem!important}
}
@media(max-width:767px){
  .cc-dashboard-sponsored-v226{width:min(100%,22rem)!important;padding:.4rem!important}
  .cc-dashboard-ad-grid-v226,.cc-dashboard-ad-grid-v226.is-single{max-width:20.5rem!important;gap:.45rem!important}
  .cc-dashboard-ad-cell-v226{min-height:3.75rem!important;padding:.28rem!important}
}

/* Admin shell v230 is additive: v220 remains the stable baseline, while these
   hooks make key operational pages deterministic even if responsive utility
   behavior varies between browsers. */
.cc-admin-shell-v230 main{min-width:0!important}

/* Shared dense diagnostic rows: label + detail on one line at desktop, status
   fixed to the right; mobile wraps without horizontal overflow. */
.cc-admin-diagnostic-list-v230{display:block!important}
.cc-admin-diagnostic-row-v230{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.75rem!important;
  padding:.62rem .78rem!important;
  min-height:2.75rem!important;
}
.cc-admin-diagnostic-copy-v230{display:flex!important;align-items:baseline!important;gap:.45rem!important;min-width:0!important;line-height:1.25!important}
.cc-admin-diagnostic-label-v230{font-size:.78rem!important;font-weight:900!important;white-space:nowrap!important;color:#173540}
.cc-admin-diagnostic-detail-v230{font-size:.68rem!important;color:#71858E!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.cc-admin-diagnostic-detail-v230::before{content:'—';margin-right:.45rem;color:#9AAAB1}
.cc-admin-diagnostic-status-v230{justify-self:end!important;white-space:nowrap!important;font-size:.62rem!important;padding:.28rem .5rem!important}
html.dark .cc-admin-diagnostic-label-v230{color:#EAF4F7}
html.dark .cc-admin-diagnostic-detail-v230{color:#9FB1B8}

/* Production Health / Acceptance no longer stretch the right list to match a
   tall left summary card. */
.cc-admin-health-layout-v230,.cc-admin-acceptance-layout-v230{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:.7rem!important}
.cc-admin-health-layout-v230>*,.cc-admin-acceptance-layout-v230>*{align-self:start!important;width:100%!important}
@media(min-width:900px){
  .cc-admin-health-layout-v230,.cc-admin-acceptance-layout-v230{grid-template-columns:minmax(14rem,.48fr) minmax(0,1.52fr)!important}
}

/* Offer Approval: explicit responsive geometry replaces reliance on a single
   utility class that regressed to one-column on production. */
.cc-admin-page-offers .cc-offer-settings-v230{padding:1rem!important;border-radius:1rem!important}
.cc-admin-page-offers .cc-offer-settings-form-v230{display:grid!important;grid-template-columns:1fr!important;align-items:end!important;gap:.75rem!important}
.cc-admin-page-offers .cc-offer-summary-v230{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important}
.cc-admin-page-offers .cc-offer-summary-v230>div{min-height:0!important;padding:.7rem .8rem!important;border-radius:.72rem!important}
.cc-admin-page-offers .cc-offer-summary-v230 .text-7xl{font-size:2.8rem!important}
@media(min-width:760px){
  .cc-admin-page-offers .cc-offer-settings-form-v230{grid-template-columns:auto minmax(0,1fr) auto!important}
  .cc-admin-page-offers .cc-offer-summary-v230{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Compact reusable check decks used by Maintenance and SEO Health. */
.cc-admin-compact-checks-v230{display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important}
.cc-admin-compact-check-v230{padding:.62rem .72rem!important;border-radius:.72rem!important}
.cc-admin-compact-check-v230 .cc-admin-compact-head-v230{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:.6rem!important}
.cc-admin-compact-check-v230 .cc-admin-compact-detail-v230{font-size:.67rem!important;line-height:1.25!important;margin-top:.25rem!important;color:#71858E!important}
html.dark .cc-admin-compact-check-v230 .cc-admin-compact-detail-v230{color:#9FB1B8!important}
@media(min-width:980px){.cc-admin-compact-checks-v230{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:700px){
  .cc-admin-diagnostic-row-v230{grid-template-columns:1fr!important;gap:.35rem!important;padding:.62rem!important}
  .cc-admin-diagnostic-copy-v230{display:block!important}
  .cc-admin-diagnostic-label-v230,.cc-admin-diagnostic-detail-v230{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .cc-admin-diagnostic-detail-v230{display:block!important;margin-top:.18rem!important}
  .cc-admin-diagnostic-detail-v230::before{display:none!important}
  .cc-admin-diagnostic-status-v230{justify-self:start!important}
}
/* ===== END assets/css/cc-ux-v230.css ===== */

/* ===== BEGIN assets/css/cc-ux-v233.css ===== */
/* CryptoChoco v233 — provider-native card density + Tasks card system. */

/* Offerwalls: keep provider launchers and native campaigns intentionally compact. */
.cc-offerwall-provider-grid-v233,
.cc-offerwall-featured-grid-v233 {
  display: grid;
  gap: .7rem;
  align-items: stretch;
  justify-content: start;
}
.cc-offerwall-provider-grid-v233 { grid-template-columns: repeat(auto-fill, minmax(132px, 156px)); }
.cc-offerwall-featured-grid-v233 { grid-template-columns: repeat(auto-fill, minmax(158px, 188px)); }
.cc-offerwall-provider-card-v233,
.cc-offerwall-featured-card-v233 { width: 100%; min-width: 0; }
.cc-offerwall-provider-box-v233 { min-height: 88px; padding: .7rem .65rem; }
.cc-offerwall-featured-box-v233 { min-height: 142px; padding: .75rem; }
.cc-offerwall-provider-icon-v233 { width: 2.35rem; height: 2.35rem; margin-bottom: .45rem; }
.cc-offerwall-featured-icon-v233 { width: 2.55rem; height: 2.55rem; margin-bottom: .5rem; }
.cc-offerwall-featured-box-v233 h3 { font-size: .72rem; line-height: 1.15rem; }
.cc-offerwall-featured-box-v233 .cc-provider-badge { transform: scale(.92); transform-origin: center; }

/* Native Tasks: individual jobs, not provider-launcher tiles. */
.cc-task-grid-v233 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: .85rem;
}
.cc-task-card-v233 {
  min-width: 0;
  min-height: 205px;
  padding: .9rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cc-task-title-v233 { font-size: .93rem; line-height: 1.22rem; }
.cc-task-copy-v233 { font-size: .72rem; line-height: 1.12rem; }
.cc-task-reward-v233 { font-size: 1.15rem; line-height: 1.35rem; }
.cc-task-proof-v233 textarea { min-height: 72px; resize: vertical; }
.cc-task-provider-fallback-v233 {
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  padding:.75rem .9rem; border-radius:.9rem;
}

@media (max-width: 767px) {
  .cc-offerwall-provider-grid-v233 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cc-offerwall-featured-grid-v233 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .cc-offerwall-provider-box-v233 { min-height: 84px; }
  .cc-offerwall-featured-box-v233 { min-height: 136px; }
  .cc-task-grid-v233 { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .cc-offerwall-featured-grid-v233 { grid-template-columns: 1fr 1fr; gap:.55rem; }
  .cc-offerwall-featured-box-v233 { padding:.65rem; }
}
/* ===== END assets/css/cc-ux-v233.css ===== */

/* ===== BEGIN assets/css/cc-ux-v234.css ===== */
/* CryptoChoco v234 — provider inventory / task launcher polish.
   Additive only: preserves v222+ UX baseline and v233 compact card geometry. */

.cc-featured-head-v234 {
  align-items: flex-end;
  gap: .85rem;
}
.cc-featured-controls-v234 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
  flex-wrap: wrap;
}
.cc-featured-filter-v234 {
  width: auto;
  min-width: 10.75rem;
  max-width: 14rem;
  padding-top: .55rem;
  padding-bottom: .55rem;
  font-size: .72rem;
  font-weight: 800;
}
.cc-task-launcher-v234 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .9rem;
  width: min(100%, 34rem);
  padding: .85rem .95rem;
  border-radius: 1rem;
  text-decoration: none;
}
.cc-task-details-v234 {
  border-top: 1px solid rgba(148, 163, 184, .18);
  padding-top: .7rem;
}
@media (max-width: 640px) {
  .cc-featured-head-v234 { align-items: stretch; }
  .cc-featured-controls-v234 { justify-content: flex-start; width: 100%; }
  .cc-featured-filter-v234 { flex: 1 1 11rem; max-width: none; }
  .cc-task-launcher-v234 { align-items: stretch; flex-direction: column; }
  .cc-task-launcher-v234 .cc-btn { width: 100%; justify-content: center; }
}
/* ===== END assets/css/cc-ux-v234.css ===== */

/* ===== BEGIN assets/css/cc-ux-v240.css ===== */
/* CryptoChoco v240 — consolidated dashboard/onboarding, provider operations and advertiser-history polish. */
.cc-first-reward-path-v240{
  border-color:rgba(10,143,214,.18)!important;
  background:linear-gradient(135deg,rgba(10,143,214,.045),rgba(30,167,90,.025) 46%,rgba(255,255,255,.88))!important;
  box-shadow:0 14px 32px rgba(15,23,42,.045);
}
.dark .cc-first-reward-path-v240{
  border-color:rgba(66,184,234,.14)!important;
  background:linear-gradient(135deg,rgba(8,25,32,.94),rgba(6,29,30,.92) 48%,rgba(8,22,28,.94))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018);
}
.cc-onboarding-step-v240{
  position:relative;display:block;width:100%;min-height:6.3rem;padding:.9rem .95rem;border-radius:.9rem;text-align:left;
  border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.76);transition:border-color .16s ease,transform .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.cc-onboarding-step-v240:hover{transform:translateY(-1px);border-color:rgba(10,143,214,.32);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.dark .cc-onboarding-step-v240{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.075);box-shadow:none}
.dark .cc-onboarding-step-v240:hover{background:rgba(255,255,255,.04);border-color:rgba(67,183,238,.22)}
.cc-onboarding-step-v240.is-complete{border-color:rgba(30,167,90,.24);background:linear-gradient(135deg,rgba(30,167,90,.07),rgba(255,255,255,.76))}
.dark .cc-onboarding-step-v240.is-complete{background:linear-gradient(135deg,rgba(30,167,90,.075),rgba(255,255,255,.022));border-color:rgba(54,215,122,.18)}
.cc-onboarding-step-v240.is-current{border-color:rgba(10,143,214,.38);background:linear-gradient(135deg,rgba(10,143,214,.09),rgba(255,255,255,.80));box-shadow:0 0 0 1px rgba(10,143,214,.05),0 10px 24px rgba(10,143,214,.06)}
.dark .cc-onboarding-step-v240.is-current{background:linear-gradient(135deg,rgba(10,143,214,.12),rgba(255,255,255,.025));border-color:rgba(67,183,238,.34);box-shadow:0 0 0 1px rgba(67,183,238,.025)}
.cc-onboarding-step-v240.is-upcoming{opacity:.82}
.dark .cc-onboarding-step-v240.is-upcoming{opacity:.78}
.cc-progress-surface-v240{box-shadow:0 12px 28px rgba(15,23,42,.04)!important}
.dark .cc-progress-surface-v240{background:linear-gradient(135deg,rgba(8,24,29,.96),rgba(8,28,31,.92))!important;box-shadow:0 16px 34px rgba(0,0,0,.14)!important}
.dark .cc-progress-surface-success-v240{border-color:rgba(54,215,122,.14)!important}
.dark .cc-progress-surface-weekly-v240{border-color:rgba(255,195,74,.13)!important}
.cc-return-loop-v240{display:flex;flex-direction:column;gap:.32rem;padding:.72rem .8rem;border-radius:.8rem;border:1px solid rgba(10,143,214,.14);background:rgba(10,143,214,.04)}
.cc-return-loop-v240 div{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.cc-return-loop-v240 span{text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;font-weight:900;color:#0A8FD6}.cc-return-loop-v240 b{font-size:.73rem}.cc-return-loop-v240 small{font-size:.64rem;color:#64748b}
.dark .cc-return-loop-v240{background:rgba(10,143,214,.055);border-color:rgba(67,183,238,.14)}.dark .cc-return-loop-v240 small{color:#8fa0b3}

.cc-campaign-filters-v240,.cc-provider-health-filter-v240{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.cc-campaign-filters-v240 button,.cc-provider-health-filter-v240 button,.cc-provider-health-filter-v240 a{display:inline-flex;align-items:center;gap:.35rem;border-radius:.68rem;border:1px solid rgba(148,163,184,.2);padding:.46rem .65rem;font-size:.65rem;line-height:1;font-weight:850;color:#64748b;background:rgba(255,255,255,.7);transition:.15s ease}
.cc-campaign-filters-v240 button:hover,.cc-provider-health-filter-v240 button:hover,.cc-provider-health-filter-v240 a:hover{border-color:rgba(10,143,214,.30);color:#0A8FD6}
.cc-campaign-filters-v240 button.is-active,.cc-provider-health-filter-v240 button.is-active{border-color:rgba(10,143,214,.34);background:rgba(10,143,214,.09);color:#0A8FD6}
.cc-campaign-filters-v240 span,.cc-provider-health-filter-v240 span{font-variant-numeric:tabular-nums}
.dark .cc-campaign-filters-v240 button,.dark .cc-provider-health-filter-v240 button,.dark .cc-provider-health-filter-v240 a{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.08);color:#94a3b8}.dark .cc-campaign-filters-v240 button.is-active,.dark .cc-provider-health-filter-v240 button.is-active{background:rgba(10,143,214,.12);border-color:rgba(67,183,238,.25);color:#67c8f0}

.cc-test-surface-banner-v240{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:1rem;padding:.8rem .9rem;border-radius:.85rem;border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.065);color:#92400e}
.cc-test-surface-banner-v240>i{margin-top:.12rem}.cc-test-surface-banner-v240 b{display:block;font-size:.76rem}.cc-test-surface-banner-v240 span{display:block;margin-top:.15rem;font-size:.68rem;line-height:1.05rem;color:#78716c}
.dark .cc-test-surface-banner-v240{border-color:rgba(251,191,36,.16);background:rgba(245,158,11,.055);color:#fbbf24}.dark .cc-test-surface-banner-v240 span{color:#9ca3af}
.cc-task-stable-v240{border-color:rgba(54,215,122,.20)!important;background:linear-gradient(135deg,rgba(30,167,90,.045),rgba(255,255,255,.76))!important}
.dark .cc-task-stable-v240{background:linear-gradient(135deg,rgba(30,167,90,.055),rgba(255,255,255,.018))!important;border-color:rgba(54,215,122,.16)!important}

@media(max-width:640px){.cc-onboarding-step-v240{min-height:5.7rem}.cc-campaign-filters-v240,.cc-provider-health-filter-v240{gap:.32rem}.cc-campaign-filters-v240 button,.cc-provider-health-filter-v240 button,.cc-provider-health-filter-v240 a{padding:.42rem .55rem}}
/* ===== END assets/css/cc-ux-v240.css ===== */

/* ===== BEGIN assets/css/cc-ux-v255.css ===== */
/* CryptoChoco v255 — Telegram Mini App compact density + Rewarded Ads visual polish. */

/* Rewarded Ads shared surface (website + Telegram). */
.cc-rewarded-page-v255 {
  --cc-rw-border: rgba(56, 189, 248, .22);
  --cc-rw-surface: #0a2026;
  --cc-rw-surface-2: #0d2930;
  --cc-rw-text: #f2fbfd;
  --cc-rw-muted: #9bb7bf;
  --cc-rw-accent: #21b8f4;
  --cc-rw-shadow: 0 14px 34px rgba(0, 0, 0, .14);
}
html:not(.dark) .cc-rewarded-page-v255 {
  --cc-rw-border: rgba(14, 116, 144, .20);
  --cc-rw-surface: #edf8fb;
  --cc-rw-surface-2: #e4f3f7;
  --cc-rw-text: #102a32;
  --cc-rw-muted: #55717a;
  --cc-rw-accent: #087eb8;
  --cc-rw-shadow: 0 10px 28px rgba(8, 77, 104, .08);
}

.cc-reward-header-v255 {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.8rem;
  margin-bottom:.85rem;
}
.cc-reward-title-v255 { margin:0; font-size:1.45rem; line-height:1.15; font-weight:900; color:var(--cc-rw-text); }
.cc-reward-copy-v255 { margin-top:.3rem; font-size:.78rem; line-height:1.35; color:var(--cc-rw-muted); }
.cc-reward-format-v255 {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  border:1px solid var(--cc-rw-border);
  border-radius:999px;
  padding:.36rem .62rem;
  background:rgba(14, 165, 233, .08);
  color:var(--cc-rw-accent);
  font-size:.62rem;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}

.cc-reward-metrics-v255 {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.55rem;
  margin-bottom:.9rem;
}
.cc-reward-metric-v255 {
  min-width:0;
  min-height:66px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:.58rem .55rem;
  border:1px solid var(--cc-rw-border);
  border-radius:.95rem;
  background:linear-gradient(155deg, rgba(20,184,166,.08), rgba(14,165,233,.11)), var(--cc-rw-surface);
  box-shadow:0 4px 14px rgba(0,0,0,.06);
  text-align:center;
}
.cc-reward-metric-v255 .cc-rw-value {
  font-size:1.04rem;
  line-height:1.05;
  font-weight:900;
  color:var(--cc-rw-text);
  overflow-wrap:anywhere;
}
.cc-reward-metric-v255 .cc-rw-label {
  margin-top:.28rem;
  font-size:.56rem;
  line-height:1.1;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.055em;
  color:var(--cc-rw-muted);
}
.cc-reward-metric-v255[data-tone="attempts"] { border-color:rgba(56,189,248,.30); }
.cc-reward-metric-v255[data-tone="monetized"] { border-color:rgba(52,211,153,.30); }
.cc-reward-metric-v255[data-tone="not-monetized"] { border-color:rgba(251,191,36,.28); }
.cc-reward-metric-v255[data-tone="credited"] { border-color:rgba(16,185,129,.30); }
.cc-reward-metric-v255[data-tone="coins"] { border-color:rgba(249,115,22,.30); }
.cc-reward-metric-v255[data-tone="attempts"] .cc-rw-value { color:#38bdf8; }
.cc-reward-metric-v255[data-tone="monetized"] .cc-rw-value { color:#34d399; }
.cc-reward-metric-v255[data-tone="not-monetized"] .cc-rw-value { color:#fbbf24; }
.cc-reward-metric-v255[data-tone="credited"] .cc-rw-value { color:#10b981; }
.cc-reward-metric-v255[data-tone="coins"] .cc-rw-value { color:#fb923c; }

.cc-reward-action-v255 {
  position:relative;
  overflow:hidden;
  border:1px solid var(--cc-rw-border);
  border-radius:1.25rem;
  padding:1.05rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(14,165,233,.16), transparent 38%),
    radial-gradient(circle at 0% 100%, rgba(249,115,22,.10), transparent 36%),
    linear-gradient(145deg, var(--cc-rw-surface), var(--cc-rw-surface-2));
  box-shadow:var(--cc-rw-shadow);
}
.cc-reward-action-main-v255 { display:flex; align-items:center; gap:.8rem; text-align:left; }
.cc-reward-action-icon-v255 {
  width:48px; height:48px; flex:0 0 48px;
  display:grid; place-items:center;
  border:1px solid rgba(56,189,248,.25);
  border-radius:.9rem;
  background:rgba(14,165,233,.12);
  color:#38bdf8;
  font-size:1.18rem;
}
.cc-reward-action-title-v255 { margin:0; font-size:1.03rem; line-height:1.15; font-weight:900; color:var(--cc-rw-text); }
.cc-reward-action-copy-v255 { margin:.25rem 0 0; font-size:.73rem; line-height:1.35; color:var(--cc-rw-muted); }
.cc-reward-meta-v255 { display:flex; flex-wrap:wrap; gap:.35rem; margin:.75rem 0; }
.cc-reward-meta-v255 span {
  display:inline-flex; align-items:center; gap:.28rem;
  padding:.28rem .48rem; border-radius:999px;
  background:rgba(148,163,184,.08); border:1px solid rgba(148,163,184,.14);
  color:var(--cc-rw-muted); font-size:.60rem; line-height:1; font-weight:800;
}
.cc-reward-cta-v255 {
  width:100%; min-height:44px;
  display:flex; align-items:center; justify-content:center; gap:.55rem;
  padding:.7rem 1rem; border-radius:.85rem;
  border:1px solid rgba(56,189,248,.30);
  background:linear-gradient(135deg,#0a8fd6,#06b6d4);
  color:#fff; font-size:.88rem; font-weight:900;
  box-shadow:0 8px 20px rgba(10,143,214,.18);
  transition:transform .16s ease, filter .16s ease;
}
.cc-reward-cta-v255:hover { filter:brightness(1.05); }
.cc-reward-cta-v255:active { transform:scale(.985); }
.cc-reward-cta-v255[disabled] {
  background:rgba(148,163,184,.10);
  border-color:rgba(148,163,184,.18);
  color:var(--cc-rw-muted);
  box-shadow:none;
  cursor:not-allowed;
}

.cc-reward-web-cta-v255 {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  padding:1rem 1.15rem;
  border:1px solid var(--cc-rw-border);
  border-radius:1.2rem;
  background:linear-gradient(145deg,var(--cc-rw-surface),var(--cc-rw-surface-2));
  box-shadow:var(--cc-rw-shadow);
}
.cc-reward-web-cta-v255 .cc-web-tg-icon {
  width:46px; height:46px; display:grid; place-items:center; border-radius:.85rem;
  background:rgba(14,165,233,.12); color:#38bdf8; font-size:1.35rem;
}
.cc-reward-web-cta-v255 h3 { margin:0; font-size:1rem; line-height:1.2; font-weight:900; color:var(--cc-rw-text); }
.cc-reward-web-cta-v255 p { margin:.22rem 0 0; font-size:.72rem; line-height:1.35; color:var(--cc-rw-muted); max-width:54rem; }
.cc-reward-web-cta-v255 a { width:auto; min-width:210px; }

/* Telegram Mini App density and safe-area handling. */
body.cc-telegram-app-v255 {
  background-color:var(--tg-theme-bg-color,#071a1f) !important;
  color:var(--tg-theme-text-color,#e9f5f7);
  padding-bottom:calc(5.25rem + env(safe-area-inset-bottom, 0px)) !important;
}
.cc-telegram-app-v255 #app-content {
  padding:.7rem !important;
  padding-bottom:calc(6.4rem + env(safe-area-inset-bottom, 0px)) !important;
}
.cc-tg-bottom-nav-v255 {
  background:var(--tg-theme-secondary-bg-color,#0b2329) !important;
  padding-bottom:env(safe-area-inset-bottom, 0px) !important;
  border-top-color:rgba(148,163,184,.14) !important;
  border-radius:1.15rem 1.15rem 0 0 !important;
}
.cc-tg-bottom-nav-v255 > div { padding-left:.55rem !important; padding-right:.55rem !important; }
.cc-telegram-app-v255 .nav-item > div:not(.nav-dot) { padding:.42rem !important; margin-bottom:0 !important; }
.cc-telegram-app-v255 .nav-item i { font-size:1rem !important; }
.cc-telegram-app-v255 .nav-item span { font-size:.54rem !important; }

.cc-rewarded-page-v255.is-telegram { padding:.1rem !important; }
.cc-rewarded-page-v255.is-telegram .cc-reward-header-v255 { margin-bottom:.65rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-title-v255 { font-size:1.22rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-copy-v255 { font-size:.69rem; max-width:230px; }
.cc-rewarded-page-v255.is-telegram .cc-reward-format-v255 { padding:.3rem .5rem; font-size:.55rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-metrics-v255 {
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.42rem;
  margin-bottom:.7rem;
}
.cc-rewarded-page-v255.is-telegram .cc-reward-metric-v255 { min-height:58px; padding:.45rem .35rem; border-radius:.8rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-metric-v255:nth-child(-n+3) { grid-column:span 2; }
.cc-rewarded-page-v255.is-telegram .cc-reward-metric-v255:nth-child(n+4) { grid-column:span 3; }
.cc-rewarded-page-v255.is-telegram .cc-reward-metric-v255 .cc-rw-value { font-size:.92rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-metric-v255 .cc-rw-label { font-size:.48rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-action-v255 { padding:.85rem; border-radius:1rem; box-shadow:none; }
.cc-rewarded-page-v255.is-telegram .cc-reward-action-icon-v255 { width:42px; height:42px; flex-basis:42px; font-size:1rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-action-title-v255 { font-size:.96rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-action-copy-v255 { font-size:.67rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-meta-v255 { margin:.6rem 0; gap:.3rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-meta-v255 span { font-size:.54rem; padding:.25rem .4rem; }
.cc-rewarded-page-v255.is-telegram .cc-reward-cta-v255 { min-height:42px; font-size:.82rem; padding:.62rem .8rem; }
.cc-rewarded-page-v255.is-telegram #ad-message { margin-top:.65rem !important; padding:.7rem !important; border-radius:.9rem !important; }
.cc-rewarded-page-v255.is-telegram .cc-page-bottom-ad-v227 { margin-top:.8rem !important; }

/* Compact host-side provider launchers in Telegram. Cross-origin provider iframe content cannot be restyled. */
.cc-telegram-app-v255 .cc-offerwall-provider-grid-v233 { gap:.45rem; }
.cc-telegram-app-v255 .cc-offerwall-provider-box-v233 { min-height:70px; padding:.5rem .45rem; }
.cc-telegram-app-v255 .cc-offerwall-provider-icon-v233 { width:2rem; height:2rem; margin-bottom:.3rem; }
.cc-telegram-app-v255 .cc-offerwall-provider-box-v233 h3 { font-size:.67rem; line-height:.95rem; }

@media (max-width: 767px) {
  .cc-reward-metrics-v255 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cc-reward-web-cta-v255 { grid-template-columns:auto minmax(0,1fr); }
  .cc-reward-web-cta-v255 a { grid-column:1 / -1; width:100%; min-width:0; }
}
@media (max-width: 420px) {
  .cc-reward-header-v255 { gap:.55rem; }
  .cc-reward-title-v255 { font-size:1.18rem; }
  .cc-reward-action-main-v255 { align-items:flex-start; }
}
/* ===== END assets/css/cc-ux-v255.css ===== */

/* ===== BEGIN assets/css/cc-ux-v262.css ===== */
/* CryptoChoco v262 — Admin UI geometry repair, dark-theme consistency and user-surface polish.
   Additive override loaded after v230/v255. No financial or callback logic lives here. */

/* ---------- Shared brand/header safety ---------- */
.cc-admin-module-v220 .cc-admin-module-brandbar{
  min-height:3.8rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:1rem!important;margin-top:.35rem!important;margin-bottom:.65rem!important;padding:.55rem .75rem!important;
}
.cc-admin-module-v220 .cc-brand-lockup{display:flex!important;align-items:center!important;gap:.62rem!important;min-width:0!important}
.cc-admin-module-v220 .cc-brand-mark,.cc-admin-module-v220 img.cc-brand-mark{
  width:2rem!important;height:2rem!important;max-width:2rem!important;max-height:2rem!important;min-width:2rem!important;min-height:2rem!important;
  object-fit:contain!important;display:block!important;flex:0 0 2rem!important;margin:0!important
}
.cc-admin-module-v220 .cc-brand-mark-sm,.cc-admin-module-v220 img.cc-brand-mark-sm{
  width:1.75rem!important;height:1.75rem!important;max-width:1.75rem!important;max-height:1.75rem!important;min-width:1.75rem!important;min-height:1.75rem!important;flex-basis:1.75rem!important
}
.cc-admin-module-v220 .cc-brand-name{display:block!important;line-height:1.05rem!important;font-size:.92rem!important;white-space:nowrap!important}
.cc-admin-module-v220 .cc-brand-subtitle{font-size:.58rem!important;line-height:.78rem!important;margin-top:.08rem!important}
.cc-admin-module-v220 .cc-v262-standalone-content{margin-top:.25rem!important}

/* ---------- Dark theme repair for legacy standalone Admin modules ---------- */
html.dark .cc-admin-module-v220{background:#020817!important;color:#e5e7eb!important}
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .bg-white\/70,
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .bg-white\/80,
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .bg-white,
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .bg-gray-50,
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .bg-gray-100{
  background-color:#081d22!important;color:#e5e7eb!important
}
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 form.bg-white\/70,
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 form.bg-white{
  background-color:#081d22!important;border-color:rgba(255,255,255,.09)!important
}
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 input,
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 select,
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 textarea{
  background-color:#061b20!important;color:#f8fafc!important;border-color:rgba(255,255,255,.10)!important
}
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .text-gray-800,
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .text-gray-900{color:#f8fafc!important}
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .text-gray-700{color:#dbe4ea!important}
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .text-gray-600{color:#bac7cf!important}
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 .text-gray-500{color:#8fa6b1!important}

/* Same background guard for main Admin shell where legacy utility backgrounds leak into dark mode. */
html.dark .cc-admin-shell-v230 main .bg-white\/70,
html.dark .cc-admin-shell-v230 main .bg-white\/80,
html.dark .cc-admin-shell-v230 main .bg-gray-50\/70{background-color:rgba(8,29,34,.94)!important}
html.dark .cc-admin-shell-v230 main .bg-gray-50{background-color:#071c21!important}

/* ---------- Restore intended wide desktop canvas ---------- */
@media(min-width:1024px){
  :is(.cc-admin-page-users,.cc-admin-page-risk,.cc-admin-page-provider_ops,.cc-admin-page-provider_credentials,
      .cc-admin-page-profit,.cc-admin-page-revenue_sustainability,.cc-admin-page-provider_revenue_reconciliation,
      .cc-admin-page-provider_margin_protection,.cc-admin-page-growth,.cc-admin-page-acquisition,
      .cc-admin-page-experiments,.cc-admin-page-external_ads) main>div[class*="max-w-"],
  :is(.cc-admin-page-users,.cc-admin-page-risk,.cc-admin-page-provider_ops,.cc-admin-page-provider_credentials,
      .cc-admin-page-profit,.cc-admin-page-revenue_sustainability,.cc-admin-page-provider_revenue_reconciliation,
      .cc-admin-page-provider_margin_protection,.cc-admin-page-growth,.cc-admin-page-acquisition,
      .cc-admin-page-experiments,.cc-admin-page-external_ads) main>div.w-full{
    width:min(100%,96rem)!important;max-width:96rem!important;margin-left:auto!important;margin-right:auto!important
  }
  .cc-admin-page-provider_ops main>div[class*="max-w-"],.cc-admin-page-provider_credentials main>div[class*="max-w-"]{max-width:98rem!important;width:min(100%,98rem)!important}
  .cc-admin-page-profit main>div[class*="max-w-"]{max-width:92rem!important;width:min(100%,92rem)!important}
}
.cc-page-head-v262{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;transform:none!important}
.cc-page-head-v262>div:first-child{min-width:0!important}

/* ---------- Global compact Admin table rhythm + visible separators ---------- */
.cc-admin-shell-v230 main table.cc-admin-table-v220{border-collapse:separate!important;border-spacing:0!important}
.cc-admin-shell-v230 main table.cc-admin-table-v220 th,
.cc-admin-shell-v230 main table.cc-admin-table-v220 td{
  padding:.42rem .55rem!important;vertical-align:top!important;line-height:1.16!important
}
.cc-admin-shell-v230 main table.cc-admin-table-v220 tbody tr>td{border-bottom:1px solid rgba(148,163,184,.14)!important}
html.dark .cc-admin-shell-v230 main table.cc-admin-table-v220 tbody tr>td{border-bottom-color:rgba(255,255,255,.065)!important}
.cc-admin-shell-v230 main table.cc-admin-table-v220 thead th{border-bottom:1px solid rgba(148,163,184,.20)!important;white-space:nowrap!important}
html.dark .cc-admin-shell-v230 main table.cc-admin-table-v220 thead th{border-bottom-color:rgba(255,255,255,.10)!important}
.cc-admin-shell-v230 main table.cc-admin-table-v220 tbody tr:last-child>td{border-bottom-width:0!important}

/* ---------- Shared compact KPI cards ---------- */
@media(min-width:1024px){
  .cc-v262-kpi-grid{gap:.58rem!important;margin-bottom:.82rem!important}
  .cc-v262-kpi-grid>div,.cc-v262-kpi-grid>section{min-height:0!important;padding:.62rem .72rem!important;border-radius:.7rem!important}
  .cc-v262-kpi-grid .text-2xl{font-size:1.02rem!important;line-height:1.18rem!important}
  .cc-v262-kpi-grid .text-xl{font-size:.94rem!important;line-height:1.12rem!important}
}

/* ---------- Provider Operations ---------- */
@media(min-width:1024px){
  .cc-admin-page-provider_ops main .grid.grid-cols-2.md\:grid-cols-3.xl\:grid-cols-6>div,
  .cc-admin-page-provider_credentials main .grid.grid-cols-2.md\:grid-cols-3.xl\:grid-cols-6>div{min-height:0!important;padding:.62rem!important}
  .cc-admin-page-provider_ops main .space-y-6>:not([hidden])~:not([hidden]),
  .cc-admin-page-provider_credentials main .space-y-6>:not([hidden])~:not([hidden]){margin-top:.62rem!important}
  .cc-admin-page-provider_ops main section,.cc-admin-page-provider_credentials main section{scroll-margin-top:5rem!important}
}
.cc-v262-task-block{min-width:0!important}
html.dark .cc-admin-page-provider_ops main .cc-v262-task-block~div.bg-white,
html.dark .cc-admin-page-provider_ops main label.bg-white{background:#071c21!important;color:#dbe4ea!important;border-color:rgba(255,255,255,.08)!important}
.cc-v262-provider-matrix tbody td{padding-top:.34rem!important;padding-bottom:.34rem!important}
.cc-v262-provider-matrix tbody td:not(:first-child),.cc-v262-provider-matrix thead th:not(:first-child){text-align:center!important}
.cc-v262-provider-matrix tbody tr:nth-child(even){background:rgba(148,163,184,.025)!important}

/* ---------- User Management ---------- */
@media(min-width:1024px){
 .cc-admin-page-users main .cc-v262-kpi-grid>div{padding:.58rem .72rem!important;min-height:3.55rem!important}
 .cc-admin-page-users main .cc-v262-kpi-grid>div i[class*="text-6xl"],
 .cc-admin-page-users main .cc-v262-kpi-grid>div .text-6xl{font-size:2rem!important;opacity:.10!important}
 .cc-admin-page-users main table td{padding-top:.38rem!important;padding-bottom:.38rem!important}
}

/* ---------- Risk review: compact but preserve evidence ---------- */
@media(min-width:1024px){
 .cc-admin-page-risk main .cc-v262-kpi-grid>div{padding:.55rem .68rem!important}
 .cc-admin-page-risk main .cc-v262-risk-card{padding:.68rem!important}
 .cc-admin-page-risk main .cc-v262-risk-card>div{grid-template-columns:180px 108px minmax(0,1fr) 300px!important;gap:.62rem!important}
 .cc-admin-page-risk main .cc-v262-risk-card .space-y-2>:not([hidden])~:not([hidden]){margin-top:.38rem!important}
 .cc-admin-page-risk main .cc-v262-risk-card .rounded-xl.p-3{padding:.52rem!important}
 .cc-admin-page-risk main .cc-v262-risk-card form{padding:.55rem!important}
 .cc-admin-page-risk main .cc-v262-risk-card form button{margin-top:.5rem!important;padding-top:.45rem!important;padding-bottom:.45rem!important}
}

/* ---------- Profit Dashboard ---------- */
@media(min-width:1024px){
 .cc-admin-page-profit main .cc-v262-profit-snapshots{gap:.65rem!important;margin-bottom:.8rem!important}
 .cc-admin-page-profit main .cc-v262-profit-snapshots>div{padding:.65rem!important}
 .cc-admin-page-profit main .cc-v262-profit-snapshots .mb-3{margin-bottom:.45rem!important}
 .cc-admin-page-profit main .grid.gap-5{gap:.75rem!important}
 .cc-admin-page-profit main .p-5,.cc-admin-page-profit main .md\:p-6{padding:.72rem!important}
 .cc-admin-page-profit main .space-y-4>:not([hidden])~:not([hidden]){margin-top:.55rem!important}
 .cc-admin-page-profit main .h-\[300px\]{height:255px!important}
 .cc-admin-page-profit main table td{padding-top:.4rem!important;padding-bottom:.4rem!important}
}
html.dark .cc-admin-page-profit main .cc-v262-profit-snapshots>div{background:#071c21!important;border-color:rgba(255,255,255,.08)!important}

/* ---------- Revenue Sustainability ---------- */
@media(min-width:1024px){
 .cc-admin-page-revenue_sustainability main .cc-v262-kpi-grid>div{padding:.52rem .62rem!important}
 .cc-admin-page-revenue_sustainability main .cc-v262-sustainability-main{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;gap:.72rem!important}
 .cc-admin-page-revenue_sustainability main .cc-v262-sustainability-main>div{padding:.72rem!important}
 .cc-admin-page-revenue_sustainability main .cc-v262-sustainability-main .space-y-3>:not([hidden])~:not([hidden]){margin-top:.45rem!important}
 .cc-admin-page-revenue_sustainability main .cc-v262-sustainability-main .rounded-xl.border.p-4{padding:.55rem .65rem!important}
 .cc-admin-page-revenue_sustainability main .cc-v262-sustainability-main .mt-4{margin-top:.6rem!important}
}

/* ---------- Reconciliation & Margin tables ---------- */
.cc-v262-reconciliation-table td:nth-child(2),
.cc-v262-reconciliation-table td:nth-child(3),
.cc-v262-reconciliation-table td:nth-child(4),
.cc-v262-reconciliation-table td:nth-child(5),
.cc-v262-reconciliation-table td:nth-child(6),
.cc-v262-reconciliation-table td:nth-child(7),
.cc-v262-reconciliation-table td:nth-child(8){white-space:nowrap!important}
.cc-v262-reconciliation-table td:last-child{min-width:18rem!important;white-space:normal!important;line-height:1.28!important}
.cc-v262-margin-table td:nth-child(2),.cc-v262-margin-table td:nth-child(3),.cc-v262-margin-table td:nth-child(8),.cc-v262-margin-table td:nth-child(9),.cc-v262-margin-table td:nth-child(10){white-space:nowrap!important}
.cc-v262-margin-table td:last-child{min-width:19rem!important;white-space:normal!important;line-height:1.28!important}
@media(min-width:1024px){
 .cc-admin-page-provider_revenue_reconciliation main .p-5,
 .cc-admin-page-provider_margin_protection main .p-5{padding:.68rem!important}
 .cc-admin-page-provider_revenue_reconciliation main table td,
 .cc-admin-page-provider_margin_protection main table td{padding-top:.36rem!important;padding-bottom:.36rem!important}
}

/* ---------- Growth / Acquisition / Experiments ---------- */
@media(min-width:1024px){
 :is(.cc-admin-page-growth,.cc-admin-page-acquisition,.cc-admin-page-experiments) main .gap-5{gap:.72rem!important}
 :is(.cc-admin-page-growth,.cc-admin-page-acquisition,.cc-admin-page-experiments) main .gap-4{gap:.6rem!important}
 :is(.cc-admin-page-growth,.cc-admin-page-acquisition,.cc-admin-page-experiments) main .p-5{padding:.66rem!important}
 :is(.cc-admin-page-growth,.cc-admin-page-acquisition,.cc-admin-page-experiments) main .p-4{padding:.58rem!important}
 :is(.cc-admin-page-growth,.cc-admin-page-acquisition,.cc-admin-page-experiments) main .mb-6{margin-bottom:.82rem!important}
 :is(.cc-admin-page-growth,.cc-admin-page-acquisition,.cc-admin-page-experiments) main .mt-6{margin-top:.82rem!important}
 .cc-admin-page-growth main .text-4xl,.cc-admin-page-acquisition main .text-4xl,.cc-admin-page-experiments main .text-4xl{font-size:1.45rem!important}
 .cc-admin-page-growth main [class*="min-h-"]{min-height:0!important}
}

/* ---------- Ad Control Center ---------- */
@media(min-width:1024px){
 .cc-admin-page-external_ads main{padding:.85rem!important}
 .cc-admin-page-external_ads .cc-ad-control-v224{width:100%!important;max-width:96rem!important}
 .cc-admin-page-external_ads .cc-ad-kpi-v223{padding:.58rem .68rem!important;min-height:0!important}
 .cc-admin-page-external_ads .cc-ad-panel-v224{padding:.68rem!important;margin-bottom:.72rem!important}
 .cc-admin-page-external_ads .cc-ad-panel-v224 .mt-5{margin-top:.65rem!important}
 .cc-admin-page-external_ads .cc-ad-panel-v224 .gap-5{gap:.65rem!important}
 .cc-admin-page-external_ads form.space-y-6>:not([hidden])~:not([hidden]){margin-top:.7rem!important}
 .cc-admin-page-external_ads #external-ads-form>section{scroll-margin-top:5rem!important}
}

/* ---------- Choco Draw & standalone module compaction ---------- */
@media(min-width:1024px){
 .cc-admin-module-v220 .cc-v262-standalone-content .p-6{padding:.78rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .p-5{padding:.68rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .p-4{padding:.58rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .gap-6{gap:.7rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .gap-5{gap:.62rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .gap-4{gap:.55rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .mb-8{margin-bottom:.85rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .mb-6{margin-bottom:.7rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .mt-8{margin-top:.85rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .space-y-6>:not([hidden])~:not([hidden]){margin-top:.65rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .space-y-5>:not([hidden])~:not([hidden]){margin-top:.58rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .text-3xl{font-size:1.35rem!important;line-height:1.55rem!important}
 .cc-admin-module-v220 .cc-v262-standalone-content .text-2xl{font-size:1.08rem!important;line-height:1.3rem!important}
}

/* ---------- Daily Rewards / Missions compact user UI ---------- */
@media(min-width:900px){
 .cc-daily-page-v111 .cc-missions-v46{padding:.78rem!important}
 .cc-daily-page-v111 .cc-mission-overview{gap:.65rem!important}
 .cc-daily-page-v111 .cc-mission-score{padding:.42rem .58rem!important;min-width:4.9rem!important}
 .cc-daily-page-v111 .cc-mission-master-progress{margin-top:.58rem!important;height:.34rem!important}
 .cc-daily-page-v111 .cc-unlock-path{margin-top:.58rem!important;gap:.36rem!important}
 .cc-daily-page-v111 .cc-unlock-step{padding:.48rem .58rem!important;gap:.45rem!important}
 .cc-daily-page-v111 .cc-unlock-step-icon{width:1.72rem!important;height:1.72rem!important;flex-basis:1.72rem!important}
 .cc-daily-page-v111 .cc-mission-next-action{margin-top:.62rem!important;padding:.52rem .65rem!important}
 .cc-daily-page-v111 .cc-mission-grid-v46{gap:.52rem!important;margin-top:.62rem!important}
 .cc-daily-page-v111 .cc-mission-item-v46{padding:.6rem!important}
 .cc-daily-page-v111 .cc-mission-icon{width:1.78rem!important;height:1.78rem!important;flex-basis:1.78rem!important}
 .cc-daily-page-v111 .cc-mission-item-footer{margin-top:.4rem!important}
 .cc-daily-page-v111 .cc-inline-progress.mt-3{margin-top:.42rem!important}
 .cc-daily-page-v111 .cc-card{padding:.75rem!important}
}
.cc-mission-item-v46.is-standby{border-style:dashed!important;opacity:.78!important}
.cc-mission-item-v46.is-standby .cc-mission-icon{color:#38bdf8!important;background:rgba(14,165,233,.08)!important}

/* ---------- AdsLab presence hint on Offerwalls ---------- */
.cc-v262-native-provider-note{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.62rem .72rem;border:1px solid rgba(14,165,233,.16);border-radius:.8rem;background:rgba(14,165,233,.045)}
@media(max-width:639px){.cc-v262-native-provider-note{align-items:flex-start;flex-direction:column}}

/* ---------- Surveys advertising geometry ---------- */
.cc-surveys-ad-zone-v262{width:100%;display:grid;justify-items:center;align-items:start;gap:.55rem;margin-top:.8rem;overflow:hidden}
.cc-surveys-ad-zone-v262>[data-cc-ad-slot-v224],.cc-surveys-ad-zone-v262 #banner-bottom{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.cc-surveys-ad-zone-v262 iframe,.cc-surveys-ad-zone-v262 img{display:block!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.cc-surveys-bottom-banner-v262{overflow:hidden!important;min-height:0!important}

/* ---------- Prevent technical policy wording from leaking as badge-like visual artifacts ---------- */
.cc-earn-page-v111 [data-cc-user-share-v260]{display:none!important}

/* Provider economics dense financial table */
.cc-v262-provider-economics td:nth-child(n+3):nth-child(-n+15),.cc-v262-provider-economics th:nth-child(n+3):nth-child(-n+15){white-space:nowrap!important}
.cc-v262-provider-economics td:nth-child(2){min-width:12rem!important;line-height:1.2!important}
.cc-v262-provider-economics td:last-child{min-width:12rem!important;white-space:normal!important}
@media(min-width:1024px){
 .cc-v262-provider-economics td,.cc-v262-provider-economics th{padding:.36rem .45rem!important}
 .cc-v262-provider-economics tbody tr{height:auto!important}
}

/* v230 intentionally collapsed several data-heavy growth grids; v262 restores each page's declared desktop grid. */
@media(min-width:1024px){
 :is(.cc-admin-page-growth,.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-external_ads) main .lg\:grid-cols-2,
 :is(.cc-admin-page-growth,.cc-admin-page-acquisition,.cc-admin-page-experiments,.cc-admin-page-external_ads) main .xl\:grid-cols-2{
   grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}

/* Exact light utility colors must never survive in a dark Admin shell. */
html.dark .cc-admin-shell-v230 main .bg-white{background-color:#081d22!important}
html.dark .cc-admin-shell-v230 main .bg-gray-100{background-color:#0a242a!important}
html.dark .cc-admin-shell-v230 main thead.bg-gray-50{background-color:#0b2b32!important}

.cc-v262-sustainability-main{align-items:start!important}
/* ===== END assets/css/cc-ux-v262.css ===== */

/* ===== BEGIN assets/css/cc-ux-v263.css ===== */
/* CryptoChoco v263 — full visual QA, theme contrast, compact desktop geometry.
   Presentation only. No reward, callback, withdrawal or provider-finance logic. */

/* ===== Theme contrast baseline ===== */
:root{
  --cc-v263-dark-bg:#06191e;
  --cc-v263-dark-panel:#0a242a;
  --cc-v263-dark-panel-2:#0c2a31;
  --cc-v263-dark-text:#eef5f7;
  --cc-v263-dark-muted:#a9bbc3;
  --cc-v263-dark-subtle:#8fa6b0;
  --cc-v263-light-text:#243943;
  --cc-v263-light-muted:#526b76;
  --cc-v263-light-subtle:#607680;
}
html.dark :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-400{color:var(--cc-v263-dark-muted)!important}
html.dark :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-500{color:var(--cc-v263-dark-subtle)!important}
html.dark :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-600{color:#bdcbd1!important}
html:not(.dark) :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-400{color:var(--cc-v263-light-subtle)!important}
html:not(.dark) :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-500{color:var(--cc-v263-light-muted)!important}
html:not(.dark) :is(.cc-admin-shell-v230,.cc-admin-module-v220,.cc-app-shell-v111,.cc-public-shell-v111) .text-gray-600{color:#405a65!important}

/* Light utility backgrounds may exist in legacy templates; keep contrast coherent in dark mode. */
html.dark .cc-admin-shell-v230 main :is(.bg-white,.bg-white\/70,.bg-white\/80,.bg-gray-50,.bg-gray-50\/70,.bg-gray-100),
html.dark .cc-admin-module-v220 .cc-admin-module-content-v219 :is(.bg-white,.bg-white\/70,.bg-white\/80,.bg-gray-50,.bg-gray-50\/70,.bg-gray-100){
  background-color:var(--cc-v263-dark-panel)!important;color:var(--cc-v263-dark-text)!important;border-color:rgba(255,255,255,.085)!important
}
html.dark .cc-admin-shell-v230 main :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]),
html.dark .cc-admin-module-v220 :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){
  background-color:#061b20!important;color:#f7fafb!important;border-color:rgba(255,255,255,.12)!important
}

/* ===== Canonical desktop canvas/headings ===== */
@media(min-width:1024px){
  .cc-admin-shell-v230 main>div[class*="max-w-"]{padding-top:1rem!important;padding-bottom:1.25rem!important}
  .cc-admin-page-accounting main>div[class*="max-w-"],
  .cc-admin-page-security main>div[class*="max-w-"],
  .cc-admin-page-reputation main>div[class*="max-w-"],
  .cc-admin-page-timewall main>div[class*="max-w-"]{width:min(100%,92rem)!important;max-width:92rem!important;margin-inline:auto!important}
}
.cc-page-head-v262{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:.75rem!important;align-items:start!important;margin-bottom:1rem!important}
@media(min-width:1180px){
 .cc-page-head-v262{grid-template-columns:minmax(0,1fr) auto!important}
 .cc-page-head-v262>div:last-child{align-self:start!important;min-width:10rem!important;padding:.72rem .85rem!important}
}
.cc-page-head-v262 h1{line-height:1.08!important}
.cc-page-head-v262 p{line-height:1.42!important}

/* ===== Standalone Admin canonical width ===== */
.cc-admin-module-v220 .cc-admin-module-brandbar,
.cc-admin-module-v220 .cc-admin-module-content-v219{width:min(100% - 2rem,88rem)!important;max-width:88rem!important;margin-left:auto!important;margin-right:auto!important}
.cc-admin-module-v220 .cc-admin-module-content-v219{padding-left:0!important;padding-right:0!important;padding-top:1rem!important}
@media(max-width:767px){
 .cc-admin-module-v220 .cc-admin-module-brandbar,
 .cc-admin-module-v220 .cc-admin-module-content-v219{width:min(100% - 1rem,88rem)!important}
 .cc-admin-module-v220 .cc-admin-module-content-v219{padding-top:.7rem!important}
}

/* ===== User Management ===== */
@media(min-width:768px){
 .cc-admin-page-users .cc-v262-kpi-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.6rem!important}
 .cc-admin-page-users .cc-v262-kpi-grid>div{min-height:4.15rem!important;position:relative!important;overflow:hidden!important}
}

/* ===== Provider Operations / financial cards ===== */
html.dark .cc-admin-page-provider_ops main .cc-v262-provider-economics :is(.bg-gray-100,.bg-gray-50,.bg-white),
html.dark .cc-admin-page-provider_ops main .cc-v263-calibration-card,
html.dark .cc-admin-page-provider_ops main [data-cc-calibration-summary]{background:#102a30!important;color:#e8f1f4!important;border-color:rgba(255,255,255,.08)!important}
.cc-v263-calibration-card{background:rgba(148,163,184,.10)!important;border:1px solid rgba(148,163,184,.15)!important}
html.dark .cc-v263-calibration-card{background:#102a30!important}
.cc-v262-provider-economics{font-size:.72rem!important}
.cc-v262-provider-economics th,.cc-v262-provider-economics td{padding:.34rem .38rem!important}
.cc-v262-provider-economics th{font-size:.58rem!important;letter-spacing:.035em!important}
.cc-v262-provider-economics td:nth-child(1){min-width:8.3rem!important}
.cc-v262-provider-economics td:nth-child(2){min-width:10.5rem!important;max-width:12rem!important}
.cc-v262-provider-economics td:last-child{min-width:7rem!important;max-width:11rem!important}
.cc-v263-table-scroll{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.cc-v263-table-scroll table{width:max-content!important;min-width:100%!important}

/* ===== Sustainability / Reconciliation / Margin headers ===== */
@media(min-width:1024px){
 .cc-admin-page-revenue_sustainability .cc-v262-kpi-grid,
 .cc-admin-page-provider_margin_protection .cc-v262-kpi-grid{margin-top:0!important;margin-bottom:.7rem!important}
 .cc-admin-page-provider_revenue_reconciliation main .grid.md\:grid-cols-3{gap:.65rem!important}
 .cc-admin-page-provider_revenue_reconciliation main .grid.md\:grid-cols-3>div{padding:.68rem!important}
 .cc-admin-page-provider_margin_protection main .cc-v262-kpi-grid>div{padding:.55rem .65rem!important}
}

/* ===== Revenue/Margin tables ===== */
.cc-v262-reconciliation-table,.cc-v262-margin-table{font-size:.72rem!important}
.cc-v262-reconciliation-table th,.cc-v262-reconciliation-table td,
.cc-v262-margin-table th,.cc-v262-margin-table td{padding:.34rem .42rem!important;line-height:1.16!important}
.cc-v262-reconciliation-table td:nth-child(2),.cc-v262-reconciliation-table td:nth-child(5),.cc-v262-reconciliation-table td:nth-child(6),
.cc-v262-margin-table td:nth-child(2),.cc-v262-margin-table td:nth-child(3){white-space:normal!important;overflow-wrap:anywhere!important;min-width:7.2rem!important}
.cc-v262-reconciliation-table td:last-child,.cc-v262-margin-table td:last-child{min-width:14rem!important;max-width:22rem!important}
.cc-v262-reconciliation-table tbody tr>td,.cc-v262-margin-table tbody tr>td{border-bottom:1px solid rgba(148,163,184,.10)!important}
html.dark :is(.cc-v262-reconciliation-table,.cc-v262-margin-table) tbody tr>td{border-bottom-color:rgba(255,255,255,.065)!important}

/* ===== Growth / Acquisition / Experiments / Ad Control ===== */
@media(min-width:1024px){
 .cc-admin-page-growth main .cc-v263-funnel-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.65rem!important;align-items:stretch!important}
 .cc-admin-page-growth main .cc-v263-funnel-flow>.cc-v263-funnel-arrow{display:none!important}
 .cc-admin-page-growth main .cc-v263-funnel-flow>div{min-height:0!important;padding:.68rem!important}
 .cc-admin-page-growth main .cc-v263-retention-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.55rem!important}
 .cc-admin-page-acquisition main .cc-v263-conversion-funnel{gap:.48rem!important}
 .cc-admin-page-acquisition main .cc-v263-conversion-funnel>div{padding:.58rem!important;min-height:4.6rem!important}
 .cc-admin-page-experiments main .cc-v263-experiment-summary>div{padding:.62rem!important}
 .cc-admin-page-external_ads .cc-ad-kpi-v223{min-height:3.9rem!important;padding:.55rem .72rem!important}
}

/* ===== Reputation / Security / Accounting compact QA ===== */
@media(min-width:1024px){
 .cc-admin-page-reputation main .grid.xl\:grid-cols-8>div{padding:.62rem!important;min-height:0!important}
 .cc-admin-page-security main .grid.grid-cols-2.md\:grid-cols-4>div{padding:.62rem!important;min-height:0!important}
 .cc-admin-page-accounting main .grid.grid-cols-2.md\:grid-cols-4.xl\:grid-cols-8>div{padding:.58rem!important;min-height:0!important}
 .cc-admin-page-accounting main .space-y-5>:not([hidden])~:not([hidden]){margin-top:.6rem!important}
}

/* ===== Login / account rule notice ===== */
.cc-one-account-notice-v263{display:flex;align-items:flex-start;gap:.62rem;padding:.72rem .8rem;border:1px solid rgba(245,158,11,.25);border-radius:.85rem;background:rgba(245,158,11,.075);color:#7c4a03;font-size:.72rem;line-height:1.45}
html.dark .cc-one-account-notice-v263{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.22);color:#f4cf7a}
.cc-one-account-notice-v263 i{margin-top:.12rem;color:#f59e0b}

/* ===== Mobile Guest/Login advertisement ===== */
.cc-aads-login-anchor-v263{width:100%!important;max-width:100%!important;margin:.8rem auto 0!important;padding:.45rem!important;overflow:hidden!important}
.cc-aads-login-anchor-v263 .cc-server-ad-slot-v227{width:100%!important;max-width:100%!important;overflow:hidden!important;display:flex!important;justify-content:center!important;align-items:center!important}
.cc-aads-login-anchor-v263 iframe,.cc-aads-login-anchor-v263 img,.cc-aads-login-anchor-v263 ins{max-width:100%!important}
@media(max-width:640px){
 .cc-aads-login-anchor-v263{padding:.3rem!important;border-radius:.75rem!important}
 .cc-aads-login-anchor-v263 .cc-ad-geometry-strip-v229,.cc-aads-login-anchor-v263 .cc-ad-strip-v229{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important}
 .cc-aads-login-anchor-v263 iframe{width:100%!important;max-width:100%!important}
}

/* ===== Progressive PTC ===== */
.cc-ptc-provider-status-v263{display:flex;flex-wrap:wrap;gap:.4rem;margin:.55rem 0 .8rem}
.cc-ptc-provider-status-v263 span{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .5rem;border-radius:999px;border:1px solid rgba(148,163,184,.16);font-size:.62rem;font-weight:800;color:#647b85;background:rgba(148,163,184,.05)}
html.dark .cc-ptc-provider-status-v263 span{color:#a9bbc3;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.cc-ptc-provider-status-v263 span.is-loading i{animation:cc-v263-spin 1s linear infinite}.cc-ptc-provider-status-v263 span.is-ready{color:#0e9f72}.cc-ptc-provider-status-v263 span.is-empty{color:#889ca5}.cc-ptc-provider-status-v263 span.is-error{color:#d08a13}
@keyframes cc-v263-spin{to{transform:rotate(360deg)}}
.cc-ptc-load-more-v263{display:flex;justify-content:center;margin-top:.8rem}

/* ===== Mobile general spacing / touch clarity ===== */
@media(max-width:767px){
 .cc-app-shell-v111 .cc-page-intro{padding:.78rem!important}
 .cc-app-shell-v111 .cc-page-title{font-size:1.35rem!important;line-height:1.2!important}
 .cc-app-shell-v111 .cc-metric-grid{gap:.5rem!important}
 .cc-app-shell-v111 .cc-metric-card{padding:.65rem!important}
 .cc-admin-shell-v230 main>div[class*="max-w-"]{padding:.65rem!important}
}
/* ===== END assets/css/cc-ux-v263.css ===== */

/* ===== BEGIN assets/css/cc-ux-v264.css ===== */
/* CryptoChoco v264 — browser content-blocker resilience.
   UI-only: PTC functional cards use a neutral namespace; blocked third-party sponsor
   creatives degrade to first-party guidance instead of blank/gray frames. */

/* Functional earning cards must not resemble generic cosmetic-filter selectors such as .ad-card. */
.cc-earning-card-v264{min-width:0}
.cc-earning-card-v264 .claim-btn{min-height:2.5rem}
html.dark .cc-earning-card-v264{border-color:rgba(126,164,176,.14)!important}
html.dark .cc-earning-card-v264:hover{border-color:rgba(10,143,214,.30)!important}
html.dark .cc-earning-card-v264>div{background:rgba(11,36,43,.92)!important;border-color:rgba(126,164,176,.14)!important}
html.dark .cc-earning-card-v264:hover>div{border-color:rgba(10,143,214,.30)!important;box-shadow:0 12px 28px rgba(0,0,0,.16)}

.cc-ptc-filter-note-v264{display:flex;align-items:flex-start;gap:.55rem;margin:.65rem 0 .85rem;padding:.7rem .8rem;border-radius:.8rem;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.08);color:#7c4a03;font-size:.72rem;line-height:1.45}
.cc-ptc-filter-note-v264.hidden{display:none!important}
html.dark .cc-ptc-filter-note-v264{color:#f4cf7a;border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.075)}
.cc-ptc-filter-note-v264 i{margin-top:.14rem;color:#f59e0b}

/* Neutral first-party content-blocker assistance. Names intentionally avoid generic ad/ads tokens. */
.cc-sponsor-assist-v264{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;max-width:92rem;margin:0 auto .75rem;padding:.72rem .82rem;border-radius:.82rem;border:1px solid rgba(245,158,11,.28);background:#fffbeb;color:#4b5563;box-shadow:0 4px 14px rgba(15,23,42,.05)}
html.dark .cc-sponsor-assist-v264{background:#20220f;border-color:rgba(245,158,11,.24);color:#cbd5da}
.cc-sponsor-assist-icon-v264{width:2rem;height:2rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.12);color:#d97706}
.cc-sponsor-assist-copy-v264{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.cc-sponsor-assist-copy-v264 b{font-size:.76rem;color:#374151}.dark .cc-sponsor-assist-copy-v264 b{color:#f2f5f6}
.cc-sponsor-assist-copy-v264 span{font-size:.68rem;line-height:1.42}
.cc-sponsor-assist-actions-v264{display:flex;gap:.4rem}.cc-sponsor-assist-actions-v264 button{min-height:2rem;padding:.34rem .62rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.25);font-size:.65rem;font-weight:900;cursor:pointer}
.cc-sponsor-refresh-v264{background:#0a8fd6;color:#fff;border-color:#0a8fd6!important}.cc-sponsor-dismiss-v264{background:transparent;color:inherit}

.cc-sponsor-blocked-v264{display:none!important}
.cc-sponsor-fallback-v264{width:min(100%,46rem);min-height:3.25rem;margin:.35rem auto;padding:.62rem .75rem;border:1px dashed rgba(148,163,184,.24);border-radius:.72rem;display:flex;align-items:center;justify-content:center;gap:.55rem;text-align:center;color:#607680;background:rgba(148,163,184,.045);font-size:.68rem;line-height:1.4}
html.dark .cc-sponsor-fallback-v264{color:#a9bbc3;border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.cc-sponsor-fallback-v264 i{color:#f59e0b}.cc-sponsor-fallback-v264 strong{color:inherit}

@media(max-width:760px){.cc-sponsor-assist-v264{grid-template-columns:auto minmax(0,1fr)}.cc-sponsor-assist-actions-v264{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:430px){.cc-sponsor-assist-v264{grid-template-columns:1fr}.cc-sponsor-assist-icon-v264{display:none}.cc-sponsor-assist-actions-v264{justify-content:stretch}.cc-sponsor-assist-actions-v264 button{flex:1}}
/* ===== END assets/css/cc-ux-v264.css ===== */

/* ===== BEGIN assets/css/cc-ux-v265.css ===== */
/* CryptoChoco v265 — sponsor network delivery diagnostics.
   Presentation only: replaces blocked/unreachable third-party placements with first-party guidance. */
.cc-sponsor-assist-v265{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;max-width:92rem;margin:0 auto .75rem;padding:.72rem .82rem;border-radius:.82rem;border:1px solid rgba(245,158,11,.28);background:#fffbeb;color:#4b5563;box-shadow:0 4px 14px rgba(15,23,42,.05)}
html.dark .cc-sponsor-assist-v265{background:#20220f;border-color:rgba(245,158,11,.24);color:#cbd5da}
.cc-sponsor-assist-icon-v265{width:2rem;height:2rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.12);color:#d97706}
.cc-sponsor-assist-copy-v265{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.cc-sponsor-assist-copy-v265 b{font-size:.76rem;color:#374151}.dark .cc-sponsor-assist-copy-v265 b{color:#f2f5f6}
.cc-sponsor-assist-copy-v265 span{font-size:.68rem;line-height:1.42}
.cc-sponsor-assist-actions-v265{display:flex;gap:.4rem}.cc-sponsor-assist-actions-v265 button{min-height:2rem;padding:.34rem .62rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.25);font-size:.65rem;font-weight:900;cursor:pointer}
.cc-sponsor-refresh-v265{background:#0a8fd6;color:#fff;border-color:#0a8fd6!important}.cc-sponsor-dismiss-v265{background:transparent;color:inherit}
.cc-sponsor-unavailable-v265{display:none!important}
.cc-sponsor-fallback-v265{width:min(100%,46rem);min-height:3.25rem;margin:.35rem auto;padding:.62rem .75rem;border:1px dashed rgba(148,163,184,.24);border-radius:.72rem;display:flex;align-items:center;justify-content:center;gap:.55rem;text-align:center;color:#607680;background:rgba(148,163,184,.045);font-size:.68rem;line-height:1.4}
html.dark .cc-sponsor-fallback-v265{color:#a9bbc3;border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.cc-sponsor-fallback-v265 i{color:#f59e0b}.cc-sponsor-fallback-v265 strong,.cc-sponsor-fallback-v265 b{color:inherit}
@media(max-width:760px){.cc-sponsor-assist-v265{grid-template-columns:auto minmax(0,1fr)}.cc-sponsor-assist-actions-v265{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:430px){.cc-sponsor-assist-v265{grid-template-columns:1fr}.cc-sponsor-assist-icon-v265{display:none}.cc-sponsor-assist-actions-v265{justify-content:stretch}.cc-sponsor-assist-actions-v265 button{flex:1}}
/* ===== END assets/css/cc-ux-v265.css ===== */

/* ===== BEGIN assets/css/cc-ux-v266.css ===== */
/* CryptoChoco v266 — precise ad delivery diagnostics and Opera creative assistance.
   Presentation only: replaces blocked/unreachable third-party placements with first-party guidance. */
.cc-sponsor-assist-v266{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;max-width:92rem;margin:0 auto .75rem;padding:.72rem .82rem;border-radius:.82rem;border:1px solid rgba(245,158,11,.28);background:#fffbeb;color:#4b5563;box-shadow:0 4px 14px rgba(15,23,42,.05)}
html.dark .cc-sponsor-assist-v266{background:#20220f;border-color:rgba(245,158,11,.24);color:#cbd5da}
.cc-sponsor-assist-icon-v266{width:2rem;height:2rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.12);color:#d97706}
.cc-sponsor-assist-copy-v266{display:flex;flex-direction:column;gap:.12rem;min-width:0}
.cc-sponsor-assist-copy-v266 b{font-size:.76rem;color:#374151}.dark .cc-sponsor-assist-copy-v266 b{color:#f2f5f6}
.cc-sponsor-assist-copy-v266 span{font-size:.68rem;line-height:1.42}
.cc-sponsor-assist-actions-v266{display:flex;gap:.4rem}.cc-sponsor-assist-actions-v266 button{min-height:2rem;padding:.34rem .62rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.25);font-size:.65rem;font-weight:900;cursor:pointer}
.cc-sponsor-refresh-v266{background:#0a8fd6;color:#fff;border-color:#0a8fd6!important}.cc-sponsor-dismiss-v266{background:transparent;color:inherit}
.cc-sponsor-unavailable-v266{display:none!important}
.cc-sponsor-fallback-v266{width:min(100%,46rem);min-height:3.25rem;margin:.35rem auto;padding:.62rem .75rem;border:1px dashed rgba(148,163,184,.24);border-radius:.72rem;display:flex;align-items:center;justify-content:center;gap:.55rem;text-align:center;color:#607680;background:rgba(148,163,184,.045);font-size:.68rem;line-height:1.4}
html.dark .cc-sponsor-fallback-v266{color:#a9bbc3;border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.cc-sponsor-fallback-v266 i{color:#f59e0b}.cc-sponsor-fallback-v266 strong,.cc-sponsor-fallback-v266 b{color:inherit}
@media(max-width:760px){.cc-sponsor-assist-v266{grid-template-columns:auto minmax(0,1fr)}.cc-sponsor-assist-actions-v266{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:430px){.cc-sponsor-assist-v266{grid-template-columns:1fr}.cc-sponsor-assist-icon-v266{display:none}.cc-sponsor-assist-actions-v266{justify-content:stretch}.cc-sponsor-assist-actions-v266 button{flex:1}}

/* v266 distinguishes confirmed provider blocking from cross-origin creative states. */
.cc-sponsor-assist-v266[data-cc-sponsor-assist-reason-v266="creative-unverifiable"]{border-style:dashed;background:rgba(14,165,233,.055);border-color:rgba(14,165,233,.24)}
html.dark .cc-sponsor-assist-v266[data-cc-sponsor-assist-reason-v266="creative-unverifiable"]{background:rgba(14,165,233,.05);border-color:rgba(56,189,248,.2)}
/* ===== END assets/css/cc-ux-v266.css ===== */

/* ===== BEGIN assets/css/cc-ux-v267.css ===== */
/* CryptoChoco v267 — page-local advertising geometry + rebuilt Admin controls. */
.cc-v267-ad{width:100%;min-width:0;display:flex;justify-content:center;align-items:flex-start;overflow:visible}
.cc-v267-page-banner{margin-left:auto;margin-right:auto;clear:both;text-align:center}
.cc-v267-page-banner-top{margin-bottom:1.25rem}
.cc-v267-page-banner-bottom{margin-top:1.5rem}
.cc-v267-ad-host{display:flex;justify-content:center;align-items:flex-start;max-width:100%;min-width:0}
.cc-v267-ad[data-cc-v267-size="728x90"] .cc-v267-ad-host{width:728px;min-height:90px}
.cc-v267-ad[data-cc-v267-size="468x60"] .cc-v267-ad-host{width:468px;min-height:60px}
.cc-v267-ad[data-cc-v267-size="300x250"] .cc-v267-ad-host{width:300px;min-height:250px}
.cc-v267-ad[data-cc-v267-size="160x600"] .cc-v267-ad-host{width:160px;min-height:600px}
.cc-v267-ad iframe,.cc-v267-ad img,.cc-v267-ad ins{max-width:100%}
.cc-v267-rail-layout{width:100%;max-width:1600px;margin:0 auto;display:flex;align-items:flex-start;justify-content:center;gap:1rem;padding-left:.25rem;padding-right:.25rem}
.cc-v267-rail-main{flex:1 1 auto;min-width:0;max-width:1280px}
.cc-v267-rail-shell{display:flex;flex:0 0 160px;width:160px;min-width:160px;align-items:flex-start;justify-content:center;position:sticky;top:1rem;align-self:flex-start}
.cc-v267-page-rail{width:160px;min-width:160px}
@media(max-width:1439px){.cc-v267-rail-shell{display:none!important}}
@media(max-width:767px){.cc-v267-page-banner{margin-bottom:.85rem;margin-top:.85rem}.cc-v267-ad[data-cc-v267-size="300x250"] .cc-v267-ad-host{max-width:300px;width:100%}}

/* Admin v267 */
.cc-ad267-shell{--cc267-border:rgba(148,163,184,.22);--cc267-soft:rgba(148,163,184,.08)}
.cc-ad267-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.1rem}
.cc-ad267-tabs a{padding:.55rem .75rem;border:1px solid var(--cc267-border);border-radius:.7rem;font-size:.72rem;font-weight:900;background:rgba(148,163,184,.06)}
.cc-ad267-panel{border:1px solid var(--cc267-border);border-radius:1rem;background:rgba(255,255,255,.72);padding:1rem}
.dark .cc-ad267-panel{background:rgba(11,36,43,.68)}
.cc-ad267-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}
@media(min-width:1180px){.cc-ad267-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cc-ad267-page{border:1px solid var(--cc267-border);border-radius:1rem;padding:.9rem;background:rgba(148,163,184,.045)}
.cc-ad267-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}
.cc-ad267-page-head h3{font-size:1rem;font-weight:950}
.cc-ad267-page-head p{font-size:.68rem;line-height:1.45;color:#6b7280;margin-top:.18rem}
.dark .cc-ad267-page-head p{color:#94a3b8}
.cc-ad267-placement{border-top:1px solid var(--cc267-border);padding:.85rem 0 0;margin-top:.85rem}
.cc-ad267-placement:first-of-type{border-top:0;padding-top:0;margin-top:0}
.cc-ad267-placement-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.cc-ad267-placement-title{display:flex;align-items:center;gap:.5rem;min-width:0}
.cc-ad267-placement-title b{font-size:.78rem}
.cc-ad267-chip{display:inline-flex;align-items:center;border:1px solid var(--cc267-border);border-radius:999px;padding:.16rem .4rem;font-size:.58rem;font-weight:900;color:#64748b}
.dark .cc-ad267-chip{color:#cbd5e1}
.cc-ad267-fields{display:grid;grid-template-columns:minmax(140px,.32fr) minmax(150px,.28fr) minmax(0,1fr);gap:.65rem;margin-top:.65rem;align-items:start}
.cc-ad267-fields.is-popup{grid-template-columns:minmax(160px,.32fr) minmax(0,1fr)}
@media(max-width:900px){.cc-ad267-fields,.cc-ad267-fields.is-popup{grid-template-columns:1fr}}
.cc-ad267-field span{display:block;font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.3rem}
.dark .cc-ad267-field span{color:#94a3b8}
.cc-ad267-control{width:100%;border:1px solid var(--cc267-border);border-radius:.65rem;padding:.55rem .65rem;background:#fff;color:#111827;font-size:.75rem}
.dark .cc-ad267-control{background:#071e24;color:#f4f7f8}
textarea.cc-ad267-control{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.4;min-height:7rem;resize:vertical}
.cc-ad267-toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:900;white-space:nowrap}
.cc-ad267-toggle input{width:1rem;height:1rem;accent-color:#0a8fd6}
.cc-ad267-note{font-size:.62rem;line-height:1.45;color:#64748b;margin-top:.45rem}
.dark .cc-ad267-note{color:#94a3b8}
.cc-ad267-warning{color:#d97706}.dark .cc-ad267-warning{color:#fbbf24}
.cc-ad267-wire{display:grid;gap:.3rem;grid-template-columns:1fr;min-width:118px}
.cc-ad267-wire span{display:block;border:1px dashed rgba(14,165,233,.35);border-radius:.35rem;padding:.18rem .35rem;text-align:center;font-size:.52rem;font-weight:900;color:#0a8fd6;background:rgba(14,165,233,.05)}
.cc-ad267-wire.is-rails{grid-template-columns:22px 1fr 22px;align-items:stretch}.cc-ad267-wire.is-rails span:nth-child(1),.cc-ad267-wire.is-rails span:nth-child(3){writing-mode:vertical-rl;min-height:54px}.cc-ad267-wire.is-rails span:nth-child(2){display:flex;align-items:center;justify-content:center}
.cc-ad267-retained{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}
@media(min-width:1100px){.cc-ad267-retained{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cc-ad267-save{position:sticky;bottom:.5rem;z-index:20;display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem;padding:.65rem;border:1px solid var(--cc267-border);border-radius:.85rem;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.dark .cc-ad267-save{background:rgba(6,25,30,.95)}
/* ===== END assets/css/cc-ux-v267.css ===== */

/* ===== BEGIN assets/css/cc-ux-v270.css ===== */
/* CryptoChoco v270 — unified stable Offerwalls provider workspace. */
.cc-offerwall-workspace-v270{min-width:0}
.cc-offerwall-workspace-head-v270{background:linear-gradient(180deg,rgba(14,165,233,.035),transparent)}
.cc-offerwall-native-pane-v270{padding:1rem;min-height:360px;background:rgba(2,18,23,.025)}
.dark .cc-offerwall-native-pane-v270{background:rgba(0,0,0,.12)}
.cc-offerwall-native-state-v270{min-height:64px;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1rem;border:1px dashed rgba(100,116,139,.28);border-radius:.85rem;color:#64748b;font-size:.78rem;font-weight:700;text-align:center}
.dark .cc-offerwall-native-state-v270{color:#9fb2ba;border-color:rgba(148,163,184,.18)}
.cc-offerwall-native-state-v270.is-ready{min-height:0;justify-content:flex-start;border-style:solid;border-color:rgba(16,185,129,.22);background:rgba(16,185,129,.055);color:#059669;margin-bottom:.8rem}
.dark .cc-offerwall-native-state-v270.is-ready{color:#34d399}
.cc-offerwall-native-state-v270.is-error{border-style:solid;border-color:rgba(239,68,68,.24);background:rgba(239,68,68,.05);color:#dc2626;flex-wrap:wrap}
.dark .cc-offerwall-native-state-v270.is-error{color:#f87171}
.cc-offerwall-native-state-v270.is-empty{border-style:solid;background:rgba(100,116,139,.045)}
.cc-offerwall-native-grid-v270{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.cc-offerwall-native-card-v270{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:88px;padding:.75rem;border:1px solid rgba(148,163,184,.24);border-radius:1rem;background:#fff;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.dark .cc-offerwall-native-card-v270{background:#0b252c;border-color:rgba(255,255,255,.09)}
.cc-offerwall-native-card-v270:hover{transform:translateY(-2px);border-color:rgba(14,165,233,.4);box-shadow:0 10px 24px rgba(2,132,199,.08)}
.cc-offerwall-native-media-v270{width:52px;height:52px;border-radius:.8rem;overflow:hidden;display:grid;place-items:center;background:rgba(14,165,233,.08);color:#0ea5e9;font-size:1.15rem;border:1px solid rgba(14,165,233,.12)}
.cc-offerwall-native-media-v270 img{width:100%;height:100%;object-fit:cover}
.cc-offerwall-native-body-v270{min-width:0}
.cc-offerwall-native-body-v270 h3{margin:0;color:#0f172a;font-size:.84rem;line-height:1.2rem;font-weight:850;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dark .cc-offerwall-native-body-v270 h3{color:#f8fafc}
.cc-offerwall-native-meta-v270{margin-top:.35rem;display:flex;align-items:center;justify-content:space-between;gap:.45rem;font-size:.66rem;color:#64748b}
.dark .cc-offerwall-native-meta-v270{color:#94a3b8}
.cc-offerwall-native-meta-v270 strong{color:#10b981;font-size:.69rem;white-space:nowrap}
.cc-offerwall-native-cta-v270{display:inline-flex;align-items:center;gap:.3rem;color:#0284c7;font-size:.7rem;font-weight:850;white-space:nowrap}
.dark .cc-offerwall-native-cta-v270{color:#38bdf8}
@media(max-width:767px){
 .cc-offerwall-native-pane-v270{padding:.7rem;min-height:260px}
 .cc-offerwall-native-grid-v270{grid-template-columns:1fr;gap:.6rem}
 .cc-offerwall-native-card-v270{grid-template-columns:44px minmax(0,1fr);min-height:78px;padding:.65rem}
 .cc-offerwall-native-media-v270{width:44px;height:44px}
 .cc-offerwall-native-cta-v270{grid-column:2;justify-self:start;margin-top:-.15rem}
}
/* ===== END assets/css/cc-ux-v270.css ===== */

/* ===== BEGIN assets/css/cc-ux-v271.css ===== */
/* CryptoChoco v271 — unified Surveys provider cards + PTC reward-first ordering polish. */
.cc-survey-provider-card-v271{min-width:0;min-height:72px;display:flex;align-items:center}
.cc-survey-provider-main-v271{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0}
.cc-survey-provider-side-v271{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:.4rem;flex:0 0 auto}
.cc-survey-provider-action-v271{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:26px;padding:.28rem .52rem;border-radius:.55rem;border:1px solid rgba(14,165,233,.22);background:rgba(14,165,233,.07);color:#0284c7;font-size:.62rem;font-weight:850;white-space:nowrap;text-decoration:none;transition:background .15s ease,border-color .15s ease}
.dark .cc-survey-provider-action-v271{color:#38bdf8;border-color:rgba(56,189,248,.18);background:rgba(14,165,233,.08)}
.cc-survey-provider-action-v271:hover{background:rgba(14,165,233,.13);border-color:rgba(14,165,233,.38)}
.cc-survey-provider-message-v271{margin-top:.28rem;max-width:190px;color:#94a3b8;font-size:.58rem;line-height:.82rem;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-survey-provider-message-v271.hidden{display:none!important}
@media(max-width:639px){
 .cc-survey-provider-card-v271{min-height:66px;padding:.65rem!important}
 .cc-survey-provider-main-v271{align-items:flex-start}
 .cc-survey-provider-side-v271{gap:.28rem}
 .cc-survey-provider-action-v271{min-height:24px;padding:.24rem .42rem;font-size:.58rem}
 .cc-survey-provider-message-v271{max-width:150px}
}
/* ===== END assets/css/cc-ux-v271.css ===== */

/* ===== BEGIN assets/css/cc-ux-v272.css ===== */
/* CryptoChoco v272 — compact Dashboard UX and navigation deduplication. */

/* Compact KPI row: preserve four signals while reducing vertical weight. */
.cc-dashboard-kpi-v272{gap:.7rem!important}
.cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272{min-height:86px!important;padding:.78rem .9rem!important;border-radius:1rem!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;column-gap:.68rem!important;align-items:center!important}
.cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272 .cc-neon-metric-icon{grid-row:1/4!important;grid-column:1!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:.72rem!important;font-size:.86rem!important;margin:0!important;align-self:center!important}
.cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272 .cc-metric-label{grid-column:2!important;margin:0!important;font-size:.61rem!important;line-height:.8rem!important;letter-spacing:.075em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272 .cc-metric-value{grid-column:2!important;margin:.05rem 0 0!important;font-size:1.03rem!important;line-height:1.22rem!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272 .cc-metric-unit{font-size:.66rem!important}
.cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272 .cc-metric-meta{grid-column:2!important;margin:.05rem 0 0!important;font-size:.6rem!important;line-height:.78rem!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Weekly + next-step control surface is one compact operator-like panel. */
.cc-dashboard-focus-v272{border-radius:1.05rem!important}
.cc-dashboard-focus-head-v272{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}
.cc-return-loop-compact-v272{display:flex;align-items:baseline;justify-content:flex-end;gap:.45rem;min-width:0;font-size:.62rem;color:#64748b;white-space:nowrap}
.dark .cc-return-loop-compact-v272{color:#94a3b8}
.cc-return-loop-compact-v272>span{font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.54rem}
.cc-return-loop-compact-v272>b{color:#0ea5e9;font-size:.66rem;overflow:hidden;text-overflow:ellipsis}
.cc-return-loop-compact-v272>small{font-size:.58rem;overflow:hidden;text-overflow:ellipsis}

.cc-dashboard-momentum-grid-v272{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.cc-dashboard-momentum-item-v272{padding:.56rem .65rem;border:1px solid rgba(148,163,184,.18);border-radius:.75rem;background:rgba(255,255,255,.42);min-width:0}
.dark .cc-dashboard-momentum-item-v272{background:rgba(2,6,23,.13);border-color:rgba(255,255,255,.08)}
.cc-dashboard-momentum-item-v272>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;min-width:0}
.cc-dashboard-momentum-item-v272 b{font-size:.82rem;line-height:1rem;color:#0f172a;white-space:nowrap}
.dark .cc-dashboard-momentum-item-v272 b:not(.text-emerald-500):not(.text-orange-500){color:#f8fafc}
.cc-dashboard-momentum-item-v272 span{font-size:.58rem;line-height:.72rem;color:#64748b;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dark .cc-dashboard-momentum-item-v272 span{color:#94a3b8}
.cc-dashboard-mini-progress-v272{height:4px;margin-top:.35rem;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.2)}
.cc-dashboard-mini-progress-v272>span{display:block;height:100%;border-radius:999px;background:#0ea5e9}
.cc-dashboard-mini-progress-v272.is-emerald>span{background:#10b981}
.cc-dashboard-mini-progress-v272.is-orange>span{background:#f97316}

.cc-dashboard-next-v272{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.65rem;padding:.62rem .72rem;border-top:1px solid rgba(148,163,184,.16);border-bottom:1px solid rgba(148,163,184,.16)}
.dark .cc-dashboard-next-v272{border-color:rgba(255,255,255,.08)}
.cc-dashboard-next-v272>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:.55rem;min-width:0}
.cc-dashboard-next-label-v272{font-size:.54rem;line-height:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#0ea5e9;white-space:nowrap}
.cc-dashboard-next-v272 b{font-size:.76rem;line-height:.95rem;color:#0f172a;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dark .cc-dashboard-next-v272 b{color:#f8fafc}
.cc-dashboard-next-v272 small{font-size:.61rem;line-height:.82rem;color:#64748b;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dark .cc-dashboard-next-v272 small{color:#94a3b8}
.cc-dashboard-next-v272 .cc-btn{min-height:30px!important;padding:.38rem .68rem!important;border-radius:.72rem!important}

.cc-dashboard-challenges-v272{margin-top:.65rem}
.cc-dashboard-challenges-title-v272{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#0ea5e9}
.cc-dashboard-challenge-grid-v272{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.cc-dashboard-challenge-v272{padding:.48rem .58rem;border:1px solid rgba(148,163,184,.16);border-radius:.7rem;background:rgba(255,255,255,.36);min-width:0}
.dark .cc-dashboard-challenge-v272{background:rgba(2,6,23,.12);border-color:rgba(255,255,255,.075)}
.cc-dashboard-challenge-v272>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-width:0}
.cc-dashboard-challenge-v272 b{font-size:.6rem;line-height:.78rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dark .cc-dashboard-challenge-v272 b{color:#e2e8f0}
.cc-dashboard-challenge-v272>div:first-child>span{font-size:.6rem;line-height:.78rem;white-space:nowrap}

/* Account quick actions: one compact desktop row instead of content cards. */
.cc-dashboard-section-label-v272{margin:0 0 .42rem;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8}
.cc-dashboard-account-grid-v272{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}
.cc-account-action-v272{min-width:0;min-height:50px;padding:.55rem .68rem;display:flex;align-items:center;gap:.58rem;border:1px solid rgba(148,163,184,.18);border-radius:.85rem;background:rgba(255,255,255,.72);box-shadow:0 1px 2px rgba(15,23,42,.04);color:#334155;font-size:.72rem;font-weight:850;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.dark .cc-account-action-v272{background:rgba(15,23,42,.56);border-color:rgba(255,255,255,.075);color:#cbd5e1}
.cc-account-action-v272:hover{background:rgba(14,165,233,.06);border-color:rgba(14,165,233,.26);transform:translateY(-1px)}
.cc-account-action-advertise-v272{border-color:rgba(245,158,11,.28)}
.cc-account-action-icon-v272{width:30px;height:30px;min-width:30px;border-radius:.65rem;display:flex;align-items:center;justify-content:center;font-size:.78rem}
.cc-account-action-v272>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1023px){
 .cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272{min-height:82px!important}
 .cc-dashboard-challenge-grid-v272{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cc-dashboard-account-grid-v272{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cc-dashboard-next-v272>div{grid-template-columns:auto minmax(0,1fr)}
 .cc-dashboard-next-v272 small{grid-column:1/-1;margin-top:.15rem}
}
@media(max-width:639px){
 .cc-dashboard-kpi-v272{gap:.5rem!important}
 .cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272{min-height:78px!important;padding:.62rem .68rem!important;grid-template-columns:29px minmax(0,1fr)!important;column-gap:.5rem!important}
 .cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272 .cc-neon-metric-icon{width:29px!important;height:29px!important;min-width:29px!important;font-size:.72rem!important}
 .cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272 .cc-metric-value{font-size:.9rem!important}
 .cc-dashboard-kpi-v272 .cc-dashboard-kpi-card-v272 .cc-metric-meta{font-size:.55rem!important}
 .cc-dashboard-focus-head-v272{align-items:flex-start;flex-direction:column;gap:.35rem}
 .cc-return-loop-compact-v272{justify-content:flex-start;max-width:100%;white-space:normal;flex-wrap:wrap}
 .cc-dashboard-momentum-grid-v272{grid-template-columns:1fr;gap:.4rem}
 .cc-dashboard-momentum-item-v272{padding:.48rem .58rem}
 .cc-dashboard-next-v272{align-items:flex-start;padding:.58rem 0;gap:.55rem}
 .cc-dashboard-next-v272>div{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}
 .cc-dashboard-next-v272 b,.cc-dashboard-next-v272 small{white-space:normal}
 .cc-dashboard-challenge-grid-v272{grid-template-columns:1fr}
 .cc-dashboard-account-grid-v272{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
 .cc-account-action-v272{min-height:46px;padding:.48rem .55rem;font-size:.66rem}
 .cc-account-action-icon-v272{width:28px;height:28px;min-width:28px}
}
/* ===== END assets/css/cc-ux-v272.css ===== */

/* ===== BEGIN assets/css/cc-ux-v273.css ===== */
/* CryptoChoco v273 — Daily Bonus, Dashboard Weekly & Choco Draw compact UX.
   Presentation-only layer: no reward, mission, draw or finance semantics. */

/* ---------- Dashboard: remove duplicate weekly-momentum surface ---------- */
.cc-dashboard-weekly-v273{border-radius:1rem!important}
.cc-dashboard-next-v273{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.05rem 0 .65rem;border-bottom:1px solid rgba(148,163,184,.16)}
.dark .cc-dashboard-next-v273{border-bottom-color:rgba(255,255,255,.08)}
.cc-dashboard-next-v273>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:.55rem;min-width:0}
.cc-dashboard-next-label-v273{font-size:.54rem;line-height:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#0ea5e9;white-space:nowrap}
.cc-dashboard-next-v273 b{font-size:.75rem;line-height:.95rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dark .cc-dashboard-next-v273 b{color:#f8fafc}
.cc-dashboard-next-v273 small{font-size:.6rem;line-height:.8rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dark .cc-dashboard-next-v273 small{color:#94a3b8}
.cc-dashboard-next-v273 .cc-btn{min-height:29px!important;padding:.36rem .65rem!important;border-radius:.68rem!important}
.cc-dashboard-challenges-v273{padding-top:.62rem}
.cc-dashboard-challenges-head-v273{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.45rem}
.cc-dashboard-challenges-title-v273{display:flex;align-items:center;gap:.45rem;min-width:0;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#0ea5e9}
.cc-dashboard-streak-v273{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .48rem;border:1px solid rgba(249,115,22,.19);border-radius:999px;background:rgba(249,115,22,.06);color:#ea580c;font-size:.58rem;font-weight:850;white-space:nowrap}
.dark .cc-dashboard-streak-v273{color:#fdba74;border-color:rgba(249,115,22,.2);background:rgba(249,115,22,.07)}
.cc-dashboard-challenge-grid-v273{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.48rem}
.cc-dashboard-challenge-v273{padding:.46rem .56rem;border:1px solid rgba(148,163,184,.16);border-radius:.68rem;background:rgba(255,255,255,.34);min-width:0}
.dark .cc-dashboard-challenge-v273{background:rgba(2,6,23,.12);border-color:rgba(255,255,255,.075)}
.cc-dashboard-challenge-v273>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-width:0}
.cc-dashboard-challenge-v273 b{font-size:.59rem;line-height:.76rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dark .cc-dashboard-challenge-v273 b{color:#e2e8f0}
.cc-dashboard-challenge-v273>div:first-child>span{font-size:.59rem;line-height:.76rem;white-space:nowrap}
.cc-dashboard-mini-progress-v273{height:4px;margin-top:.3rem;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.2)}
.cc-dashboard-mini-progress-v273>span{display:block;height:100%;border-radius:999px;background:#0ea5e9}

/* ---------- Daily Bonus: one compact claim + mission control surface ---------- */
.cc-daily-bonus-v273{margin-top:1rem!important}
.cc-daily-bonus-v273 .cc-page-intro{padding:.62rem .72rem!important;gap:.58rem!important;margin-bottom:.65rem!important}
.cc-daily-bonus-v273 .cc-page-intro-icon{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;border-radius:.7rem!important;font-size:.88rem!important}
.cc-daily-bonus-v273 .cc-page-title{font-size:1.06rem!important;line-height:1.2rem!important}
.cc-daily-bonus-v273 .cc-page-description{font-size:.64rem!important;line-height:.92rem!important;margin-top:.15rem!important;max-width:52rem!important}
.cc-daily-bonus-v273 .cc-page-stat{padding:.42rem .58rem!important;min-width:0!important}
.cc-daily-bonus-v273 .cc-page-stat-label{font-size:.52rem!important}
.cc-daily-bonus-v273 .cc-page-stat-value{font-size:.72rem!important}
.cc-today-card-v273 .cc-today-card-body{padding:.68rem .8rem!important}
.cc-today-card-v273 .cc-status-line{align-items:center!important}
.cc-today-card-v273 .cc-metric-label{font-size:.58rem!important}
.cc-today-card-v273 .cc-metric-value{font-size:1.02rem!important;line-height:1.2rem!important;margin-top:.08rem!important}
.cc-today-card-v273 .cc-metric-meta{font-size:.64rem!important;line-height:.88rem!important;margin-top:.08rem!important}
.cc-today-card-v273 #claim-action-area{margin-top:.5rem!important}
.cc-today-card-v273 .cc-info-note{padding:.48rem .62rem!important;border-radius:.7rem!important;font-size:.64rem!important;line-height:.88rem!important}
.cc-today-card-v273 .cc-info-note i{font-size:.7rem!important}

.cc-missions-v273{padding:.78rem!important}
.cc-missions-v273 .cc-mission-overview{align-items:center!important;gap:.7rem!important}
.cc-missions-v273 .cc-page-kicker{font-size:.54rem!important}
.cc-missions-v273 .cc-section-title{font-size:.94rem!important;line-height:1.12rem!important;margin-top:.08rem!important}
.cc-missions-v273 .cc-section-copy{font-size:.64rem!important;line-height:.9rem!important;margin-top:.12rem!important}
.cc-mission-overview-side-v273{display:flex;align-items:center;justify-content:flex-end;gap:.42rem;flex:0 0 auto}
.cc-claimed-days-v273{font-size:.56rem!important;padding:.26rem .45rem!important;white-space:nowrap}
.cc-missions-v273 .cc-mission-score{min-width:4.6rem!important;padding:.42rem .55rem!important;border-radius:.7rem!important}
.cc-missions-v273 .cc-mission-score strong{font-size:.92rem!important;line-height:1rem!important}
.cc-missions-v273 .cc-mission-score span{font-size:.52rem!important;margin-top:.05rem!important}
.cc-missions-v273 .cc-mission-master-progress{height:5px!important;margin-top:.55rem!important}
.cc-unlock-path-v273{margin-top:.6rem!important;gap:.42rem!important}
.cc-unlock-path-v273 .cc-unlock-step{padding:.43rem .52rem!important;border-radius:.7rem!important;gap:.42rem!important}
.cc-unlock-path-v273 .cc-unlock-step-icon{width:1.55rem!important;height:1.55rem!important;flex-basis:1.55rem!important;border-radius:.5rem!important;font-size:.68rem!important}
.cc-unlock-path-v273 .cc-unlock-step b{font-size:.63rem!important;line-height:.8rem!important}
.cc-unlock-path-v273 .cc-unlock-step small{font-size:.54rem!important;line-height:.7rem!important}
.cc-missions-v273 .cc-mission-next-action{margin-top:.6rem!important;padding:.48rem .58rem!important;border-radius:.72rem!important}
.cc-missions-v273 .cc-mission-next-action b{font-size:.68rem!important}
.cc-missions-v273 .cc-mission-next-action span{font-size:.59rem!important;line-height:.78rem!important;margin-top:.05rem!important}
.cc-missions-v273 .cc-mission-next-action .cc-btn{min-height:28px!important;padding:.34rem .58rem!important}
.cc-mission-grid-v273{gap:.48rem!important;margin-top:.6rem!important}
.cc-mission-grid-v273 .cc-mission-item-v46{padding:.55rem .62rem!important;border-radius:.72rem!important}
.cc-mission-grid-v273 .cc-mission-item-top{gap:.48rem!important}
.cc-mission-grid-v273 .cc-mission-icon{width:1.65rem!important;height:1.65rem!important;flex-basis:1.65rem!important;border-radius:.52rem!important;font-size:.68rem!important}
.cc-mission-grid-v273 .cc-mission-name{font-size:.68rem!important;line-height:.86rem!important}
.cc-mission-grid-v273 .cc-mission-counter{font-size:.58rem!important;line-height:.74rem!important;margin-top:.05rem!important}
.cc-mission-grid-v273 .cc-badge{font-size:.52rem!important;padding:.22rem .4rem!important}
.cc-mission-grid-v273 .cc-inline-progress{height:4px!important;margin-top:.4rem!important}
.cc-mission-item-footer-v273{margin-top:.35rem!important;min-height:0!important;font-size:.56rem!important;line-height:.72rem!important}
.cc-mission-item-footer-v273>span:empty{display:none}
.cc-mission-item-footer-v273 .cc-mission-link{font-size:.58rem!important;margin-left:auto}
.cc-mission-reset-note-v273{margin-top:.5rem!important;padding-top:.45rem;border-top:1px solid rgba(148,163,184,.13);font-size:.58rem!important;line-height:.78rem!important}
.dark .cc-mission-reset-note-v273{border-top-color:rgba(255,255,255,.06)}
.cc-mission-reset-note-v273 span{color:#94a3b8}

.cc-cycle-card-v273{margin-top:.7rem!important;padding:.72rem .78rem!important}
.cc-cycle-card-v273 .cc-section-head{margin-bottom:.45rem!important}
.cc-cycle-card-v273 .cc-section-title{font-size:.9rem!important;line-height:1.05rem!important}
.cc-cycle-card-v273 .cc-section-copy{font-size:.59rem!important;line-height:.78rem!important;margin-top:.08rem!important}
.cc-cycle-rail-v273{gap:.42rem!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:.1rem!important}
.cc-cycle-rail-v273 .cc-cycle-day{min-width:76px!important;flex:1 1 0!important;padding:.45rem .42rem!important;border-radius:.66rem!important}
.cc-cycle-rail-v273 .cc-cycle-day span:first-child{font-size:.52rem!important;margin-bottom:.08rem!important}
.cc-cycle-rail-v273 .cc-cycle-day i{font-size:.78rem!important;margin-bottom:.1rem!important}
.cc-cycle-rail-v273 .cc-cycle-day span:last-child{font-size:.7rem!important}

/* ---------- Choco Draw: condensed operational layout ---------- */
.cc-choco-draw-v273{margin-top:1rem!important}
.cc-choco-draw-v273 .cc-page-intro{padding:.62rem .72rem!important;gap:.58rem!important;margin-bottom:.7rem!important}
.cc-choco-draw-v273 .cc-page-intro-icon{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;border-radius:.7rem!important;font-size:.88rem!important}
.cc-choco-draw-v273 .cc-page-title{font-size:1.06rem!important;line-height:1.2rem!important}
.cc-choco-draw-v273 .cc-page-description{font-size:.64rem!important;line-height:.92rem!important;margin-top:.15rem!important;max-width:52rem!important}
.cc-choco-draw-v273 .cc-page-stat{padding:.42rem .58rem!important;min-width:5.5rem!important}
.cc-choco-draw-v273 .cc-page-stat-label{font-size:.52rem!important}
.cc-choco-draw-v273 .cc-page-stat-value{font-size:.92rem!important}

.cc-draw-hero-v273{grid-template-columns:minmax(0,1fr) minmax(175px,235px)!important;gap:.65rem!important;padding:.72rem .78rem!important;border-radius:.9rem!important}
.cc-draw-hero-v273 .cc-draw-hero-title{font-size:1.04rem!important;line-height:1.18rem!important;margin-top:.18rem!important}
.cc-draw-hero-v273 .cc-draw-hero-copytext{font-size:.63rem!important;line-height:.86rem!important;margin-top:.12rem!important}
.cc-draw-hero-actions-v273{margin-top:.48rem!important}
.cc-draw-hero-v273 .cc-btn{min-height:28px!important;padding:.34rem .58rem!important;border-radius:.65rem!important;font-size:.62rem!important}
.cc-draw-hero-v273 .cc-draw-countdown-panel{padding:.52rem .62rem!important;border-radius:.72rem!important;min-height:0!important}
.cc-draw-hero-v273 .cc-draw-countdown-label{font-size:.52rem!important;line-height:.68rem!important}
.cc-draw-hero-v273 .cc-draw-countdown-value{font-size:1rem!important;line-height:1.12rem!important;margin-top:.12rem!important}
.cc-draw-hero-v273 .cc-draw-countdown-meta{font-size:.56rem!important;line-height:.72rem!important;margin-top:.12rem!important}
.cc-draw-journey-v273{grid-column:1/-1!important;margin-top:0!important;padding:.42rem!important;border-radius:.72rem!important;gap:.38rem!important}
.cc-draw-journey-v273 .cc-unlock-step{padding:.4rem .48rem!important;border-radius:.65rem!important;gap:.4rem!important}
.cc-draw-journey-v273 .cc-unlock-step-icon{width:1.5rem!important;height:1.5rem!important;flex-basis:1.5rem!important;border-radius:.48rem!important;font-size:.66rem!important}
.cc-draw-journey-v273 .cc-unlock-step b{font-size:.61rem!important;line-height:.76rem!important}
.cc-draw-journey-v273 .cc-unlock-step small{font-size:.52rem!important;line-height:.66rem!important}
.cc-draw-journey-v273 .cc-unlock-connector{min-width:.55rem!important}

.cc-draw-kpis-v273{gap:.55rem!important}
.cc-draw-kpis-v273 .cc-metric-card{min-height:72px!important;padding:.62rem .72rem!important;border-radius:.82rem!important}
.cc-draw-kpis-v273 .cc-metric-label{font-size:.56rem!important}
.cc-draw-kpis-v273 .cc-metric-value{font-size:1rem!important;line-height:1.12rem!important;margin-top:.08rem!important}
.cc-draw-kpis-v273 .cc-metric-meta{font-size:.57rem!important;line-height:.74rem!important;margin-top:.08rem!important}

.cc-draw-main-grid-v273{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:.65rem;align-items:start}
.cc-draw-missions-v273,.cc-ticket-wallet-v273,.cc-prize-card-v273,.cc-fair-v273,.cc-winners-v273{padding:.75rem!important;border-radius:.9rem!important}
.cc-draw-missions-v273 .cc-section-title,.cc-ticket-wallet-v273 .cc-section-title,.cc-prize-card-v273 .cc-section-title,.cc-fair-v273 .cc-section-title,.cc-winners-v273 .cc-section-title{font-size:.9rem!important;line-height:1.05rem!important}
.cc-draw-missions-v273 .cc-section-copy,.cc-ticket-wallet-v273 .cc-section-copy,.cc-prize-card-v273 .cc-section-copy,.cc-fair-v273 .cc-section-copy,.cc-winners-v273 .cc-section-copy{font-size:.58rem!important;line-height:.78rem!important;margin-top:.08rem!important}
.cc-draw-missions-v273 .cc-mission-overview{align-items:center!important;gap:.6rem!important}
.cc-draw-missions-v273 .cc-mission-score{min-width:4.5rem!important;padding:.4rem .5rem!important;border-radius:.68rem!important}
.cc-draw-missions-v273 .cc-mission-score strong{font-size:.9rem!important;line-height:1rem!important}
.cc-draw-missions-v273 .cc-mission-score span{font-size:.5rem!important;margin-top:.04rem!important}
.cc-draw-missions-v273 .cc-mission-master-progress{height:4px!important;margin-top:.45rem!important}
.cc-draw-mission-grid-v273{gap:.42rem!important}
.cc-draw-mission-grid-v273 .cc-mission-item-v46{padding:.5rem .56rem!important;border-radius:.68rem!important}
.cc-draw-mission-grid-v273 .cc-mission-item-top{gap:.42rem!important}
.cc-draw-mission-grid-v273 .cc-mission-icon{width:1.55rem!important;height:1.55rem!important;flex-basis:1.55rem!important;border-radius:.48rem!important;font-size:.64rem!important}
.cc-draw-mission-grid-v273 .cc-mission-name{font-size:.65rem!important;line-height:.82rem!important}
.cc-draw-mission-grid-v273 .cc-mission-counter{font-size:.55rem!important;line-height:.7rem!important;margin-top:.04rem!important}
.cc-draw-mission-grid-v273 .cc-badge{font-size:.5rem!important;padding:.2rem .36rem!important}
.cc-draw-mission-grid-v273 .cc-inline-progress{height:4px!important;margin-top:.34rem!important}
.cc-draw-mission-grid-v273 .cc-mission-item-footer{margin-top:.3rem!important;font-size:.54rem!important;line-height:.68rem!important}
.cc-draw-missions-v273 .cc-mission-next-action{margin-top:.48rem!important;padding:.45rem .54rem!important;border-radius:.68rem!important}
.cc-draw-missions-v273 .cc-mission-next-action b{font-size:.65rem!important}
.cc-draw-missions-v273 .cc-mission-next-action span{font-size:.56rem!important;line-height:.72rem!important;margin-top:.04rem!important}
.cc-draw-missions-v273 .cc-mission-next-action .cc-btn{min-height:27px!important;padding:.32rem .54rem!important;font-size:.58rem!important}

.cc-ticket-wallet-v273 .cc-section-head{margin-bottom:.35rem!important}
.cc-ticket-wallet-v273 .cc-ticket-rail-v46{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.4rem!important;margin-top:.45rem!important}
.cc-ticket-wallet-v273 .cc-ticket-v46{padding:.48rem .42rem!important;border-radius:.65rem!important}
.cc-ticket-wallet-v273 .cc-ticket-date{font-size:.5rem!important}
.cc-ticket-wallet-v273 .cc-ticket-v46 strong{font-size:.82rem!important;margin-top:.1rem!important}
.cc-ticket-wallet-v273 .cc-ticket-v46 small{font-size:.51rem!important;line-height:.66rem!important;margin-top:.08rem!important}
.cc-ticket-wallet-v273 .cc-empty-state{padding:.75rem!important;margin-top:.45rem!important}

.cc-prize-card-v273 .cc-section-head{margin-bottom:.45rem!important}
.cc-prize-card-v273 .cc-draw-times{gap:.35rem!important}
.cc-prize-card-v273 .cc-draw-times span{min-width:7rem!important;padding:.35rem .45rem!important;border-radius:.62rem!important;font-size:.56rem!important}
.cc-prize-card-v273 .cc-draw-times b{font-size:.49rem!important}
.cc-prize-card-v273 .cc-prize-rail-v46{gap:.4rem!important}
.cc-prize-card-v273 .cc-prize-chip-v46{min-width:5.5rem!important;flex-basis:5.5rem!important;padding:.44rem!important;border-radius:.66rem!important}
.cc-prize-card-v273 .cc-prize-chip-v46 span{font-size:.5rem!important}
.cc-prize-card-v273 .cc-prize-chip-v46 strong{font-size:.78rem!important;margin-top:.04rem!important}
.cc-prize-card-v273 .cc-prize-chip-v46 small{font-size:.52rem!important;margin-top:.04rem!important}
.cc-prize-card-v273 .cc-mission-reset-note{font-size:.55rem!important;line-height:.72rem!important;margin-top:.5rem!important}

.cc-fair-v273 .cc-section-head{margin-bottom:.35rem!important}
.cc-fair-v273 .cc-fair-steps-v46{gap:.45rem!important;margin-top:.55rem!important}
.cc-fair-v273 .cc-fair-step{gap:.45rem!important;padding:.48rem .52rem!important;border-radius:.68rem!important}
.cc-fair-v273 .cc-fair-step>span{width:1.55rem!important;height:1.55rem!important;flex-basis:1.55rem!important;border-radius:.48rem!important;font-size:.65rem!important}
.cc-fair-v273 .cc-fair-step b{font-size:.62rem!important;line-height:.78rem!important}
.cc-fair-v273 .cc-fair-step small{font-size:.53rem!important;line-height:.69rem!important;margin-top:.06rem!important}
.cc-fair-v273>.mt-4{margin-top:.55rem!important}
.cc-fair-v273 .cc-btn{min-height:27px!important;padding:.3rem .5rem!important;font-size:.56rem!important}
.cc-fair-v273 .cc-draw-advanced{margin-top:.55rem!important;border-radius:.68rem!important}
.cc-fair-v273 .cc-draw-advanced summary{padding:.48rem .58rem!important;font-size:.6rem!important}

.cc-winners-v273 .cc-section-head{margin-bottom:.2rem!important}
.cc-winners-v273 .cc-section-head .cc-btn{min-height:27px!important;padding:.3rem .5rem!important;font-size:.56rem!important}
.cc-winner-list-v273{margin-top:.1rem!important}
.cc-winner-list-v273 .cc-winner-row-v46{padding:.42rem 0!important;gap:.65rem!important}
.cc-winner-list-v273 .cc-winner-row-v46 b{font-size:.66rem!important}
.cc-winner-list-v273 .cc-winner-row-v46 span{font-size:.54rem!important;margin-top:.03rem!important}
.cc-winner-list-v273 .cc-winner-row-v46 strong{font-size:.64rem!important}
.cc-winner-list-v273 .cc-winner-row-v46 small{font-size:.52rem!important;margin-top:.03rem!important}
.cc-draw-legal-v273{font-size:.58rem!important;line-height:.82rem!important}

@media(max-width:1023px){
 .cc-dashboard-challenge-grid-v273{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cc-dashboard-next-v273>div{grid-template-columns:auto minmax(0,1fr)}
 .cc-dashboard-next-v273 small{grid-column:1/-1;margin-top:.12rem}
 .cc-draw-main-grid-v273{grid-template-columns:1fr}
 .cc-ticket-wallet-v273 .cc-ticket-rail-v46{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
 .cc-draw-hero-v273{grid-template-columns:1fr!important}
 .cc-draw-journey-v273{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .cc-draw-journey-v273 .cc-unlock-connector{width:auto!important;height:2px!important;margin:0!important}
}
@media(max-width:639px){
 .cc-dashboard-next-v273{align-items:flex-start;gap:.5rem}
 .cc-dashboard-next-v273>div{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem}
 .cc-dashboard-next-v273 b,.cc-dashboard-next-v273 small{white-space:normal}
 .cc-dashboard-challenges-head-v273{align-items:flex-start;flex-direction:column;gap:.35rem}
 .cc-dashboard-challenge-grid-v273{grid-template-columns:1fr}
 .cc-daily-bonus-v273 .cc-page-intro,.cc-choco-draw-v273 .cc-page-intro{padding:.56rem!important}
 .cc-missions-v273 .cc-mission-overview{align-items:flex-start!important}
 .cc-mission-overview-side-v273{width:100%;justify-content:space-between}
 .cc-missions-v273 .cc-mission-score{width:auto!important;min-width:4.6rem!important;display:block!important;text-align:center!important}
 .cc-unlock-path-v273{grid-template-columns:1fr!important}
 .cc-cycle-rail-v273 .cc-cycle-day{min-width:68px!important;flex:0 0 68px!important}
 .cc-draw-journey-v273{grid-template-columns:1fr!important}
 .cc-draw-journey-v273 .cc-unlock-connector{width:2px!important;height:.5rem!important;margin-left:.72rem!important}
 .cc-draw-kpis-v273{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .cc-ticket-wallet-v273 .cc-ticket-rail-v46{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important}
 .cc-ticket-wallet-v273 .cc-ticket-v46{min-width:62%!important}
 .cc-prize-card-v273 .cc-section-head,.cc-winners-v273 .cc-section-head{align-items:flex-start!important;gap:.5rem!important}
 .cc-prize-card-v273 .cc-draw-times{width:100%;justify-content:flex-start!important}
 .cc-fair-v273 .cc-fair-steps-v46{grid-template-columns:1fr!important}
}
/* ===== END assets/css/cc-ux-v273.css ===== */

/* ===== BEGIN assets/css/cc-ux-v274.css ===== */
/* CryptoChoco v274 — Daily Missions grid cleanup + Choco Draw layout rebalance.
   Presentation-only layer: no mission, reward, ticket, finance or draw semantics. */

/* Daily Bonus: two semantic mission rows (required first, optional/standby second). */
.cc-mission-grid-v274{display:block!important;margin-top:.6rem!important}
.cc-mission-row-v274{display:grid;gap:.48rem;min-width:0}
.cc-mission-row-v274+.cc-mission-row-v274{margin-top:.48rem}
.cc-mission-row-v274.is-primary{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-mission-row-v274.is-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc-mission-row-v274.is-secondary .cc-mission-item-v46{min-height:0}
.cc-mission-row-v274.is-secondary .cc-mission-item-v46.is-standby{opacity:.78}

/* Choco Draw: ticket wallet lives inside the free-ticket hero. */
.cc-draw-hero-v274{grid-template-columns:minmax(0,1fr) minmax(220px,285px)!important;align-items:stretch!important}
.cc-draw-hero-side-v274{position:relative;z-index:1;display:grid;grid-template-rows:auto auto;gap:.45rem;min-width:0}
.cc-draw-hero-side-v274 .cc-draw-countdown-panel{align-self:auto!important;text-align:right!important}
.cc-ticket-wallet-hero-v274{padding:.5rem .56rem;border:1px solid rgba(148,163,184,.16);border-radius:.72rem;background:rgba(255,255,255,.34);min-width:0;overflow:hidden}
.dark .cc-ticket-wallet-hero-v274{border-color:rgba(255,255,255,.075);background:rgba(2,6,23,.14)}
.cc-ticket-wallet-hero-head-v274{display:flex;align-items:center;justify-content:space-between;gap:.45rem;min-width:0}
.cc-ticket-wallet-hero-head-v274>div{display:flex;flex-direction:column;min-width:0}
.cc-ticket-wallet-hero-head-v274>div>span{font-size:.49rem;line-height:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#0ea5e9}
.cc-ticket-wallet-hero-head-v274>div>strong{font-size:.68rem;line-height:.84rem;color:#0f172a}
.dark .cc-ticket-wallet-hero-head-v274>div>strong{color:#f8fafc}
.cc-ticket-wallet-hero-head-v274 .cc-badge{font-size:.48rem!important;padding:.18rem .34rem!important}
.cc-ticket-rail-hero-v274{display:flex!important;grid-template-columns:none!important;gap:.35rem!important;margin-top:.38rem!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:.05rem}
.cc-ticket-rail-hero-v274 .cc-ticket-v46{flex:0 0 8.2rem;scroll-snap-align:start;padding:.36rem .38rem!important;border-radius:.58rem!important}
.cc-ticket-rail-hero-v274 .cc-ticket-date{font-size:.45rem!important}
.cc-ticket-rail-hero-v274 .cc-ticket-v46 strong{font-size:.72rem!important;margin-top:.04rem!important}
.cc-ticket-rail-hero-v274 .cc-ticket-v46 small{font-size:.46rem!important;line-height:.6rem!important;margin-top:.03rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-ticket-empty-v274{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;padding:.38rem .42rem;border-radius:.55rem;background:rgba(148,163,184,.08);color:#64748b;font-size:.52rem;line-height:.68rem}
.dark .cc-ticket-empty-v274{color:#94a3b8;background:rgba(255,255,255,.035)}
.cc-ticket-empty-v274 i{color:#0ea5e9}

/* Choco Draw: missions and prize structure share one operational row. */
.cc-draw-operational-grid-v274{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:.65rem;align-items:stretch}
.cc-draw-operational-grid-v274>.cc-card{height:100%}
.cc-prize-card-v274{display:flex;flex-direction:column}
.cc-prize-card-v274 .cc-section-head{display:block!important}
.cc-prize-card-v274 .cc-draw-times{margin-top:.42rem!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem!important}
.cc-prize-card-v274 .cc-draw-times span{min-width:0!important;width:100%;text-align:left!important}
.cc-prize-card-v274 .cc-prize-rail-v46{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem!important;margin-top:.48rem!important}
.cc-prize-card-v274 .cc-prize-chip-v46{min-width:0!important;flex-basis:auto!important;padding:.42rem .28rem!important}
.cc-prize-card-v274 .cc-mission-reset-note{margin-top:auto!important;padding-top:.5rem}

/* Choco Draw: trust + recent winners share one lower row. */
.cc-draw-trust-grid-v274{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:.65rem;align-items:stretch}
.cc-draw-trust-grid-v274>.cc-card{height:100%}
.cc-fair-v274{display:flex;flex-direction:column}
.cc-fair-v274 .cc-fair-steps-v46{grid-template-columns:1fr!important;gap:.36rem!important}
.cc-fair-v274 .cc-fair-step{padding:.42rem .48rem!important}
.cc-fair-v274 .cc-fair-step small{white-space:normal}
.cc-fair-v274 .cc-draw-advanced{margin-top:auto!important}
.cc-winners-v274{display:flex;flex-direction:column;min-width:0}
.cc-winners-v274 .cc-winner-list-v273{margin-top:.12rem!important}
.cc-winners-v274 .cc-winner-row-v46{padding:.34rem 0!important}

@media(max-width:1100px){
 .cc-mission-row-v274.is-primary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cc-draw-operational-grid-v274{grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr)}
 .cc-prize-card-v274 .cc-prize-rail-v46{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cc-draw-trust-grid-v274{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}
}
@media(max-width:900px){
 .cc-draw-hero-v274{grid-template-columns:1fr!important}
 .cc-draw-hero-side-v274{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .cc-draw-hero-side-v274 .cc-draw-countdown-panel{text-align:left!important}
 .cc-draw-operational-grid-v274,.cc-draw-trust-grid-v274{grid-template-columns:1fr}
 .cc-prize-card-v274 .cc-prize-rail-v46{grid-template-columns:repeat(5,minmax(0,1fr))}
 .cc-fair-v274 .cc-draw-advanced{margin-top:.55rem!important}
}
@media(max-width:639px){
 .cc-mission-row-v274.is-primary,.cc-mission-row-v274.is-secondary{grid-template-columns:1fr}
 .cc-draw-hero-side-v274{grid-template-columns:1fr}
 .cc-ticket-rail-hero-v274 .cc-ticket-v46{flex-basis:7.6rem}
 .cc-prize-card-v274 .cc-draw-times{grid-template-columns:1fr}
 .cc-prize-card-v274 .cc-prize-rail-v46{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ===== END assets/css/cc-ux-v274.css ===== */

/* ===== BEGIN assets/css/cc-ux-v275.css ===== */
/* CryptoChoco v275 — Dashboard/Choco Draw compaction, centered Extras layout,
   Wheel clarity + collapsible history, Dashboard collapsible activity.
   Presentation-only: no reward, mission, ticket, draw, finance or ad-delivery semantics. */

/* ---------- Dashboard hero: retain the daily loop, reduce visual mass ---------- */
.cc-dashboard-neon-hero-v275{padding:.88rem 1rem!important;border-radius:1rem!important;margin-bottom:.78rem!important}
.cc-dashboard-neon-hero-v275 .cc-dashboard-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.cc-dashboard-neon-hero-v275 .cc-neon-kicker{font-size:.58rem!important;line-height:.75rem!important}
.cc-dashboard-neon-hero-v275 .cc-dashboard-hero-title{font-size:clamp(1.5rem,2.35vw,2rem)!important;line-height:1.03!important;margin-top:.42rem!important;max-width:38rem!important}
.cc-dashboard-neon-hero-v275 .cc-dashboard-hero-lead{font-size:.76rem!important;line-height:1.12rem!important;margin-top:.46rem!important;max-width:36rem!important}
.cc-dashboard-neon-hero-v275 .cc-dashboard-hero-copy>.mt-5{margin-top:.72rem!important}
.cc-dashboard-neon-hero-v275 .cc-neon-cta{min-height:31px!important;padding:.4rem .68rem!important;font-size:.67rem!important;border-radius:.72rem!important}
.cc-dashboard-neon-hero-v275 .cc-dashboard-next-draw{padding:.38rem .58rem!important;border-radius:.68rem!important;column-gap:.35rem!important}
.cc-dashboard-neon-hero-v275 .cc-dashboard-next-draw-label{font-size:.52rem!important;line-height:.66rem!important}
.cc-dashboard-neon-hero-v275 .cc-dashboard-next-draw strong{font-size:.72rem!important}
.cc-dashboard-neon-hero-v275 .cc-dashboard-next-draw>span:last-child{font-size:.6rem!important}
.cc-dashboard-neon-hero-v275 .cc-today-flow{gap:.48rem!important}
.cc-dashboard-neon-hero-v275 .cc-today-step{min-height:7.65rem!important;padding:.62rem .66rem!important;border-radius:.82rem!important}
.cc-dashboard-neon-hero-v275 .cc-today-step-number{font-size:.52rem!important}
.cc-dashboard-neon-hero-v275 .cc-today-step-icon{width:1.72rem!important;height:1.72rem!important;border-radius:.54rem!important;font-size:.72rem!important;box-shadow:none!important;text-shadow:none!important}
.cc-dashboard-neon-hero-v275 .cc-today-step-label{margin-top:.5rem!important;font-size:.58rem!important;line-height:.74rem!important}
.cc-dashboard-neon-hero-v275 .cc-today-step-value{font-size:.9rem!important;line-height:1.05rem!important;margin-top:.08rem!important}
.cc-dashboard-neon-hero-v275 .cc-today-step-meta{min-height:1.25rem!important;font-size:.58rem!important;line-height:.72rem!important;margin-top:.18rem!important}
.cc-dashboard-neon-hero-v275 .cc-neon-progress{height:3px!important;margin-top:.42rem!important}
.cc-dashboard-neon-hero-v275 .cc-status-pulse{right:.65rem!important;bottom:.58rem!important;width:.38rem!important;height:.38rem!important}
.cc-dashboard-neon-hero-v275 .cc-ticket-notches{right:.65rem!important;bottom:.52rem!important}
@media(min-width:1200px){.cc-dashboard-hero-grid-v275{grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr)!important;gap:.85rem!important}}

/* ---------- Dashboard Recent Activity: secondary history is collapsed ---------- */
.cc-dashboard-activity-v275{border:1px solid rgba(148,163,184,.17);border-radius:.9rem;background:rgba(255,255,255,.45);overflow:hidden}
.dark .cc-dashboard-activity-v275{border-color:rgba(255,255,255,.075);background:rgba(7,30,36,.52)}
.cc-dashboard-activity-v275>summary{list-style:none;cursor:pointer}
.cc-dashboard-activity-v275>summary::-webkit-details-marker{display:none}
.cc-dashboard-activity-summary-v275{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.62rem .72rem;user-select:none}
.cc-dashboard-activity-title-v275{display:flex;align-items:center;gap:.58rem;min-width:0}
.cc-dashboard-activity-title-v275>i{width:1.65rem;height:1.65rem;border-radius:.52rem;display:flex;align-items:center;justify-content:center;color:#0ea5e9;background:rgba(14,165,233,.08);font-size:.68rem}
.cc-dashboard-activity-title-v275>span{display:flex;flex-direction:column;min-width:0}
.cc-dashboard-activity-title-v275 strong{font-size:.76rem;line-height:.9rem;color:#0f172a;font-weight:750}
.dark .cc-dashboard-activity-title-v275 strong{color:#f8fafc}
.cc-dashboard-activity-title-v275 small{margin-top:.08rem;font-size:.56rem;line-height:.68rem;color:#64748b;font-weight:500}
.dark .cc-dashboard-activity-title-v275 small{color:#94a3b8}
.cc-dashboard-activity-toggle-v275{display:flex;align-items:center;gap:.38rem;color:#0ea5e9;font-size:.6rem;font-weight:750;white-space:nowrap}
.cc-dashboard-activity-v275[open] .cc-dashboard-activity-toggle-v275 i{transform:rotate(180deg)}
.cc-dashboard-activity-toggle-v275 i{transition:transform .16s ease}
.cc-dashboard-activity-body-v275{padding:0 .58rem .58rem}
.cc-dashboard-activity-toolbar-v275{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;padding:.38rem .12rem;font-size:.55rem;color:#64748b}
.dark .cc-dashboard-activity-toolbar-v275{color:#94a3b8}
.cc-dashboard-activity-toolbar-v275 select{border:1px solid rgba(148,163,184,.2);border-radius:.48rem;background:transparent;color:#0ea5e9;font-weight:800;padding:.22rem .38rem;outline:none}
.cc-dashboard-activity-v275 .cc-card{border-radius:.7rem!important;box-shadow:none!important}
.cc-dashboard-activity-v275 .cc-card .p-3.sm\:p-4{padding:.55rem .65rem!important}
.cc-dashboard-activity-v275 .cc-badge{font-size:.48rem!important;padding:.16rem .34rem!important}

/* ---------- Choco Draw: one compact active-draw hero ---------- */
.cc-choco-draw-v275.cc-draw-active-v275>.cc-page-intro{display:none!important}
.cc-choco-draw-v275{margin-top:.7rem!important;row-gap:.65rem!important}
.cc-draw-hero-v275{grid-template-columns:minmax(0,1fr) minmax(390px,.8fr)!important;gap:.65rem!important;padding:.66rem .72rem!important;align-items:start!important}
.cc-draw-hero-v275 .cc-draw-hero-copy{align-self:center}
.cc-draw-hero-v275 .cc-page-kicker{margin-top:.32rem!important;font-size:.53rem!important}
.cc-draw-hero-v275 .cc-draw-hero-title{font-size:1rem!important;line-height:1.1rem!important;margin-top:.1rem!important}
.cc-draw-hero-v275 .cc-draw-hero-copytext{font-size:.59rem!important;line-height:.78rem!important;margin-top:.08rem!important}
.cc-draw-hero-v275 .cc-draw-hero-actions-v273{margin-top:.38rem!important}
.cc-draw-hero-side-v275{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;grid-template-rows:auto!important;gap:.42rem!important;align-self:start!important}
.cc-draw-hero-side-v275 .cc-draw-countdown-panel{min-height:72px!important;padding:.42rem .5rem!important;text-align:left!important;justify-content:center!important}
.cc-draw-hero-side-v275 .cc-ticket-wallet-hero-v274{min-height:72px!important;padding:.42rem .48rem!important}
.cc-draw-hero-side-v275 .cc-ticket-rail-hero-v274{margin-top:.26rem!important;gap:.25rem!important}
.cc-draw-hero-side-v275 .cc-ticket-rail-hero-v274 .cc-ticket-v46{flex-basis:7.2rem!important;padding:.26rem .3rem!important}
.cc-draw-journey-v275{padding:.32rem!important;gap:.28rem!important}
.cc-draw-journey-v275 .cc-unlock-step{padding:.31rem .38rem!important;min-height:0!important}
.cc-draw-journey-v275 .cc-unlock-step-icon{width:1.35rem!important;height:1.35rem!important;flex-basis:1.35rem!important;font-size:.58rem!important}
.cc-draw-journey-v275 .cc-unlock-step b{font-size:.56rem!important;line-height:.68rem!important}
.cc-draw-journey-v275 .cc-unlock-step small{font-size:.48rem!important;line-height:.6rem!important}
.cc-choco-draw-v275 .cc-draw-kpis-v273{margin-top:0!important}

/* ---------- Extras with no 160x600 rails: use the true visual center ---------- */
.cc-manual-faucet-layout-v275.is-no-rails-v275{display:grid!important;grid-template-columns:minmax(0,56rem)!important;justify-content:center!important;align-items:start!important;max-width:100%!important}
.cc-manual-faucet-layout-v275.is-no-rails-v275 .cc-manual-faucet-main-v112{width:100%!important;max-width:56rem!important;margin-inline:auto!important}
.cc-wheel-rail-layout-v275.is-no-rails-v275{display:grid!important;grid-template-columns:minmax(0,80rem)!important;justify-content:center!important;max-width:100%!important}
.cc-wheel-rail-layout-v275.is-no-rails-v275>.cc-v267-rail-main{width:100%!important;max-width:80rem!important;margin-inline:auto!important}

/* ---------- Wheel prize cards: crisp, calmer typography and artwork ---------- */
.cc-wheel-v275 .cc-odds-card-v275{background:linear-gradient(145deg,rgba(11,36,43,.92),rgba(6,25,30,.97))!important;border-color:rgba(125,211,252,.16)!important;box-shadow:none!important}
.cc-wheel-v275 .cc-odds-card-v275:before{opacity:.32!important}
.cc-wheel-v275 .cc-odds-art-v275{width:56px!important;height:56px!important;border-radius:13px!important;padding:5px!important;box-shadow:none!important;filter:none!important;border-color:rgba(255,255,255,.09)!important;background:#071e24!important}
.cc-wheel-v275 .cc-odds-title-v275{font-size:.82rem;line-height:1rem;color:#f8fafc;font-weight:650;letter-spacing:-.01em;text-shadow:none!important}
.cc-wheel-v275 .cc-odds-meta-v275{margin-top:.14rem;font-size:.61rem;line-height:.76rem;color:#94a3b8;font-weight:450;text-shadow:none!important}
.cc-wheel-v275 .cc-odds-value-v275{margin-top:.22rem;font-size:1rem;line-height:1.08rem;color:#67e8f9;font-weight:700;letter-spacing:.005em;text-shadow:none!important}
.cc-wheel-v275 .cc-odds-flag-v275{position:absolute;right:.25rem;top:.25rem;border-radius:999px;padding:.2rem .38rem;font-size:.48rem;line-height:.62rem;font-weight:750;letter-spacing:.03em;text-shadow:none!important}
.cc-wheel-v275 .cc-odds-flag-v275.is-jackpot{background:#fbbf24;color:#0f172a}.cc-wheel-v275 .cc-odds-flag-v275.is-booster{background:#f97316;color:#fff}

/* ---------- Wheel histories: compact two-column accordions ---------- */
.cc-wheel-history-grid-v275{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
.cc-wheel-accordion-v275{overflow:hidden!important;padding:0!important;box-shadow:none!important}
.cc-wheel-accordion-v275>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.62rem .72rem;cursor:pointer;user-select:none}
.cc-wheel-accordion-v275>summary::-webkit-details-marker{display:none}
.cc-wheel-accordion-heading-v275{display:flex;align-items:center;gap:.55rem;min-width:0}
.cc-wheel-accordion-heading-v275>i{width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;border-radius:.52rem;background:rgba(14,165,233,.08);color:#38bdf8;font-size:.7rem;text-shadow:none!important}
.cc-wheel-accordion-heading-v275>span{display:flex;flex-direction:column;min-width:0}
.cc-wheel-accordion-heading-v275 small{font-size:.5rem;line-height:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:650}
.cc-wheel-accordion-heading-v275 strong{margin-top:.04rem;font-size:.78rem;line-height:.92rem;color:#f8fafc;font-weight:650;letter-spacing:-.01em;text-shadow:none!important}
.cc-wheel-accordion-count-v275{display:flex;align-items:center;gap:.36rem;color:#94a3b8;font-size:.54rem;font-weight:600;white-space:nowrap}
.cc-wheel-accordion-count-v275 i{transition:transform .16s ease}
.cc-wheel-accordion-v275[open] .cc-wheel-accordion-count-v275 i{transform:rotate(180deg)}
.cc-wheel-accordion-body-v275{padding:0 .62rem .62rem;border-top:1px solid rgba(255,255,255,.055)}
.cc-wheel-history-list-v275{display:grid;gap:.3rem;padding-top:.45rem}
.cc-wheel-history-row-v275{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:42px;padding:.36rem .42rem;border:1px solid rgba(255,255,255,.055);border-radius:.62rem;background:rgba(255,255,255,.018)}
.cc-wheel-history-main-v275{display:flex;align-items:center;gap:.48rem;min-width:0}
.cc-wheel-history-main-v275>div{display:flex;flex-direction:column;min-width:0}
.cc-wheel-history-main-v275 strong{font-size:.66rem;line-height:.78rem;color:#f8fafc;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none!important}
.cc-wheel-history-main-v275 small{margin-top:.04rem;font-size:.52rem;line-height:.66rem;color:#94a3b8;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-wheel-v275 .cc-history-img-v275{width:30px!important;height:30px!important;border-radius:.5rem!important;filter:none!important;box-shadow:none!important}
.cc-wheel-history-reward-v275{font-size:.68rem;line-height:.8rem;font-weight:700;white-space:nowrap;text-shadow:none!important}.cc-wheel-history-reward-v275.is-win{color:#34d399}.cc-wheel-history-reward-v275.is-empty{color:#94a3b8}.cc-wheel-history-reward-v275.is-ticket{color:#fbbf24}
.cc-wheel-empty-v275{padding:.75rem .5rem;text-align:center;color:#94a3b8;font-size:.6rem}

@media(max-width:1100px){
 .cc-draw-hero-v275{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)!important}
 .cc-wheel-history-grid-v275{grid-template-columns:1fr!important}
}
@media(max-width:900px){
 .cc-dashboard-neon-hero-v275{padding:.78rem!important}
 .cc-draw-hero-v275{grid-template-columns:1fr!important}
 .cc-draw-hero-side-v275{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:639px){
 .cc-dashboard-neon-hero-v275 .cc-dashboard-hero-title{font-size:1.35rem!important}
 .cc-dashboard-neon-hero-v275 .cc-dashboard-hero-lead{font-size:.7rem!important;line-height:1rem!important}
 .cc-dashboard-neon-hero-v275 .cc-today-step{min-height:7.15rem!important}
 .cc-dashboard-activity-summary-v275{padding:.58rem .62rem}
 .cc-dashboard-activity-toggle-v275{font-size:0}.cc-dashboard-activity-toggle-v275 i{font-size:.62rem}
 .cc-draw-hero-side-v275{grid-template-columns:1fr!important}
 .cc-wheel-history-row-v275{align-items:flex-start}
 .cc-wheel-history-reward-v275{font-size:.62rem}
}
/* ===== END assets/css/cc-ux-v275.css ===== */

/* ===== BEGIN assets/css/cc-ux-v276.css ===== */
/* CryptoChoco v276 — Choco Draw top rebuild + Wheel right-column balance.
   Presentation-only layer: no reward, ticket, wheel odds, finance, mission or draw semantics. */

/* ---------- Choco Draw: remove dead space by pairing the journey with the copy ---------- */
.cc-draw-hero-v276{
  grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr)!important;
  gap:.55rem!important;
  padding:.58rem .62rem!important;
  align-items:stretch!important;
}
.cc-draw-hero-main-v276{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.42rem;
}
.cc-draw-hero-v276 .cc-draw-hero-copy{
  align-self:stretch!important;
  min-width:0;
  padding:.02rem .04rem 0;
}
.cc-draw-hero-v276 .cc-page-kicker{margin-top:.18rem!important}
.cc-draw-hero-v276 .cc-draw-hero-title{font-size:.96rem!important;line-height:1.05rem!important}
.cc-draw-hero-v276 .cc-draw-hero-copytext{max-width:44rem;font-size:.57rem!important;line-height:.74rem!important}
.cc-draw-hero-v276 .cc-draw-hero-actions-v273{margin-top:.3rem!important}
.cc-draw-hero-side-v275.cc-draw-hero-side-v274{
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:.38rem!important;
  align-self:stretch!important;
  height:100%;
}
.cc-draw-hero-v276 .cc-draw-countdown-panel,
.cc-draw-hero-v276 .cc-ticket-wallet-hero-v274{
  min-height:0!important;
  height:100%;
  padding:.38rem .44rem!important;
}
.cc-draw-hero-v276 .cc-ticket-wallet-hero-head-v274{gap:.3rem}
.cc-draw-hero-v276 .cc-ticket-rail-hero-v274{margin-top:.2rem!important}
.cc-draw-hero-v276 .cc-ticket-rail-hero-v274 .cc-ticket-v46{flex-basis:6.7rem!important;padding:.23rem .28rem!important}
.cc-draw-journey-v276{
  margin-top:0!important;
  padding:.27rem!important;
  gap:.23rem!important;
  border-radius:.62rem!important;
}
.cc-draw-journey-v276 .cc-unlock-step{padding:.27rem .32rem!important;border-radius:.56rem!important;gap:.3rem!important}
.cc-draw-journey-v276 .cc-unlock-step-icon{width:1.22rem!important;height:1.22rem!important;flex-basis:1.22rem!important;font-size:.52rem!important}
.cc-draw-journey-v276 .cc-unlock-step b{font-size:.53rem!important;line-height:.64rem!important}
.cc-draw-journey-v276 .cc-unlock-step small{font-size:.45rem!important;line-height:.56rem!important}
.cc-draw-journey-v276 .cc-unlock-connector{min-width:.42rem!important}

/* ---------- Wheel: compact right stack and make it balance the wheel card ---------- */
.cc-wheel-layout-v276{gap:.65rem!important;align-items:stretch!important}
.cc-wheel-stage-card-v276{height:100%;display:flex;flex-direction:column;justify-content:center}
.cc-wheel-side-v276{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto;
  gap:.52rem!important;
  align-self:stretch!important;
  min-height:0;
}
.cc-wheel-prizes-v276{
  padding:.58rem .62rem!important;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.cc-wheel-section-head-v276{gap:.4rem}
.cc-wheel-prizes-v276 .cc-wheel-section-head-v276>div>div:first-child{font-size:.48rem!important;letter-spacing:.13em!important}
.cc-wheel-prizes-v276 .cc-wheel-section-head-v276 h3{font-size:.9rem!important;line-height:1rem!important;margin-top:.12rem!important;font-weight:650!important;text-shadow:none!important}
.cc-wheel-prizes-v276 .cc-wheel-section-head-v276 .cc-odds-note{font-size:.5rem!important;line-height:.63rem!important;margin-top:.08rem!important}
.cc-wheel-prizes-v276 .cc-wheel-section-head-v276>i{display:none!important}
.cc-wheel-prizes-v276 .cc-wheel-odds-grid{
  margin-top:.42rem!important;
  gap:.34rem!important;
  flex:1;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,minmax(0,1fr));
}
.cc-wheel-v276 .cc-odds-card-v276{
  padding:.34rem .4rem!important;
  border-radius:.66rem!important;
  min-height:0!important;
  display:flex;
  align-items:center;
}
.cc-wheel-v276 .cc-odds-card-v276>div{gap:.42rem!important;width:100%}
.cc-wheel-v276 .cc-odds-card-v276 .pr-20{padding-right:2.45rem!important}
.cc-wheel-v276 .cc-odds-art-v275{width:42px!important;height:42px!important;border-radius:.62rem!important;padding:4px!important}
.cc-wheel-v276 .cc-odds-title-v275{font-size:.66rem!important;line-height:.78rem!important;font-weight:600!important}
.cc-wheel-v276 .cc-odds-meta-v275{font-size:.48rem!important;line-height:.58rem!important;margin-top:.03rem!important}
.cc-wheel-v276 .cc-odds-value-v275{font-size:.74rem!important;line-height:.82rem!important;margin-top:.08rem!important;font-weight:700!important}
.cc-wheel-v276 .cc-odds-flag-v275{right:.18rem!important;top:.18rem!important;padding:.14rem .26rem!important;font-size:.4rem!important;line-height:.5rem!important}

.cc-wheel-credits-v276{padding:.52rem .6rem!important}
.cc-wheel-credits-title-v276{font-size:.78rem!important;line-height:.9rem!important;font-weight:650!important;text-shadow:none!important}
.cc-wheel-credits-v276>.space-y-3{margin-top:.38rem!important;display:grid!important;gap:.32rem!important}
.cc-wheel-credit-source-v276{padding:.36rem .44rem!important;border-radius:.62rem!important}
.cc-wheel-credit-source-v276 .font-bold.text-sm{font-size:.62rem!important;line-height:.72rem!important;font-weight:600!important;text-shadow:none!important}
.cc-wheel-credit-source-v276 .text-xs{font-size:.49rem!important;line-height:.62rem!important;margin-top:.04rem!important}
.cc-wheel-credit-source-v276 button.text-xs{font-size:.48rem!important;line-height:.58rem!important;font-weight:700!important}
.cc-wheel-credit-source-v276 .text-\[10px\]{font-size:.44rem!important;line-height:.54rem!important;margin-top:.22rem!important;margin-bottom:.1rem!important}
.cc-wheel-credit-source-v276 .cc-source-progress{height:4px!important}

@media(min-width:1280px){
  .cc-wheel-layout-v276{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important}
  .cc-wheel-side-v276{height:100%}
}
@media(max-width:1100px){
  .cc-draw-hero-v276{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr)!important}
}
@media(max-width:900px){
  .cc-draw-hero-v276{grid-template-columns:1fr!important}
  .cc-draw-hero-side-v275.cc-draw-hero-side-v274{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;height:auto}
  .cc-wheel-side-v276{display:grid!important;grid-template-rows:auto auto;height:auto}
  .cc-wheel-prizes-v276 .cc-wheel-odds-grid{grid-template-rows:none}
}
@media(max-width:639px){
  .cc-draw-hero-v276{padding:.5rem!important}
  .cc-draw-hero-side-v275.cc-draw-hero-side-v274{grid-template-columns:1fr!important}
  .cc-draw-journey-v276{grid-template-columns:1fr!important}
  .cc-draw-journey-v276 .cc-unlock-connector{width:2px!important;height:.42rem!important;margin-left:.61rem!important}
  .cc-wheel-prizes-v276 .cc-wheel-odds-grid{grid-template-columns:1fr!important}
  .cc-wheel-v276 .cc-odds-art-v275{width:38px!important;height:38px!important}
}
/* ===== END assets/css/cc-ux-v276.css ===== */

/* ===== BEGIN assets/css/cc-ux-v277.css ===== */
/* CryptoChoco v277 — Choco Draw Header Layout Rebuild.
   Presentation-only: no ticket, mission, draw, reward, finance or Provably Fair semantics. */

/* Active Choco Draw hero: one compact summary row + one compact journey row. */
.cc-draw-hero-v277{
  display:block!important;
  padding:.52rem .58rem!important;
  gap:0!important;
}
.cc-draw-topline-v277{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);
  gap:.5rem;
  align-items:stretch;
  min-width:0;
}
.cc-draw-summary-v277{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:.02rem .04rem;
}
.cc-draw-status-badges-v277{gap:.32rem!important}
.cc-draw-hero-v277 .cc-badge{font-size:.49rem!important;line-height:.58rem!important;padding:.2rem .38rem!important}
.cc-draw-kicker-v277{margin-top:.24rem!important;font-size:.49rem!important;line-height:.62rem!important}
.cc-draw-hero-v277 .cc-draw-hero-title{font-size:.94rem!important;line-height:1.02rem!important;margin-top:.08rem!important}
.cc-draw-hero-v277 .cc-draw-hero-copytext{font-size:.55rem!important;line-height:.7rem!important;margin-top:.06rem!important;max-width:42rem}
.cc-draw-actions-v277{margin-top:.28rem!important;gap:.3rem!important}
.cc-draw-hero-v277 .cc-btn{min-height:26px!important;padding:.28rem .5rem!important;font-size:.57rem!important;border-radius:.58rem!important}

/* Countdown and wallet occupy the same row so no vertical rail leaves dead space. */
.cc-draw-status-grid-v277{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:.4rem;
  align-items:stretch;
}
.cc-draw-status-card-v277{
  min-width:0;
  min-height:74px!important;
  height:auto!important;
  padding:.38rem .44rem!important;
  border-radius:.68rem!important;
}
.cc-draw-countdown-v277{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  text-align:left!important;
}
.cc-draw-countdown-v277 .cc-draw-countdown-label{font-size:.47rem!important;line-height:.58rem!important}
.cc-draw-countdown-v277 .cc-draw-countdown-value{font-size:.92rem!important;line-height:1rem!important;margin-top:.07rem!important}
.cc-draw-countdown-v277 .cc-draw-countdown-meta{font-size:.46rem!important;line-height:.58rem!important;margin-top:.06rem!important;white-space:normal}
.cc-ticket-wallet-v277{display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
.cc-ticket-wallet-head-v277{gap:.24rem!important}
.cc-ticket-wallet-head-v277>div>span{font-size:.43rem!important;line-height:.52rem!important}
.cc-ticket-wallet-head-v277>div>strong{font-size:.62rem!important;line-height:.7rem!important}
.cc-ticket-wallet-head-v277 .cc-badge{flex:0 0 auto}
.cc-ticket-rail-v277{margin-top:.18rem!important;gap:.22rem!important;min-height:0;overflow-x:auto!important;padding-bottom:0!important}
.cc-ticket-rail-v277 .cc-ticket-v46{flex:0 0 6.25rem!important;padding:.2rem .24rem!important;border-radius:.52rem!important;min-width:0!important}
.cc-ticket-rail-v277 .cc-ticket-date{font-size:.4rem!important;line-height:.48rem!important}
.cc-ticket-rail-v277 .cc-ticket-v46 strong{font-size:.66rem!important;line-height:.72rem!important;margin-top:.02rem!important}
.cc-ticket-rail-v277 .cc-ticket-v46 small{font-size:.4rem!important;line-height:.48rem!important;margin-top:.01rem!important}
.cc-ticket-empty-v277{margin-top:.2rem!important;padding:.24rem .3rem!important;font-size:.45rem!important;line-height:.58rem!important;min-height:0!important}

/* Journey is a narrow second row, not a separate hero-height region. */
.cc-draw-journey-v277{
  position:relative;
  z-index:1;
  margin-top:.42rem!important;
  padding:.24rem!important;
  gap:.2rem!important;
  border-radius:.58rem!important;
}
.cc-draw-journey-v277 .cc-unlock-step{padding:.24rem .3rem!important;border-radius:.52rem!important;gap:.28rem!important;min-height:0!important}
.cc-draw-journey-v277 .cc-unlock-step-icon{width:1.16rem!important;height:1.16rem!important;flex-basis:1.16rem!important;font-size:.49rem!important}
.cc-draw-journey-v277 .cc-unlock-step b{font-size:.5rem!important;line-height:.6rem!important}
.cc-draw-journey-v277 .cc-unlock-step small{font-size:.42rem!important;line-height:.51rem!important}
.cc-draw-journey-v277 .cc-unlock-connector{min-width:.36rem!important}

@media(max-width:1100px){
  .cc-draw-topline-v277{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr)}
}
@media(max-width:900px){
  .cc-draw-topline-v277{grid-template-columns:1fr}
  .cc-draw-status-grid-v277{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-draw-summary-v277{padding:0}
}
@media(max-width:639px){
  .cc-draw-hero-v277{padding:.46rem!important}
  .cc-draw-status-grid-v277{grid-template-columns:1fr}
  .cc-draw-status-card-v277{min-height:0!important}
  .cc-draw-journey-v277{grid-template-columns:1fr!important}
  .cc-draw-journey-v277 .cc-unlock-connector{width:2px!important;height:.38rem!important;margin-left:.58rem!important}
}
/* ===== END assets/css/cc-ux-v277.css ===== */

/* ===== BEGIN assets/css/cc-ux-v303.css ===== */
/* CryptoChoco v303 — native Earnings UX polish for Tasks / Articles / Surveys. */
.cc-task-runtime-v303{margin-top:.85rem;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.72rem .8rem;border:1px solid rgba(148,163,184,.2);border-radius:.9rem;background:rgba(148,163,184,.045);font-size:.72rem}
.cc-task-runtime-v303.is-emerald{border-color:rgba(16,185,129,.2);background:rgba(16,185,129,.05)}
.cc-task-runtime-v303.is-amber{border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.05)}
.cc-task-runtime-icon-v303{width:34px;height:34px;border-radius:.7rem;display:grid;place-items:center;background:rgba(14,165,233,.08);color:#0ea5e9}
.cc-task-runtime-title-v303{font-weight:850;color:#0f172a}.dark .cc-task-runtime-title-v303{color:#f8fafc}
.cc-task-runtime-copy-v303{margin-top:.1rem;color:#64748b}.dark .cc-task-runtime-copy-v303{color:#9fb2ba}
.cc-task-runtime-extra-v303{font-size:.64rem;font-weight:800;color:#64748b;white-space:nowrap}.dark .cc-task-runtime-extra-v303{color:#94a3b8}

.cc-article-runtime-v303{margin-top:.8rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;border:1px solid rgba(16,185,129,.2);border-radius:.85rem;background:rgba(16,185,129,.05);color:#64748b;font-size:.68rem;font-weight:750}.dark .cc-article-runtime-v303{color:#9fb2ba}.cc-article-runtime-v303>span:first-child{color:#059669}.dark .cc-article-runtime-v303>span:first-child{color:#34d399}
.cc-article-grid-v303{display:grid;grid-template-columns:1fr;gap:.8rem}
.cc-article-card-v303{min-width:0;display:flex;flex-direction:column;padding:.9rem;border:1px solid rgba(148,163,184,.22);border-radius:1rem;background:#fff;text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dark .cc-article-card-v303{background:#0b252c;border-color:rgba(255,255,255,.09)}
.cc-article-card-v303:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.38);box-shadow:0 10px 24px rgba(76,29,149,.08)}
.cc-article-head-v303{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.cc-article-icon-v303{width:38px;height:38px;border-radius:.75rem;display:grid;place-items:center;background:rgba(139,92,246,.1);color:#8b5cf6;border:1px solid rgba(139,92,246,.16)}
.cc-article-title-v303{margin:.8rem 0 0;color:#0f172a;font-size:.88rem;line-height:1.2rem;font-weight:850;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.4rem}.dark .cc-article-title-v303{color:#f8fafc}
.cc-article-reward-v303{margin-top:.65rem;padding:.65rem .7rem;border-radius:.8rem;background:rgba(16,185,129,.055);display:flex;align-items:center;justify-content:space-between;gap:.6rem}.cc-article-reward-v303 small{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:#94a3b8}.cc-article-reward-v303 strong{font-size:.8rem;color:#10b981;white-space:nowrap}
.cc-article-progress-v303{margin-top:.7rem}.cc-article-progress-v303>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.64rem;color:#64748b}.dark .cc-article-progress-v303>div:first-child{color:#94a3b8}.cc-article-progress-v303 b{color:#334155}.dark .cc-article-progress-v303 b{color:#cbd5e1}.cc-article-progress-track-v303{height:6px;margin-top:.45rem;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden}.cc-article-progress-track-v303 i{display:block;height:100%;border-radius:inherit;background:#8b5cf6}.cc-article-progress-v303 small{display:block;margin-top:.35rem;font-size:.6rem;color:#94a3b8}
.cc-article-more-v303{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.cc-article-more-v303 small{color:#94a3b8;font-size:.65rem}
@media(min-width:640px){.cc-article-grid-v303{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1180px){.cc-article-grid-v303{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.cc-task-runtime-v303{grid-template-columns:34px minmax(0,1fr)}.cc-task-runtime-extra-v303{grid-column:2;white-space:normal}.cc-article-runtime-v303{align-items:flex-start;flex-direction:column}}
/* ===== END assets/css/cc-ux-v303.css ===== */

/* ===== BEGIN assets/css/cc-ux-v304.css ===== */
/* CryptoChoco v304 — native earning card quality + bounded runtime finalization. */

/* Tasks: cap density so titles/rewards remain readable even on very wide screens. */
.cc-task-grid-v233{grid-template-columns:1fr!important;gap:.8rem!important}
.cc-task-card-v304{min-height:188px}
@media(min-width:640px){.cc-task-grid-v233{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:900px){.cc-task-grid-v233{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1200px){.cc-task-grid-v233{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:1540px){.cc-task-grid-v233{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* BitcoTasks task detail/proof modal keeps expanded instructions out of the card row. */
html.cc-task-modal-open-v304{overflow:hidden}
.cc-task-modal-v304{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;padding:1rem}
.cc-task-modal-v304.hidden{display:none!important}
.cc-task-modal-backdrop-v304{position:absolute;inset:0;border:0;background:rgba(2,8,23,.72);backdrop-filter:blur(4px);cursor:pointer}
.cc-task-modal-dialog-v304{position:relative;width:min(100%,680px);max-height:min(86vh,760px);overflow:auto;padding:1.05rem;border:1px solid rgba(148,163,184,.2);border-radius:1.15rem;background:#fff;box-shadow:0 28px 80px rgba(2,8,23,.34)}
.dark .cc-task-modal-dialog-v304{background:#08242b;border-color:rgba(255,255,255,.1)}
.cc-task-modal-head-v304{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.cc-task-modal-close-v304{width:36px;height:36px;border-radius:.8rem;border:1px solid rgba(148,163,184,.2);display:grid;place-items:center;color:#64748b;background:rgba(148,163,184,.06)}
.dark .cc-task-modal-close-v304{color:#cbd5e1;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.cc-task-modal-title-v304{margin:.9rem 0 0;font-size:1.05rem;line-height:1.35rem;font-weight:900;color:#0f172a}.dark .cc-task-modal-title-v304{color:#f8fafc}
.cc-task-modal-reward-v304{margin-top:.55rem;font-size:1.12rem;font-weight:900;color:#10b981}
.cc-task-modal-requirement-v304{margin-top:.75rem;padding:.72rem .8rem;border-radius:.8rem;border:1px solid rgba(245,158,11,.18);background:rgba(245,158,11,.06);color:#b45309;font-size:.75rem;line-height:1.15rem}.dark .cc-task-modal-requirement-v304{color:#fcd34d}
.cc-task-modal-section-v304{margin-top:.85rem;padding-top:.85rem;border-top:1px solid rgba(148,163,184,.16)}
.cc-task-modal-label-v304{margin-bottom:.45rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#94a3b8}
.cc-task-modal-instructions-v304{white-space:pre-line;color:#475569;font-size:.78rem;line-height:1.3rem}.dark .cc-task-modal-instructions-v304{color:#cbd5e1}
.cc-task-modal-links-v304{display:grid;gap:.45rem;margin-top:.75rem}
@media(max-width:640px){.cc-task-modal-v304{padding:.45rem;align-items:end}.cc-task-modal-dialog-v304{width:100%;max-height:90vh;border-radius:1rem 1rem 0 0}}

/* Articles: completed daily inventory remains visible but unmistakably inactive. */
.cc-page-stat-meta-v304{display:block;margin-top:.15rem;font-size:.56rem;line-height:.8rem;font-weight:750;color:#94a3b8;max-width:9rem}
.cc-article-card-v303.is-exhausted-v304{opacity:.72;border-style:dashed}
.cc-article-card-v303.is-exhausted-v304:hover{transform:none;box-shadow:none;border-color:rgba(148,163,184,.22)}
.cc-article-card-v303.is-exhausted-v304 .cc-article-progress-track-v303 i{background:#64748b}
.cc-article-complete-badge-v304{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;margin-top:.6rem;padding:.3rem .5rem;border-radius:.6rem;background:rgba(100,116,139,.1);color:#64748b;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.dark .cc-article-complete-badge-v304{color:#cbd5e1;background:rgba(148,163,184,.08)}

/* Surveys: compact status strip; the earning cards remain the visual priority. */
.cc-survey-provider-grid-v271{gap:.55rem!important;margin-bottom:.8rem!important}
.cc-survey-provider-card-v271{min-height:58px!important;padding:.58rem .68rem!important}
.cc-survey-provider-card-v271 .cc-provider-badge{transform:scale(.94);transform-origin:left center}
.cc-survey-provider-card-v271 .text-\[10px\]{font-size:.56rem!important;line-height:.78rem!important}
.cc-survey-provider-message-v271{max-width:150px;font-size:.54rem;line-height:.76rem}
.cc-survey-provider-side-v271{gap:.25rem}
.cc-survey-provider-action-v271{min-height:23px;padding:.2rem .42rem;font-size:.56rem}
/* ===== END assets/css/cc-ux-v304.css ===== */

/* ===== BEGIN assets/css/cc-ux-v305.css ===== */
/* CryptoChoco v305 — native Earnings state visibility hotfix. */
/* Later component display declarations can override Tailwind's .hidden utility.
   Restore hidden semantics only for components/buttons that are dynamically toggled. */
.cc-btn.hidden{display:none!important}
.cc-article-runtime-v303.hidden,
.cc-article-grid-v303.hidden,
.cc-article-more-v303.hidden,
.cc-offerwall-native-grid-v270.hidden{display:none!important}
/* ===== END assets/css/cc-ux-v305.css ===== */

/* ===== BEGIN assets/css/cc-ux-v308.css ===== */
/* CryptoChoco v308 — Tasks featured TimeWall launcher and compact top-only ad flow. */
.cc-task-featured-wall-v308{position:relative;overflow:hidden;border:1px solid rgba(14,165,233,.35);background:linear-gradient(135deg,rgba(14,165,233,.10),rgba(99,102,241,.06) 58%,rgba(16,185,129,.05));border-radius:18px;padding:18px;box-shadow:0 12px 34px rgba(2,132,199,.08)}
.cc-task-featured-wall-v308:before{content:"";position:absolute;inset:-60% auto auto 62%;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 66%);pointer-events:none}
.cc-task-featured-wall-v308 .cc-task-featured-badge-v308{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .55rem;border-radius:999px;background:rgba(14,165,233,.12);color:#38bdf8;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cc-task-featured-wall-v308 .cc-task-featured-grid-v308{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:10px}
.cc-task-featured-wall-v308 .cc-task-featured-title-v308{font-size:1.15rem;font-weight:900;line-height:1.2}
.cc-task-featured-wall-v308 .cc-task-featured-copy-v308{margin-top:6px;max-width:850px;font-size:.78rem;color:#7f93a8;line-height:1.55}
.cc-task-featured-wall-v308 .cc-task-featured-icon-v308{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(14,165,233,.12);color:#38bdf8;font-size:1.05rem;flex:0 0 auto}
.cc-task-featured-wall-v308 .cc-task-featured-provider-v308{display:flex;align-items:center;gap:12px;min-width:0}
@media(max-width:720px){.cc-task-featured-wall-v308{padding:15px}.cc-task-featured-wall-v308 .cc-task-featured-grid-v308{grid-template-columns:1fr}.cc-task-featured-wall-v308 .cc-btn{width:100%;justify-content:center}}
/* ===== END assets/css/cc-ux-v308.css ===== */

/* ===== BEGIN assets/css/cc-ux-v309.css ===== */
/* CryptoChoco v309 — Earnings UX & Provider Surface Polish.
 * Shared card/grid geometry for Tasks, Articles, Surveys and native Offerwalls.
 * Breakpoint contract: 1 -> 2 -> 3 -> 5 columns.
 */
.cc-earn-section-v309{min-width:0}
.cc-earn-section-head-v309{align-items:flex-end;gap:1rem;margin-bottom:.15rem}
.cc-earn-grid-v309,.cc-task-grid-v233,.cc-article-grid-v303,.cc-survey-grid-v205,.cc-offerwall-native-grid-v270{display:grid!important;grid-template-columns:1fr!important;gap:.8rem!important}
.cc-provider-grid-v309,.cc-survey-provider-grid-v205,.cc-offerwall-provider-grid-v233{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}
@media(min-width:640px){.cc-earn-grid-v309,.cc-task-grid-v233,.cc-article-grid-v303,.cc-survey-grid-v205,.cc-offerwall-native-grid-v270,.cc-provider-grid-v309,.cc-survey-provider-grid-v205,.cc-offerwall-provider-grid-v233{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:900px){.cc-earn-grid-v309,.cc-task-grid-v233,.cc-article-grid-v303,.cc-survey-grid-v205,.cc-offerwall-native-grid-v270,.cc-provider-grid-v309,.cc-survey-provider-grid-v205,.cc-offerwall-provider-grid-v233{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1540px){.cc-earn-grid-v309,.cc-task-grid-v233,.cc-article-grid-v303,.cc-survey-grid-v205,.cc-offerwall-native-grid-v270,.cc-provider-grid-v309,.cc-survey-provider-grid-v205,.cc-offerwall-provider-grid-v233{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* Shared card rhythm. */
.cc-earn-card-v309{min-width:0;min-height:210px;border-radius:1rem!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
.cc-earn-card-v309 .cc-provider-badge{min-height:25px;max-width:100%;font-size:.62rem}
.cc-earn-card-v309>.cc-btn:last-child,.cc-task-card-v233.cc-earn-card-v309>.cc-btn:last-child{margin-top:auto!important}
.cc-earn-card-head-v309{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;margin-bottom:.75rem}
.cc-provider-badge-simple-v309{display:inline-flex!important;align-items:center!important;width:max-content;max-width:100%;padding:.28rem .5rem;border-radius:999px;background:rgba(14,165,233,.09);color:#64748b;font-size:.62rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dark .cc-provider-badge-simple-v309{color:#b6c7cf;background:rgba(14,165,233,.10)}
.cc-earn-card-cta-v309{width:100%;min-height:32px;margin-top:auto!important;justify-content:center!important;padding:.48rem .65rem;border-radius:.6rem;background:#0ea5e9;color:#fff!important}
.cc-earn-card-cta-v309:hover{background:#0284c7}

/* TimeWall is the first Tasks grid item but remains visibly a provider-wall launcher. */
.cc-task-wall-card-v309{position:relative;overflow:hidden;padding:.9rem;border:1px solid rgba(14,165,233,.38)!important;background:linear-gradient(145deg,rgba(14,165,233,.105),rgba(99,102,241,.055) 58%,rgba(16,185,129,.045))!important;box-shadow:0 10px 28px rgba(2,132,199,.08)}
.dark .cc-task-wall-card-v309{background:linear-gradient(145deg,rgba(14,165,233,.12),rgba(99,102,241,.07) 58%,rgba(16,185,129,.05))!important}
.cc-task-wall-card-v309:before{content:"";position:absolute;width:150px;height:150px;border-radius:999px;right:-55px;top:-70px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 68%);pointer-events:none}
.cc-task-wall-icon-v309{width:38px;height:38px;border-radius:.75rem;display:grid;place-items:center;background:rgba(14,165,233,.14);color:#38bdf8;border:1px solid rgba(56,189,248,.16)}
.cc-task-wall-type-v309{position:relative;display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;margin-bottom:.7rem;padding:.28rem .5rem;border-radius:999px;background:rgba(14,165,233,.10);color:#0284c7;font-size:.59rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.dark .cc-task-wall-type-v309{color:#38bdf8}
.cc-task-wall-reward-v309{margin-top:.65rem;padding:.65rem .7rem;border-radius:.8rem;background:rgba(14,165,233,.06);display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.cc-task-wall-reward-v309 small{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:#94a3b8}
.cc-task-wall-reward-v309 strong{font-size:.8rem;color:#38bdf8;white-space:nowrap}

/* Provider selector tiles use the same density across Surveys and Offerwalls. */
.cc-provider-tile-v309{min-width:0!important;min-height:78px!important}
.cc-offerwall-provider-card-v233.cc-provider-tile-v309 .cc-offerwall-provider-box-v233{min-height:88px!important;padding:.65rem!important}
.cc-provider-mode-v309{display:inline-flex;margin-top:.35rem;padding:.2rem .42rem;border-radius:999px;background:rgba(100,116,139,.09);color:#64748b;font-size:.55rem;font-weight:850;line-height:1;white-space:nowrap}
.dark .cc-provider-mode-v309{color:#94a3b8;background:rgba(148,163,184,.08)}
.cc-survey-provider-card-v271.cc-provider-tile-v309{min-height:78px!important;padding:.7rem!important}
.cc-survey-provider-action-v271{min-height:28px!important;padding:.3rem .55rem!important}

/* Native Offerwalls now follow the same card silhouette as other item-level inventories. */
.cc-offerwall-native-card-v270.cc-earn-card-v309{min-height:210px;padding:.9rem!important;gap:0!important}
.cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-media-v270{width:38px;height:38px;flex:0 0 38px}
.cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-body-v270{width:100%;margin-top:.7rem;display:flex;flex:1;flex-direction:column}
.cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-body-v270 h3{min-height:2.4rem;font-size:.88rem}
.cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-meta-v270{margin-top:.65rem;padding:.58rem .62rem;border-radius:.75rem;background:rgba(16,185,129,.05);gap:.5rem}
.cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-meta-v270 strong{font-size:.76rem}

/* Align Survey/Article/Task card actions and status rows. */
.cc-survey-card-v205.cc-earn-card-v309{padding:.9rem!important}
.cc-survey-card-v205.cc-earn-card-v309>.cc-btn{min-height:32px}
.cc-article-card-v303.cc-earn-card-v309>.cc-btn{min-height:32px;margin-top:auto!important}
.cc-task-card-v233.cc-earn-card-v309>.cc-btn{min-height:32px}
.cc-task-runtime-v303,.cc-article-runtime-v303,.cc-offerwall-native-state-v270.is-ready{border-radius:.85rem!important;min-height:44px}

@media(max-width:639px){
 .cc-earn-section-head-v309{align-items:flex-start;flex-direction:column}
 .cc-provider-grid-v309,.cc-survey-provider-grid-v205,.cc-offerwall-provider-grid-v233{gap:.55rem!important}
 .cc-earn-card-v309{min-height:0}
 .cc-offerwall-native-card-v270.cc-earn-card-v309{min-height:0!important}
}
/* ===== END assets/css/cc-ux-v309.css ===== */

/* ===== BEGIN assets/css/cc-ux-v310.css ===== */
/* CryptoChoco v310 — Earnings Visual Balance & Provider Surface Polish.
 * Refines shared card rhythm, Survey wall composition, compact Offerwall selector,
 * and responsive behavior without changing provider finance or inventory contracts.
 */

/* ---------- Shared earning-card geometry ---------- */
.cc-earn-card-v309{min-width:0}
.cc-task-card-v233.cc-earn-card-v309 .cc-task-title-v233,
.cc-article-card-v303.cc-earn-card-v309 .cc-article-title-v303,
.cc-survey-card-v205.cc-earn-card-v309>h3{min-height:2.3rem;display:flex;align-items:flex-start}
.cc-earn-card-v309 .cc-provider-badge{min-height:24px;line-height:1;max-width:100%}
.cc-task-card-v233.cc-earn-card-v309>.cc-btn,
.cc-article-card-v303.cc-earn-card-v309>.cc-btn,
.cc-survey-card-v205.cc-earn-card-v309>.cc-btn,
.cc-offerwall-native-card-v270.cc-earn-card-v309>.cc-earn-card-cta-v309{min-height:34px!important}
.cc-task-runtime-v303,.cc-article-runtime-v303,.cc-offerwall-native-state-v270.is-ready{display:flex;align-items:center;min-height:44px!important}

/* ---------- Tasks: compact provider-wall card ---------- */
.cc-task-wall-card-v309{padding:.82rem!important}
.cc-task-wall-card-v309 .cc-earn-card-head-v309{margin-bottom:.55rem}
.cc-task-wall-type-v310{margin-bottom:.15rem!important;padding:.23rem .45rem!important;font-size:.56rem!important}
.cc-task-wall-subtype-v310{font-size:.66rem;font-weight:800;color:#64748b;margin-bottom:.45rem}
.dark .cc-task-wall-subtype-v310{color:#94a3b8}
.cc-task-wall-card-v309 .cc-task-wall-reward-v309{margin-top:.5rem;padding:.55rem .62rem}
.cc-task-wall-card-v309 .cc-task-copy-v233{font-size:.66rem;line-height:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- Surveys: Monlix wall card + reward/KPI balance ---------- */
.cc-survey-wall-card-v310{position:relative;overflow:hidden;border-color:rgba(100,116,139,.34)!important;background:linear-gradient(145deg,rgba(100,116,139,.08),rgba(14,165,233,.045) 60%,rgba(139,92,246,.04))!important}
.dark .cc-survey-wall-card-v310{background:linear-gradient(145deg,rgba(100,116,139,.11),rgba(14,165,233,.055) 60%,rgba(139,92,246,.05))!important}
.cc-survey-wall-card-v310:before{content:"";position:absolute;width:145px;height:145px;border-radius:999px;right:-62px;top:-68px;background:radial-gradient(circle,rgba(148,163,184,.17),transparent 68%);pointer-events:none}
.cc-survey-wall-icon-v310{width:36px;height:36px;border-radius:.72rem;display:grid;place-items:center;background:rgba(100,116,139,.13);color:#94a3b8;border:1px solid rgba(148,163,184,.16)}
.cc-survey-wall-type-v310{position:relative;display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;padding:.23rem .45rem;border-radius:999px;background:rgba(100,116,139,.10);color:#64748b;font-size:.56rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.dark .cc-survey-wall-type-v310{color:#cbd5e1}
.cc-survey-wall-subtype-v310{margin-top:.2rem;font-size:.66rem;font-weight:800;color:#64748b}
.dark .cc-survey-wall-subtype-v310{color:#94a3b8}
.cc-survey-wall-reward-v310{margin-top:.55rem;padding:.56rem .62rem;border-radius:.75rem;background:rgba(100,116,139,.065);display:flex;align-items:center;justify-content:space-between;gap:.55rem}
.cc-survey-wall-reward-v310 small{font-size:.56rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850;color:#94a3b8}
.cc-survey-wall-reward-v310 strong{font-size:.78rem;color:#94a3b8;white-space:nowrap}
.cc-survey-card-v205.cc-earn-card-v309{padding:.82rem!important}
.cc-survey-kpi-grid-v310>div{min-width:0;min-height:58px;display:flex;flex-direction:column;justify-content:space-between}
.cc-survey-card-v205 .cc-survey-reward{font-size:.86rem!important;line-height:1.08!important;letter-spacing:-.018em;white-space:nowrap!important;font-variant-numeric:tabular-nums;overflow:hidden}
.cc-survey-card-v205 .cc-survey-reward.is-long-v310{font-size:.77rem!important;letter-spacing:-.028em}
.cc-survey-card-v205 .cc-survey-reward.is-xlong-v310{font-size:.69rem!important;letter-spacing:-.035em}
.cc-survey-card-v205 .cc-survey-loi{font-size:.84rem;white-space:nowrap}
.cc-survey-card-v205>p{min-height:1.9rem;margin-top:.45rem!important}

/* ---------- Offerwalls: compact ordered provider selector ---------- */
.cc-offerwall-provider-grid-v233.cc-offerwall-provider-grid-v310{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important;justify-content:start!important;align-items:stretch}
.cc-offerwall-provider-grid-v310 .cc-offerwall-provider-card-v233{min-width:0;width:100%}
.cc-offerwall-provider-grid-v310 .cc-offerwall-provider-box-v233{min-height:76px!important;padding:.5rem .45rem!important;border-radius:.78rem!important;transform:none!important}
.cc-offerwall-provider-grid-v310 .cc-offerwall-provider-icon-v233{width:2rem!important;height:2rem!important;margin-bottom:.3rem!important}
.cc-offerwall-provider-grid-v310 .cc-provider-mark{width:1.78rem;height:1.78rem;border-radius:.55rem;font-size:.75rem}
.cc-offerwall-provider-grid-v310 h3{font-size:.69rem!important;line-height:.92rem!important;min-height:.92rem}
.cc-offerwall-provider-grid-v310 .cc-provider-mode-v309{margin-top:.26rem;padding:.17rem .34rem;font-size:.48rem}
.cc-offerwall-provider-card-v233.is-active-v310 .cc-offerwall-provider-box-v233{border-color:rgba(14,165,233,.72)!important;box-shadow:0 0 0 1px rgba(14,165,233,.28),0 7px 18px rgba(2,132,199,.10)!important;background:linear-gradient(145deg,rgba(14,165,233,.065),rgba(255,255,255,0))!important}
.dark .cc-offerwall-provider-card-v233.is-active-v310 .cc-offerwall-provider-box-v233{background:linear-gradient(145deg,rgba(14,165,233,.10),rgba(15,23,42,.02))!important}
.cc-offerwall-provider-card-v233.is-active-v310:after{content:"ACTIVE";position:absolute;top:.35rem;right:.4rem;z-index:20;padding:.14rem .28rem;border-radius:999px;background:rgba(14,165,233,.14);color:#0284c7;font-size:.43rem;font-weight:900;letter-spacing:.06em}
.dark .cc-offerwall-provider-card-v233.is-active-v310:after{color:#38bdf8}

/* Distinct provider marks for the compact Offerwalls chooser. */
.cc-provider-mark--bitcotasks{background:rgba(14,165,233,.13);color:#0ea5e9}
.cc-provider-mark--monlix{background:rgba(100,116,139,.14);color:#64748b}
.cc-provider-mark--veloxoffer{background:rgba(59,130,246,.13);color:#3b82f6}

/* Native offer cards and Article progress rows follow the same vertical rhythm. */
.cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-body-v270 h3{min-height:2.3rem!important}
.cc-article-card-v303.cc-earn-card-v309 .cc-article-progress-v303,
.cc-article-card-v303.cc-earn-card-v309 .cc-article-remaining-v303{font-size:.66rem}

/* Provider status tiles stay compact but touch-friendly. */
.cc-survey-provider-card-v271.cc-provider-tile-v309{min-height:72px!important;padding:.62rem!important}
.cc-survey-provider-action-v271{min-height:30px!important}

/* ---------- Responsive contracts ---------- */
@media(min-width:520px){
 .cc-offerwall-provider-grid-v233.cc-offerwall-provider-grid-v310{grid-template-columns:repeat(2,minmax(0,168px))!important}
}
@media(min-width:760px){
 .cc-offerwall-provider-grid-v233.cc-offerwall-provider-grid-v310{grid-template-columns:repeat(3,minmax(0,168px))!important}
}
@media(min-width:1180px){
 .cc-offerwall-provider-grid-v233.cc-offerwall-provider-grid-v310{grid-template-columns:repeat(6,minmax(128px,168px))!important}
}
@media(max-width:899px){
 .cc-earn-card-v309 .cc-provider-badge{max-width:65%}
 .cc-task-card-v233.cc-earn-card-v309 .cc-task-title-v233,
 .cc-article-card-v303.cc-earn-card-v309 .cc-article-title-v303,
 .cc-survey-card-v205.cc-earn-card-v309>h3{min-height:auto}
}
@media(max-width:639px){
 .cc-earn-grid-v309,.cc-task-grid-v233,.cc-article-grid-v303,.cc-survey-grid-v205,.cc-offerwall-native-grid-v270{grid-template-columns:1fr!important;gap:.65rem!important}
 .cc-earn-card-v309{min-height:0!important}
 .cc-survey-card-v205 .cc-survey-reward,.cc-survey-card-v205 .cc-survey-reward.is-long-v310,.cc-survey-card-v205 .cc-survey-reward.is-xlong-v310{font-size:.82rem!important}
 .cc-offerwall-provider-grid-v310 .cc-offerwall-provider-box-v233{min-height:72px!important}
}
/* ===== END assets/css/cc-ux-v310.css ===== */

/* ===== BEGIN assets/css/cc-ux-v311.css ===== */
/* CryptoChoco v311 — Mobile & Edge-Case Polish.
 * Aligns Survey wall actions with item-level survey CTAs and hardens compact
 * Earnings layouts for 360/390/430px phones and tablet-sized viewports.
 * Presentation only: no provider inventory, callback, reward or finance changes.
 */

/* ---------- Surveys: one shared CTA/footer baseline ---------- */
.cc-survey-card-v205.cc-earn-card-v309>.cc-survey-action-v311{
  margin-top:auto!important;
  min-height:34px!important;
  flex:0 0 auto;
}
.cc-survey-card-v205.cc-earn-card-v309>.cc-survey-provider-note-v311{
  min-height:1.9rem;
  margin-top:.45rem!important;
  line-height:.9rem;
  overflow-wrap:anywhere;
}
.cc-survey-wall-card-v310>.cc-survey-wall-copy-v311{
  min-height:2.7rem;
  line-height:.9rem;
  overflow-wrap:anywhere;
}
.cc-survey-wall-card-v310>.cc-survey-action-v311 span{white-space:nowrap}

/* ---------- Shared long-content safety ---------- */
.cc-task-card-v233.cc-earn-card-v309 .cc-task-title-v233,
.cc-article-card-v303.cc-earn-card-v309 .cc-article-title-v303,
.cc-survey-card-v205.cc-earn-card-v309>h3,
.cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-body-v270 h3{
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
.cc-earn-card-v309 .cc-provider-badge,
.cc-provider-badge-simple-v309,
.cc-offerwall-provider-grid-v310 h3{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cc-earn-card-v309 .cc-provider-badge>span:last-child,
.cc-provider-badge-simple-v309{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cc-earn-card-v309 .cc-btn,
.cc-earn-card-v309 .cc-earn-card-cta-v309{
  min-width:0;
  max-width:100%;
}
.cc-earn-card-v309 .cc-btn span,
.cc-earn-card-v309 .cc-earn-card-cta-v309 span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cc-task-runtime-v303,.cc-article-runtime-v303,.cc-offerwall-native-state-v270.is-ready{
  min-width:0;
  flex-wrap:wrap;
  row-gap:.25rem;
}

/* ---------- Tablet edge cases ---------- */
@media(min-width:640px) and (max-width:899px){
  .cc-earn-grid-v309,.cc-task-grid-v233,.cc-article-grid-v303,.cc-survey-grid-v205,.cc-offerwall-native-grid-v270{
    gap:.7rem!important;
  }
  .cc-earn-card-v309{padding:.78rem!important}
  .cc-survey-kpi-grid-v310{gap:.42rem!important}
  .cc-survey-kpi-grid-v310>div{padding:.58rem!important}
  .cc-survey-card-v205 .cc-survey-reward{font-size:.78rem!important}
  .cc-survey-card-v205 .cc-survey-reward.is-long-v310{font-size:.70rem!important}
  .cc-survey-card-v205 .cc-survey-reward.is-xlong-v310{font-size:.64rem!important}
}

/* ---------- 360 / 390 / 430px phone hardening ---------- */
@media(max-width:639px){
  .cc-earn-card-v309{padding:.78rem!important;border-radius:.9rem!important}
  .cc-earn-card-head-v309{gap:.5rem;margin-bottom:.58rem}
  .cc-earn-card-v309 .cc-provider-badge{max-width:72%;min-height:22px;font-size:.58rem}
  .cc-task-card-v233.cc-earn-card-v309 .cc-task-title-v233,
  .cc-article-card-v303.cc-earn-card-v309 .cc-article-title-v303,
  .cc-survey-card-v205.cc-earn-card-v309>h3,
  .cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-body-v270 h3{
    font-size:.88rem!important;
    line-height:1.12rem!important;
  }
  .cc-earn-card-v309 .cc-btn,
  .cc-earn-card-v309 .cc-earn-card-cta-v309,
  .cc-survey-card-v205.cc-earn-card-v309>.cc-survey-action-v311{
    min-height:38px!important;
    padding:.54rem .62rem!important;
    font-size:.69rem!important;
  }
  .cc-survey-kpi-grid-v310{gap:.45rem!important}
  .cc-survey-kpi-grid-v310>div{min-height:56px;padding:.58rem!important}
  .cc-survey-card-v205 .cc-survey-reward,
  .cc-survey-card-v205 .cc-survey-reward.is-long-v310,
  .cc-survey-card-v205 .cc-survey-reward.is-xlong-v310{
    font-size:.78rem!important;
    letter-spacing:-.025em!important;
  }
  .cc-survey-wall-reward-v310{padding:.55rem .58rem;gap:.4rem}
  .cc-survey-wall-reward-v310 strong{font-size:.73rem}
  .cc-survey-wall-card-v310>.cc-survey-wall-copy-v311{min-height:0}
  .cc-survey-card-v205.cc-earn-card-v309>.cc-survey-provider-note-v311{min-height:0}
  .cc-offerwall-provider-grid-v310 .cc-offerwall-provider-box-v233{min-height:70px!important;padding:.48rem!important}
  .cc-offerwall-provider-card-v233.is-active-v310:after{top:.28rem;right:.32rem;font-size:.40rem}
}

@media(max-width:430px){
  .cc-earn-card-v309 .cc-provider-badge{max-width:68%}
  .cc-survey-card-v205 .cc-survey-reward,
  .cc-survey-card-v205 .cc-survey-reward.is-long-v310,
  .cc-survey-card-v205 .cc-survey-reward.is-xlong-v310{font-size:.75rem!important}
}

@media(max-width:390px){
  .cc-earn-card-v309 .cc-provider-badge{max-width:64%}
  .cc-survey-kpi-grid-v310>div{padding:.52rem!important}
  .cc-survey-card-v205 .cc-survey-reward,
  .cc-survey-card-v205 .cc-survey-reward.is-long-v310,
  .cc-survey-card-v205 .cc-survey-reward.is-xlong-v310{font-size:.72rem!important}
  .cc-survey-card-v205 .cc-survey-loi{font-size:.78rem}
}

@media(max-width:360px){
  .cc-earn-card-v309{padding:.72rem!important}
  .cc-earn-card-v309 .cc-provider-badge{max-width:61%;font-size:.55rem}
  .cc-survey-kpi-grid-v310{gap:.35rem!important}
  .cc-survey-kpi-grid-v310>div{padding:.48rem!important}
  .cc-survey-card-v205 .cc-survey-reward,
  .cc-survey-card-v205 .cc-survey-reward.is-long-v310,
  .cc-survey-card-v205 .cc-survey-reward.is-xlong-v310{font-size:.68rem!important}
  .cc-survey-wall-type-v310{font-size:.52rem!important}
  .cc-survey-wall-subtype-v310{font-size:.62rem}
}
/* ===== END assets/css/cc-ux-v311.css ===== */

/* ===== BEGIN assets/css/cc-ux-v312.css ===== */
/* CryptoChoco v312 — Earnings Header & Provider Status Balance.
 * Keeps v309-v311 card/mobile contracts while making sparse provider-status
 * surfaces intentional and aligning top-level Earnings headers/toolbars.
 * Presentation only: no inventory, callback, reward or finance changes.
 */

/* ---------- Shared Earnings header rhythm ---------- */
.cc-page-intro .cc-page-intro-copy{min-width:0}
.cc-page-intro .cc-page-description{max-width:980px}
.cc-earn-section-head-v309{min-height:50px;align-items:flex-end!important}
.cc-earn-section-head-v309>div:first-child{min-width:0;flex:1 1 auto}
.cc-earn-section-head-v309 .cc-section-copy{max-width:920px}
.cc-earn-section-head-v309>.cc-badge{flex:0 0 auto;margin-left:auto}
.cc-earn-toolbar-v312{min-width:0}
.cc-earn-toolbar-v312 .cc-earn-toolbar-group-v312{min-width:0}

/* ---------- Surveys: sparse provider status becomes a deliberate compact panel ---------- */
.cc-survey-provider-status-shell-v312{
  width:min(100%,1120px);
  padding:.7rem;
  border:1px solid rgba(100,116,139,.16);
  border-radius:1rem;
  background:rgba(148,163,184,.025);
}
.dark .cc-survey-provider-status-shell-v312{border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.012)}
.cc-provider-status-head-v312{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:0 0 .58rem}
.cc-provider-status-kicker-v312{font-size:.6rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#0ea5e9}
.cc-provider-status-copy-v312{margin-top:.12rem;font-size:.68rem;line-height:.9rem;color:#64748b}
.dark .cc-provider-status-copy-v312{color:#94a3b8}
.cc-provider-status-count-v312{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:.28rem .55rem;border-radius:999px;background:rgba(14,165,233,.08);color:#0284c7;font-size:.58rem;font-weight:900;white-space:nowrap}
.dark .cc-provider-status-count-v312{color:#38bdf8;background:rgba(14,165,233,.10)}

.cc-survey-provider-grid-v271.cc-survey-provider-status-v312{display:grid!important;grid-template-columns:1fr!important;gap:.58rem!important;margin:0!important;width:100%!important}
.cc-survey-provider-status-v312 .cc-survey-provider-card-v271.cc-provider-tile-v309{min-height:66px!important;padding:.58rem!important}
.cc-survey-provider-status-v312 .cc-survey-provider-main-v271{height:100%;align-items:flex-start;gap:.55rem}
.cc-survey-provider-status-v312 .cc-survey-provider-side-v271{margin-left:auto;align-items:flex-end;justify-content:flex-start;gap:.35rem}
.cc-survey-provider-status-v312 .cc-survey-provider-message-v271{max-width:15rem}

/* Keep sparse rows compact at desktop widths instead of inheriting a forced five-column track. */
@media(min-width:640px){
  .cc-survey-provider-grid-v271.cc-survey-provider-status-v312{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cc-survey-provider-status-shell-v312{width:min(100%,760px)}
}
@media(min-width:900px){
  .cc-survey-provider-status-shell-v312.cc-provider-count-1{width:min(100%,360px)}
  .cc-survey-provider-status-shell-v312.cc-provider-count-2{width:min(100%,740px)}
  .cc-survey-provider-status-shell-v312.cc-provider-count-3{width:min(100%,1120px)}
  .cc-survey-provider-status-shell-v312.cc-provider-count-4,
  .cc-survey-provider-status-shell-v312.cc-provider-count-5{width:100%}
  .cc-survey-provider-status-v312.cc-provider-count-1{grid-template-columns:minmax(0,1fr)!important}
  .cc-survey-provider-status-v312.cc-provider-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cc-survey-provider-status-v312.cc-provider-count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cc-survey-provider-status-v312.cc-provider-count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cc-survey-provider-status-v312.cc-provider-count-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* ---------- Toolbars and responsive header balance ---------- */
@media(max-width:899px){
  .cc-page-intro .cc-page-description{max-width:none}
  .cc-earn-section-head-v309{min-height:0;align-items:flex-start!important}
  .cc-provider-status-head-v312{align-items:flex-start}
}
@media(max-width:639px){
  .cc-survey-provider-status-shell-v312{width:100%;padding:.62rem}
  .cc-provider-status-head-v312{flex-wrap:wrap;margin-bottom:.5rem}
  .cc-provider-status-copy-v312{font-size:.64rem}
  .cc-earn-toolbar-v312{align-items:stretch!important}
  .cc-earn-toolbar-v312 .cc-earn-toolbar-group-v312{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem!important}
  .cc-earn-toolbar-v312 .cc-earn-toolbar-group-v312 button{min-width:0;padding:.55rem .45rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cc-earn-toolbar-v312>button{width:100%;min-height:38px}
}
@media(max-width:390px){
  .cc-provider-status-count-v312{font-size:.54rem}
  .cc-earn-toolbar-v312 .cc-earn-toolbar-group-v312{grid-template-columns:1fr}
}
/* ===== END assets/css/cc-ux-v312.css ===== */

/* ===== BEGIN assets/css/cc-ux-v313.css ===== */
/* CryptoChoco v313 — Provider Availability Alignment Polish.
 * Presentation-only refinement: center compact provider availability panels,
 * normalize provider status metadata, and keep sparse states intentional.
 */
.cc-survey-provider-status-shell-v313{margin-left:auto!important;margin-right:auto!important}
.cc-survey-provider-status-shell-v313 .cc-provider-status-meta-v313{margin-top:.18rem;font-size:.62rem;line-height:.88rem;color:#64748b;white-space:nowrap}
.dark .cc-survey-provider-status-shell-v313 .cc-provider-status-meta-v313{color:#94a3b8}
@media(min-width:900px){
  .cc-survey-provider-status-shell-v313.cc-provider-count-1{width:min(100%,340px)!important}
  .cc-survey-provider-status-shell-v313.cc-provider-count-2{width:min(100%,700px)!important}
  .cc-survey-provider-status-shell-v313.cc-provider-count-3{width:min(100%,1080px)!important}
  .cc-survey-provider-status-shell-v313.cc-provider-count-4{width:min(100%,1320px)!important}
  .cc-survey-provider-status-shell-v313.cc-provider-count-5{width:100%!important}
}
@media(max-width:639px){
  .cc-survey-provider-status-shell-v313 .cc-provider-status-meta-v313{white-space:normal}
}
.cc-provider-mark--shortox{background:rgba(34,197,94,.12);color:#22c55e}
/* ===== END assets/css/cc-ux-v313.css ===== */

/* ===== BEGIN assets/css/cc-ux-v314.css ===== */
/* CryptoChoco v314 — Shortlinks production API + compact Admin accordions */
.cc-sl-admin-v314 .cc-sl-kpi-strip-v314{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.cc-sl-admin-v314 .cc-sl-kpi-strip-v314>div{min-width:0;border:1px solid rgba(255,255,255,.08);background:rgba(15,23,42,.72);border-radius:.9rem;padding:.7rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.cc-sl-admin-v314 .cc-sl-kpi-strip-v314 span{font-size:.68rem;line-height:1rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#64748b}.cc-sl-admin-v314 .cc-sl-kpi-strip-v314 b{font-size:.92rem;line-height:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-sl-admin-v314 .cc-sl-compact-panel-v314,.cc-sl-admin-v314 .cc-sl-add-provider-v314,.cc-sl-admin-v314 .cc-sl-provider-accordion-v314{border:1px solid rgba(255,255,255,.09);background:#0f172a;border-radius:1rem}.cc-sl-admin-v314 .cc-sl-compact-panel-v314{padding:1rem}.cc-sl-admin-v314 .cc-sl-panel-title-v314{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.cc-sl-admin-v314 .cc-sl-panel-title-v314 h2{font-size:1rem;font-weight:900}.cc-sl-admin-v314 .cc-sl-panel-title-v314 p{margin-top:.1rem;font-size:.72rem;color:#64748b}.cc-sl-admin-v314 .cc-sl-toggle-v314{display:flex;align-items:center;gap:.65rem;min-height:42px;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:.8rem}.cc-sl-admin-v314 .cc-sl-toggle-v314 input{width:1.05rem;height:1.05rem}.cc-sl-admin-v314 .cc-sl-toggle-v314 b{display:block;font-size:.78rem}.cc-sl-admin-v314 .cc-sl-toggle-v314 small{display:block;max-width:250px;font-size:.65rem;line-height:.85rem;color:#64748b}.cc-sl-admin-v314 details>summary{list-style:none;cursor:pointer}.cc-sl-admin-v314 details>summary::-webkit-details-marker{display:none}.cc-sl-admin-v314 .cc-sl-add-provider-v314>summary,.cc-sl-admin-v314 .cc-sl-provider-accordion-v314>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.82rem 1rem;user-select:none}.cc-sl-admin-v314 .cc-sl-add-provider-v314>summary>span{display:flex;align-items:center;gap:.6rem}.cc-sl-admin-v314 .cc-sl-add-provider-v314>summary small{color:#64748b;font-size:.7rem;font-weight:600}.cc-sl-admin-v314 .cc-sl-details-body-v314{border-top:1px solid rgba(255,255,255,.08);padding:1rem}.cc-sl-admin-v314 .cc-sl-chevron-v314{color:#64748b;font-size:.72rem;transition:transform .18s ease}.cc-sl-admin-v314 details[open]>summary .cc-sl-chevron-v314{transform:rotate(180deg)}.cc-sl-admin-v314 .cc-sl-provider-accordion-v314>summary{padding:.7rem .9rem}.cc-sl-admin-v314 .cc-sl-provider-accordion-v314[open]{border-color:rgba(34,211,238,.28);box-shadow:0 0 0 1px rgba(34,211,238,.05)}.cc-sl-admin-v314 .cc-sl-provider-summary-main-v314{display:flex;align-items:center;gap:.7rem;min-width:180px}.cc-sl-admin-v314 .cc-sl-provider-summary-main-v314 b{display:block;font-size:.92rem;line-height:1.15rem}.cc-sl-admin-v314 .cc-sl-provider-summary-main-v314 small{display:block;margin-top:.12rem;color:#64748b;font-size:.68rem}.cc-sl-admin-v314 .cc-sl-provider-icon-v314{width:2.25rem;height:2.25rem;border-radius:.72rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(14,165,233,.10);color:#38bdf8}.cc-sl-admin-v314 .cc-sl-provider-summary-metrics-v314{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;min-width:0}.cc-sl-admin-v314 .cc-sl-provider-summary-metrics-v314>span:not(.cc-sl-status-v314){min-width:76px;padding:.3rem .5rem;border-radius:.65rem;background:rgba(2,6,23,.55);text-align:right}.cc-sl-admin-v314 .cc-sl-provider-summary-metrics-v314 small{display:block;font-size:.57rem;line-height:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.cc-sl-admin-v314 .cc-sl-provider-summary-metrics-v314 b{display:block;margin-top:.05rem;font-size:.72rem;line-height:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-sl-admin-v314 .cc-sl-status-v314{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:.32rem .5rem;border-radius:999px;font-size:.62rem;line-height:.75rem;font-weight:900;letter-spacing:.04em}.cc-sl-admin-v314 .cc-sl-status-v314.is-active{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.23)}.cc-sl-admin-v314 .cc-sl-status-v314.is-disabled{background:rgba(100,116,139,.10);color:#94a3b8;border:1px solid rgba(100,116,139,.18)}.cc-sl-admin-v314 .cc-sl-status-v314.is-legacy{background:rgba(245,158,11,.10);color:#fbbf24;border:1px solid rgba(245,158,11,.22)}.cc-sl-admin-v314 .cc-sl-subdetails-v314{border:1px solid rgba(255,255,255,.08);border-radius:.8rem;background:rgba(2,6,23,.32);padding:.2rem .75rem .75rem}.cc-sl-admin-v314 .cc-sl-subdetails-v314>summary{padding:.55rem 0;font-size:.76rem;font-weight:900;color:#cbd5e1}.cc-sl-admin-v314 .cc-sl-subdetails-v314>summary span{margin-left:.4rem;color:#64748b;font-size:.64rem;font-weight:600}.cc-sl-admin-v314 .cc-sl-provider-note-v314{border-radius:.8rem;padding:.75rem .85rem;font-size:.74rem;line-height:1.15rem;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.38);color:#cbd5e1}.cc-sl-admin-v314 .cc-sl-provider-note-v314.is-shortox{border-color:rgba(14,165,233,.25);background:rgba(14,165,233,.08);color:#bae6fd}.cc-sl-admin-v314 .cc-sl-provider-note-v314.is-ok{border-color:rgba(16,185,129,.22);background:rgba(16,185,129,.07);color:#a7f3d0}.cc-sl-admin-v314 .cc-sl-provider-note-v314.is-info{border-color:rgba(56,189,248,.20);background:rgba(56,189,248,.06);color:#bae6fd}.cc-sl-admin-v314 .cc-sl-provider-note-v314.is-warn{border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.07);color:#fde68a}
@media(max-width:900px){.cc-sl-admin-v314 .cc-sl-kpi-strip-v314{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-sl-admin-v314 .cc-sl-provider-summary-metrics-v314>span:not(.cc-sl-status-v314){display:none}}
@media(max-width:639px){.cc-sl-admin-v314 .cc-sl-kpi-strip-v314{grid-template-columns:1fr 1fr}.cc-sl-admin-v314 .cc-sl-kpi-strip-v314>div{display:block}.cc-sl-admin-v314 .cc-sl-kpi-strip-v314 b{display:block;margin-top:.15rem}.cc-sl-admin-v314 .cc-sl-add-provider-v314>summary small{display:none}.cc-sl-admin-v314 .cc-sl-provider-accordion-v314>summary{align-items:flex-start}.cc-sl-admin-v314 .cc-sl-provider-summary-metrics-v314{gap:.35rem}.cc-sl-admin-v314 .cc-sl-status-v314{min-width:auto}.cc-sl-admin-v314 .cc-sl-details-body-v314{padding:.85rem}.cc-sl-admin-v314 .cc-sl-toggle-v314 small{display:none}}
/* ===== END assets/css/cc-ux-v314.css ===== */

/* ===== BEGIN assets/css/cc-ux-v315.css ===== */
/* CryptoChoco v315 — Shortlinks Admin compact polish + runtime diagnostics UX */
.cc-sl-admin-v315 .cc-sl-general-v315{border:1px solid rgba(255,255,255,.09);background:#0f172a;border-radius:1rem;overflow:hidden}
.cc-sl-admin-v315 .cc-sl-general-v315>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem 1rem;user-select:none}
.cc-sl-admin-v315 .cc-sl-general-v315>summary>span{display:flex;align-items:center;gap:.6rem;min-width:0}
.cc-sl-admin-v315 .cc-sl-general-v315>summary small{color:#64748b;font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-sl-admin-v315 .cc-sl-general-v315[open]{border-color:rgba(34,211,238,.20)}
.cc-sl-admin-v315 .cc-sl-general-actions-v315{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin-top:.8rem}
.cc-sl-admin-v315 .cc-sl-general-actions-v315>span{margin-right:auto;color:#64748b;font-size:.68rem;line-height:.9rem}
.cc-sl-admin-v315 .cc-sl-kpi-strip-v315 .cc-sl-payout-kpi-v315{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "meta meta";column-gap:.65rem;row-gap:.05rem}
.cc-sl-admin-v315 .cc-sl-payout-kpi-v315>span{grid-area:label}.cc-sl-admin-v315 .cc-sl-payout-kpi-v315>b{grid-area:value;text-align:right}.cc-sl-admin-v315 .cc-sl-payout-kpi-v315>small{grid-area:meta;color:#64748b;font-size:.58rem;line-height:.72rem;text-align:right;white-space:nowrap}
.cc-sl-admin-v315 .cc-sl-provider-accordion-v315{position:relative;overflow:hidden;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.cc-sl-admin-v315 .cc-sl-provider-accordion-v315.is-active-row:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:2px;border-radius:4px;background:#10b981;opacity:.65}
.cc-sl-admin-v315 .cc-sl-provider-accordion-v315.is-active-row:not([open]){border-color:rgba(16,185,129,.14)}
.cc-sl-admin-v315 .cc-sl-provider-mark-v315{font-size:.67rem;font-weight:950;letter-spacing:.03em;color:#7dd3fc;background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(34,211,238,.07));border:1px solid rgba(56,189,248,.13)}
.cc-sl-admin-v315 .cc-sl-provider-accordion-v315.is-active-row .cc-sl-provider-mark-v315{border-color:rgba(16,185,129,.16)}
.cc-shortlinks-grid-v315{gap:1rem!important}
.cc-shortlinks-grid-v315 .cc-shortlink-card-v315>div{padding:1rem!important}
.cc-shortlinks-grid-v315 .cc-shortlink-card-v315 .cc-btn{min-height:34px;margin-top:1rem!important}
@media(max-width:900px){.cc-sl-admin-v315 .cc-sl-general-actions-v315{align-items:flex-end}.cc-sl-admin-v315 .cc-sl-general-actions-v315>span{max-width:52ch}.cc-shortlinks-grid-v315{gap:.9rem!important}}
@media(max-width:639px){.cc-sl-admin-v315 .cc-sl-general-v315>summary small{display:none}.cc-sl-admin-v315 .cc-sl-general-actions-v315{display:grid;grid-template-columns:1fr}.cc-sl-admin-v315 .cc-sl-general-actions-v315>span{margin:0}.cc-sl-admin-v315 .cc-sl-general-actions-v315 button{width:100%}.cc-sl-admin-v315 .cc-sl-payout-kpi-v315>small{white-space:normal;text-align:left}.cc-shortlinks-grid-v315{gap:.8rem!important}}
/* ===== END assets/css/cc-ux-v315.css ===== */

/* ===== BEGIN assets/css/cc-ux-v316.css ===== */
/* CryptoChoco v316 — Tasks inventory polish: compact Offerwall.me cards + shared proof/review metadata */
.cc-task-card-v316{min-width:0}
.cc-task-owm-card-v316 .cc-task-title-v233{min-height:2.5em}
.cc-task-instruction-preview-v316{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:3.7em;padding:.6rem .68rem;border-radius:.72rem;background:rgba(148,163,184,.07);color:#94a3b8;font-size:.68rem;line-height:1.22rem;overflow-wrap:anywhere}
.cc-task-instruction-preview-v316 b{color:#cbd5e1;font-weight:900}
.cc-task-meta-v316{display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:.38rem;min-height:1.75rem}
.cc-task-meta-chip-v316{display:inline-flex;align-items:center;max-width:100%;min-height:1.55rem;padding:.25rem .52rem;border-radius:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}
.cc-task-meta-chip-v316.is-proof{background:rgba(14,165,233,.10);color:#38bdf8}
.cc-task-meta-chip-v316.is-review{background:rgba(245,158,11,.10);color:#f59e0b}
.cc-task-owm-card-v316>.cc-btn{min-height:34px}
.cc-task-modal-dialog-v316{max-width:720px}
.cc-task-modal-meta-v316{margin:.7rem 0 .15rem;min-height:0}
.cc-task-modal-dialog-v316 .cc-task-modal-instructions-v304{white-space:pre-line;overflow-wrap:anywhere}
.cc-task-modal-dialog-v316 .cc-task-modal-links-v304{display:grid;gap:.5rem;margin-top:.75rem}
.cc-task-modal-dialog-v316 .cc-task-modal-links-v304.hidden{display:none!important}
@media(max-width:899px){.cc-task-instruction-preview-v316{-webkit-line-clamp:2;min-height:2.5em}.cc-task-owm-card-v316 .cc-task-title-v233{min-height:0}}
@media(max-width:639px){.cc-task-meta-v316{gap:.32rem}.cc-task-meta-chip-v316{min-height:1.7rem}.cc-task-instruction-preview-v316{font-size:.72rem;line-height:1.18rem;padding:.58rem .62rem}.cc-task-modal-dialog-v316{max-width:none}}
/* ===== END assets/css/cc-ux-v316.css ===== */

/* ===== BEGIN assets/css/cc-ux-v317.css ===== */
/* CryptoChoco v317 — Offerwall.me proof UX + quality guard */
.cc-task-proof-form-v317{display:grid;gap:.62rem}
.cc-task-proof-requirement-v317{padding:.7rem .78rem;border-radius:.78rem;border:1px solid rgba(56,189,248,.18);background:rgba(14,165,233,.07);color:#cbd5e1;font-size:.72rem;line-height:1.2rem;white-space:pre-line;overflow-wrap:anywhere}
.cc-task-proof-requirement-v317.hidden{display:none!important}
.cc-task-proof-requirement-label-v317,.cc-task-proof-field-label-v317{display:block;margin-bottom:.35rem;color:#94a3b8;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cc-task-proof-field-v317{display:grid;gap:.38rem}
.cc-task-proof-field-v317.hidden{display:none!important}
.cc-task-proof-hint-v317{font-size:.66rem;line-height:1.08rem;color:#94a3b8;overflow-wrap:anywhere}
.cc-task-proof-hint-v317.hidden{display:none!important}
.cc-task-proof-form-v317 input[type="url"],.cc-task-proof-form-v317 textarea{min-height:40px}
.cc-task-proof-form-v317 textarea{min-height:86px;resize:vertical}
.cc-task-owm-card-v316 .cc-task-title-v233{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:639px){.cc-task-proof-requirement-v317{font-size:.7rem;line-height:1.12rem;padding:.64rem .68rem}.cc-task-proof-form-v317 textarea{min-height:96px}}
/* ===== END assets/css/cc-ux-v317.css ===== */

/* ===== BEGIN assets/css/cc-ux-v318.css ===== */
/* CryptoChoco v318 — Offerwall.me image proof upload UX */
.cc-task-proof-file-v318{
  width:100%;min-height:42px;padding:.52rem .62rem;border-radius:.78rem;
  border:1px solid rgba(56,189,248,.28);background:rgba(2,18,27,.58);
  color:inherit;font-size:.75rem;line-height:1.2;
}
.cc-task-proof-file-v318::file-selector-button{
  border:0;border-radius:.58rem;padding:.44rem .68rem;margin-right:.6rem;
  background:rgba(14,165,233,.17);color:#7dd3fc;font-weight:800;cursor:pointer;
}
.cc-task-proof-file-v318:focus{outline:2px solid rgba(56,189,248,.55);outline-offset:2px}
.cc-task-proof-or-v318{display:flex;align-items:center;gap:.55rem;margin:.55rem 0 .05rem;color:#7f95a1;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cc-task-proof-or-v318:before,.cc-task-proof-or-v318:after{content:"";height:1px;flex:1;background:rgba(148,163,184,.16)}
.cc-task-proof-or-v318 span{white-space:nowrap}
.cc-task-proof-image-wrap-v318 .cc-task-proof-hint-v317{margin-top:.35rem}
@media(max-width:639px){
  .cc-task-proof-file-v318{min-height:44px;font-size:.72rem}
  .cc-task-proof-file-v318::file-selector-button{padding:.5rem .62rem}
  .cc-task-proof-or-v318 span{white-space:normal;text-align:center}
}
/* ===== END assets/css/cc-ux-v318.css ===== */

/* ===== BEGIN assets/css/cc-ux-v319.css ===== */
/* CryptoChoco v319 — Offerwall.me task-start + proof precondition UX */
.cc-task-start-guard-v319{
  display:flex;align-items:flex-start;gap:.55rem;margin:.15rem 0 .7rem;padding:.68rem .78rem;
  border-radius:.78rem;border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.07);
  color:#fbbf24;font-size:.72rem;line-height:1.35;font-weight:700;
}
.cc-task-start-guard-v319 i{margin-top:.08rem;flex:0 0 auto}
.cc-task-start-guard-v319.is-ready{border-color:rgba(16,185,129,.24);background:rgba(16,185,129,.07);color:#34d399}
.cc-task-proof-fieldset-v319{border:0;padding:0;margin:0;min-width:0}
.cc-task-proof-fieldset-v319[disabled]{opacity:.48;filter:saturate(.72)}
.cc-task-proof-fieldset-v319[disabled] input,.cc-task-proof-fieldset-v319[disabled] textarea,.cc-task-proof-fieldset-v319[disabled] button{cursor:not-allowed}
.cc-task-proof-form-v319 .cc-task-submit-status-v233{line-height:1.35}
@media(max-width:639px){
  .cc-task-start-guard-v319{font-size:.7rem;padding:.64rem .7rem}
}
/* ===== END assets/css/cc-ux-v319.css ===== */

/* ===== BEGIN assets/css/cc-ux-v320.css ===== */
/* CryptoChoco v320 — Offerwall.me direct multipart screenshot proof relay. */
.cc-task-proof-image-wrap-v320 .cc-task-proof-file-v318{min-height:42px}
.cc-task-proof-direct-note-v320{margin-top:.45rem;font-size:.68rem;line-height:1.45;color:rgb(148 163 184)}
.cc-task-proof-direct-note-v320 strong{color:rgb(34 211 238);font-weight:800}
@media (max-width:430px){.cc-task-proof-image-wrap-v320 .cc-task-proof-file-v318{font-size:.72rem}}
/* ===== END assets/css/cc-ux-v320.css ===== */

/* ===== BEGIN assets/css/cc-ux-v350.css ===== */
/* CryptoChoco v350 — Daily Engagement & Retention UX
   Presentation-only. No financial or mission accounting behavior lives here. */
.cc-dashboard-neon-hero-v350 .cc-dashboard-hero-lead{max-width:42rem!important}
.cc-daily-engagement-v350{padding:1rem 1.05rem!important;border-radius:1rem!important;overflow:hidden;position:relative}
.cc-daily-engagement-v350:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,rgba(29,209,161,.42),rgba(10,143,214,.34),rgba(255,122,69,.28),transparent);pointer-events:none}
.cc-de350-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cc-de350-copy{min-width:0;flex:1}
.cc-de350-kicker{display:flex;align-items:center;gap:.42rem;font-size:.6rem;line-height:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#0876B5}
.dark .cc-de350-kicker{color:#5CC4F3}
.cc-de350-title{margin-top:.24rem;font-size:.98rem;line-height:1.2rem;font-weight:900;color:#0f172a}
.dark .cc-de350-title{color:#f8fafc}
.cc-de350-sub{margin-top:.2rem;font-size:.69rem;line-height:1rem;font-weight:600;color:#64748b;max-width:46rem}
.dark .cc-de350-sub{color:#9aa8ba}
.cc-de350-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}
.cc-de350-metric{min-width:8.25rem;padding:.52rem .62rem;border:1px solid rgba(148,163,184,.18);border-radius:.75rem;background:rgba(148,163,184,.045);display:flex;flex-direction:column;justify-content:center}
.dark .cc-de350-metric{border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.025)}
.cc-de350-metric>span{font-size:.52rem;line-height:.7rem;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:#94a3b8}
.cc-de350-metric>b{margin-top:.08rem;font-size:.74rem;line-height:.95rem;font-weight:900;color:#0f172a;white-space:nowrap}
.dark .cc-de350-metric>b{color:#f8fafc}
.cc-de350-metric>small{margin-top:.06rem;font-size:.52rem;line-height:.68rem;color:#64748b;white-space:nowrap}
.dark .cc-de350-metric>small{color:#8fa0b4}
.cc-de350-primary{align-self:stretch;min-height:3.1rem!important;white-space:nowrap}

.cc-mission-shortcuts-v350{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(148,163,184,.14);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem}
.dark .cc-mission-shortcuts-v350{border-top-color:rgba(255,255,255,.065)}
.cc-mission-shortcut-v350{min-width:0;display:grid;grid-template-columns:1.65rem minmax(0,1fr) 1rem;align-items:center;gap:.5rem;padding:.55rem .6rem;border-radius:.72rem;border:1px solid rgba(10,143,214,.15);background:rgba(10,143,214,.035);text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease;color:#0f172a}
.cc-mission-shortcut-v350:hover:not(:disabled){border-color:rgba(10,143,214,.32);background:rgba(10,143,214,.075);transform:translateY(-1px)}
.dark .cc-mission-shortcut-v350{border-color:rgba(92,196,243,.13);background:rgba(92,196,243,.035);color:#f8fafc}
.cc-mission-shortcut-v350>i:first-child{width:1.65rem;height:1.65rem;border-radius:.52rem;background:rgba(10,143,214,.09);color:#0A8FD6;display:flex;align-items:center;justify-content:center;font-size:.68rem}
.dark .cc-mission-shortcut-v350>i:first-child{background:rgba(92,196,243,.08);color:#5CC4F3}
.cc-mission-shortcut-v350>span{min-width:0;display:flex;flex-direction:column}
.cc-mission-shortcut-v350 b{font-size:.67rem;line-height:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-mission-shortcut-v350 small{margin-top:.08rem;font-size:.56rem;line-height:.72rem;color:#64748b}
.dark .cc-mission-shortcut-v350 small{color:#8fa0b4}
.cc-mission-shortcut-v350>i:last-child{font-size:.58rem;color:#94a3b8}
.cc-mission-shortcut-v350.is-done{border-color:rgba(29,209,161,.16);background:rgba(29,209,161,.04);cursor:default;opacity:.82}
.cc-mission-shortcut-v350.is-done>i:first-child,.cc-mission-shortcut-v350.is-done>i:last-child{color:#10b981}

.cc-de350-history{margin-top:.78rem;padding-top:.72rem;border-top:1px solid rgba(148,163,184,.14)}
.dark .cc-de350-history{border-top-color:rgba(255,255,255,.065)}
.cc-de350-history-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}
.cc-de350-history-head>span{font-size:.61rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#475569}
.dark .cc-de350-history-head>span{color:#b8c4d2}
.cc-de350-history-head>small{font-size:.58rem;font-weight:700;color:#64748b}
.dark .cc-de350-history-head>small{color:#8fa0b4}
.cc-de350-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.38rem}
.cc-de350-day{min-width:0;padding:.44rem .36rem;border-radius:.66rem;border:1px solid rgba(148,163,184,.14);background:rgba(148,163,184,.028);text-align:center}
.dark .cc-de350-day{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.018)}
.cc-de350-day>span{display:block;font-size:.5rem;line-height:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#94a3b8}
.cc-de350-day>b{display:block;margin-top:.08rem;font-size:.59rem;line-height:.74rem;font-weight:850;color:#334155;white-space:nowrap}
.dark .cc-de350-day>b{color:#d5dde8}
.cc-de350-chain{margin-top:.36rem;display:flex;align-items:center;justify-content:center;gap:.24rem}
.cc-de350-chain i{width:.42rem;height:.42rem;border-radius:999px;background:#d6dde6;border:1px solid rgba(100,116,139,.13)}
.dark .cc-de350-chain i{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.05)}
.cc-de350-chain i:nth-child(1).is-on{background:#0A8FD6;box-shadow:0 0 0 2px rgba(10,143,214,.08)}
.cc-de350-chain i:nth-child(2).is-on{background:#1DD1A1;box-shadow:0 0 0 2px rgba(29,209,161,.08)}
.cc-de350-chain i:nth-child(3).is-on{background:#F59E0B;box-shadow:0 0 0 2px rgba(245,158,11,.08)}
.cc-de350-day.is-ticket{border-color:rgba(245,158,11,.18);background:rgba(245,158,11,.035)}
.cc-de350-day.is-bonus{border-color:rgba(29,209,161,.16);background:rgba(29,209,161,.03)}
.cc-de350-day.is-missions{border-color:rgba(10,143,214,.16);background:rgba(10,143,214,.03)}
.cc-de350-legend{margin-top:.38rem;display:flex;align-items:center;justify-content:flex-end;gap:.68rem;flex-wrap:wrap}
.cc-de350-legend span{display:flex;align-items:center;gap:.24rem;font-size:.52rem;font-weight:700;color:#64748b}
.dark .cc-de350-legend span{color:#8fa0b4}
.cc-de350-legend i{width:.36rem;height:.36rem;border-radius:999px;background:#94a3b8}
.cc-de350-legend span:nth-child(1) i{background:#0A8FD6}.cc-de350-legend span:nth-child(2) i{background:#1DD1A1}.cc-de350-legend span:nth-child(3) i{background:#F59E0B}

@media(max-width:1024px){
  .cc-de350-top{align-items:flex-start;flex-direction:column}
  .cc-de350-actions{width:100%;justify-content:flex-start}
  .cc-de350-primary{min-height:auto!important}
  .cc-mission-shortcuts-v350{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .cc-daily-engagement-v350{padding:.75rem!important}
  .cc-de350-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .cc-de350-primary{grid-column:1/-1;width:100%;justify-content:center}
  .cc-de350-metric{min-width:0;padding:.45rem .5rem}
  .cc-de350-metric>small{white-space:normal}
  .cc-mission-shortcuts-v350{grid-template-columns:1fr;gap:.38rem}
  .cc-de350-days{grid-template-columns:repeat(7,minmax(38px,1fr));gap:.25rem;overflow-x:auto;padding-bottom:.14rem;scrollbar-width:thin}
  .cc-de350-day{padding:.38rem .22rem}
  .cc-de350-day>b{font-size:.53rem}
  .cc-de350-history-head{align-items:flex-start;flex-direction:column;gap:.12rem}
  .cc-de350-legend{justify-content:flex-start}
  .cc-daily-journey-v350 .cc-today-step{min-width:78%!important}
}
@media(prefers-reduced-motion:reduce){.cc-mission-shortcut-v350{transition:none}.cc-mission-shortcut-v350:hover:not(:disabled){transform:none}}
/* ===== END assets/css/cc-ux-v350.css ===== */

/* ===== BEGIN assets/css/cc-ux-v361.css ===== */
/* CryptoChoco v361 — Native Offer Guidance UX.
 * Provider-supplied descriptions/requirements are visible on native Offerwall cards.
 * Presentation only: no reward, callback, or launch authority changes.
 */
.cc-offerwall-native-card-v270.cc-earn-card-v309{min-height:286px!important}
.cc-offerwall-native-guide-v361{margin-top:.55rem;padding:.55rem .6rem;border-radius:.72rem;background:rgba(14,165,233,.055);border:1px solid rgba(14,165,233,.10);min-height:74px}
.dark .cc-offerwall-native-guide-v361{background:rgba(14,165,233,.065);border-color:rgba(56,189,248,.12)}
.cc-offerwall-native-guide-label-v361{display:block;margin-bottom:.2rem;color:#0284c7;font-size:.54rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.dark .cc-offerwall-native-guide-label-v361{color:#38bdf8}
.cc-offerwall-native-guide-v361 p{margin:0;color:#64748b;font-size:.64rem;line-height:.92rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.dark .cc-offerwall-native-guide-v361 p{color:#cbd5e1}
.cc-offerwall-native-duration-v361{display:inline-flex;align-items:center;gap:.25rem;margin-top:.32rem;color:#94a3b8;font-size:.56rem;font-weight:800}
.cc-offerwall-native-card-v270.cc-earn-card-v309 .cc-offerwall-native-meta-v270{margin-top:auto!important}
@media(max-width:639px){
 .cc-offerwall-native-card-v270.cc-earn-card-v309{min-height:0!important}
 .cc-offerwall-native-guide-v361{min-height:0;padding:.58rem .62rem}
 .cc-offerwall-native-guide-v361 p{-webkit-line-clamp:5;font-size:.68rem;line-height:1rem}
}
/* ===== END assets/css/cc-ux-v361.css ===== */

/* ===== BEGIN assets/css/cc-ux-v362.css ===== */
/* CryptoChoco v362 — BitcoTasks CPA goals + first-party conversion status. Presentation only. */
.cc-bt-goals-v362{margin-top:.48rem;padding-top:.46rem;border-top:1px solid rgba(14,165,233,.12);display:grid;gap:.34rem}
.cc-bt-goals-label-v362{font-size:.54rem;line-height:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#0284c7}
.dark .cc-bt-goals-label-v362{color:#7dd3fc}
.cc-bt-goal-v362{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.18rem .5rem;align-items:start;padding:.34rem .4rem;border-radius:.52rem;background:rgba(15,23,42,.03)}
.dark .cc-bt-goal-v362{background:rgba(255,255,255,.025)}
.cc-bt-goal-v362 b{min-width:0;font-size:.62rem;line-height:.84rem;color:#334155;font-weight:800;overflow-wrap:anywhere}
.dark .cc-bt-goal-v362 b{color:#e2e8f0}
.cc-bt-goal-v362 strong{font-size:.59rem;line-height:.82rem;color:#059669;font-weight:900;white-space:nowrap}
.dark .cc-bt-goal-v362 strong{color:#34d399}
.cc-bt-goal-v362 small{grid-column:1/-1;font-size:.56rem;line-height:.78rem;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.dark .cc-bt-goal-v362 small{color:#94a3b8}
.cc-bt-goals-more-v362,.cc-bt-earn-up-to-v362{display:block;font-size:.55rem;line-height:.76rem;font-weight:750;color:#64748b}
.dark .cc-bt-goals-more-v362,.dark .cc-bt-earn-up-to-v362{color:#94a3b8}
.cc-bt-earn-up-to-v362{margin-top:.36rem;color:#7c3aed}.dark .cc-bt-earn-up-to-v362{color:#c4b5fd}
.cc-bt-track-v362{margin-top:.42rem;padding:.36rem .44rem;border-radius:.52rem;border:1px solid rgba(148,163,184,.18);font-size:.56rem;line-height:.78rem;font-weight:800;color:#64748b;background:rgba(148,163,184,.045)}
.dark .cc-bt-track-v362{color:#aebdca;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07)}
.cc-bt-track-v362.is-waiting{color:#0369a1;border-color:rgba(14,165,233,.20);background:rgba(14,165,233,.06)}.dark .cc-bt-track-v362.is-waiting{color:#7dd3fc}
.cc-bt-track-v362.is-confirmed{color:#047857;border-color:rgba(16,185,129,.22);background:rgba(16,185,129,.06)}.dark .cc-bt-track-v362.is-confirmed{color:#6ee7b7}
.cc-bt-track-v362.is-pending{color:#92400e;border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.06)}.dark .cc-bt-track-v362.is-pending{color:#fcd34d}
.cc-bt-track-v362.is-warning,.cc-bt-track-v362.is-reversed{color:#b45309;border-color:rgba(249,115,22,.22);background:rgba(249,115,22,.055)}.dark .cc-bt-track-v362.is-warning,.dark .cc-bt-track-v362.is-reversed{color:#fdba74}
@media(max-width:639px){.cc-bt-goal-v362{grid-template-columns:minmax(0,1fr) auto;padding:.4rem .44rem}.cc-bt-goal-v362 b{font-size:.65rem}.cc-bt-track-v362{font-size:.59rem;line-height:.82rem}}
/* ===== END assets/css/cc-ux-v362.css ===== */

/* ===== BEGIN assets/css/cc-ux-v369.css ===== */
/* CryptoChoco v369 — Manual Faucet rail geometry + Daily Missions compact grouping.
   Presentation-only: no reward, mission-authority, provider or finance semantics. */

/* Manual Faucet: do not rely on an arbitrary Tailwind 2xl:flex-row utility for the 160x600 rail. */
@media (min-width:1440px){
  .cc-manual-faucet-layout-v275.has-rails-v275{
    display:grid!important;
    align-items:start!important;
    justify-content:center!important;
    gap:1rem!important;
    width:100%!important;
    max-width:90rem!important;
    margin-inline:auto!important;
  }
  .cc-manual-faucet-layout-v275.has-right-rail-v369:not(.has-left-rail-v369){
    grid-template-columns:minmax(0,56rem) 160px!important;
  }
  .cc-manual-faucet-layout-v275.has-right-rail-v369:not(.has-left-rail-v369)>.cc-manual-faucet-main-v112{grid-column:1!important}
  .cc-manual-faucet-layout-v275.has-right-rail-v369:not(.has-left-rail-v369)>.cc-mf-side-ad{grid-column:2!important}
  .cc-manual-faucet-layout-v275.has-left-rail-v369:not(.has-right-rail-v369){
    grid-template-columns:160px minmax(0,56rem)!important;
  }
  .cc-manual-faucet-layout-v275.has-left-rail-v369:not(.has-right-rail-v369)>.cc-mf-side-ad{grid-column:1!important}
  .cc-manual-faucet-layout-v275.has-left-rail-v369:not(.has-right-rail-v369)>.cc-manual-faucet-main-v112{grid-column:2!important}
  .cc-manual-faucet-layout-v275.has-left-rail-v369.has-right-rail-v369{
    grid-template-columns:160px minmax(0,56rem) 160px!important;
  }
  .cc-manual-faucet-layout-v275.has-left-rail-v369.has-right-rail-v369>.cc-mf-side-ad:first-child{grid-column:1!important}
  .cc-manual-faucet-layout-v275.has-left-rail-v369.has-right-rail-v369>.cc-manual-faucet-main-v112{grid-column:2!important}
  .cc-manual-faucet-layout-v275.has-left-rail-v369.has-right-rail-v369>.cc-mf-side-ad:last-child{grid-column:3!important}
  .cc-manual-faucet-layout-v275.has-rails-v275>.cc-manual-faucet-main-v112{
    width:100%!important;
    max-width:56rem!important;
    min-width:0!important;
    margin:0!important;
  }
}

/* Daily Missions: three optional/secondary cards fit one desktop row, removing the orphan third card. */
@media (min-width:1101px){
  .cc-mission-row-v274.is-secondary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* ===== END assets/css/cc-ux-v369.css ===== */

/* ===== BEGIN v371 externalized main-shell styles ===== */
.bg-grid {
            background-size: 40px 40px;
            position: fixed; inset: 0; z-index: -2; pointer-events: none;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
            mask-image: radial-gradient(circle at center, black 60%, transparent 100%);
        }
        .dark .bg-grid {
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
        }
        .cc-surface { background: rgba(255,255,255,.82); border: 1px solid rgba(229,231,235,.95); }
        .dark .cc-surface { background: rgba(21,26,37,.82); border-color: rgba(255,255,255,.08); }
        .cc-sponsored-surface { position: relative; border: 1px solid rgba(229,231,235,.9); background: rgba(255,255,255,.62); border-radius: 1rem; padding: 1.65rem .75rem .75rem; overflow: hidden; }
        .dark .cc-sponsored-surface { border-color: rgba(255,255,255,.08); background: rgba(21,26,37,.58); }
        .cc-sponsored-label { position: absolute; top: .45rem; left: .75rem; font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #9ca3af; }
        .cc-sponsored-surface iframe, .cc-sponsored-surface ins { max-width: 100%; }
        .cc-feature-card { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
        .cc-feature-card:hover { transform: translateY(-2px); border-color: rgba(10,143,214,.28); box-shadow: 0 14px 30px rgba(15,23,42,.06); }
        .dark .cc-feature-card:hover { box-shadow: 0 14px 30px rgba(0,0,0,.18); }

@keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
/* ===== END v371 externalized main-shell styles ===== */

/* === CryptoChoco v374 · Advertise UX & Conversion Funnel === */
.cc-adv374-root{--adv:#0a8fd6;--adv-deep:#0876b5;--adv-soft:rgba(10,143,214,.08);--adv-border:rgba(148,163,184,.2);padding-bottom:1.5rem}
.cc-adv374-intro{border-left-color:#0a8fd6!important}.cc-adv374-intro-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.cc-adv374-primary,.cc-adv374-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;border-radius:.78rem;padding:.68rem 1rem;font-size:.78rem;font-weight:900;transition:.16s ease;border:1px solid transparent;cursor:pointer}.cc-adv374-primary{background:#0a8fd6;color:#fff;box-shadow:0 8px 18px rgba(10,143,214,.16)}.cc-adv374-primary:hover{background:#0876b5;transform:translateY(-1px)}.cc-adv374-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.cc-adv374-secondary{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.22);color:#526475}.cc-adv374-secondary:hover{border-color:rgba(10,143,214,.35);color:#0876b5;background:rgba(10,143,214,.06)}.dark .cc-adv374-secondary{color:#b8c6d4;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09)}
.cc-adv374-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.cc-adv374-kpi{display:flex;align-items:center;gap:.8rem;border:1px solid var(--adv-border);background:#fff;border-radius:1rem;padding:.9rem 1rem;min-width:0;box-shadow:0 5px 16px rgba(15,23,42,.035)}.dark .cc-adv374-kpi{background:rgba(15,32,37,.72);border-color:rgba(255,255,255,.08)}.cc-adv374-kpi-icon{width:2.7rem;height:2.7rem;border-radius:.78rem;display:grid;place-items:center;flex:0 0 auto;font-size:1rem;background:rgba(10,143,214,.1);color:#0a8fd6}.cc-adv374-kpi-icon.is-wallet{background:rgba(16,185,129,.1);color:#10b981}.cc-adv374-kpi-icon.is-active{background:rgba(245,158,11,.1);color:#f59e0b}.cc-adv374-kpi-icon.is-views{background:rgba(14,165,233,.1);color:#0ea5e9}.cc-adv374-kpi-icon.is-spend{background:rgba(139,92,246,.1);color:#8b5cf6}.cc-adv374-kpi div{min-width:0}.cc-adv374-kpi span{display:block;font-size:.64rem;font-weight:800;color:#7a8998;text-transform:uppercase;letter-spacing:.06em}.cc-adv374-kpi strong{display:block;margin-top:.12rem;font-size:1.02rem;line-height:1.2;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .cc-adv374-kpi strong{color:#f2f7f9}.cc-adv374-kpi small{display:block;margin-top:.12rem;font-size:.64rem;color:#94a3b8}
.cc-adv374-rule{display:flex;gap:.7rem;align-items:flex-start;border:1px solid rgba(14,165,233,.2);background:rgba(14,165,233,.055);border-radius:.9rem;padding:.75rem .9rem;color:#61707e;font-size:.73rem;line-height:1.45;margin-bottom:1rem}.cc-adv374-rule>i{color:#0ea5e9;margin-top:.14rem}.dark .cc-adv374-rule{color:#aebdca;background:rgba(14,165,233,.07)}
.cc-adv374-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:1rem;align-items:start}.cc-adv374-panel{border:1px solid var(--adv-border);border-radius:1.05rem;background:#fff;padding:1rem;box-shadow:0 8px 24px rgba(15,23,42,.035)}.dark .cc-adv374-panel{background:rgba(10,29,34,.78);border-color:rgba(255,255,255,.08)}.cc-adv374-panel-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;margin-bottom:.9rem}.cc-adv374-panel-head h3{font-size:1.02rem;font-weight:900;color:#1f2937;line-height:1.2}.dark .cc-adv374-panel-head h3{color:#f3f7f8}.cc-adv374-panel-head p{font-size:.7rem;color:#81909d;margin-top:.25rem;line-height:1.45}.cc-adv374-eyebrow{display:block;font-size:.61rem;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#0a8fd6;margin-bottom:.35rem}.cc-adv374-format-chip{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid rgba(10,143,214,.2);background:rgba(10,143,214,.07);color:#0876b5;border-radius:999px;padding:.42rem .62rem;font-size:.66rem;font-weight:900}.dark .cc-adv374-format-chip{color:#70c8ef}
.cc-adv374-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.35rem 0 1rem}.cc-adv374-stepper button{display:flex;align-items:center;gap:.45rem;min-width:0;border:1px solid rgba(148,163,184,.16);background:rgba(148,163,184,.055);color:#8794a0;border-radius:.8rem;padding:.55rem .65rem;font-size:.68rem;font-weight:850;text-align:left}.cc-adv374-stepper button span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:rgba(148,163,184,.12);font-size:.63rem;flex:0 0 auto}.cc-adv374-stepper button.is-active{border-color:rgba(10,143,214,.32);background:rgba(10,143,214,.08);color:#0876b5}.cc-adv374-stepper button.is-active span{background:#0a8fd6;color:white}.cc-adv374-stepper button.is-done{color:#10b981}.cc-adv374-stepper button.is-done span{background:rgba(16,185,129,.12);color:#10b981}.dark .cc-adv374-stepper button{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07)}
.cc-adv374-builder-step{padding:.05rem 0}.cc-adv374-root.is-enhanced .cc-adv374-builder-step{display:none}.cc-adv374-root.is-enhanced .cc-adv374-builder-step.is-active{display:block}.cc-adv374-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cc-adv374-field{margin-bottom:.75rem}.cc-adv374-field label,.cc-adv374-topup-form label{display:block;font-size:.65rem;font-weight:900;color:#637383;text-transform:uppercase;letter-spacing:.055em;margin-bottom:.34rem}.dark .cc-adv374-field label,.dark .cc-adv374-topup-form label{color:#9fb0bd}.cc-adv374-field input,.cc-adv374-field select,.cc-adv374-money-input{width:100%;border:1px solid rgba(148,163,184,.24);border-radius:.78rem;background:#f8fafc;color:#17212b;padding:.68rem .75rem;font-size:.78rem;outline:none;transition:.15s ease}.dark .cc-adv374-field input,.dark .cc-adv374-field select,.dark .cc-adv374-money-input{background:rgba(4,19,24,.78);border-color:rgba(255,255,255,.09);color:#eff6f8}.cc-adv374-field input:focus,.cc-adv374-field select:focus,.cc-adv374-money-input:focus-within{border-color:rgba(10,143,214,.55);box-shadow:0 0 0 3px rgba(10,143,214,.08)}.cc-adv374-field small{display:block;font-size:.62rem;color:#91a0ac;line-height:1.45;margin-top:.3rem}.cc-adv374-fixed{display:flex;align-items:flex-start;gap:.65rem;border:1px solid rgba(148,163,184,.16);border-radius:.82rem;padding:.72rem;background:rgba(148,163,184,.04);min-height:4.2rem}.cc-adv374-fixed>i{width:1.75rem;height:1.75rem;border-radius:.5rem;display:grid;place-items:center;background:rgba(10,143,214,.09);color:#0a8fd6;flex:0 0 auto}.cc-adv374-fixed b{display:block;font-size:.73rem;color:#263542}.dark .cc-adv374-fixed b{color:#e7f0f3}.cc-adv374-fixed small{display:block;margin-top:.15rem;font-size:.62rem;color:#8999a6;line-height:1.42}.cc-adv374-budget-live{border:1px solid rgba(10,143,214,.18);background:rgba(10,143,214,.05);border-radius:.86rem;padding:.75rem;margin:.15rem 0 .8rem}.cc-adv374-budget-live>div{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.cc-adv374-budget-live span{font-size:.7rem;font-weight:900;color:#0876b5}.cc-adv374-budget-live strong{font-size:1rem;color:#0a8fd6}.cc-adv374-budget-live small{display:block;color:#80909e;font-size:.61rem;margin-top:.18rem}.cc-adv374-budget-live small.is-error{color:#ef4444;font-weight:800}.cc-adv374-step-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.35rem;padding-top:.65rem;border-top:1px solid rgba(148,163,184,.12)}
.cc-adv374-review{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.cc-adv374-preview-card{border:1px solid rgba(148,163,184,.16);border-radius:.82rem;padding:.72rem;background:rgba(148,163,184,.035);min-width:0}.cc-adv374-preview-card span{display:block;font-size:.59rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#8795a1}.cc-adv374-preview-card strong{display:block;margin-top:.25rem;font-size:.8rem;color:#22313d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .cc-adv374-preview-card strong{color:#eff6f8}.cc-adv374-preview-card small{display:block;margin-top:.2rem;font-size:.61rem;color:#8998a5;overflow-wrap:anywhere}.cc-adv374-review-note{display:flex;gap:.7rem;margin:.75rem 0;border:1px solid rgba(16,185,129,.17);background:rgba(16,185,129,.045);padding:.75rem;border-radius:.84rem}.cc-adv374-review-note>i{color:#10b981;margin-top:.12rem}.cc-adv374-review-note b{font-size:.69rem;color:#197c5d}.dark .cc-adv374-review-note b{color:#63ddb1}.cc-adv374-review-note ol{margin:.35rem 0 0 1rem;font-size:.62rem;color:#7b8a96;line-height:1.5}.cc-adv374-balance-warning{display:flex;align-items:center;gap:.65rem;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.07);border-radius:.82rem;padding:.7rem;margin:.7rem 0}.cc-adv374-balance-warning.hidden{display:none!important}.cc-adv374-balance-warning>i{color:#f59e0b}.cc-adv374-balance-warning div{flex:1;min-width:0}.cc-adv374-balance-warning b{display:block;color:#b26d00;font-size:.7rem}.dark .cc-adv374-balance-warning b{color:#fbbf24}.cc-adv374-balance-warning span{display:block;color:#8a7a64;font-size:.61rem;margin-top:.12rem}.cc-adv374-balance-warning button{border:0;background:#f59e0b;color:#fff;border-radius:.65rem;padding:.48rem .7rem;font-size:.64rem;font-weight:900}
.cc-adv374-funding{position:sticky;top:5.1rem}.cc-adv374-wallet-balance{border-radius:.9rem;padding:.85rem;background:linear-gradient(135deg,rgba(10,143,214,.10),rgba(16,185,129,.08));border:1px solid rgba(10,143,214,.14);margin-bottom:.8rem}.cc-adv374-wallet-balance span{display:block;font-size:.61rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#78909f}.cc-adv374-wallet-balance strong{display:block;font-size:1.18rem;color:#0a8fd6;margin-top:.2rem}.cc-adv374-wallet-balance small{display:block;font-size:.61rem;color:#8797a4;margin-top:.18rem}.cc-adv374-topup-form{display:grid;gap:.55rem}.cc-adv374-money-input{display:flex;align-items:center;padding:0}.cc-adv374-money-input span{padding:0 .65rem;color:#10b981;font-weight:900}.cc-adv374-money-input input{width:100%;border:0;background:transparent;color:inherit;padding:.68rem 0;font-size:.8rem;outline:none}.cc-adv374-funding-note{display:flex;gap:.5rem;align-items:flex-start;margin-top:.7rem;padding:.65rem;border-radius:.72rem;background:rgba(148,163,184,.055);font-size:.59rem;line-height:1.4;color:#8393a0}.cc-adv374-funding-note i{color:#64748b;margin-top:.1rem}.cc-adv374-warning{padding:.75rem;border-radius:.78rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:#b26d00;font-size:.68rem;font-weight:800}.cc-adv374-deposits{border-top:1px solid rgba(148,163,184,.13);margin-top:.8rem;padding-top:.7rem}.cc-adv374-deposits h4{font-size:.67rem;font-weight:900;color:#60717f;margin-bottom:.35rem}.cc-adv374-deposits>div{display:grid;grid-template-columns:1fr auto auto;gap:.4rem;align-items:center;font-size:.6rem;padding:.32rem 0;color:#8a99a5}.cc-adv374-deposits b{color:#485966}.dark .cc-adv374-deposits b{color:#d9e4e9}.cc-adv374-deposits em{font-style:normal;font-weight:900;text-transform:uppercase;font-size:.52rem;padding:.2rem .34rem;border-radius:999px;background:rgba(148,163,184,.09)}.cc-adv374-deposits em.is-paid{color:#10b981;background:rgba(16,185,129,.09)}.cc-adv374-deposits em.is-pending{color:#f59e0b;background:rgba(245,158,11,.09)}
.cc-adv374-campaigns{margin-top:1rem}.cc-adv374-campaign-head{align-items:flex-end}.cc-adv374-status-legend{display:flex;flex-wrap:wrap;gap:.55rem;margin:-.2rem 0 .65rem;font-size:.58rem;color:#8796a2}.cc-adv374-status-legend span{display:inline-flex;align-items:center;gap:.28rem}.cc-adv374-status-legend i{width:.48rem;height:.48rem;border-radius:50%;background:#94a3b8}.cc-adv374-status-legend i.is-pending{background:#f59e0b}.cc-adv374-status-legend i.is-active{background:#10b981}.cc-adv374-status-legend i.is-paused{background:#f97316}.cc-adv374-status-legend i.is-completed{background:#0ea5e9}.cc-adv374-status-legend i.is-terminal{background:#64748b}.cc-adv374-campaign-note{border:1px solid rgba(34,211,238,.14);background:rgba(34,211,238,.035);border-radius:.72rem;padding:.58rem .68rem;font-size:.61rem;color:#7c8d99;margin-bottom:.65rem}.cc-adv374-table-wrap{overflow-x:auto}.cc-adv374-table thead th{padding:.55rem .5rem;border-bottom:1px solid rgba(148,163,184,.15);font-size:.57rem;text-transform:uppercase;letter-spacing:.05em;color:#8897a3}.cc-adv374-table tbody td{padding:.72rem .5rem;vertical-align:top;border-bottom:1px solid rgba(148,163,184,.09);color:#50616f}.dark .cc-adv374-table tbody td{color:#b3c1cb}.cc-adv374-table td b{display:block;font-size:.67rem;color:#263642}.dark .cc-adv374-table td b{color:#e9f1f4}.cc-adv374-table td small{display:block;font-size:.57rem;color:#8b9aa6;line-height:1.4;margin-top:.18rem}.cc-adv374-campaign-title{font-size:.69rem;font-weight:900;color:#22313c;max-width:250px}.dark .cc-adv374-campaign-title{color:#f0f6f8}.cc-adv374-campaign-url{font-size:.56rem;color:#8998a4;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-adv374-health,.cc-adv374-mode,.cc-adv374-status{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .48rem;font-size:.54rem;line-height:1;font-weight:900;white-space:nowrap}.cc-adv374-health.is-healthy,.cc-adv374-mode.is-verified,.cc-adv374-status.is-active{color:#059669;background:rgba(16,185,129,.10)}.cc-adv374-health.is-watch,.cc-adv374-mode.is-review,.cc-adv374-status.is-pending-review{color:#d97706;background:rgba(245,158,11,.10)}.cc-adv374-health.is-action{color:#dc2626;background:rgba(239,68,68,.09)}.cc-adv374-health.is-info,.cc-adv374-status.is-completed{color:#0284c7;background:rgba(14,165,233,.09)}.cc-adv374-health.is-neutral,.cc-adv374-status.is-cancelled,.cc-adv374-status.is-rejected{color:#64748b;background:rgba(100,116,139,.09)}.cc-adv374-mode.is-external{color:#7c3aed;background:rgba(139,92,246,.09)}.cc-adv374-status.is-paused{color:#ea580c;background:rgba(249,115,22,.09)}.cc-adv374-verdict{font-size:.52rem!important;font-weight:900;margin-top:.3rem!important}.cc-adv374-verdict.is-action{color:#ef4444!important}.cc-adv374-verdict.is-watch,.cc-adv374-verdict.is-review{color:#f59e0b!important}.cc-adv374-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.28rem}.cc-adv374-text-action{display:block;border:0;background:none;padding:0;margin-top:.3rem;color:#0876b5;font-size:.56rem;font-weight:900;cursor:pointer}.cc-adv374-table details{margin-top:.25rem;font-size:.56rem}.cc-adv374-table details summary{color:#0876b5;font-weight:800;cursor:pointer}.cc-adv374-table details div{margin-top:.25rem;border-radius:.55rem;background:rgba(148,163,184,.06);padding:.42rem;max-width:270px}.cc-adv374-table code{display:block;overflow-wrap:anywhere;font-size:.5rem;color:#0876b5}.cc-adv374-table details a{display:inline-block;margin-top:.24rem;color:#10b981;font-weight:900}.cc-adv374-empty{text-align:center;padding:2.5rem 1rem;color:#8795a1}.cc-adv374-empty>i{font-size:2rem;color:#0a8fd6;opacity:.55}.cc-adv374-empty h4{font-size:.92rem;color:#33434f;font-weight:900;margin-top:.55rem}.dark .cc-adv374-empty h4{color:#ecf4f7}.cc-adv374-empty p{font-size:.68rem;margin:.25rem auto .7rem;max-width:480px;line-height:1.45}.cc-adv374-mobile-list{display:none}
.cc-adv374-mobile-card{border:1px solid rgba(148,163,184,.15);border-radius:.9rem;padding:.78rem;background:rgba(148,163,184,.025)}.cc-adv374-mobile-card-head{display:flex;justify-content:space-between;gap:.55rem;align-items:flex-start}.cc-adv374-mobile-card-head>div{min-width:0}.cc-adv374-mobile-card h4{font-size:.75rem;font-weight:900;color:#263642}.dark .cc-adv374-mobile-card h4{color:#eff6f8}.cc-adv374-mobile-card p{font-size:.57rem;color:#8998a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}.cc-adv374-mobile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.65rem 0}.cc-adv374-mobile-metrics div{background:rgba(148,163,184,.05);border-radius:.65rem;padding:.5rem}.cc-adv374-mobile-metrics span{display:block;font-size:.52rem;text-transform:uppercase;color:#8b99a4;font-weight:800}.cc-adv374-mobile-metrics b{display:block;font-size:.65rem;margin-top:.12rem;color:#40515d}.dark .cc-adv374-mobile-metrics b{color:#dce7eb}.cc-adv374-mobile-health{display:flex;flex-direction:column;gap:.12rem;margin-top:.55rem}.cc-adv374-mobile-health span{font-size:.59rem;font-weight:900;color:#0a8fd6}.cc-adv374-mobile-health small{font-size:.56rem;color:#8796a2;line-height:1.4}.cc-adv374-mobile-mode{display:flex;justify-content:space-between;gap:.5rem;margin:.55rem 0;font-size:.57rem;color:#8796a2}.cc-adv374-mobile-mode b{color:#52636f}.dark .cc-adv374-mobile-mode b{color:#cbd7dd}
@media(max-width:1100px){.cc-adv374-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-adv374-workspace{grid-template-columns:1fr}.cc-adv374-funding{position:static}.cc-adv374-review{grid-template-columns:1fr 1fr}.cc-adv374-preview-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.cc-adv374-root{padding:0 .05rem 1rem}.cc-adv374-intro-actions{width:100%}.cc-adv374-intro-actions button{flex:1}.cc-adv374-kpis{grid-template-columns:1fr 1fr;gap:.5rem}.cc-adv374-kpi{padding:.68rem}.cc-adv374-kpi-icon{width:2.25rem;height:2.25rem}.cc-adv374-kpi strong{font-size:.84rem}.cc-adv374-workspace{gap:.7rem}.cc-adv374-panel{padding:.78rem;border-radius:.9rem}.cc-adv374-panel-head{flex-direction:column}.cc-adv374-stepper button{padding:.5rem .45rem}.cc-adv374-stepper button b{font-size:.59rem}.cc-adv374-field-grid,.cc-adv374-review{grid-template-columns:1fr}.cc-adv374-preview-card:last-child{grid-column:auto}.cc-adv374-step-actions{gap:.4rem}.cc-adv374-step-actions button{flex:1}.cc-adv374-campaign-head{align-items:flex-start}.cc-adv374-table-wrap{display:none}.cc-adv374-mobile-list{display:grid;gap:.6rem}.cc-campaign-filters-v240{width:100%}.cc-campaign-filters-v240 button{flex:1;justify-content:center;min-width:4.5rem}.cc-adv374-status-legend{gap:.38rem}.cc-adv374-controls{justify-content:flex-start;margin-top:.6rem}.cc-adv374-mobile-card .cc-adv374-controls>*{flex:1}.cc-adv374-balance-warning{align-items:flex-start;flex-wrap:wrap}.cc-adv374-balance-warning button{margin-left:auto}}
@media(max-width:460px){.cc-adv374-kpis{grid-template-columns:1fr}.cc-adv374-kpi{min-height:4rem}.cc-adv374-stepper{grid-template-columns:1fr}.cc-adv374-stepper button{min-height:2.3rem}.cc-adv374-review-note ol{margin-left:.85rem}.cc-adv374-mobile-card p{max-width:50vw}}