1  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
   2  @layer properties;
   3  @layer theme, base, components, utilities;
   4  @layer theme {
   5    :root, :host {
   6      --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
   7      'Noto Color Emoji';
   8      --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
   9      monospace;
  10      --color-red-400: oklch(70.4% 0.191 22.216);
  11      --color-red-500: oklch(63.7% 0.237 25.331);
  12      --color-red-600: oklch(57.7% 0.245 27.325);
  13      --color-amber-400: oklch(82.8% 0.189 84.429);
  14      --color-amber-500: oklch(76.9% 0.188 70.08);
  15      --color-yellow-400: oklch(85.2% 0.199 91.936);
  16      --color-yellow-500: oklch(79.5% 0.184 86.047);
  17      --color-yellow-600: oklch(68.1% 0.162 75.834);
  18      --color-green-400: oklch(79.2% 0.209 151.711);
  19      --color-green-500: oklch(72.3% 0.219 149.579);
  20      --color-green-600: oklch(62.7% 0.194 149.214);
  21      --color-emerald-400: oklch(76.5% 0.177 163.223);
  22      --color-emerald-500: oklch(69.6% 0.17 162.48);
  23      --color-black: #000;
  24      --spacing: 0.25rem;
  25      --container-sm: 24rem;
  26      --container-md: 28rem;
  27      --container-lg: 32rem;
  28      --container-3xl: 48rem;
  29      --container-5xl: 64rem;
  30      --text-xs: 0.75rem;
  31      --text-xs--line-height: calc(1 / 0.75);
  32      --text-sm: 0.875rem;
  33      --text-sm--line-height: calc(1.25 / 0.875);
  34      --text-base: 1rem;
  35      --text-base--line-height: calc(1.5 / 1);
  36      --text-lg: 1.125rem;
  37      --text-lg--line-height: calc(1.75 / 1.125);
  38      --text-xl: 1.25rem;
  39      --text-xl--line-height: calc(1.75 / 1.25);
  40      --text-3xl: 1.875rem;
  41      --text-3xl--line-height: calc(2.25 / 1.875);
  42      --text-9xl: 8rem;
  43      --text-9xl--line-height: 1;
  44      --font-weight-normal: 400;
  45      --font-weight-medium: 500;
  46      --font-weight-semibold: 600;
  47      --font-weight-bold: 700;
  48      --font-weight-extrabold: 800;
  49      --tracking-tight: -0.025em;
  50      --tracking-wider: 0.05em;
  51      --leading-relaxed: 1.625;
  52      --ease-out: cubic-bezier(0, 0, 0.2, 1);
  53      --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  54      --animate-spin: spin 1s linear infinite;
  55      --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  56      --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  57      --blur-xs: 4px;
  58      --blur-sm: 8px;
  59      --blur-md: 12px;
  60      --default-transition-duration: 150ms;
  61      --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  62      --default-font-family: var(--font-sans);
  63      --default-mono-font-family: var(--font-mono);
  64    }
  65  }
  66  @layer base {
  67    *, ::after, ::before, ::backdrop, ::file-selector-button {
  68      box-sizing: border-box;
  69      margin: 0;
  70      padding: 0;
  71      border: 0 solid;
  72    }
  73    html, :host {
  74      line-height: 1.5;
  75      -webkit-text-size-adjust: 100%;
  76      tab-size: 4;
  77      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');
  78      font-feature-settings: var(--default-font-feature-settings, normal);
  79      font-variation-settings: var(--default-font-variation-settings, normal);
  80      -webkit-tap-highlight-color: transparent;
  81    }
  82    hr {
  83      height: 0;
  84      color: inherit;
  85      border-top-width: 1px;
  86    }
  87    abbr:where([title]) {
  88      -webkit-text-decoration: underline dotted;
  89      text-decoration: underline dotted;
  90    }
  91    h1, h2, h3, h4, h5, h6 {
  92      font-size: inherit;
  93      font-weight: inherit;
  94    }
  95    a {
  96      color: inherit;
  97      -webkit-text-decoration: inherit;
  98      text-decoration: inherit;
  99    }
 100    b, strong {
 101      font-weight: bolder;
 102    }
 103    code, kbd, samp, pre {
 104      font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
 105      font-feature-settings: var(--default-mono-font-feature-settings, normal);
 106      font-variation-settings: var(--default-mono-font-variation-settings, normal);
 107      font-size: 1em;
 108    }
 109    small {
 110      font-size: 80%;
 111    }
 112    sub, sup {
 113      font-size: 75%;
 114      line-height: 0;
 115      position: relative;
 116      vertical-align: baseline;
 117    }
 118    sub {
 119      bottom: -0.25em;
 120    }
 121    sup {
 122      top: -0.5em;
 123    }
 124    table {
 125      text-indent: 0;
 126      border-color: inherit;
 127      border-collapse: collapse;
 128    }
 129    :-moz-focusring {
 130      outline: auto;
 131    }
 132    progress {
 133      vertical-align: baseline;
 134    }
 135    summary {
 136      display: list-item;
 137    }
 138    ol, ul, menu {
 139      list-style: none;
 140    }
 141    img, svg, video, canvas, audio, iframe, embed, object {
 142      display: block;
 143      vertical-align: middle;
 144    }
 145    img, video {
 146      max-width: 100%;
 147      height: auto;
 148    }
 149    button, input, select, optgroup, textarea, ::file-selector-button {
 150      font: inherit;
 151      font-feature-settings: inherit;
 152      font-variation-settings: inherit;
 153      letter-spacing: inherit;
 154      color: inherit;
 155      border-radius: 0;
 156      background-color: transparent;
 157      opacity: 1;
 158    }
 159    :where(select:is([multiple], [size])) optgroup {
 160      font-weight: bolder;
 161    }
 162    :where(select:is([multiple], [size])) optgroup option {
 163      padding-inline-start: 20px;
 164    }
 165    ::file-selector-button {
 166      margin-inline-end: 4px;
 167    }
 168    ::placeholder {
 169      opacity: 1;
 170    }
 171    @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
 172      ::placeholder {
 173        color: currentcolor;
 174        @supports (color: color-mix(in lab, red, red)) {
 175          color: color-mix(in oklab, currentcolor 50%, transparent);
 176        }
 177      }
 178    }
 179    textarea {
 180      resize: vertical;
 181    }
 182    ::-webkit-search-decoration {
 183      -webkit-appearance: none;
 184    }
 185    ::-webkit-date-and-time-value {
 186      min-height: 1lh;
 187      text-align: inherit;
 188    }
 189    ::-webkit-datetime-edit {
 190      display: inline-flex;
 191    }
 192    ::-webkit-datetime-edit-fields-wrapper {
 193      padding: 0;
 194    }
 195    ::-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 {
 196      padding-block: 0;
 197    }
 198    ::-webkit-calendar-picker-indicator {
 199      line-height: 1;
 200    }
 201    :-moz-ui-invalid {
 202      box-shadow: none;
 203    }
 204    button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
 205      appearance: button;
 206    }
 207    ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
 208      height: auto;
 209    }
 210    [hidden]:where(:not([hidden='until-found'])) {
 211      display: none !important;
 212    }
 213  }
 214  @layer utilities {
 215    .pointer-events-auto {
 216      pointer-events: auto;
 217    }
 218    .pointer-events-none {
 219      pointer-events: none;
 220    }
 221    .visible {
 222      visibility: visible;
 223    }
 224    .sr-only {
 225      position: absolute;
 226      width: 1px;
 227      height: 1px;
 228      padding: 0;
 229      margin: -1px;
 230      overflow: hidden;
 231      clip-path: inset(50%);
 232      white-space: nowrap;
 233      border-width: 0;
 234    }
 235    .absolute {
 236      position: absolute;
 237    }
 238    .fixed {
 239      position: fixed;
 240    }
 241    .relative {
 242      position: relative;
 243    }
 244    .static {
 245      position: static;
 246    }
 247    .sticky {
 248      position: sticky;
 249    }
 250    .inset-0 {
 251      inset: calc(var(--spacing) * 0);
 252    }
 253    .inset-y-0 {
 254      inset-block: calc(var(--spacing) * 0);
 255    }
 256    .start {
 257      inset-inline-start: var(--spacing);
 258    }
 259    .end {
 260      inset-inline-end: var(--spacing);
 261    }
 262    .top-0 {
 263      top: calc(var(--spacing) * 0);
 264    }
 265    .top-2 {
 266      top: calc(var(--spacing) * 2);
 267    }
 268    .top-4 {
 269      top: calc(var(--spacing) * 4);
 270    }
 271    .top-full {
 272      top: 100%;
 273    }
 274    .right-0 {
 275      right: calc(var(--spacing) * 0);
 276    }
 277    .right-2 {
 278      right: calc(var(--spacing) * 2);
 279    }
 280    .right-4 {
 281      right: calc(var(--spacing) * 4);
 282    }
 283    .bottom-4 {
 284      bottom: calc(var(--spacing) * 4);
 285    }
 286    .left-0 {
 287      left: calc(var(--spacing) * 0);
 288    }
 289    .left-1\/2 {
 290      left: calc(1 / 2 * 100%);
 291    }
 292    .z-20 {
 293      z-index: 20;
 294    }
 295    .z-50 {
 296      z-index: 50;
 297    }
 298    .z-1000 {
 299      z-index: 1000;
 300    }
 301    .container {
 302      width: 100%;
 303      @media (width >= 40rem) {
 304        max-width: 40rem;
 305      }
 306      @media (width >= 48rem) {
 307        max-width: 48rem;
 308      }
 309      @media (width >= 64rem) {
 310        max-width: 64rem;
 311      }
 312      @media (width >= 80rem) {
 313        max-width: 80rem;
 314      }
 315      @media (width >= 96rem) {
 316        max-width: 96rem;
 317      }
 318    }
 319    .mx-4 {
 320      margin-inline: calc(var(--spacing) * 4);
 321    }
 322    .mx-auto {
 323      margin-inline: auto;
 324    }
 325    .my-1 {
 326      margin-block: calc(var(--spacing) * 1);
 327    }
 328    .my-6 {
 329      margin-block: calc(var(--spacing) * 6);
 330    }
 331    .mt-1 {
 332      margin-top: calc(var(--spacing) * 1);
 333    }
 334    .mt-2 {
 335      margin-top: calc(var(--spacing) * 2);
 336    }
 337    .mt-3 {
 338      margin-top: calc(var(--spacing) * 3);
 339    }
 340    .mt-8 {
 341      margin-top: calc(var(--spacing) * 8);
 342    }
 343    .mr-1 {
 344      margin-right: calc(var(--spacing) * 1);
 345    }
 346    .mr-2 {
 347      margin-right: calc(var(--spacing) * 2);
 348    }
 349    .mb-0 {
 350      margin-bottom: calc(var(--spacing) * 0);
 351    }
 352    .mb-1 {
 353      margin-bottom: calc(var(--spacing) * 1);
 354    }
 355    .mb-1\.5 {
 356      margin-bottom: calc(var(--spacing) * 1.5);
 357    }
 358    .mb-2 {
 359      margin-bottom: calc(var(--spacing) * 2);
 360    }
 361    .mb-3 {
 362      margin-bottom: calc(var(--spacing) * 3);
 363    }
 364    .mb-4 {
 365      margin-bottom: calc(var(--spacing) * 4);
 366    }
 367    .mb-6 {
 368      margin-bottom: calc(var(--spacing) * 6);
 369    }
 370    .mb-8 {
 371      margin-bottom: calc(var(--spacing) * 8);
 372    }
 373    .ml-1 {
 374      margin-left: calc(var(--spacing) * 1);
 375    }
 376    .ml-2 {
 377      margin-left: calc(var(--spacing) * 2);
 378    }
 379    .ml-auto {
 380      margin-left: auto;
 381    }
 382    .gold-button-outline {
 383      display: inline-flex;
 384      align-items: center;
 385      gap: calc(var(--spacing) * 2);
 386      border-radius: calc(var(--radius) + 8px);
 387      border-style: var(--tw-border-style);
 388      border-width: 1px;
 389      border-color: var(--border);
 390      background-color: var(--background);
 391      @supports (color: color-mix(in lab, red, red)) {
 392        background-color: color-mix(in oklab, var(--background) 70%, transparent);
 393      }
 394      padding-inline: calc(var(--spacing) * 4);
 395      padding-block: calc(var(--spacing) * 2);
 396      color: var(--foreground);
 397      transition-property: all;
 398      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
 399      transition-duration: var(--tw-duration, var(--default-transition-duration));
 400      --tw-duration: 300ms;
 401      transition-duration: 300ms;
 402      --tw-ease: var(--ease-in-out);
 403      transition-timing-function: var(--ease-in-out);
 404      &:hover {
 405        @media (hover: hover) {
 406          border-color: var(--primary);
 407          @supports (color: color-mix(in lab, red, red)) {
 408            border-color: color-mix(in oklab, var(--primary) 50%, transparent);
 409          }
 410        }
 411      }
 412      &:hover {
 413        @media (hover: hover) {
 414          background-color: var(--accent);
 415          @supports (color: color-mix(in lab, red, red)) {
 416            background-color: color-mix(in oklab, var(--accent) 45%, transparent);
 417          }
 418        }
 419      }
 420    }
 421    .block {
 422      display: block;
 423    }
 424    .contents {
 425      display: contents;
 426    }
 427    .flex {
 428      display: flex;
 429    }
 430    .grid {
 431      display: grid;
 432    }
 433    .hidden {
 434      display: none;
 435    }
 436    .inline {
 437      display: inline;
 438    }
 439    .inline-block {
 440      display: inline-block;
 441    }
 442    .inline-flex {
 443      display: inline-flex;
 444    }
 445    .table {
 446      display: table;
 447    }
 448    .aspect-square {
 449      aspect-ratio: 1 / 1;
 450    }
 451    .size-4 {
 452      width: calc(var(--spacing) * 4);
 453      height: calc(var(--spacing) * 4);
 454    }
 455    .size-5 {
 456      width: calc(var(--spacing) * 5);
 457      height: calc(var(--spacing) * 5);
 458    }
 459    .h-1\.5 {
 460      height: calc(var(--spacing) * 1.5);
 461    }
 462    .h-2 {
 463      height: calc(var(--spacing) * 2);
 464    }
 465    .h-3 {
 466      height: calc(var(--spacing) * 3);
 467    }
 468    .h-3\.5 {
 469      height: calc(var(--spacing) * 3.5);
 470    }
 471    .h-4 {
 472      height: calc(var(--spacing) * 4);
 473    }
 474    .h-5 {
 475      height: calc(var(--spacing) * 5);
 476    }
 477    .h-6 {
 478      height: calc(var(--spacing) * 6);
 479    }
 480    .h-7 {
 481      height: calc(var(--spacing) * 7);
 482    }
 483    .h-8 {
 484      height: calc(var(--spacing) * 8);
 485    }
 486    .h-9 {
 487      height: calc(var(--spacing) * 9);
 488    }
 489    .h-10 {
 490      height: calc(var(--spacing) * 10);
 491    }
 492    .h-12 {
 493      height: calc(var(--spacing) * 12);
 494    }
 495    .h-\[1\.5rem\] {
 496      height: 1.5rem;
 497    }
 498    .h-\[1\.25rem\] {
 499      height: 1.25rem;
 500    }
 501    .h-\[1\.75rem\] {
 502      height: 1.75rem;
 503    }
 504    .h-\[1rem\] {
 505      height: 1rem;
 506    }
 507    .h-\[250px\] {
 508      height: 250px;
 509    }
 510    .h-\[350px\] {
 511      height: 350px;
 512    }
 513    .h-\[400px\] {
 514      height: 400px;
 515    }
 516    .h-auto {
 517      height: auto;
 518    }
 519    .h-full {
 520      height: 100%;
 521    }
 522    .h-px {
 523      height: 1px;
 524    }
 525    .max-h-\[80vh\] {
 526      max-height: 80vh;
 527    }
 528    .max-h-\[400px\] {
 529      max-height: 400px;
 530    }
 531    .max-h-\[460px\] {
 532      max-height: 460px;
 533    }
 534    .min-h-\[62px\] {
 535      min-height: 62px;
 536    }
 537    .min-h-\[320px\] {
 538      min-height: 320px;
 539    }
 540    .min-h-screen {
 541      min-height: 100vh;
 542    }
 543    .w-1\.5 {
 544      width: calc(var(--spacing) * 1.5);
 545    }
 546    .w-1\/2 {
 547      width: calc(1 / 2 * 100%);
 548    }
 549    .w-2 {
 550      width: calc(var(--spacing) * 2);
 551    }
 552    .w-2\/3 {
 553      width: calc(2 / 3 * 100%);
 554    }
 555    .w-3 {
 556      width: calc(var(--spacing) * 3);
 557    }
 558    .w-3\.5 {
 559      width: calc(var(--spacing) * 3.5);
 560    }
 561    .w-3\/4 {
 562      width: calc(3 / 4 * 100%);
 563    }
 564    .w-4 {
 565      width: calc(var(--spacing) * 4);
 566    }
 567    .w-5 {
 568      width: calc(var(--spacing) * 5);
 569    }
 570    .w-6 {
 571      width: calc(var(--spacing) * 6);
 572    }
 573    .w-7 {
 574      width: calc(var(--spacing) * 7);
 575    }
 576    .w-8 {
 577      width: calc(var(--spacing) * 8);
 578    }
 579    .w-9 {
 580      width: calc(var(--spacing) * 9);
 581    }
 582    .w-10 {
 583      width: calc(var(--spacing) * 10);
 584    }
 585    .w-12 {
 586      width: calc(var(--spacing) * 12);
 587    }
 588    .w-14 {
 589      width: calc(var(--spacing) * 14);
 590    }
 591    .w-16 {
 592      width: calc(var(--spacing) * 16);
 593    }
 594    .w-20 {
 595      width: calc(var(--spacing) * 20);
 596    }
 597    .w-24 {
 598      width: calc(var(--spacing) * 24);
 599    }
 600    .w-56 {
 601      width: calc(var(--spacing) * 56);
 602    }
 603    .w-\[1\.5rem\] {
 604      width: 1.5rem;
 605    }
 606    .w-\[1\.25rem\] {
 607      width: 1.25rem;
 608    }
 609    .w-\[1rem\] {
 610      width: 1rem;
 611    }
 612    .w-\[2\.25rem\] {
 613      width: 2.25rem;
 614    }
 615    .w-\[2\.75rem\] {
 616      width: 2.75rem;
 617    }
 618    .w-\[3\.5rem\] {
 619      width: 3.5rem;
 620    }
 621    .w-\[min\(100\%-24px\,980px\)\] {
 622      width: min(100% - 24px, 980px);
 623    }
 624    .w-auto {
 625      width: auto;
 626    }
 627    .w-full {
 628      width: 100%;
 629    }
 630    .max-w-3xl {
 631      max-width: var(--container-3xl);
 632    }
 633    .max-w-5xl {
 634      max-width: var(--container-5xl);
 635    }
 636    .max-w-\[22rem\] {
 637      max-width: 22rem;
 638    }
 639    .max-w-lg {
 640      max-width: var(--container-lg);
 641    }
 642    .max-w-md {
 643      max-width: var(--container-md);
 644    }
 645    .max-w-sm {
 646      max-width: var(--container-sm);
 647    }
 648    .min-w-0 {
 649      min-width: calc(var(--spacing) * 0);
 650    }
 651    .min-w-\[10rem\] {
 652      min-width: 10rem;
 653    }
 654    .min-w-\[16rem\] {
 655      min-width: 16rem;
 656    }
 657    .min-w-\[420px\] {
 658      min-width: 420px;
 659    }
 660    .min-w-full {
 661      min-width: 100%;
 662    }
 663    .flex-1 {
 664      flex: 1;
 665    }
 666    .flex-shrink-0 {
 667      flex-shrink: 0;
 668    }
 669    .shrink-0 {
 670      flex-shrink: 0;
 671    }
 672    .border-collapse {
 673      border-collapse: collapse;
 674    }
 675    .origin-top {
 676      transform-origin: top;
 677    }
 678    .origin-top-left {
 679      transform-origin: 0 0;
 680    }
 681    .origin-top-right {
 682      transform-origin: 100% 0;
 683    }
 684    .-translate-x-1\/2 {
 685      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
 686      translate: var(--tw-translate-x) var(--tw-translate-y);
 687    }
 688    .-translate-x-full {
 689      --tw-translate-x: -100%;
 690      translate: var(--tw-translate-x) var(--tw-translate-y);
 691    }
 692    .translate-x-0 {
 693      --tw-translate-x: calc(var(--spacing) * 0);
 694      translate: var(--tw-translate-x) var(--tw-translate-y);
 695    }
 696    .translate-x-\[0rem\] {
 697      --tw-translate-x: 0rem;
 698      translate: var(--tw-translate-x) var(--tw-translate-y);
 699    }
 700    .translate-x-full {
 701      --tw-translate-x: 100%;
 702      translate: var(--tw-translate-x) var(--tw-translate-y);
 703    }
 704    .transform {
 705      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 706    }
 707    .animate-in {
 708      animation: forwards cubic-bezier(0.16, 1, 0.3, 1);
 709    }
 710    .animate-ping {
 711      animation: var(--animate-ping);
 712    }
 713    .animate-pulse {
 714      animation: var(--animate-pulse);
 715    }
 716    .animate-slide-in-from-right {
 717      animation: slide-in-from-right 0.2s ease-out;
 718    }
 719    .animate-slide-out-to-right {
 720      animation: slide-out-to-right 0.2s ease-out;
 721    }
 722    .animate-spin {
 723      animation: var(--animate-spin);
 724    }
 725    .cursor-not-allowed {
 726      cursor: not-allowed;
 727    }
 728    .cursor-pointer {
 729      cursor: pointer;
 730    }
 731    .resize {
 732      resize: both;
 733    }
 734    .grid-cols-1 {
 735      grid-template-columns: repeat(1, minmax(0, 1fr));
 736    }
 737    .grid-cols-2 {
 738      grid-template-columns: repeat(2, minmax(0, 1fr));
 739    }
 740    .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
 741      grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
 742    }
 743    .grid-rows-\[0fr\] {
 744      grid-template-rows: 0fr;
 745    }
 746    .flex-col {
 747      flex-direction: column;
 748    }
 749    .flex-col-reverse {
 750      flex-direction: column-reverse;
 751    }
 752    .flex-wrap {
 753      flex-wrap: wrap;
 754    }
 755    .items-center {
 756      align-items: center;
 757    }
 758    .items-end {
 759      align-items: flex-end;
 760    }
 761    .items-start {
 762      align-items: flex-start;
 763    }
 764    .items-stretch {
 765      align-items: stretch;
 766    }
 767    .justify-between {
 768      justify-content: space-between;
 769    }
 770    .justify-center {
 771      justify-content: center;
 772    }
 773    .justify-end {
 774      justify-content: flex-end;
 775    }
 776    .justify-start {
 777      justify-content: flex-start;
 778    }
 779    .gap-0\.5 {
 780      gap: calc(var(--spacing) * 0.5);
 781    }
 782    .gap-1 {
 783      gap: calc(var(--spacing) * 1);
 784    }
 785    .gap-1\.5 {
 786      gap: calc(var(--spacing) * 1.5);
 787    }
 788    .gap-2 {
 789      gap: calc(var(--spacing) * 2);
 790    }
 791    .gap-3 {
 792      gap: calc(var(--spacing) * 3);
 793    }
 794    .gap-3\.5 {
 795      gap: calc(var(--spacing) * 3.5);
 796    }
 797    .gap-4 {
 798      gap: calc(var(--spacing) * 4);
 799    }
 800    .space-y-0\.5 {
 801      :where(& > :not(:last-child)) {
 802        --tw-space-y-reverse: 0;
 803        margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
 804        margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
 805      }
 806    }
 807    .space-y-1 {
 808      :where(& > :not(:last-child)) {
 809        --tw-space-y-reverse: 0;
 810        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
 811        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
 812      }
 813    }
 814    .space-y-2 {
 815      :where(& > :not(:last-child)) {
 816        --tw-space-y-reverse: 0;
 817        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
 818        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
 819      }
 820    }
 821    .space-y-3 {
 822      :where(& > :not(:last-child)) {
 823        --tw-space-y-reverse: 0;
 824        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
 825        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
 826      }
 827    }
 828    .space-y-3\.5 {
 829      :where(& > :not(:last-child)) {
 830        --tw-space-y-reverse: 0;
 831        margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
 832        margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
 833      }
 834    }
 835    .space-y-reverse {
 836      :where(& > :not(:last-child)) {
 837        --tw-space-y-reverse: 1;
 838      }
 839    }
 840    .space-x-3 {
 841      :where(& > :not(:last-child)) {
 842        --tw-space-x-reverse: 0;
 843        margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
 844        margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
 845      }
 846    }
 847    .space-x-4 {
 848      :where(& > :not(:last-child)) {
 849        --tw-space-x-reverse: 0;
 850        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
 851        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
 852      }
 853    }
 854    .justify-self-end {
 855      justify-self: flex-end;
 856    }
 857    .truncate {
 858      overflow: hidden;
 859      text-overflow: ellipsis;
 860      white-space: nowrap;
 861    }
 862    .overflow-auto {
 863      overflow: auto;
 864    }
 865    .overflow-hidden {
 866      overflow: hidden;
 867    }
 868    .overflow-visible {
 869      overflow: visible;
 870    }
 871    .overflow-y-auto {
 872      overflow-y: auto;
 873    }
 874    .gold-input {
 875      border-radius: calc(var(--radius) + 8px);
 876      border-style: var(--tw-border-style);
 877      border-width: 1px;
 878      border-color: var(--border);
 879      background-color: var(--background);
 880      @supports (color: color-mix(in lab, red, red)) {
 881        background-color: color-mix(in oklab, var(--background) 70%, transparent);
 882      }
 883      color: var(--foreground);
 884      transition-property: all;
 885      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
 886      transition-duration: var(--tw-duration, var(--default-transition-duration));
 887      --tw-duration: 300ms;
 888      transition-duration: 300ms;
 889      --tw-ease: var(--ease-in-out);
 890      transition-timing-function: var(--ease-in-out);
 891      &::placeholder {
 892        color: var(--muted-foreground);
 893      }
 894      &:hover {
 895        @media (hover: hover) {
 896          border-color: var(--primary);
 897          @supports (color: color-mix(in lab, red, red)) {
 898            border-color: color-mix(in oklab, var(--primary) 45%, transparent);
 899          }
 900        }
 901      }
 902      &:focus {
 903        border-color: var(--primary);
 904        @supports (color: color-mix(in lab, red, red)) {
 905          border-color: color-mix(in oklab, var(--primary) 60%, transparent);
 906        }
 907      }
 908      &:focus {
 909        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
 910        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 911      }
 912      &:focus {
 913        --tw-ring-color: var(--primary);
 914        @supports (color: color-mix(in lab, red, red)) {
 915          --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
 916        }
 917      }
 918      &:focus {
 919        --tw-outline-style: none;
 920        outline-style: none;
 921      }
 922    }
 923    .panel-shell-strong {
 924      border-radius: calc(var(--radius) + 8px);
 925      border-style: var(--tw-border-style);
 926      border-width: 1px;
 927      border-color: var(--border);
 928      background-color: var(--card);
 929      @supports (color: color-mix(in lab, red, red)) {
 930        background-color: color-mix(in oklab, var(--card) 94%, transparent);
 931      }
 932      --tw-backdrop-blur: blur(var(--blur-md));
 933      -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,);
 934      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,);
 935      box-shadow: var(--app-shell-glow-strong);
 936    }
 937    .rounded {
 938      border-radius: 0.25rem;
 939    }
 940    .rounded-full {
 941      border-radius: calc(infinity * 1px);
 942    }
 943    .rounded-lg {
 944      border-radius: var(--radius);
 945    }
 946    .rounded-md {
 947      border-radius: calc(var(--radius) - 2px);
 948    }
 949    .rounded-none {
 950      border-radius: 0;
 951    }
 952    .rounded-sm {
 953      border-radius: calc(var(--radius) - 4px);
 954    }
 955    .rounded-xl {
 956      border-radius: calc(var(--radius) + 4px);
 957    }
 958    .rounded-t-lg {
 959      border-top-left-radius: var(--radius);
 960      border-top-right-radius: var(--radius);
 961    }
 962    .rounded-l {
 963      border-top-left-radius: 0.25rem;
 964      border-bottom-left-radius: 0.25rem;
 965    }
 966    .rounded-r {
 967      border-top-right-radius: 0.25rem;
 968      border-bottom-right-radius: 0.25rem;
 969    }
 970    .border {
 971      border-style: var(--tw-border-style);
 972      border-width: 1px;
 973    }
 974    .border-0 {
 975      border-style: var(--tw-border-style);
 976      border-width: 0px;
 977    }
 978    .border-1 {
 979      border-style: var(--tw-border-style);
 980      border-width: 1px;
 981    }
 982    .border-2 {
 983      border-style: var(--tw-border-style);
 984      border-width: 2px;
 985    }
 986    .border-t {
 987      border-top-style: var(--tw-border-style);
 988      border-top-width: 1px;
 989    }
 990    .border-b {
 991      border-bottom-style: var(--tw-border-style);
 992      border-bottom-width: 1px;
 993    }
 994    .border-l {
 995      border-left-style: var(--tw-border-style);
 996      border-left-width: 1px;
 997    }
 998    .border-dashed {
 999      --tw-border-style: dashed;
1000      border-style: dashed;
1001    }
1002    .border-none {
1003      --tw-border-style: none;
1004      border-style: none;
1005    }
1006    .border-border {
1007      border-color: var(--border);
1008    }
1009    .border-destructive {
1010      border-color: var(--destructive);
1011    }
1012    .border-destructive\/50 {
1013      border-color: var(--destructive);
1014      @supports (color: color-mix(in lab, red, red)) {
1015        border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
1016      }
1017    }
1018    .border-input {
1019      border-color: var(--input);
1020    }
1021    .border-primary {
1022      border-color: var(--primary);
1023    }
1024    .border-transparent {
1025      border-color: transparent;
1026    }
1027    .border-yellow-500\/50 {
1028      border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);
1029      @supports (color: color-mix(in lab, red, red)) {
1030        border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
1031      }
1032    }
1033    .bg-\[\#0a0a0c\] {
1034      background-color: #0a0a0c;
1035    }
1036    .bg-\[\#0d0d0d\] {
1037      background-color: #0d0d0d;
1038    }
1039    .bg-amber-400 {
1040      background-color: var(--color-amber-400);
1041    }
1042    .bg-amber-500 {
1043      background-color: var(--color-amber-500);
1044    }
1045    .bg-background {
1046      background-color: var(--background);
1047    }
1048    .bg-background\/60 {
1049      background-color: var(--background);
1050      @supports (color: color-mix(in lab, red, red)) {
1051        background-color: color-mix(in oklab, var(--background) 60%, transparent);
1052      }
1053    }
1054    .bg-black\/40 {
1055      background-color: color-mix(in srgb, #000 40%, transparent);
1056      @supports (color: color-mix(in lab, red, red)) {
1057        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1058      }
1059    }
1060    .bg-black\/60 {
1061      background-color: color-mix(in srgb, #000 60%, transparent);
1062      @supports (color: color-mix(in lab, red, red)) {
1063        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
1064      }
1065    }
1066    .bg-black\/80 {
1067      background-color: color-mix(in srgb, #000 80%, transparent);
1068      @supports (color: color-mix(in lab, red, red)) {
1069        background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
1070      }
1071    }
1072    .bg-card {
1073      background-color: var(--card);
1074    }
1075    .bg-current {
1076      background-color: currentcolor;
1077    }
1078    .bg-destructive {
1079      background-color: var(--destructive);
1080    }
1081    .bg-emerald-400 {
1082      background-color: var(--color-emerald-400);
1083    }
1084    .bg-emerald-500\/10 {
1085      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
1086      @supports (color: color-mix(in lab, red, red)) {
1087        background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
1088      }
1089    }
1090    .bg-emerald-500\/20 {
1091      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
1092      @supports (color: color-mix(in lab, red, red)) {
1093        background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
1094      }
1095    }
1096    .bg-green-500 {
1097      background-color: var(--color-green-500);
1098    }
1099    .bg-input {
1100      background-color: var(--input);
1101    }
1102    .bg-muted {
1103      background-color: var(--muted);
1104    }
1105    .bg-muted\/30 {
1106      background-color: var(--muted);
1107      @supports (color: color-mix(in lab, red, red)) {
1108        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
1109      }
1110    }
1111    .bg-popover {
1112      background-color: var(--popover);
1113    }
1114    .bg-primary {
1115      background-color: var(--primary);
1116    }
1117    .bg-primary\/10 {
1118      background-color: var(--primary);
1119      @supports (color: color-mix(in lab, red, red)) {
1120        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
1121      }
1122    }
1123    .bg-red-400 {
1124      background-color: var(--color-red-400);
1125    }
1126    .bg-secondary {
1127      background-color: var(--secondary);
1128    }
1129    .bg-transparent {
1130      background-color: transparent;
1131    }
1132    .bg-yellow-500 {
1133      background-color: var(--color-yellow-500);
1134    }
1135    .object-cover {
1136      object-fit: cover;
1137    }
1138    .p-0 {
1139      padding: calc(var(--spacing) * 0);
1140    }
1141    .p-1 {
1142      padding: calc(var(--spacing) * 1);
1143    }
1144    .p-1\.5 {
1145      padding: calc(var(--spacing) * 1.5);
1146    }
1147    .p-2 {
1148      padding: calc(var(--spacing) * 2);
1149    }
1150    .p-3 {
1151      padding: calc(var(--spacing) * 3);
1152    }
1153    .p-4 {
1154      padding: calc(var(--spacing) * 4);
1155    }
1156    .p-5 {
1157      padding: calc(var(--spacing) * 5);
1158    }
1159    .p-6 {
1160      padding: calc(var(--spacing) * 6);
1161    }
1162    .px-0 {
1163      padding-inline: calc(var(--spacing) * 0);
1164    }
1165    .px-0\.5 {
1166      padding-inline: calc(var(--spacing) * 0.5);
1167    }
1168    .px-1 {
1169      padding-inline: calc(var(--spacing) * 1);
1170    }
1171    .px-1\.5 {
1172      padding-inline: calc(var(--spacing) * 1.5);
1173    }
1174    .px-2 {
1175      padding-inline: calc(var(--spacing) * 2);
1176    }
1177    .px-2\.5 {
1178      padding-inline: calc(var(--spacing) * 2.5);
1179    }
1180    .px-3 {
1181      padding-inline: calc(var(--spacing) * 3);
1182    }
1183    .px-4 {
1184      padding-inline: calc(var(--spacing) * 4);
1185    }
1186    .px-5 {
1187      padding-inline: calc(var(--spacing) * 5);
1188    }
1189    .px-6 {
1190      padding-inline: calc(var(--spacing) * 6);
1191    }
1192    .py-0\.5 {
1193      padding-block: calc(var(--spacing) * 0.5);
1194    }
1195    .py-1 {
1196      padding-block: calc(var(--spacing) * 1);
1197    }
1198    .py-1\.5 {
1199      padding-block: calc(var(--spacing) * 1.5);
1200    }
1201    .py-2 {
1202      padding-block: calc(var(--spacing) * 2);
1203    }
1204    .py-2\.5 {
1205      padding-block: calc(var(--spacing) * 2.5);
1206    }
1207    .py-3 {
1208      padding-block: calc(var(--spacing) * 3);
1209    }
1210    .py-4 {
1211      padding-block: calc(var(--spacing) * 4);
1212    }
1213    .py-6 {
1214      padding-block: calc(var(--spacing) * 6);
1215    }
1216    .py-10 {
1217      padding-block: calc(var(--spacing) * 10);
1218    }
1219    .py-12 {
1220      padding-block: calc(var(--spacing) * 12);
1221    }
1222    .py-20 {
1223      padding-block: calc(var(--spacing) * 20);
1224    }
1225    .pt-0 {
1226      padding-top: calc(var(--spacing) * 0);
1227    }
1228    .pt-3 {
1229      padding-top: calc(var(--spacing) * 3);
1230    }
1231    .pt-4 {
1232      padding-top: calc(var(--spacing) * 4);
1233    }
1234    .pt-\[20vh\] {
1235      padding-top: 20vh;
1236    }
1237    .pr-2 {
1238      padding-right: calc(var(--spacing) * 2);
1239    }
1240    .pr-7 {
1241      padding-right: calc(var(--spacing) * 7);
1242    }
1243    .pr-9 {
1244      padding-right: calc(var(--spacing) * 9);
1245    }
1246    .pr-10 {
1247      padding-right: calc(var(--spacing) * 10);
1248    }
1249    .pb-4 {
1250      padding-bottom: calc(var(--spacing) * 4);
1251    }
1252    .pl-0\.5 {
1253      padding-left: calc(var(--spacing) * 0.5);
1254    }
1255    .pl-2 {
1256      padding-left: calc(var(--spacing) * 2);
1257    }
1258    .pl-7 {
1259      padding-left: calc(var(--spacing) * 7);
1260    }
1261    .pl-9 {
1262      padding-left: calc(var(--spacing) * 9);
1263    }
1264    .pl-10 {
1265      padding-left: calc(var(--spacing) * 10);
1266    }
1267    .text-center {
1268      text-align: center;
1269    }
1270    .text-left {
1271      text-align: left;
1272    }
1273    .font-mono {
1274      font-family: var(--font-mono);
1275    }
1276    .text-3xl {
1277      font-size: var(--text-3xl);
1278      line-height: var(--tw-leading, var(--text-3xl--line-height));
1279    }
1280    .text-9xl {
1281      font-size: var(--text-9xl);
1282      line-height: var(--tw-leading, var(--text-9xl--line-height));
1283    }
1284    .text-base {
1285      font-size: var(--text-base);
1286      line-height: var(--tw-leading, var(--text-base--line-height));
1287    }
1288    .text-lg {
1289      font-size: var(--text-lg);
1290      line-height: var(--tw-leading, var(--text-lg--line-height));
1291    }
1292    .text-sm {
1293      font-size: var(--text-sm);
1294      line-height: var(--tw-leading, var(--text-sm--line-height));
1295    }
1296    .text-xl {
1297      font-size: var(--text-xl);
1298      line-height: var(--tw-leading, var(--text-xl--line-height));
1299    }
1300    .text-xs {
1301      font-size: var(--text-xs);
1302      line-height: var(--tw-leading, var(--text-xs--line-height));
1303    }
1304    .text-\[10px\] {
1305      font-size: 10px;
1306    }
1307    .leading-none {
1308      --tw-leading: 1;
1309      line-height: 1;
1310    }
1311    .leading-relaxed {
1312      --tw-leading: var(--leading-relaxed);
1313      line-height: var(--leading-relaxed);
1314    }
1315    .font-bold {
1316      --tw-font-weight: var(--font-weight-bold);
1317      font-weight: var(--font-weight-bold);
1318    }
1319    .font-extrabold {
1320      --tw-font-weight: var(--font-weight-extrabold);
1321      font-weight: var(--font-weight-extrabold);
1322    }
1323    .font-medium {
1324      --tw-font-weight: var(--font-weight-medium);
1325      font-weight: var(--font-weight-medium);
1326    }
1327    .font-normal {
1328      --tw-font-weight: var(--font-weight-normal);
1329      font-weight: var(--font-weight-normal);
1330    }
1331    .font-semibold {
1332      --tw-font-weight: var(--font-weight-semibold);
1333      font-weight: var(--font-weight-semibold);
1334    }
1335    .tracking-tight {
1336      --tw-tracking: var(--tracking-tight);
1337      letter-spacing: var(--tracking-tight);
1338    }
1339    .tracking-wider {
1340      --tw-tracking: var(--tracking-wider);
1341      letter-spacing: var(--tracking-wider);
1342    }
1343    .break-all {
1344      word-break: break-all;
1345    }
1346    .whitespace-nowrap {
1347      white-space: nowrap;
1348    }
1349    .whitespace-pre-wrap {
1350      white-space: pre-wrap;
1351    }
1352    .text-card-foreground {
1353      color: var(--card-foreground);
1354    }
1355    .text-chart-2 {
1356      color: var(--chart-2);
1357    }
1358    .text-chart-3 {
1359      color: var(--chart-3);
1360    }
1361    .text-chart-4 {
1362      color: var(--chart-4);
1363    }
1364    .text-chart-5 {
1365      color: var(--chart-5);
1366    }
1367    .text-current {
1368      color: currentcolor;
1369    }
1370    .text-destructive {
1371      color: var(--destructive);
1372    }
1373    .text-destructive-foreground {
1374      color: var(--primary-foreground);
1375    }
1376    .text-emerald-400 {
1377      color: var(--color-emerald-400);
1378    }
1379    .text-foreground {
1380      color: var(--foreground);
1381    }
1382    .text-foreground\/70 {
1383      color: var(--foreground);
1384      @supports (color: color-mix(in lab, red, red)) {
1385        color: color-mix(in oklab, var(--foreground) 70%, transparent);
1386      }
1387    }
1388    .text-foreground\/80 {
1389      color: var(--foreground);
1390      @supports (color: color-mix(in lab, red, red)) {
1391        color: color-mix(in oklab, var(--foreground) 80%, transparent);
1392      }
1393    }
1394    .text-green-500 {
1395      color: var(--color-green-500);
1396    }
1397    .text-green-600 {
1398      color: var(--color-green-600);
1399    }
1400    .text-muted-foreground {
1401      color: var(--muted-foreground);
1402    }
1403    .text-muted-foreground\/50 {
1404      color: var(--muted-foreground);
1405      @supports (color: color-mix(in lab, red, red)) {
1406        color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
1407      }
1408    }
1409    .text-muted-foreground\/60 {
1410      color: var(--muted-foreground);
1411      @supports (color: color-mix(in lab, red, red)) {
1412        color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
1413      }
1414    }
1415    .text-muted-foreground\/70 {
1416      color: var(--muted-foreground);
1417      @supports (color: color-mix(in lab, red, red)) {
1418        color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
1419      }
1420    }
1421    .text-popover-foreground {
1422      color: var(--popover-foreground);
1423    }
1424    .text-primary {
1425      color: var(--primary);
1426    }
1427    .text-primary-foreground {
1428      color: var(--primary-foreground);
1429    }
1430    .text-red-500 {
1431      color: var(--color-red-500);
1432    }
1433    .text-red-600 {
1434      color: var(--color-red-600);
1435    }
1436    .text-secondary-foreground {
1437      color: var(--secondary-foreground);
1438    }
1439    .text-yellow-400 {
1440      color: var(--color-yellow-400);
1441    }
1442    .text-yellow-600 {
1443      color: var(--color-yellow-600);
1444    }
1445    .uppercase {
1446      text-transform: uppercase;
1447    }
1448    .italic {
1449      font-style: italic;
1450    }
1451    .tabular-nums {
1452      --tw-numeric-spacing: tabular-nums;
1453      font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
1454    }
1455    .no-underline {
1456      text-decoration-line: none;
1457    }
1458    .underline {
1459      text-decoration-line: underline;
1460    }
1461    .underline-offset-4 {
1462      text-underline-offset: 4px;
1463    }
1464    .opacity-0 {
1465      opacity: 0%;
1466    }
1467    .opacity-50 {
1468      opacity: 50%;
1469    }
1470    .opacity-70 {
1471      opacity: 70%;
1472    }
1473    .opacity-90 {
1474      opacity: 90%;
1475    }
1476    .opacity-100 {
1477      opacity: 100%;
1478    }
1479    .shadow {
1480      --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));
1481      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1482    }
1483    .shadow-2xl {
1484      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
1485      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1486    }
1487    .shadow-lg {
1488      --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));
1489      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1490    }
1491    .shadow-md {
1492      --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));
1493      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1494    }
1495    .shadow-none {
1496      --tw-shadow: 0 0 #0000;
1497      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1498    }
1499    .shadow-sm {
1500      --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));
1501      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1502    }
1503    .shadow-xl {
1504      --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));
1505      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1506    }
1507    .ring-0 {
1508      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1509      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1510    }
1511    .ring-offset-background {
1512      --tw-ring-offset-color: var(--background);
1513    }
1514    .blur {
1515      --tw-blur: blur(8px);
1516      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1517    }
1518    .backdrop-blur-md {
1519      --tw-backdrop-blur: blur(var(--blur-md));
1520      -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,);
1521      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,);
1522    }
1523    .backdrop-blur-sm {
1524      --tw-backdrop-blur: blur(var(--blur-sm));
1525      -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,);
1526      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,);
1527    }
1528    .backdrop-blur-xs {
1529      --tw-backdrop-blur: blur(var(--blur-xs));
1530      -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,);
1531      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,);
1532    }
1533    .transition {
1534      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1535      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1536      transition-duration: var(--tw-duration, var(--default-transition-duration));
1537    }
1538    .transition-\[grid-template-rows\] {
1539      transition-property: grid-template-rows;
1540      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1541      transition-duration: var(--tw-duration, var(--default-transition-duration));
1542    }
1543    .transition-all {
1544      transition-property: all;
1545      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1546      transition-duration: var(--tw-duration, var(--default-transition-duration));
1547    }
1548    .transition-colors {
1549      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1550      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1551      transition-duration: var(--tw-duration, var(--default-transition-duration));
1552    }
1553    .transition-opacity {
1554      transition-property: opacity;
1555      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1556      transition-duration: var(--tw-duration, var(--default-transition-duration));
1557    }
1558    .transition-transform {
1559      transition-property: transform, translate, scale, rotate;
1560      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1561      transition-duration: var(--tw-duration, var(--default-transition-duration));
1562    }
1563    .duration-200 {
1564      --tw-duration: 200ms;
1565      transition-duration: 200ms;
1566    }
1567    .duration-300 {
1568      --tw-duration: 300ms;
1569      transition-duration: 300ms;
1570    }
1571    .ease-in-out {
1572      --tw-ease: var(--ease-in-out);
1573      transition-timing-function: var(--ease-in-out);
1574    }
1575    .ease-out {
1576      --tw-ease: var(--ease-out);
1577      transition-timing-function: var(--ease-out);
1578    }
1579    .will-change-transform {
1580      will-change: transform;
1581    }
1582    .outline-none {
1583      --tw-outline-style: none;
1584      outline-style: none;
1585    }
1586    .select-none {
1587      -webkit-user-select: none;
1588      user-select: none;
1589    }
1590    .group-hover\:opacity-0 {
1591      &:is(:where(.group):hover *) {
1592        @media (hover: hover) {
1593          opacity: 0%;
1594        }
1595      }
1596    }
1597    .group-hover\:opacity-100 {
1598      &:is(:where(.group):hover *) {
1599        @media (hover: hover) {
1600          opacity: 100%;
1601        }
1602      }
1603    }
1604    .group-aria-checked\:translate-x-\[1\.25rem\] {
1605      &:is(:where(.group)[aria-checked="true"] *) {
1606        --tw-translate-x: 1.25rem;
1607        translate: var(--tw-translate-x) var(--tw-translate-y);
1608      }
1609    }
1610    .group-aria-checked\:translate-x-\[1\.75rem\] {
1611      &:is(:where(.group)[aria-checked="true"] *) {
1612        --tw-translate-x: 1.75rem;
1613        translate: var(--tw-translate-x) var(--tw-translate-y);
1614      }
1615    }
1616    .group-aria-checked\:translate-x-\[1rem\] {
1617      &:is(:where(.group)[aria-checked="true"] *) {
1618        --tw-translate-x: 1rem;
1619        translate: var(--tw-translate-x) var(--tw-translate-y);
1620      }
1621    }
1622    .group-aria-expanded\:rotate-180 {
1623      &:is(:where(.group)[aria-expanded="true"] *) {
1624        rotate: 180deg;
1625      }
1626    }
1627    .group-data-\[open\=true\]\:grid-rows-\[1fr\] {
1628      &:is(:where(.group)[data-open="true"] *) {
1629        grid-template-rows: 1fr;
1630      }
1631    }
1632    .group-data-\[state\=error\]\:hidden {
1633      &:is(:where(.group)[data-state="error"] *) {
1634        display: none;
1635      }
1636    }
1637    .group-data-\[state\=open\]\:block {
1638      &:is(:where(.group)[data-state="open"] *) {
1639        display: block;
1640      }
1641    }
1642    .placeholder\:text-muted-foreground {
1643      &::placeholder {
1644        color: var(--muted-foreground);
1645      }
1646    }
1647    .last\:border-b-0 {
1648      &:last-child {
1649        border-bottom-style: var(--tw-border-style);
1650        border-bottom-width: 0px;
1651      }
1652    }
1653    .hover\:border-primary {
1654      &:hover {
1655        @media (hover: hover) {
1656          border-color: var(--primary);
1657        }
1658      }
1659    }
1660    .hover\:border-primary\/50 {
1661      &:hover {
1662        @media (hover: hover) {
1663          border-color: var(--primary);
1664          @supports (color: color-mix(in lab, red, red)) {
1665            border-color: color-mix(in oklab, var(--primary) 50%, transparent);
1666          }
1667        }
1668      }
1669    }
1670    .hover\:bg-accent {
1671      &:hover {
1672        @media (hover: hover) {
1673          background-color: var(--accent);
1674        }
1675      }
1676    }
1677    .hover\:bg-accent\/10 {
1678      &:hover {
1679        @media (hover: hover) {
1680          background-color: var(--accent);
1681          @supports (color: color-mix(in lab, red, red)) {
1682            background-color: color-mix(in oklab, var(--accent) 10%, transparent);
1683          }
1684        }
1685      }
1686    }
1687    .hover\:bg-accent\/40 {
1688      &:hover {
1689        @media (hover: hover) {
1690          background-color: var(--accent);
1691          @supports (color: color-mix(in lab, red, red)) {
1692            background-color: color-mix(in oklab, var(--accent) 40%, transparent);
1693          }
1694        }
1695      }
1696    }
1697    .hover\:bg-destructive\/10 {
1698      &:hover {
1699        @media (hover: hover) {
1700          background-color: var(--destructive);
1701          @supports (color: color-mix(in lab, red, red)) {
1702            background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
1703          }
1704        }
1705      }
1706    }
1707    .hover\:bg-destructive\/90 {
1708      &:hover {
1709        @media (hover: hover) {
1710          background-color: var(--destructive);
1711          @supports (color: color-mix(in lab, red, red)) {
1712            background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
1713          }
1714        }
1715      }
1716    }
1717    .hover\:bg-muted {
1718      &:hover {
1719        @media (hover: hover) {
1720          background-color: var(--muted);
1721        }
1722      }
1723    }
1724    .hover\:bg-muted\/30 {
1725      &:hover {
1726        @media (hover: hover) {
1727          background-color: var(--muted);
1728          @supports (color: color-mix(in lab, red, red)) {
1729            background-color: color-mix(in oklab, var(--muted) 30%, transparent);
1730          }
1731        }
1732      }
1733    }
1734    .hover\:bg-muted\/40 {
1735      &:hover {
1736        @media (hover: hover) {
1737          background-color: var(--muted);
1738          @supports (color: color-mix(in lab, red, red)) {
1739            background-color: color-mix(in oklab, var(--muted) 40%, transparent);
1740          }
1741        }
1742      }
1743    }
1744    .hover\:bg-muted\/50 {
1745      &:hover {
1746        @media (hover: hover) {
1747          background-color: var(--muted);
1748          @supports (color: color-mix(in lab, red, red)) {
1749            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
1750          }
1751        }
1752      }
1753    }
1754    .hover\:bg-muted\/70 {
1755      &:hover {
1756        @media (hover: hover) {
1757          background-color: var(--muted);
1758          @supports (color: color-mix(in lab, red, red)) {
1759            background-color: color-mix(in oklab, var(--muted) 70%, transparent);
1760          }
1761        }
1762      }
1763    }
1764    .hover\:bg-primary\/90 {
1765      &:hover {
1766        @media (hover: hover) {
1767          background-color: var(--primary);
1768          @supports (color: color-mix(in lab, red, red)) {
1769            background-color: color-mix(in oklab, var(--primary) 90%, transparent);
1770          }
1771        }
1772      }
1773    }
1774    .hover\:bg-secondary {
1775      &:hover {
1776        @media (hover: hover) {
1777          background-color: var(--secondary);
1778        }
1779      }
1780    }
1781    .hover\:bg-secondary\/80 {
1782      &:hover {
1783        @media (hover: hover) {
1784          background-color: var(--secondary);
1785          @supports (color: color-mix(in lab, red, red)) {
1786            background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
1787          }
1788        }
1789      }
1790    }
1791    .hover\:bg-yellow-500\/10 {
1792      &:hover {
1793        @media (hover: hover) {
1794          background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
1795          @supports (color: color-mix(in lab, red, red)) {
1796            background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
1797          }
1798        }
1799      }
1800    }
1801    .hover\:text-accent {
1802      &:hover {
1803        @media (hover: hover) {
1804          color: var(--accent);
1805        }
1806      }
1807    }
1808    .hover\:text-accent-foreground {
1809      &:hover {
1810        @media (hover: hover) {
1811          color: var(--accent-foreground);
1812        }
1813      }
1814    }
1815    .hover\:text-foreground {
1816      &:hover {
1817        @media (hover: hover) {
1818          color: var(--foreground);
1819        }
1820      }
1821    }
1822    .hover\:underline {
1823      &:hover {
1824        @media (hover: hover) {
1825          text-decoration-line: underline;
1826        }
1827      }
1828    }
1829    .hover\:opacity-100 {
1830      &:hover {
1831        @media (hover: hover) {
1832          opacity: 100%;
1833        }
1834      }
1835    }
1836    .hover\:shadow-lg {
1837      &:hover {
1838        @media (hover: hover) {
1839          --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));
1840          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1841        }
1842      }
1843    }
1844    .focus\:border-destructive {
1845      &:focus {
1846        border-color: var(--destructive);
1847      }
1848    }
1849    .focus\:border-ring {
1850      &:focus {
1851        border-color: var(--ring);
1852      }
1853    }
1854    .focus\:bg-accent {
1855      &:focus {
1856        background-color: var(--accent);
1857      }
1858    }
1859    .focus\:text-accent-foreground {
1860      &:focus {
1861        color: var(--accent-foreground);
1862      }
1863    }
1864    .focus\:text-destructive {
1865      &:focus {
1866        color: var(--destructive);
1867      }
1868    }
1869    .focus\:ring-0 {
1870      &:focus {
1871        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1872        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1873      }
1874    }
1875    .focus\:ring-2 {
1876      &:focus {
1877        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1878        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1879      }
1880    }
1881    .focus\:ring-ring {
1882      &:focus {
1883        --tw-ring-color: var(--ring);
1884      }
1885    }
1886    .focus\:ring-offset-0 {
1887      &:focus {
1888        --tw-ring-offset-width: 0px;
1889        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1890      }
1891    }
1892    .focus\:ring-offset-2 {
1893      &:focus {
1894        --tw-ring-offset-width: 2px;
1895        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1896      }
1897    }
1898    .focus\:ring-offset-background {
1899      &:focus {
1900        --tw-ring-offset-color: var(--background);
1901      }
1902    }
1903    .focus\:outline-none {
1904      &:focus {
1905        --tw-outline-style: none;
1906        outline-style: none;
1907      }
1908    }
1909    .disabled\:pointer-events-none {
1910      &:disabled {
1911        pointer-events: none;
1912      }
1913    }
1914    .disabled\:cursor-not-allowed {
1915      &:disabled {
1916        cursor: not-allowed;
1917      }
1918    }
1919    .disabled\:opacity-50 {
1920      &:disabled {
1921        opacity: 50%;
1922      }
1923    }
1924    .aria-checked\:bg-primary {
1925      &[aria-checked="true"] {
1926        background-color: var(--primary);
1927      }
1928    }
1929    .data-\[disabled\=true\]\:pointer-events-none {
1930      &[data-disabled="true"] {
1931        pointer-events: none;
1932      }
1933    }
1934    .data-\[disabled\=true\]\:opacity-50 {
1935      &[data-disabled="true"] {
1936        opacity: 50%;
1937      }
1938    }
1939    .data-\[state\=closed\]\:hidden {
1940      &[data-state="closed"] {
1941        display: none;
1942      }
1943    }
1944    .data-\[state\=closed\]\:animate-out {
1945      &[data-state="closed"] {
1946        animation: forwards cubic-bezier(0.16, 1, 0.3, 1);
1947      }
1948    }
1949    .data-\[state\=open\]\:pointer-events-auto {
1950      &[data-state="open"] {
1951        pointer-events: auto;
1952      }
1953    }
1954    .data-\[state\=open\]\:rotate-180 {
1955      &[data-state="open"] {
1956        rotate: 180deg;
1957      }
1958    }
1959    .data-\[state\=open\]\:animate-in {
1960      &[data-state="open"] {
1961        animation: forwards cubic-bezier(0.16, 1, 0.3, 1);
1962      }
1963    }
1964    .data-\[state\=open\]\:bg-secondary {
1965      &[data-state="open"] {
1966        background-color: var(--secondary);
1967      }
1968    }
1969    .data-\[state\=open\]\:opacity-100 {
1970      &[data-state="open"] {
1971        opacity: 100%;
1972      }
1973    }
1974    .sm\:flex {
1975      @media (width >= 40rem) {
1976        display: flex;
1977      }
1978    }
1979    .sm\:w-\[520px\] {
1980      @media (width >= 40rem) {
1981        width: 520px;
1982      }
1983    }
1984    .sm\:max-w-sm {
1985      @media (width >= 40rem) {
1986        max-width: var(--container-sm);
1987      }
1988    }
1989    .sm\:flex-row {
1990      @media (width >= 40rem) {
1991        flex-direction: row;
1992      }
1993    }
1994    .sm\:text-left {
1995      @media (width >= 40rem) {
1996        text-align: left;
1997      }
1998    }
1999    .md\:grid-cols-\[3fr_1fr\] {
2000      @media (width >= 48rem) {
2001        grid-template-columns: 3fr 1fr;
2002      }
2003    }
2004    .lg\:w-auto {
2005      @media (width >= 64rem) {
2006        width: auto;
2007      }
2008    }
2009    .lg\:flex-none {
2010      @media (width >= 64rem) {
2011        flex: none;
2012      }
2013    }
2014    .lg\:grid-cols-2 {
2015      @media (width >= 64rem) {
2016        grid-template-columns: repeat(2, minmax(0, 1fr));
2017      }
2018    }
2019    .lg\:flex-row {
2020      @media (width >= 64rem) {
2021        flex-direction: row;
2022      }
2023    }
2024    .lg\:items-end {
2025      @media (width >= 64rem) {
2026        align-items: flex-end;
2027      }
2028    }
2029    .dark\:text-foreground {
2030      @media (prefers-color-scheme: dark) {
2031        color: var(--foreground);
2032      }
2033    }
2034    .dark\:text-green-400 {
2035      @media (prefers-color-scheme: dark) {
2036        color: var(--color-green-400);
2037      }
2038    }
2039    .dark\:text-red-400 {
2040      @media (prefers-color-scheme: dark) {
2041        color: var(--color-red-400);
2042      }
2043    }
2044    .dark\:text-yellow-400 {
2045      @media (prefers-color-scheme: dark) {
2046        color: var(--color-yellow-400);
2047      }
2048    }
2049    .\[\&_h1\]\:mb-3 {
2050      & h1 {
2051        margin-bottom: calc(var(--spacing) * 3);
2052      }
2053    }
2054    .\[\&_h1\]\:text-3xl {
2055      & h1 {
2056        font-size: var(--text-3xl);
2057        line-height: var(--tw-leading, var(--text-3xl--line-height));
2058      }
2059    }
2060    .\[\&_h1\]\:font-bold {
2061      & h1 {
2062        --tw-font-weight: var(--font-weight-bold);
2063        font-weight: var(--font-weight-bold);
2064      }
2065    }
2066    .\[\&_h1\]\:text-foreground {
2067      & h1 {
2068        color: var(--foreground);
2069      }
2070    }
2071    .\[\&_p\]\:my-3 {
2072      & p {
2073        margin-block: calc(var(--spacing) * 3);
2074      }
2075    }
2076    .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
2077      &[data-state=open]>svg {
2078        rotate: 180deg;
2079      }
2080    }
2081  }
2082  :root {
2083    --background: oklch(0.14 0.01 40);
2084    --foreground: oklch(0.84 0.12 82);
2085    --card: oklch(0.18 0.02 40);
2086    --card-foreground: oklch(0.84 0.12 82);
2087    --popover: oklch(0.16 0.015 38);
2088    --popover-foreground: oklch(0.84 0.12 82);
2089    --primary: oklch(0.76 0.15 80);
2090    --primary-foreground: oklch(0.18 0.02 40);
2091    --secondary: oklch(0.16 0.012 36);
2092    --secondary-foreground: oklch(0.74 0.09 78);
2093    --muted: oklch(0.12 0.01 38);
2094    --muted-foreground: oklch(0.66 0.07 78);
2095    --accent: oklch(0.3 0.06 72);
2096    --accent-foreground: oklch(0.92 0.04 90);
2097    --destructive: oklch(0.62 0.22 27);
2098    --border: oklch(0.36 0.05 70 / 0.6);
2099    --input: oklch(0.2 0.025 42);
2100    --ring: oklch(0.78 0.13 82);
2101    --chart-1: oklch(0.76 0.15 80);
2102    --chart-2: oklch(0.69 0.13 74);
2103    --chart-3: oklch(0.6 0.11 68);
2104    --chart-4: oklch(0.51 0.09 62);
2105    --chart-5: oklch(0.43 0.08 58);
2106    --radius: 0.375rem;
2107    --sidebar: oklch(0.14 0.012 40);
2108    --sidebar-foreground: oklch(0.84 0.12 82);
2109    --sidebar-primary: oklch(0.76 0.15 80);
2110    --sidebar-primary-foreground: oklch(0.18 0.02 40);
2111    --sidebar-accent: oklch(0.25 0.045 70);
2112    --sidebar-accent-foreground: oklch(0.88 0.07 85);
2113    --sidebar-border: oklch(0.36 0.05 70 / 0.55);
2114    --sidebar-ring: oklch(0.78 0.13 82);
2115    --app-shell-glow: 0 0 0 1px oklch(0.42 0.06 72 / 0.2), 0 18px 60px oklch(0.28 0.07 74 / 0.18);
2116    --app-shell-glow-strong: 0 0 0 1px oklch(0.48 0.07 76 / 0.34), 0 24px 90px oklch(0.34 0.1 80 / 0.24);
2117  }
2118  @layer base {
2119    * {
2120      border-color: var(--border);
2121    }
2122    html {
2123      color-scheme: dark;
2124    }
2125    body {
2126      min-height: 100vh;
2127      background-color: var(--background);
2128      color: var(--foreground);
2129      -webkit-font-smoothing: antialiased;
2130      -moz-osx-font-smoothing: grayscale;
2131      background-image: radial-gradient(circle at top, var(--primary) 0%, transparent 28%), radial-gradient(circle at left 20%, var(--accent) 0%, transparent 22%), linear-gradient(to bottom, var(--primary), transparent 18%);
2132      @supports (color: color-mix(in lab, red, red)) {
2133        background-image: radial-gradient(circle at top, color-mix(in oklab, var(--primary) 14%, transparent) 0%, transparent 28%), radial-gradient(circle at left 20%, color-mix(in oklab, var(--accent) 10%, transparent) 0%, transparent 22%), linear-gradient(to bottom, color-mix(in oklab, var(--primary) 5%, transparent), transparent 18%);
2134      }
2135    }
2136    ::selection {
2137      background: var(--primary);
2138      @supports (color: color-mix(in lab, red, red)) {
2139        background: color-mix(in oklab, var(--primary) 32%, transparent);
2140      }
2141      color: var(--foreground);
2142    }
2143  }
2144  @property --tw-border-style {
2145    syntax: "*";
2146    inherits: false;
2147    initial-value: solid;
2148  }
2149  @property --tw-duration {
2150    syntax: "*";
2151    inherits: false;
2152  }
2153  @property --tw-ease {
2154    syntax: "*";
2155    inherits: false;
2156  }
2157  @property --tw-translate-x {
2158    syntax: "*";
2159    inherits: false;
2160    initial-value: 0;
2161  }
2162  @property --tw-translate-y {
2163    syntax: "*";
2164    inherits: false;
2165    initial-value: 0;
2166  }
2167  @property --tw-translate-z {
2168    syntax: "*";
2169    inherits: false;
2170    initial-value: 0;
2171  }
2172  @property --tw-rotate-x {
2173    syntax: "*";
2174    inherits: false;
2175  }
2176  @property --tw-rotate-y {
2177    syntax: "*";
2178    inherits: false;
2179  }
2180  @property --tw-rotate-z {
2181    syntax: "*";
2182    inherits: false;
2183  }
2184  @property --tw-skew-x {
2185    syntax: "*";
2186    inherits: false;
2187  }
2188  @property --tw-skew-y {
2189    syntax: "*";
2190    inherits: false;
2191  }
2192  @property --tw-space-y-reverse {
2193    syntax: "*";
2194    inherits: false;
2195    initial-value: 0;
2196  }
2197  @property --tw-space-x-reverse {
2198    syntax: "*";
2199    inherits: false;
2200    initial-value: 0;
2201  }
2202  @property --tw-shadow {
2203    syntax: "*";
2204    inherits: false;
2205    initial-value: 0 0 #0000;
2206  }
2207  @property --tw-shadow-color {
2208    syntax: "*";
2209    inherits: false;
2210  }
2211  @property --tw-shadow-alpha {
2212    syntax: "<percentage>";
2213    inherits: false;
2214    initial-value: 100%;
2215  }
2216  @property --tw-inset-shadow {
2217    syntax: "*";
2218    inherits: false;
2219    initial-value: 0 0 #0000;
2220  }
2221  @property --tw-inset-shadow-color {
2222    syntax: "*";
2223    inherits: false;
2224  }
2225  @property --tw-inset-shadow-alpha {
2226    syntax: "<percentage>";
2227    inherits: false;
2228    initial-value: 100%;
2229  }
2230  @property --tw-ring-color {
2231    syntax: "*";
2232    inherits: false;
2233  }
2234  @property --tw-ring-shadow {
2235    syntax: "*";
2236    inherits: false;
2237    initial-value: 0 0 #0000;
2238  }
2239  @property --tw-inset-ring-color {
2240    syntax: "*";
2241    inherits: false;
2242  }
2243  @property --tw-inset-ring-shadow {
2244    syntax: "*";
2245    inherits: false;
2246    initial-value: 0 0 #0000;
2247  }
2248  @property --tw-ring-inset {
2249    syntax: "*";
2250    inherits: false;
2251  }
2252  @property --tw-ring-offset-width {
2253    syntax: "<length>";
2254    inherits: false;
2255    initial-value: 0px;
2256  }
2257  @property --tw-ring-offset-color {
2258    syntax: "*";
2259    inherits: false;
2260    initial-value: #fff;
2261  }
2262  @property --tw-ring-offset-shadow {
2263    syntax: "*";
2264    inherits: false;
2265    initial-value: 0 0 #0000;
2266  }
2267  @property --tw-backdrop-blur {
2268    syntax: "*";
2269    inherits: false;
2270  }
2271  @property --tw-backdrop-brightness {
2272    syntax: "*";
2273    inherits: false;
2274  }
2275  @property --tw-backdrop-contrast {
2276    syntax: "*";
2277    inherits: false;
2278  }
2279  @property --tw-backdrop-grayscale {
2280    syntax: "*";
2281    inherits: false;
2282  }
2283  @property --tw-backdrop-hue-rotate {
2284    syntax: "*";
2285    inherits: false;
2286  }
2287  @property --tw-backdrop-invert {
2288    syntax: "*";
2289    inherits: false;
2290  }
2291  @property --tw-backdrop-opacity {
2292    syntax: "*";
2293    inherits: false;
2294  }
2295  @property --tw-backdrop-saturate {
2296    syntax: "*";
2297    inherits: false;
2298  }
2299  @property --tw-backdrop-sepia {
2300    syntax: "*";
2301    inherits: false;
2302  }
2303  @property --tw-leading {
2304    syntax: "*";
2305    inherits: false;
2306  }
2307  @property --tw-font-weight {
2308    syntax: "*";
2309    inherits: false;
2310  }
2311  @property --tw-tracking {
2312    syntax: "*";
2313    inherits: false;
2314  }
2315  @property --tw-ordinal {
2316    syntax: "*";
2317    inherits: false;
2318  }
2319  @property --tw-slashed-zero {
2320    syntax: "*";
2321    inherits: false;
2322  }
2323  @property --tw-numeric-figure {
2324    syntax: "*";
2325    inherits: false;
2326  }
2327  @property --tw-numeric-spacing {
2328    syntax: "*";
2329    inherits: false;
2330  }
2331  @property --tw-numeric-fraction {
2332    syntax: "*";
2333    inherits: false;
2334  }
2335  @property --tw-blur {
2336    syntax: "*";
2337    inherits: false;
2338  }
2339  @property --tw-brightness {
2340    syntax: "*";
2341    inherits: false;
2342  }
2343  @property --tw-contrast {
2344    syntax: "*";
2345    inherits: false;
2346  }
2347  @property --tw-grayscale {
2348    syntax: "*";
2349    inherits: false;
2350  }
2351  @property --tw-hue-rotate {
2352    syntax: "*";
2353    inherits: false;
2354  }
2355  @property --tw-invert {
2356    syntax: "*";
2357    inherits: false;
2358  }
2359  @property --tw-opacity {
2360    syntax: "*";
2361    inherits: false;
2362  }
2363  @property --tw-saturate {
2364    syntax: "*";
2365    inherits: false;
2366  }
2367  @property --tw-sepia {
2368    syntax: "*";
2369    inherits: false;
2370  }
2371  @property --tw-drop-shadow {
2372    syntax: "*";
2373    inherits: false;
2374  }
2375  @property --tw-drop-shadow-color {
2376    syntax: "*";
2377    inherits: false;
2378  }
2379  @property --tw-drop-shadow-alpha {
2380    syntax: "<percentage>";
2381    inherits: false;
2382    initial-value: 100%;
2383  }
2384  @property --tw-drop-shadow-size {
2385    syntax: "*";
2386    inherits: false;
2387  }
2388  @keyframes spin {
2389    to {
2390      transform: rotate(360deg);
2391    }
2392  }
2393  @keyframes ping {
2394    75%, 100% {
2395      transform: scale(2);
2396      opacity: 0;
2397    }
2398  }
2399  @keyframes pulse {
2400    50% {
2401      opacity: 0.5;
2402    }
2403  }
2404  @keyframes slide-in-from-right {
2405    from {
2406      transform: translateX(100%);
2407    }
2408    to {
2409      transform: translateX(0);
2410    }
2411  }
2412  @keyframes slide-out-to-right {
2413    from {
2414      transform: translateX(0);
2415    }
2416    to {
2417      transform: translateX(100%);
2418    }
2419  }
2420  @layer properties {
2421    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2422      *, ::before, ::after, ::backdrop {
2423        --tw-border-style: solid;
2424        --tw-duration: initial;
2425        --tw-ease: initial;
2426        --tw-translate-x: 0;
2427        --tw-translate-y: 0;
2428        --tw-translate-z: 0;
2429        --tw-rotate-x: initial;
2430        --tw-rotate-y: initial;
2431        --tw-rotate-z: initial;
2432        --tw-skew-x: initial;
2433        --tw-skew-y: initial;
2434        --tw-space-y-reverse: 0;
2435        --tw-space-x-reverse: 0;
2436        --tw-shadow: 0 0 #0000;
2437        --tw-shadow-color: initial;
2438        --tw-shadow-alpha: 100%;
2439        --tw-inset-shadow: 0 0 #0000;
2440        --tw-inset-shadow-color: initial;
2441        --tw-inset-shadow-alpha: 100%;
2442        --tw-ring-color: initial;
2443        --tw-ring-shadow: 0 0 #0000;
2444        --tw-inset-ring-color: initial;
2445        --tw-inset-ring-shadow: 0 0 #0000;
2446        --tw-ring-inset: initial;
2447        --tw-ring-offset-width: 0px;
2448        --tw-ring-offset-color: #fff;
2449        --tw-ring-offset-shadow: 0 0 #0000;
2450        --tw-backdrop-blur: initial;
2451        --tw-backdrop-brightness: initial;
2452        --tw-backdrop-contrast: initial;
2453        --tw-backdrop-grayscale: initial;
2454        --tw-backdrop-hue-rotate: initial;
2455        --tw-backdrop-invert: initial;
2456        --tw-backdrop-opacity: initial;
2457        --tw-backdrop-saturate: initial;
2458        --tw-backdrop-sepia: initial;
2459        --tw-leading: initial;
2460        --tw-font-weight: initial;
2461        --tw-tracking: initial;
2462        --tw-ordinal: initial;
2463        --tw-slashed-zero: initial;
2464        --tw-numeric-figure: initial;
2465        --tw-numeric-spacing: initial;
2466        --tw-numeric-fraction: initial;
2467        --tw-blur: initial;
2468        --tw-brightness: initial;
2469        --tw-contrast: initial;
2470        --tw-grayscale: initial;
2471        --tw-hue-rotate: initial;
2472        --tw-invert: initial;
2473        --tw-opacity: initial;
2474        --tw-saturate: initial;
2475        --tw-sepia: initial;
2476        --tw-drop-shadow: initial;
2477        --tw-drop-shadow-color: initial;
2478        --tw-drop-shadow-alpha: 100%;
2479        --tw-drop-shadow-size: initial;
2480      }
2481    }
2482  }