/* [project]/src/app/golos_555d1a46.module.css [app-client] (css) */
@font-face {
  font-family: golos;
  src: url("../media/golos_text-s.p.3si8vw6c-qvpe.woff2") format("woff2");
  font-display: swap;
  font-weight: 400 900;
  font-style: normal;
}

@font-face {
  font-family: golos Fallback;
  src: local(Arial);
  ascent-override: 90.05%;
  descent-override: 20.21%;
  line-gap-override: 0.0%;
  size-adjust: 108.83%;
}

.golos_555d1a46-module__XPXATW__className {
  font-family: golos, golos Fallback;
  font-style: normal;
}

.golos_555d1a46-module__XPXATW__variable {
  --nc-golos: "golos", "golos Fallback";
}

/* [project]/src/app/montserrat_f2537d64.module.css [app-client] (css) */
@font-face {
  font-family: montserrat;
  src: url("../media/montserrat-s.p.2z9f2wb5i-66r.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: montserrat Fallback;
  src: local(Arial);
  ascent-override: 87.85%;
  descent-override: 22.78%;
  line-gap-override: 0.0%;
  size-adjust: 110.19%;
}

.montserrat_f2537d64-module__SgjtOW__className {
  font-family: montserrat, montserrat Fallback;
  font-style: normal;
}

.montserrat_f2537d64-module__SgjtOW__variable {
  --nc-montserrat: "montserrat", "montserrat Fallback";
}

/* [project]/src/app/jetbrainsmono_2d116e69.module.css [app-client] (css) */
@font-face {
  font-family: jetbrainsMono;
  src: url("../media/jetbrains_mono-s.p.2evs0qy6uoes_.woff2") format("woff2");
  font-display: swap;
  font-weight: 400 800;
  font-style: normal;
}

@font-face {
  font-family: jetbrainsMono Fallback;
  src: local(Arial);
  ascent-override: 77.57%;
  descent-override: 22.82%;
  line-gap-override: 0.0%;
  size-adjust: 131.49%;
}

.jetbrainsmono_2d116e69-module__-NzdFq__className {
  font-family: jetbrainsMono, jetbrainsMono Fallback;
  font-style: normal;
}

.jetbrainsmono_2d116e69-module__-NzdFq__variable {
  --font-geist-mono: "jetbrainsMono", "jetbrainsMono Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
*, :before, :after, ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--font-geist-sans), system-ui, -apple-system, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

body {
  line-height: inherit;
  margin: 0;
}

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(--font-geist-mono), monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.\!fixed {
  position: fixed !important;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.-left-32 {
  left: -8rem;
}

.-top-48 {
  top: -12rem;
}

.bottom-0 {
  bottom: 0;
}

.bottom-1\.5 {
  bottom: .375rem;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-\[70px\] {
  bottom: 70px;
}

.left-0 {
  left: 0;
}

.left-1 {
  left: .25rem;
}

.left-1\/2 {
  left: 50%;
}

.left-3 {
  left: .75rem;
}

.left-4 {
  left: 1rem;
}

.left-6 {
  left: 1.5rem;
}

.left-7 {
  left: 1.75rem;
}

.left-8 {
  left: 2rem;
}

.left-\[-120px\] {
  left: -120px;
}

.left-\[110px\] {
  left: 110px;
}

.left-\[120px\] {
  left: 120px;
}

.right-0 {
  right: 0;
}

.right-1\.5 {
  right: .375rem;
}

.right-4 {
  right: 1rem;
}

.top-0 {
  top: 0;
}

.top-1 {
  top: .25rem;
}

.top-1\/2 {
  top: 50%;
}

.top-1\/3 {
  top: 33.3333%;
}

.top-1\/4 {
  top: 25%;
}

.top-3 {
  top: .75rem;
}

.top-32 {
  top: 8rem;
}

.top-\[108px\] {
  top: 108px;
}

.top-\[28px\] {
  top: 28px;
}

.top-\[38px\] {
  top: 38px;
}

.top-\[48\%\] {
  top: 48%;
}

.top-\[62px\] {
  top: 62px;
}

.top-\[85px\] {
  top: 85px;
}

.top-\[90px\] {
  top: 90px;
}

.top-\[92px\] {
  top: 92px;
}

.isolate {
  isolation: isolate;
}

.-z-10 {
  z-index: -10;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.z-\[180\] {
  z-index: 180;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[2\] {
  z-index: 2;
}

.m-auto {
  margin: auto;
}

.-mx-2 {
  margin-left: -.5rem;
  margin-right: -.5rem;
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-1 {
  margin-left: .25rem;
}

.ml-2 {
  margin-left: .5rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: .25rem;
}

.mr-2 {
  margin-right: .5rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.\!inline {
  display: inline !important;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.\!table {
  display: table !important;
}

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.\!h-14 {
  height: 3.5rem !important;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-20 {
  height: 5rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

.h-\[130px\] {
  height: 130px;
}

.h-\[14px\] {
  height: 14px;
}

.h-\[160px\] {
  height: 160px;
}

.h-\[16px\] {
  height: 16px;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[240px\] {
  height: 240px;
}

.h-\[260px\] {
  height: 260px;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[320px\] {
  height: 320px;
}

.h-\[360px\] {
  height: 360px;
}

.h-\[38px\] {
  height: 38px;
}

.h-\[480px\] {
  height: 480px;
}

.h-\[520px\] {
  height: 520px;
}

.h-\[80px\] {
  height: 80px;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[360px\] {
  max-height: 360px;
}

.max-h-\[36rem\] {
  max-height: 36rem;
}

.max-h-\[420px\] {
  max-height: 420px;
}

.max-h-\[430px\] {
  max-height: 430px;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[65vh\] {
  max-height: 65vh;
}

.max-h-\[66vh\] {
  max-height: 66vh;
}

.max-h-\[68vh\] {
  max-height: 68vh;
}

.max-h-\[720px\] {
  max-height: 720px;
}

.max-h-\[72vh\] {
  max-height: 72vh;
}

.max-h-\[760px\] {
  max-height: 760px;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[92vh\] {
  max-height: 92vh;
}

.max-h-\[calc\(100dvh-11rem\)\] {
  max-height: calc(100dvh - 11rem);
}

.max-h-\[calc\(100dvh-1rem\)\] {
  max-height: calc(100dvh - 1rem);
}

.min-h-24 {
  min-height: 6rem;
}

.min-h-28 {
  min-height: 7rem;
}

.min-h-36 {
  min-height: 9rem;
}

.min-h-40 {
  min-height: 10rem;
}

.min-h-44 {
  min-height: 11rem;
}

.min-h-48 {
  min-height: 12rem;
}

.min-h-52 {
  min-height: 13rem;
}

.min-h-56 {
  min-height: 14rem;
}

.min-h-64 {
  min-height: 16rem;
}

.min-h-\[106px\] {
  min-height: 106px;
}

.min-h-\[180px\] {
  min-height: 180px;
}

.min-h-\[220px\] {
  min-height: 220px;
}

.min-h-\[240px\] {
  min-height: 240px;
}

.min-h-\[28px\] {
  min-height: 28px;
}

.min-h-\[32px\] {
  min-height: 32px;
}

.min-h-\[34px\] {
  min-height: 34px;
}

.min-h-\[360px\] {
  min-height: 360px;
}

.min-h-\[36px\] {
  min-height: 36px;
}

.min-h-\[38px\] {
  min-height: 38px;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.min-h-\[42px\] {
  min-height: 42px;
}

.min-h-\[44px\] {
  min-height: 44px;
}

.min-h-\[46px\] {
  min-height: 46px;
}

.min-h-\[48px\] {
  min-height: 48px;
}

.min-h-\[50px\] {
  min-height: 50px;
}

.min-h-\[52px\] {
  min-height: 52px;
}

.min-h-\[54px\] {
  min-height: 54px;
}

.min-h-\[58px\] {
  min-height: 58px;
}

.min-h-\[62px\] {
  min-height: 62px;
}

.min-h-\[64px\] {
  min-height: 64px;
}

.min-h-\[65px\] {
  min-height: 65px;
}

.min-h-\[680px\] {
  min-height: 680px;
}

.min-h-\[68px\] {
  min-height: 68px;
}

.min-h-\[70px\] {
  min-height: 70px;
}

.min-h-\[720px\] {
  min-height: 720px;
}

.min-h-\[72px\] {
  min-height: 72px;
}

.min-h-\[76px\] {
  min-height: 76px;
}

.min-h-\[78px\] {
  min-height: 78px;
}

.min-h-\[82px\] {
  min-height: 82px;
}

.min-h-\[88px\] {
  min-height: 88px;
}

.min-h-\[96px\] {
  min-height: 96px;
}

.min-h-dvh {
  min-height: 100dvh;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-11 {
  width: 2.75rem !important;
}

.\!w-14 {
  width: 3.5rem !important;
}

.w-1\.5 {
  width: .375rem;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-6 {
  width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-\[11\%\] {
  width: 11%;
}

.w-\[130px\] {
  width: 130px;
}

.w-\[15\%\] {
  width: 15%;
}

.w-\[170px\] {
  width: 170px;
}

.w-\[18\%\] {
  width: 18%;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[28\%\] {
  width: 28%;
}

.w-\[32\%\] {
  width: 32%;
}

.w-\[320px\] {
  width: 320px;
}

.w-\[34\%\] {
  width: 34%;
}

.w-\[360px\] {
  width: 360px;
}

.w-\[38px\] {
  width: 38px;
}

.w-\[520px\] {
  width: 520px;
}

.w-\[70px\] {
  width: 70px;
}

.w-\[760px\] {
  width: 760px;
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.min-w-0 {
  min-width: 0;
}

.min-w-11 {
  min-width: 2.75rem;
}

.min-w-16 {
  min-width: 4rem;
}

.min-w-20 {
  min-width: 5rem;
}

.min-w-40 {
  min-width: 10rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-\[1000px\] {
  min-width: 1000px;
}

.min-w-\[1040px\] {
  min-width: 1040px;
}

.min-w-\[1120px\] {
  min-width: 1120px;
}

.min-w-\[1260px\] {
  min-width: 1260px;
}

.min-w-\[1280px\] {
  min-width: 1280px;
}

.min-w-\[1480px\] {
  min-width: 1480px;
}

.min-w-\[1500px\] {
  min-width: 1500px;
}

.min-w-\[150px\] {
  min-width: 150px;
}

.min-w-\[1640px\] {
  min-width: 1640px;
}

.min-w-\[230px\] {
  min-width: 230px;
}

.min-w-\[240px\] {
  min-width: 240px;
}

.min-w-\[260px\] {
  min-width: 260px;
}

.min-w-\[2px\] {
  min-width: 2px;
}

.min-w-\[34px\] {
  min-width: 34px;
}

.min-w-\[36px\] {
  min-width: 36px;
}

.min-w-\[42px\] {
  min-width: 42px;
}

.min-w-\[44px\] {
  min-width: 44px;
}

.min-w-\[6px\] {
  min-width: 6px;
}

.min-w-\[720px\] {
  min-width: 720px;
}

.min-w-\[760px\] {
  min-width: 760px;
}

.min-w-\[860px\] {
  min-width: 860px;
}

.min-w-\[880px\] {
  min-width: 880px;
}

.min-w-\[920px\] {
  min-width: 920px;
}

.min-w-\[980px\] {
  min-width: 980px;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-32 {
  max-width: 8rem;
}

.max-w-36 {
  max-width: 9rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-40 {
  max-width: 10rem;
}

.max-w-48 {
  max-width: 12rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-56 {
  max-width: 14rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-64 {
  max-width: 16rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-72 {
  max-width: 18rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-80 {
  max-width: 20rem;
}

.max-w-\[1120px\] {
  max-width: 1120px;
}

.max-w-\[1440px\] {
  max-width: 1440px;
}

.max-w-\[180px\] {
  max-width: 180px;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-\[320px\] {
  max-width: 320px;
}

.max-w-\[620px\] {
  max-width: 620px;
}

.max-w-\[680px\] {
  max-width: 680px;
}

.max-w-\[720px\] {
  max-width: 720px;
}

.max-w-\[760px\] {
  max-width: 760px;
}

.max-w-\[860px\] {
  max-width: 860px;
}

.max-w-\[900px\] {
  max-width: 900px;
}

.max-w-\[980px\] {
  max-width: 980px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.grow {
  flex-grow: 1;
}

.table-fixed {
  table-layout: fixed;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[5deg\] {
  --tw-rotate: 5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

.animate-bounce {
  animation: 1s infinite bounce;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

.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-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-\[36px_minmax\(0\,1fr\)\] {
  grid-template-columns: 36px minmax(0, 1fr);
}

.grid-cols-\[auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}

.grid-cols-\[minmax\(0\,1fr\)_104px\] {
  grid-template-columns: minmax(0, 1fr) 104px;
}

.grid-cols-\[minmax\(100px\,1fr\)_repeat\(2\,minmax\(72px\,1fr\)\)\] {
  grid-template-columns: minmax(100px, 1fr) repeat(2, minmax(72px, 1fr));
}

.grid-cols-\[minmax\(200px\,1fr\)_auto_290px\] {
  grid-template-columns: minmax(200px, 1fr) auto 290px;
}

.grid-cols-\[minmax\(210px\,1fr\)_auto_290px_auto\] {
  grid-template-columns: minmax(210px, 1fr) auto 290px auto;
}

.grid-cols-\[minmax\(220px\,1fr\)_auto_290px_auto\] {
  grid-template-columns: minmax(220px, 1fr) auto 290px auto;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-items-center {
  place-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[2px\] {
  gap: 2px;
}

.gap-\[3px\] {
  gap: 3px;
}

.gap-px {
  gap: 1px;
}

.gap-x-16 {
  column-gap: 4rem;
}

.gap-x-3 {
  column-gap: .75rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-y-1 {
  row-gap: .25rem;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-\[var\(--border-soft\)\] > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--border-soft);
}

.divide-marine-border\/30 > :not([hidden]) ~ :not([hidden]) {
  border-color: #b7cde64d;
}

.self-end {
  align-self: flex-end;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[24px\] {
  border-radius: 24px;
}

.rounded-\[28px\] {
  border-radius: 28px;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-\[3px\] {
  border-radius: 3px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-md {
  border-radius: .375rem;
}

.rounded-sm {
  border-radius: .125rem;
}

.rounded-xl {
  border-radius: .75rem;
}

.rounded-t-sm {
  border-top-left-radius: .125rem;
  border-top-right-radius: .125rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-b {
  border-bottom-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-dashed {
  border-style: dashed;
}

.\!border-gold\/10 {
  border-color: #3b82f61a !important;
}

.border-\[\#438d68\]\/20 {
  border-color: #438d6833;
}

.border-\[rgba\(112\,204\,255\,0\.72\)\] {
  border-color: #70ccffb8;
}

.border-\[rgba\(130\,220\,255\,0\.8\)\] {
  border-color: #82dcffcc;
}

.border-\[var\(--accent\)\] {
  border-color: var(--accent);
}

.border-\[var\(--border-soft\)\] {
  border-color: var(--border-soft);
}

.border-\[var\(--border-strong\)\] {
  border-color: var(--border-strong);
}

.border-\[var\(--line\)\] {
  border-color: var(--line);
}

.border-\[var\(--telegram-mini-border\)\] {
  border-color: var(--telegram-mini-border);
}

.border-amber-300\/70 {
  border-color: #fcd34db3;
}

.border-amber-400\/25 {
  border-color: #fbbf2440;
}

.border-amber-400\/30 {
  border-color: #fbbf244d;
}

.border-amber-400\/35 {
  border-color: #fbbf2459;
}

.border-amber-400\/40 {
  border-color: #fbbf2466;
}

.border-amber-500\/25 {
  border-color: #f59e0b40;
}

.border-blue-400\/25 {
  border-color: #60a5fa40;
}

.border-blue-400\/40 {
  border-color: #60a5fa66;
}

.border-cyan-400\/25 {
  border-color: #22d3ee40;
}

.border-cyan-400\/30 {
  border-color: #22d3ee4d;
}

.border-cyan-400\/35 {
  border-color: #22d3ee59;
}

.border-emerald-300\/35 {
  border-color: #6ee7b759;
}

.border-emerald-300\/65 {
  border-color: #6ee7b7a6;
}

.border-emerald-300\/70 {
  border-color: #6ee7b7b3;
}

.border-emerald-400\/20 {
  border-color: #34d39933;
}

.border-emerald-400\/25 {
  border-color: #34d39940;
}

.border-emerald-400\/30 {
  border-color: #34d3994d;
}

.border-emerald-400\/35 {
  border-color: #34d39959;
}

.border-emerald-400\/40 {
  border-color: #34d39966;
}

.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.border-emerald-500\/25 {
  border-color: #10b98140;
}

.border-emerald-500\/30 {
  border-color: #10b9814d;
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-green-400\/40 {
  border-color: #4ade8066;
}

.border-marine-border {
  --tw-border-opacity: 1;
  border-color: rgb(183 205 230 / var(--tw-border-opacity, 1));
}

.border-marine-border\/15 {
  border-color: #b7cde626;
}

.border-marine-border\/30 {
  border-color: #b7cde64d;
}

.border-marine-border\/40 {
  border-color: #b7cde666;
}

.border-marine-border\/50 {
  border-color: #b7cde680;
}

.border-red-300\/40 {
  border-color: #fca5a566;
}

.border-red-400\/25 {
  border-color: #f8717140;
}

.border-red-400\/30 {
  border-color: #f871714d;
}

.border-red-400\/35 {
  border-color: #f8717159;
}

.border-red-400\/40 {
  border-color: #f8717166;
}

.border-red-500\/20 {
  border-color: #ef444433;
}

.border-red-500\/25 {
  border-color: #ef444440;
}

.border-rose-400\/15 {
  border-color: #fb718526;
}

.border-rose-400\/20 {
  border-color: #fb718533;
}

.border-rose-400\/25 {
  border-color: #fb718540;
}

.border-rose-400\/30 {
  border-color: #fb71854d;
}

.border-sky-400\/20 {
  border-color: #38bdf833;
}

.border-sky-400\/25 {
  border-color: #38bdf840;
}

.border-sky-400\/30 {
  border-color: #38bdf84d;
}

.border-sky-400\/35 {
  border-color: #38bdf859;
}

.border-sky-400\/40 {
  border-color: #38bdf866;
}

.border-sky-500\/30 {
  border-color: #0ea5e94d;
}

.border-transparent {
  border-color: #0000;
}

.border-violet-300\/30 {
  border-color: #c4b5fd4d;
}

.border-violet-400\/20 {
  border-color: #a78bfa33;
}

.border-violet-400\/25 {
  border-color: #a78bfa40;
}

.border-violet-400\/30 {
  border-color: #a78bfa4d;
}

.border-white\/10 {
  border-color: #ffffff1a;
}

.border-zinc-400\/25 {
  border-color: #a1a1aa40;
}

.border-zinc-400\/30 {
  border-color: #a1a1aa4d;
}

.\!bg-amber-500\/15 {
  background-color: #f59e0b26 !important;
}

.\!bg-rose-500\/15 {
  background-color: #f43f5e26 !important;
}

.bg-\[\#438d68\]\/10 {
  background-color: #438d681a;
}

.bg-\[rgba\(244\,248\,255\,0\.96\)\] {
  background-color: #f4f8fff5;
}

.bg-\[var\(--accent\)\] {
  background-color: var(--accent);
}

.bg-\[var\(--accent-light\)\] {
  background-color: var(--accent-light);
}

.bg-\[var\(--accent-soft\)\] {
  background-color: var(--accent-soft);
}

.bg-\[var\(--code-bg\)\] {
  background-color: var(--code-bg);
}

.bg-\[var\(--liquid-glass-strong\)\] {
  background-color: var(--liquid-glass-strong);
}

.bg-\[var\(--surface\)\] {
  background-color: var(--surface);
}

.bg-\[var\(--surface-muted\)\] {
  background-color: var(--surface-muted);
}

.bg-\[var\(--surface-panel\)\] {
  background-color: var(--surface-panel);
}

.bg-\[var\(--surface-panel-strong\)\] {
  background-color: var(--surface-panel-strong);
}

.bg-\[var\(--surface-soft\)\] {
  background-color: var(--surface-soft);
}

.bg-\[var\(--telegram-mini-bg\)\] {
  background-color: var(--telegram-mini-bg);
}

.bg-\[var\(--telegram-mini-border\)\] {
  background-color: var(--telegram-mini-border);
}

.bg-amber-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
}

.bg-amber-50\/75 {
  background-color: #fffbebbf;
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-500\/10 {
  background-color: #f59e0b1a;
}

.bg-amber-500\/15 {
  background-color: #f59e0b26;
}

.bg-amber-500\/30 {
  background-color: #f59e0b4d;
}

.bg-amber-500\/\[\.08\] {
  background-color: #f59e0b14;
}

.bg-amber-500\/\[0\.06\] {
  background-color: #f59e0b0f;
}

.bg-amber-500\/\[0\.07\] {
  background-color: #f59e0b12;
}

.bg-amber-500\/\[0\.08\] {
  background-color: #f59e0b14;
}

.bg-aqua\/50 {
  background-color: #38bdf880;
}

.bg-aqua\/\[0\.03\] {
  background-color: #38bdf808;
}

.bg-black\/35 {
  background-color: #00000059;
}

.bg-black\/40 {
  background-color: #0006;
}

.bg-black\/5 {
  background-color: #0000000d;
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-500\/10 {
  background-color: #3b82f61a;
}

.bg-blue-500\/\[0\.06\] {
  background-color: #3b82f60f;
}

.bg-cyan-200\/20 {
  background-color: #a5f3fc33;
}

.bg-cyan-500\/10 {
  background-color: #06b6d41a;
}

.bg-cyan-500\/\[0\.06\] {
  background-color: #06b6d40f;
}

.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50\/70 {
  background-color: #ecfdf5b3;
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-emerald-500\/10 {
  background-color: #10b9811a;
}

.bg-emerald-500\/15 {
  background-color: #10b98126;
}

.bg-emerald-500\/40 {
  background-color: #10b98166;
}

.bg-emerald-500\/\[\.08\] {
  background-color: #10b98114;
}

.bg-emerald-500\/\[0\.055\] {
  background-color: #10b9810e;
}

.bg-emerald-500\/\[0\.06\] {
  background-color: #10b9810f;
}

.bg-emerald-500\/\[0\.07\] {
  background-color: #10b98112;
}

.bg-fuchsia-500\/10 {
  background-color: #d946ef1a;
}

.bg-gold\/\[0\.02\] {
  background-color: #3b82f605;
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-green-500\/10 {
  background-color: #22c55e1a;
}

.bg-green-500\/60 {
  background-color: #22c55e99;
}

.bg-marine-border {
  --tw-bg-opacity: 1;
  background-color: rgb(183 205 230 / var(--tw-bg-opacity, 1));
}

.bg-marine-surface\/30 {
  background-color: #f7fbff4d;
}

.bg-marine-surface\/50 {
  background-color: #f7fbff80;
}

.bg-marine-surface\/60 {
  background-color: #f7fbff99;
}

.bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}

.bg-orange-500\/10 {
  background-color: #f973161a;
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-500\/10 {
  background-color: #ef44441a;
}

.bg-red-500\/5 {
  background-color: #ef44440d;
}

.bg-red-500\/60 {
  background-color: #ef444499;
}

.bg-red-500\/\[\.06\] {
  background-color: #ef44440f;
}

.bg-red-500\/\[0\.055\] {
  background-color: #ef44440e;
}

.bg-rose-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
}

.bg-rose-500\/10 {
  background-color: #f43f5e1a;
}

.bg-rose-500\/15 {
  background-color: #f43f5e26;
}

.bg-rose-500\/\[0\.045\] {
  background-color: #f43f5e0b;
}

.bg-sky-500\/10 {
  background-color: #0ea5e91a;
}

.bg-sky-500\/15 {
  background-color: #0ea5e926;
}

.bg-sky-500\/\[0\.06\] {
  background-color: #0ea5e90f;
}

.bg-sky-500\/\[0\.07\] {
  background-color: #0ea5e912;
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.bg-slate-300\/50 {
  background-color: #cbd5e180;
}

.bg-slate-300\/55 {
  background-color: #cbd5e18c;
}

.bg-slate-300\/60 {
  background-color: #cbd5e199;
}

.bg-slate-300\/65 {
  background-color: #cbd5e1a6;
}

.bg-slate-300\/70 {
  background-color: #cbd5e1b3;
}

.bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.bg-slate-400\/60 {
  background-color: #94a3b899;
}

.bg-slate-500\/10 {
  background-color: #64748b1a;
}

.bg-slate-950\/45 {
  background-color: #02061773;
}

.bg-text-secondary\/10 {
  background-color: #3c587a1a;
}

.bg-transparent {
  background-color: #0000;
}

.bg-violet-500\/10 {
  background-color: #8b5cf61a;
}

.bg-violet-500\/5, .bg-violet-500\/\[0\.05\] {
  background-color: #8b5cf60d;
}

.bg-violet-500\/\[0\.06\] {
  background-color: #8b5cf60f;
}

.bg-violet-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/15 {
  background-color: #ffffff26;
}

.bg-white\/25 {
  background-color: #ffffff40;
}

.bg-white\/30 {
  background-color: #ffffff4d;
}

.bg-white\/35 {
  background-color: #ffffff59;
}

.bg-white\/40 {
  background-color: #fff6;
}

.bg-white\/45 {
  background-color: #ffffff73;
}

.bg-white\/50 {
  background-color: #ffffff80;
}

.bg-white\/55 {
  background-color: #ffffff8c;
}

.bg-white\/60 {
  background-color: #fff9;
}

.bg-white\/65 {
  background-color: #ffffffa6;
}

.bg-white\/70 {
  background-color: #ffffffb3;
}

.bg-white\/85 {
  background-color: #ffffffd9;
}

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}

.bg-yellow-500\/60 {
  background-color: #eab30899;
}

.bg-zinc-500\/10 {
  background-color: #71717a1a;
}

.bg-\[linear-gradient\(135deg\,var\(--surface-panel-strong\)\,var\(--surface-muted\)\)\] {
  background-image: linear-gradient(135deg,var(--surface-panel-strong),var(--surface-muted));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.from-amber-500\/20 {
  --tw-gradient-from: #f59e0b33 var(--tw-gradient-from-position);
  --tw-gradient-to: #f59e0b00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/45 {
  --tw-gradient-from: #00000073 var(--tw-gradient-from-position);
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/50 {
  --tw-gradient-from: #00000080 var(--tw-gradient-from-position);
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500\/20 {
  --tw-gradient-from: #3b82f633 var(--tw-gradient-from-position);
  --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-500\/20 {
  --tw-gradient-from: #10b98133 var(--tw-gradient-from-position);
  --tw-gradient-to: #10b98100 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-500\/20 {
  --tw-gradient-from: #0ea5e933 var(--tw-gradient-from-position);
  --tw-gradient-to: #0ea5e900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-500\/\[0\.08\] {
  --tw-gradient-from: #0ea5e914 var(--tw-gradient-from-position);
  --tw-gradient-to: #0ea5e900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: #0000 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-black\/10 {
  --tw-gradient-to: #0000  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0000001a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: #0000  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-blue-500\/5 {
  --tw-gradient-to: #3b82f60d var(--tw-gradient-to-position);
}

.to-cyan-500\/5 {
  --tw-gradient-to: #06b6d40d var(--tw-gradient-to-position);
}

.to-orange-500\/5 {
  --tw-gradient-to: #f973160d var(--tw-gradient-to-position);
}

.to-teal-500\/5 {
  --tw-gradient-to: #14b8a60d var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-violet-500\/\[0\.04\] {
  --tw-gradient-to: #8b5cf60a var(--tw-gradient-to-position);
}

.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

.object-cover {
  object-fit: cover;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-11 {
  padding-left: 2.75rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-\[18px\] {
  padding-left: 18px;
}

.pr-1 {
  padding-right: .25rem;
}

.pr-3 {
  padding-right: .75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.font-mono {
  font-family: var(--font-geist-mono), monospace;
}

.font-sans {
  font-family: var(--font-geist-sans), system-ui, -apple-system, sans-serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.not-italic {
  font-style: normal;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[0\.82\] {
  line-height: .82;
}

.leading-\[0\.92\] {
  line-height: .92;
}

.leading-\[0\.95\] {
  line-height: .95;
}

.leading-\[0\.9\] {
  line-height: .9;
}

.leading-\[0\] {
  line-height: 0;
}

.leading-\[1\.05\] {
  line-height: 1.05;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[-\.03em\] {
  letter-spacing: -.03em;
}

.tracking-\[-0\.035em\] {
  letter-spacing: -.035em;
}

.tracking-\[-0\.03em\] {
  letter-spacing: -.03em;
}

.tracking-\[-0\.04em\] {
  letter-spacing: -.04em;
}

.tracking-\[-0\.06em\] {
  letter-spacing: -.06em;
}

.tracking-\[-0\.07em\] {
  letter-spacing: -.07em;
}

.tracking-\[-0\.1em\] {
  letter-spacing: -.1em;
}

.tracking-\[\.18em\] {
  letter-spacing: .18em;
}

.tracking-\[0\.07em\] {
  letter-spacing: .07em;
}

.tracking-\[0\.08em\] {
  letter-spacing: .08em;
}

.tracking-\[0\.12em\] {
  letter-spacing: .12em;
}

.tracking-\[0\.14em\] {
  letter-spacing: .14em;
}

.tracking-\[0\.17em\] {
  letter-spacing: .17em;
}

.tracking-\[0\.18em\] {
  letter-spacing: .18em;
}

.tracking-\[0\.1em\] {
  letter-spacing: .1em;
}

.tracking-\[0\.24em\] {
  letter-spacing: .24em;
}

.tracking-\[0\.28em\] {
  letter-spacing: .28em;
}

.tracking-\[0\.3em\] {
  letter-spacing: .3em;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-wider {
  letter-spacing: .05em;
}

.tracking-widest {
  letter-spacing: .1em;
}

.\!text-amber-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1)) !important;
}

.\!text-rose-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1)) !important;
}

.text-\[\#2d7654\] {
  --tw-text-opacity: 1;
  color: rgb(45 118 84 / var(--tw-text-opacity, 1));
}

.text-\[\#8ea7c5\] {
  --tw-text-opacity: 1;
  color: rgb(142 167 197 / var(--tw-text-opacity, 1));
}

.text-\[\#d6e8d8\] {
  --tw-text-opacity: 1;
  color: rgb(214 232 216 / var(--tw-text-opacity, 1));
}

.text-\[\#eff6ff\] {
  --tw-text-opacity: 1;
  color: rgb(239 246 255 / var(--tw-text-opacity, 1));
}

.text-\[rgba\(16\,35\,63\,0\.72\)\] {
  color: #10233fb8;
}

.text-\[var\(--accent\)\] {
  color: var(--accent);
}

.text-\[var\(--accent-hover\)\] {
  color: var(--accent-hover);
}

.text-\[var\(--code-text\)\] {
  color: var(--code-text);
}

.text-\[var\(--danger\)\] {
  color: var(--danger);
}

.text-\[var\(--docs-code-flag\)\] {
  color: var(--docs-code-flag);
}

.text-\[var\(--docs-code-keyword\)\] {
  color: var(--docs-code-keyword);
}

.text-\[var\(--docs-code-line-number\)\] {
  color: var(--docs-code-line-number);
}

.text-\[var\(--docs-code-literal\)\] {
  color: var(--docs-code-literal);
}

.text-\[var\(--docs-code-string\)\] {
  color: var(--docs-code-string);
}

.text-\[var\(--docs-code-url\)\] {
  color: var(--docs-code-url);
}

.text-\[var\(--telegram-mini-muted\)\] {
  color: var(--telegram-mini-muted);
}

.text-\[var\(--telegram-mini-text\)\] {
  color: var(--telegram-mini-text);
}

.text-\[var\(--terminal-accent\)\] {
  color: var(--terminal-accent);
}

.text-\[var\(--text-main\)\] {
  color: var(--text-main);
}

.text-\[var\(--text-muted\)\] {
  color: var(--text-muted);
}

.text-\[var\(--text-primary\)\] {
  color: var(--text-primary);
}

.text-\[var\(--text-secondary\)\] {
  color: var(--text-secondary);
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-aqua {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.text-aqua\/60 {
  color: #38bdf899;
}

.text-aqua\/70 {
  color: #38bdf8b3;
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}

.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.text-fuchsia-700 {
  --tw-text-opacity: 1;
  color: rgb(162 28 175 / var(--tw-text-opacity, 1));
}

.text-gold {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-gold\/60 {
  color: #3b82f699;
}

.text-gold\/70 {
  color: #3b82f6b3;
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}

.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.text-text-primary {
  --tw-text-opacity: 1;
  color: rgb(16 35 63 / var(--tw-text-opacity, 1));
}

.text-text-primary\/30 {
  color: #10233f4d;
}

.text-text-primary\/80 {
  color: #10233fcc;
}

.text-text-secondary {
  --tw-text-opacity: 1;
  color: rgb(60 88 122 / var(--tw-text-opacity, 1));
}

.text-text-secondary\/15 {
  color: #3c587a26;
}

.text-text-secondary\/20 {
  color: #3c587a33;
}

.text-text-secondary\/25 {
  color: #3c587a40;
}

.text-text-secondary\/30 {
  color: #3c587a4d;
}

.text-text-secondary\/40 {
  color: #3c587a66;
}

.text-text-secondary\/50 {
  color: #3c587a80;
}

.text-text-secondary\/60 {
  color: #3c587a99;
}

.text-text-secondary\/70 {
  color: #3c587ab3;
}

.text-transparent {
  color: #0000;
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/70 {
  color: #ffffffb3;
}

.text-white\/75 {
  color: #ffffffbf;
}

.decoration-rose-400 {
  text-decoration-color: #fb7185;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.accent-\[var\(--accent\)\] {
  accent-color: var(--accent);
}

.accent-red-500 {
  accent-color: #ef4444;
}

.opacity-0 {
  opacity: 0;
}

.opacity-20 {
  opacity: .2;
}

.opacity-50 {
  opacity: .5;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.opacity-85 {
  opacity: .85;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_22px_60px_rgba\(30\,58\,96\,0\.08\)\] {
  --tw-shadow: 0 22px 60px #1e3a6014;
  --tw-shadow-colored: 0 22px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_24px_80px_rgba\(7\,17\,31\,0\.18\)\] {
  --tw-shadow: 0 24px 80px #07111f2e;
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.5\)\,0_6px_18px_rgba\(45\,118\,84\,0\.12\)\] {
  --tw-shadow: inset 0 1px 0 #ffffff80,0 6px 18px #2d76541f;
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-amber-950\/10 {
  --tw-shadow-color: #451a031a;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-blue-950\/20 {
  --tw-shadow-color: #17255433;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[100px\] {
  --tw-blur: blur(100px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[110px\] {
  --tw-blur: blur(110px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[120px\] {
  --tw-blur: blur(120px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[86px\] {
  --tw-blur: blur(86px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[8px\] {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[96px\] {
  --tw-blur: blur(96px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-2xl {
  --tw-backdrop-blur: blur(40px);
  -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(12px);
  -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(4px);
  -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(24px);
  -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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[border-color\,background-color\,color\,box-shadow\,transform\] {
  transition-property: border-color, background-color, color, box-shadow, transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-transform {
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-200 {
  transition-duration: .2s;
}

.duration-300 {
  transition-duration: .3s;
}

.duration-500 {
  transition-duration: .5s;
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.\[animation-delay\:-0\.1s\] {
  animation-delay: -.1s;
}

.\[animation-delay\:-0\.2s\] {
  animation-delay: -.2s;
}

.\[ctx\:…\] {
  ctx: …;
}

.\[name\:…\] {
  name: …;
}

html.telegram-mini-app-mounted {
  --telegram-mini-bg: color-mix(in srgb, var(--hybrid-bg-middle) 28%, transparent);
  --telegram-mini-card: color-mix(in srgb, var(--hybrid-panel) 66%, transparent);
  --telegram-mini-card-strong: color-mix(in srgb, var(--hybrid-panel) 84%, transparent);
  --telegram-mini-border: color-mix(in srgb, var(--hybrid-border) 30%, transparent);
  --telegram-mini-text: var(--hybrid-ink);
  --telegram-mini-muted: var(--hybrid-muted);
  --telegram-mini-accent: var(--hybrid-accent);
  --telegram-mini-accent-strong: var(--hybrid-accent-strong);
  --telegram-mini-green: var(--hybrid-success);
  --telegram-mini-shadow: 0 20px 55px color-mix(in srgb, var(--hybrid-accent-strong) 14%, transparent);
}

html.dark.telegram-mini-app-mounted {
  --telegram-mini-bg: color-mix(in srgb, var(--hybrid-bg-top) 32%, transparent);
  --telegram-mini-card: color-mix(in srgb, var(--hybrid-panel) 62%, transparent);
  --telegram-mini-card-strong: color-mix(in srgb, var(--hybrid-panel) 80%, transparent);
  --telegram-mini-border: color-mix(in srgb, var(--hybrid-border) 34%, transparent);
  --telegram-mini-shadow: 0 22px 65px color-mix(in srgb, var(--hybrid-bg-top) 58%, transparent);
}

html.telegram-mini-app-mounted .site-header-font {
  display: none !important;
}

html.telegram-mini-app-mounted body {
  background: none;
  overflow-x: hidden;
}

.telegram-mini-shell {
  z-index: 10;
  background: radial-gradient(circle at 12% 6%, color-mix(in srgb, var(--hybrid-glow) 14%, transparent), transparent 32%),
    radial-gradient(circle at 92% 28%, color-mix(in srgb, var(--hybrid-success) 10%, transparent), transparent 30%),
    linear-gradient(180deg, color-mix(in srgb, var(--telegram-mini-bg) 42%, transparent), var(--telegram-mini-bg));
  min-height: 100dvh;
  color: var(--telegram-mini-text);
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  position: relative;
  overflow: hidden;
}

.telegram-mini-header {
  z-index: 50;
  min-height: calc(68px + env(safe-area-inset-top));
  border-bottom: 1px solid var(--telegram-mini-border);
  background: color-mix(in srgb, var(--telegram-mini-card-strong) 82%, transparent);
  padding: calc(10px + env(safe-area-inset-top)) 16px 10px;
  box-shadow: 0 12px 35px color-mix(in srgb, var(--hybrid-accent-strong) 10%, transparent);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  backdrop-filter: blur(24px) saturate(140%);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
  position: sticky;
  top: 0;
}

.telegram-mini-logo {
  border: 1px solid color-mix(in srgb, var(--hybrid-glow) 52%, transparent);
  background: linear-gradient(145deg, var(--telegram-mini-accent), var(--telegram-mini-green));
  color: #fff;
  width: 42px;
  height: 42px;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--hybrid-accent-strong) 28%, transparent), inset 0 1px #ffffff73;
  border-radius: 15px;
  flex: none;
  place-items: center;
  display: grid;
}

.telegram-mini-logo.is-brand {
  background: linear-gradient(145deg, #173d2b, #f7fbf6);
  border-color: #79b38d6b;
  box-shadow: 0 10px 28px #438d683d, inset 0 1px #ffffff1f;
}

.telegram-mini-logo.is-brand .elysium-logo-orbit {
  transform-origin: 31.5px 20px;
  animation: 2.8s ease-in-out infinite telegram-mini-logo-pulse;
}

.telegram-mini-logo.is-brand svg {
  width: 36px;
  height: 36px;
  overflow: visible;
}

.telegram-mini-logo.is-brand svg path {
  stroke: #b2d7bc;
  stroke-width: 4px;
}

.telegram-mini-kicker {
  color: #075985;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

html.dark.telegram-mini-app-mounted .telegram-mini-kicker {
  color: #7dd3fc;
}

.telegram-mini-icon-button {
  border: 1px solid var(--telegram-mini-border);
  background: var(--telegram-mini-card);
  width: 60px;
  min-height: 44px;
  color: var(--telegram-mini-text);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 900;
  display: inline-flex;
}

.telegram-mini-content {
  z-index: 5;
  width: min(100%, 680px);
  padding: 22px 14px calc(106px + env(safe-area-inset-bottom));
  margin: 0 auto;
  position: relative;
}

.telegram-mini-card {
  border: 1px solid var(--telegram-mini-border);
  background: linear-gradient(145deg, var(--telegram-mini-card-strong), var(--telegram-mini-card));
  box-shadow: var(--telegram-mini-shadow), inset 0 1px #ffffff42;
  -webkit-backdrop-filter: blur(24px) saturate(135%);
  backdrop-filter: blur(24px) saturate(135%);
  content-visibility: auto;
  contain-intrinsic-size: auto 180px;
  border-radius: 25px;
  padding: 19px;
  position: relative;
  overflow: hidden;
}

.telegram-mini-hero:before {
  background: radial-gradient(circle, color-mix(in srgb, var(--hybrid-success) 22%, transparent), transparent 68%);
  content: "";
  border-radius: 999px;
  width: 210px;
  height: 210px;
  position: absolute;
  bottom: -84px;
  right: -74px;
}

.telegram-mini-primary-button, .telegram-mini-secondary-button, .telegram-mini-small-button, .telegram-mini-generate {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 10px 17px;
  font-size: 13px;
  font-weight: 850;
  transition: transform .16s, box-shadow .16s, opacity .16s;
  display: inline-flex;
}

.telegram-mini-primary-button, .telegram-mini-generate {
  border: 1px solid color-mix(in srgb, var(--hybrid-glow) 38%, transparent);
  background: linear-gradient(120deg, var(--telegram-mini-accent), var(--telegram-mini-green));
  color: #fff;
  box-shadow: 0 13px 30px color-mix(in srgb, var(--hybrid-accent-strong) 26%, transparent), inset 0 1px #ffffff59;
}

.telegram-mini-primary-button:active, .telegram-mini-secondary-button:active, .telegram-mini-small-button:active, .telegram-mini-generate:active, .telegram-mini-link-card:active, .telegram-mini-mode:active {
  transform: scale(.975);
}

.telegram-mini-secondary-button {
  border: 1px solid var(--telegram-mini-border);
  background: var(--telegram-mini-card);
  color: var(--telegram-mini-text);
}

.telegram-mini-small-button {
  border: 1px solid color-mix(in srgb, var(--telegram-mini-accent-strong) 34%, var(--telegram-mini-border));
  background: color-mix(in srgb, var(--telegram-mini-card-strong) 88%, var(--telegram-mini-accent) 12%);
  min-height: 44px;
  color: var(--telegram-mini-text);
  flex: none;
  padding: 8px 12px;
  font-size: 11px;
}

.telegram-mini-generate {
  width: 100%;
  min-height: 54px;
  font-size: 15px;
}

.telegram-mini-generate:disabled {
  cursor: wait;
  opacity: .55;
}

.telegram-mini-bonus-icon {
  background: color-mix(in srgb, var(--hybrid-success) 14%, transparent);
  width: 42px;
  height: 42px;
  color: var(--telegram-mini-green);
  border-radius: 15px;
  flex: none;
  place-items: center;
  display: grid;
}

.telegram-mini-link-card {
  border: 1px solid var(--telegram-mini-border);
  background: var(--telegram-mini-card);
  min-height: 88px;
  color: var(--telegram-mini-text);
  text-align: left;
  box-shadow: 0 13px 36px color-mix(in srgb, var(--hybrid-accent-strong) 10%, transparent);
  -webkit-backdrop-filter: blur(19px);
  backdrop-filter: blur(19px);
  content-visibility: auto;
  contain-intrinsic-size: auto 88px;
  border-radius: 21px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 14px;
  transition: transform .16s;
  display: grid;
}

.telegram-mini-link-card span {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.telegram-mini-mode {
  border: 1px solid var(--telegram-mini-border);
  background: var(--telegram-mini-card);
  min-height: 72px;
  color: var(--telegram-mini-muted);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 19px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  transition: transform .16s, background .16s, color .16s;
  display: flex;
}

.telegram-mini-mode.is-active {
  border-color: color-mix(in srgb, var(--hybrid-accent) 48%, transparent);
  background: linear-gradient(145deg, color-mix(in srgb, var(--hybrid-accent) 20%, transparent), color-mix(in srgb, var(--hybrid-success) 18%, transparent));
  color: var(--telegram-mini-accent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hybrid-glow) 18%, transparent);
}

html.telegram-mini-app-mounted .telegram-mini-select, html.telegram-mini-app-mounted .telegram-mini-textarea {
  border: 1px solid var(--telegram-mini-border);
  background: color-mix(in srgb, var(--telegram-mini-card-strong) 82%, transparent);
  width: 100%;
  min-height: 48px;
  color: var(--telegram-mini-text);
  border-radius: 16px;
  outline: none;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
  transition: border-color .16s, box-shadow .16s;
}

html.telegram-mini-app-mounted .telegram-mini-select option {
  background: var(--telegram-mini-card-strong);
  color: var(--telegram-mini-text);
}

html.telegram-mini-app-mounted .telegram-mini-textarea {
  resize: vertical;
  min-height: 132px;
  padding: 14px;
  font-weight: 600;
  line-height: 1.6;
}

html.telegram-mini-app-mounted .telegram-mini-select:focus, html.telegram-mini-app-mounted .telegram-mini-textarea:focus {
  border-color: color-mix(in srgb, var(--hybrid-accent) 58%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hybrid-accent) 12%, transparent);
}

.telegram-mini-upload, .telegram-mini-file {
  border: 1px dashed color-mix(in srgb, var(--hybrid-accent) 48%, transparent);
  background: color-mix(in srgb, var(--hybrid-accent) 8%, transparent);
  width: 100%;
  min-height: 68px;
  color: var(--telegram-mini-accent);
  text-align: left;
  border-radius: 17px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.telegram-mini-upload span {
  flex-direction: column;
  display: flex;
}

.telegram-mini-upload strong, .telegram-mini-file span {
  color: var(--telegram-mini-text);
  font-size: 12px;
}

.telegram-mini-upload small {
  color: var(--telegram-mini-muted);
  margin-top: 3px;
  font-size: 10px;
}

.telegram-mini-file button {
  place-items: center;
  width: 40px;
  min-height: 40px;
  display: grid;
}

.telegram-mini-segmented {
  border: 1px solid var(--telegram-mini-border);
  background: color-mix(in srgb, var(--hybrid-accent) 8%, transparent);
  border-radius: 16px;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 4px;
  padding: 4px;
  display: grid;
  overflow-x: auto;
}

.telegram-mini-segmented button {
  min-width: 58px;
  min-height: 42px;
  color: var(--telegram-mini-muted);
  border-radius: 12px;
  font-size: 10px;
  font-weight: 850;
}

.telegram-mini-segmented button.is-active {
  background: var(--telegram-mini-card-strong);
  color: var(--telegram-mini-accent);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--hybrid-accent-strong) 12%, transparent);
}

.telegram-mini-range {
  width: 100%;
  min-height: 44px;
  accent-color: var(--telegram-mini-green);
}

.telegram-mini-toggle, .telegram-mini-settings-row {
  width: 100%;
  min-height: 58px;
  color: var(--telegram-mini-text);
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.telegram-mini-toggle > span:first-child, .telegram-mini-settings-row > span:first-child {
  align-items: center;
  gap: 11px;
  display: flex;
}

.telegram-mini-toggle strong, .telegram-mini-toggle small, .telegram-mini-settings-row strong, .telegram-mini-settings-row small {
  display: block;
}

.telegram-mini-toggle strong, .telegram-mini-settings-row strong {
  font-size: 12px;
}

.telegram-mini-toggle small, .telegram-mini-settings-row small {
  color: var(--telegram-mini-muted);
  margin-top: 2px;
  font-size: 10px;
}

.telegram-mini-toggle > span:last-child, .telegram-mini-settings-row > span:last-child:not(.telegram-mini-status) {
  background: color-mix(in srgb, var(--hybrid-muted) 28%, transparent);
  border-radius: 999px;
  flex: none;
  width: 44px;
  height: 25px;
  transition: background .16s;
  position: relative;
}

.telegram-mini-toggle > span:last-child i, .telegram-mini-settings-row > span:last-child i {
  background: #fff;
  border-radius: 999px;
  width: 19px;
  height: 19px;
  transition: transform .16s;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 2px 7px #0000002e;
}

.telegram-mini-toggle > span:last-child.is-active, .telegram-mini-settings-row > span:last-child.is-active {
  background: var(--telegram-mini-green);
}

.telegram-mini-toggle > span:last-child.is-active i, .telegram-mini-settings-row > span:last-child.is-active i {
  transform: translateX(19px);
}

.telegram-mini-result-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid var(--telegram-mini-border);
  background: color-mix(in srgb, var(--hybrid-accent) 8%, transparent);
  color: var(--telegram-mini-text);
  border-radius: 18px;
  padding: 15px;
  font-size: 13px;
  line-height: 1.65;
}

.telegram-mini-cost, .telegram-mini-status {
  background: color-mix(in srgb, var(--hybrid-muted) 14%, transparent);
  min-height: 28px;
  color: var(--telegram-mini-muted);
  border-radius: 999px;
  align-items: center;
  padding: 4px 9px;
  font-size: 9px;
  font-weight: 850;
  display: inline-flex;
}

.telegram-mini-status.is-active {
  background: color-mix(in srgb, var(--hybrid-success) 16%, transparent);
  color: var(--telegram-mini-green);
}

.telegram-mini-media {
  border: 1px solid var(--telegram-mini-border);
  background: #0000001f;
  border-radius: 20px;
  overflow: hidden;
}

.telegram-mini-media img, .telegram-mini-media video {
  object-fit: contain;
  width: 100%;
  max-height: 520px;
  display: block;
}

.telegram-mini-media button, .telegram-mini-copy {
  min-height: 44px;
  color: var(--telegram-mini-accent);
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
}

.telegram-mini-media button {
  background: var(--telegram-mini-card-strong);
  width: 100%;
}

.telegram-mini-row {
  border: 1px solid var(--telegram-mini-border);
  background: color-mix(in srgb, var(--hybrid-accent) 7%, transparent);
  border-radius: 17px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 11px 13px;
  display: flex;
}

.telegram-mini-row > strong {
  color: var(--telegram-mini-green);
  flex: none;
  font-size: 12px;
}

.telegram-mini-settings-row + .telegram-mini-settings-row {
  border-top: 1px solid var(--telegram-mini-border);
}

.telegram-mini-error, .telegram-mini-notice {
  background: color-mix(in srgb, #e842421f 88%, var(--telegram-mini-card));
  color: #e25555;
  border: 1px solid #f55c5c3d;
  border-radius: 16px;
  align-items: center;
  gap: 8px;
  padding: 11px 13px;
  font-size: 11px;
  font-weight: 750;
  display: flex;
}

.telegram-mini-error {
  margin-bottom: 14px;
}

.telegram-mini-error span {
  flex: 1;
}

.telegram-mini-error button {
  min-width: 36px;
  min-height: 36px;
}

.telegram-mini-notice {
  z-index: 80;
  top: calc(78px + env(safe-area-inset-top));
  border-color: color-mix(in srgb, var(--hybrid-success) 32%, transparent);
  background: var(--telegram-mini-card-strong);
  width: max-content;
  max-width: calc(100vw - 28px);
  color: var(--telegram-mini-green);
  box-shadow: var(--telegram-mini-shadow);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  animation: .22s ease-out telegram-mini-notice-in;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
}

.telegram-mini-state {
  z-index: 5;
  min-height: calc(100dvh - 90px);
  color: var(--telegram-mini-muted);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  display: flex;
  position: relative;
}

.telegram-mini-nav {
  z-index: 60;
  left: 50%;
  bottom: max(10px, env(safe-area-inset-bottom));
  border: 1px solid var(--telegram-mini-border);
  background: color-mix(in srgb, var(--telegram-mini-card-strong) 91%, transparent);
  width: min(100% - 22px, 620px);
  box-shadow: 0 18px 60px color-mix(in srgb, var(--hybrid-bg-top) 44%, transparent), inset 0 1px #ffffff40;
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  backdrop-filter: blur(28px) saturate(150%);
  border-radius: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 6px;
  display: grid;
  position: fixed;
  transform: translateX(-50%);
}

.telegram-mini-nav button {
  min-height: 57px;
  color: var(--telegram-mini-muted);
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}

.telegram-mini-nav button.is-active {
  background: linear-gradient(145deg, color-mix(in srgb, var(--hybrid-accent) 18%, transparent), color-mix(in srgb, var(--hybrid-success) 16%, transparent));
  color: var(--telegram-mini-accent);
}

@keyframes telegram-mini-notice-in {
  from {
    opacity: 0;
    transform: translate(-50%, -12px) scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%) scale(1);
  }
}

@keyframes telegram-mini-logo-pulse {
  0%, 100% {
    opacity: .72;
    transform: scale(.84);
  }

  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

@media (min-width: 700px) {
  .telegram-mini-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 699px) {
  .telegram-mini-header {
    -webkit-backdrop-filter: blur(16px) saturate(125%);
    backdrop-filter: blur(16px) saturate(125%);
  }

  .telegram-mini-card {
    -webkit-backdrop-filter: blur(12px) saturate(115%);
    backdrop-filter: blur(12px) saturate(115%);
  }

  .telegram-mini-nav {
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    backdrop-filter: blur(18px) saturate(125%);
  }

  .telegram-mini-icon-button, .telegram-mini-link-card, .telegram-mini-mode {
    background: var(--telegram-mini-card-strong);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .telegram-mini-notice {
    animation: none;
  }
}

.admin-workspace-embedded .site-header-font {
  display: none !important;
}

.quest-world {
  --quest-violet: #8b5cf6;
  --quest-emerald: #10b981;
  --quest-amber: #f59e0b;
  --quest-rose: #f43f5e;
  --quest-sky: #6ecb91;
  --quest-cyan: #22d3ee;
}

.quest-hero {
  background: radial-gradient(circle at 82% 18%, #22d3ee47, #0000 28%), radial-gradient(circle at 18% 80%, #8b5cf657, #0000 34%), linear-gradient(135deg, #10182efa, #231644f5 52%, #0c3740f5);
  min-height: 460px;
  box-shadow: 0 28px 90px #1e153940;
}

.quest-hero-grid {
  opacity: .22;
  background-image: linear-gradient(#ffffff14 1px, #0000 1px), linear-gradient(90deg, #ffffff14 1px, #0000 1px);
  background-size: 34px 34px;
  -webkit-mask-image: linear-gradient(#000, #0000 94%);
  mask-image: linear-gradient(#000, #0000 94%);
}

.quest-hero-orbit {
  pointer-events: none;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  width: 460px;
  height: 460px;
  position: absolute;
}

.quest-hero-orbit:after {
  content: "";
  background: #a5f3fc;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 18%;
  left: 4%;
  box-shadow: 0 0 24px #67e8f9;
}

.quest-hero-orbit-one {
  top: -210px;
  right: -150px;
  transform: rotate(24deg);
}

.quest-hero-orbit-two {
  opacity: .62;
  bottom: -390px;
  left: 30%;
  transform: scale(1.5) rotate(-18deg);
}

.quest-kicker {
  color: #cffafeeb;
  letter-spacing: .13em;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #0891b224;
  border: 1px solid #a5f3fc33;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 5px 12px;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}

.quest-companion-card {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #0208173d;
  border: 1px solid #ffffff1f;
  border-radius: 28px;
  padding: 14px;
  box-shadow: inset 0 1px #ffffff14;
}

.quest-companion {
  filter: drop-shadow(0 22px 28px #00000047);
  width: 180px;
  height: 180px;
  position: relative;
}

.quest-companion-aura {
  filter: blur(12px);
  background: radial-gradient(circle, #7dd3fc59, #8b5cf62e 45%, #0000 70%);
  border-radius: 999px;
  animation: 3.4s ease-in-out infinite quest-aura;
  position: absolute;
  inset: 15px;
}

.quest-companion-body {
  z-index: 4;
  background: radial-gradient(circle at 36% 28%, #fffffff2 0 5%, #0000 6%), linear-gradient(145deg, #e0f2feeb, #a78bfacc 55%, #22d3eead);
  border: 1px solid #ffffffa6;
  border-radius: 52% 52% 46% 46% / 42% 42% 58% 58%;
  width: 82px;
  height: 92px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: inset -12px -18px 26px #4c1d9540, inset 10px 10px 22px #ffffff61, 0 0 38px #67e8f96b;
}

.quest-companion-body:before, .quest-companion-body:after {
  content: "";
  background: linear-gradient(150deg, #e0f2fee0, #8b5cf66b);
  border: 1px solid #ffffff7a;
  width: 31px;
  height: 42px;
  position: absolute;
  top: -22px;
}

.quest-companion-body:before {
  border-radius: 80% 15% 55% 35%;
  left: 5px;
  transform: rotate(-22deg);
}

.quest-companion-body:after {
  border-radius: 15% 80% 35% 55%;
  right: 5px;
  transform: rotate(22deg);
}

.quest-companion-body b {
  background: #1e1b4b9e;
  border-radius: 50% 50% 60% 60%;
  width: 7px;
  height: 5px;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
}

.quest-companion-eye {
  z-index: 2;
  background: #172554;
  border-radius: 999px;
  width: 9px;
  height: 12px;
  position: absolute;
  top: 43%;
  box-shadow: inset 2px 2px #ffffffbf, 0 0 8px #67e8f9a6;
}

.quest-companion-eye-left {
  left: 25%;
}

.quest-companion-eye-right {
  right: 25%;
}

.quest-companion-wing {
  z-index: 2;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: linear-gradient(160deg, #fff6, #22d3ee1a);
  border: 1px solid #cffafe6b;
  width: 62px;
  height: 86px;
  position: absolute;
  top: 52px;
  box-shadow: inset 0 0 28px #ffffff29;
}

.quest-companion-wing-left {
  transform-origin: 100%;
  border-radius: 85% 20% 70% 30%;
  animation: 2.2s ease-in-out infinite quest-wing-left;
  left: 5px;
  transform: rotate(-23deg);
}

.quest-companion-wing-right {
  transform-origin: 0;
  border-radius: 20% 85% 30% 70%;
  animation: 2.2s ease-in-out infinite quest-wing-right;
  right: 5px;
  transform: rotate(23deg);
}

.quest-companion-tail {
  z-index: 1;
  filter: blur(2px);
  background: linear-gradient(#a78bfa8a, #0000);
  border-radius: 20% 80% 55% 45%;
  width: 36px;
  height: 72px;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}

.quest-companion-spark {
  z-index: 5;
  background: #cffafe;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  animation: 3s ease-in-out infinite quest-spark;
  position: absolute;
  box-shadow: 0 0 14px #67e8f9;
}

.quest-companion-spark-one {
  top: 28px;
  left: 22px;
}

.quest-companion-spark-two {
  animation-delay: -1.1s;
  top: 72px;
  right: 18px;
}

.quest-companion-spark-three {
  animation-delay: -2.1s;
  bottom: 17px;
  right: 48px;
}

.quest-companion-aurora .quest-companion-body {
  background: linear-gradient(145deg, #dcfce7f0, #22d3eed1 35%, #a855f7c7 70%, #fbbf24ad);
}

.quest-companion-prism .quest-companion-body {
  background: conic-gradient(from 210deg, #f472b6db, #79b38de0, #34d399d6, #fde047d1, #f472b6db);
}

.quest-metric-card, .quest-line-panel, .quest-loyalty-panel, .quest-protocol {
  position: relative;
}

.quest-metric-card:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity: .28;
  border-radius: 999px;
  height: 2px;
  position: absolute;
  inset: auto 14px 0;
}

.quest-loyalty-track {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 8px;
  display: grid;
}

.quest-loyalty-node {
  background: color-mix(in srgb, var(--surface-muted) 82%, transparent);
  border-radius: 18px;
  min-width: 0;
  padding: 14px;
  position: relative;
}

.quest-loyalty-node:before {
  content: "";
  background: var(--border-strong);
  height: 1px;
  position: absolute;
  top: 31px;
  left: 42px;
  right: -14px;
}

.quest-loyalty-node:last-child:before {
  display: none;
}

.quest-loyalty-dot {
  z-index: 1;
  border: 1px solid var(--border-strong);
  background: var(--surface-panel-strong);
  width: 36px;
  height: 36px;
  color: var(--text-muted);
  border-radius: 999px;
  place-items: center;
  display: grid;
  position: relative;
}

.quest-loyalty-node.is-ready .quest-loyalty-dot {
  color: #b45309;
  background: #f59e0b24;
  border-color: #f59e0b73;
  box-shadow: 0 0 24px #f59e0b33;
}

.quest-loyalty-node.is-claimed .quest-loyalty-dot {
  color: #047857;
  background: #10b98124;
  border-color: #10b98173;
}

.quest-path {
  align-items: stretch;
}

.quest-node {
  --quest-node-accent: var(--quest-violet);
  border: 1px solid var(--border-soft);
  background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--quest-node-accent) 14%, transparent), transparent 38%),
    color-mix(in srgb, var(--surface-panel-strong) 76%, transparent);
  border-radius: 24px;
  min-width: 0;
  padding: 18px;
  transition: transform .18s, border-color .18s, box-shadow .18s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff59;
}

.quest-node:hover {
  border-color: color-mix(in srgb, var(--quest-node-accent) 38%, var(--border-soft));
  box-shadow: 0 18px 50px color-mix(in srgb, var(--quest-node-accent) 12%, transparent);
  transform: translateY(-3px);
}

.quest-node.is-locked {
  filter: saturate(.5);
  opacity: .68;
}

.quest-node.is-ready {
  border-color: color-mix(in srgb, var(--quest-node-accent) 52%, var(--border-soft));
  box-shadow: 0 18px 50px color-mix(in srgb, var(--quest-node-accent) 16%, transparent);
}

.quest-node.is-claimed {
  background: radial-gradient(circle at 100% 0, #10b98129, transparent 38%),
    color-mix(in srgb, var(--surface-panel-strong) 76%, transparent);
}

.quest-node-icon {
  border: 1px solid color-mix(in srgb, var(--quest-node-accent) 35%, var(--border-soft));
  background: color-mix(in srgb, var(--quest-node-accent) 13%, transparent);
  width: 44px;
  height: 44px;
  color: var(--quest-node-accent);
  border-radius: 15px;
  place-items: center;
  display: grid;
}

.quest-node-status {
  border: 1px solid var(--border-soft);
  color: var(--text-muted);
  letter-spacing: .11em;
  text-transform: uppercase;
  background: #ffffff47;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 9px;
  font-weight: 800;
}

.quest-node.is-ready .quest-node-status {
  border-color: color-mix(in srgb, var(--quest-node-accent) 34%, var(--border-soft));
  color: var(--quest-node-accent);
}

.quest-node-progress {
  background: var(--quest-node-accent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--quest-node-accent) 48%, transparent);
}

.quest-accent-violet {
  --quest-node-accent: var(--quest-violet);
}

.quest-accent-emerald {
  --quest-node-accent: var(--quest-emerald);
}

.quest-accent-amber {
  --quest-node-accent: var(--quest-amber);
}

.quest-accent-rose {
  --quest-node-accent: var(--quest-rose);
}

.quest-accent-sky {
  --quest-node-accent: var(--quest-sky);
}

.quest-accent-cyan {
  --quest-node-accent: var(--quest-cyan);
}

.quest-badge {
  min-height: 38px;
  color: color-mix(in srgb, var(--text-main) 82%, #b45309);
  background: #f59e0b14;
  border: 1px solid #f59e0b40;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 750;
  display: inline-flex;
}

[data-visual-skin="living"] .quest-hero, [data-visual-skin="hybrid"] .quest-hero {
  -webkit-backdrop-filter: blur(14px) saturate(1.25);
  backdrop-filter: blur(14px) saturate(1.25);
  background: radial-gradient(circle at 82% 18%, #22d3ee40, #0000 28%), radial-gradient(circle at 18% 80%, #8b5cf64d, #0000 34%), linear-gradient(135deg, #040f20e0, #21103ed6 52%, #063039d6);
  border-color: #ffffff2e;
}

[data-visual-skin="living"] .quest-node, [data-visual-skin="living"] .quest-loyalty-node, [data-visual-skin="hybrid"] .quest-node, [data-visual-skin="hybrid"] .quest-loyalty-node {
  background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--quest-node-accent, var(--accent)) 12%, transparent), transparent 38%),
    color-mix(in srgb, var(--surface-panel-strong) 62%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

.background-motion-off .quest-hero-grid, .background-motion-off .quest-hero-orbit, .background-motion-off .quest-companion-spark {
  display: none;
}

.background-motion-off .quest-companion, .background-motion-off .quest-companion-aura, .background-motion-off .quest-companion-wing {
  animation: none !important;
}

@keyframes quest-aura {
  0%, 100% {
    opacity: .62;
    transform: scale(.92);
  }

  50% {
    opacity: .95;
    transform: scale(1.08);
  }
}

@keyframes quest-wing-left {
  0%, 100% {
    transform: rotate(-23deg) scaleX(1);
  }

  50% {
    transform: rotate(-36deg) scaleX(.9);
  }
}

@keyframes quest-wing-right {
  0%, 100% {
    transform: rotate(23deg) scaleX(1);
  }

  50% {
    transform: rotate(36deg) scaleX(.9);
  }
}

@keyframes quest-spark {
  0%, 100% {
    opacity: .35;
    transform: translateY(4px) scale(.7);
  }

  50% {
    opacity: 1;
    transform: translateY(-8px) scale(1.1);
  }
}

@media (max-width: 720px) {
  .quest-hero {
    min-height: 0;
  }

  .quest-loyalty-track {
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    display: flex;
    overflow-x: auto;
  }

  .quest-loyalty-node {
    scroll-snap-align: start;
    min-width: 150px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quest-companion-aura, .quest-companion-wing, .quest-companion-spark {
    animation: none !important;
  }

  .quest-node {
    transition: none;
  }
}

.admin-record-detail {
  container: record-detail / inline-size;
}

.admin-record-detail-metrics, .admin-record-detail-columns {
  grid-template-columns: minmax(0, 1fr);
  gap: .75rem;
  display: grid;
}

.admin-record-copy-row {
  min-width: 0;
  overflow: hidden;
}

@container record-detail (min-width: 520px) {
  .admin-record-detail-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container record-detail (min-width: 760px) {
  .admin-record-detail-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .admin-record-detail-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .admin-floating-window {
    border-radius: 20px !important;
    width: auto !important;
    height: auto !important;
    inset: 5rem .5rem .5rem !important;
  }
}

:root {
  --elysium-void: #f4f8ff;
  --elysium-night: #edf4ff;
  --elysium-indigo: #e2f0e4;
  --elysium-violet: #cfe5d4;
  --elysium-aether: #b2d7bc;
  --elysium-gold: #438d68;
  --elysium-rose: #a78bfa;
  --elysium-cream: #f8fbff;
  --bg-main: linear-gradient(180deg, #f7fbff 0%, #e5effd 55%, #e2f0e4 100%);
  --surface-panel: #ffffff7a;
  --surface-panel-strong: #ffffffa8;
  --surface-muted: #ffffff57;
  --liquid-glass-strong: #f8fbffe6;
  --text-main: #173d2b;
  --text-primary: #173d2b;
  --text-secondary: #274164d1;
  --text-muted: #476284c7;
  --border-soft: #438d683d;
  --provider-icon-bg: #f8fbffeb;
  --provider-icon-border: #607da633;
  --provider-icon-shadow: 0 1px 2px #1e406e17, inset 0 1px #ffffffb8;
  --border-strong: #438d6875;
  --border-light: #438d6838;
  --border-medium: #438d6857;
  --silver-base: #e2ecf9;
  --silver-light: #f5f9ff;
  --silver-dark: #c4d6ec;
  --silver-border: #c4d6ec;
  --accent: #438d68;
  --accent-hover: #2d7654;
  --accent-light: #438d6824;
  --terminal-accent: #2d7654;
  --success: #6b9e7a;
  --danger: #c46a6a;
  --white: #ffffff8c;
  --code-bg: #ffffff70;
  --code-text: #1d4f7a;
  --docs-code-bg: #0b1728;
  --docs-code-border: #234064;
  --docs-code-text: #eff6ff;
  --docs-code-heading: #d6e8d8;
  --docs-code-muted: #8eacd0;
  --docs-code-line-number: #607d9f;
  --docs-code-accent: #79b38d;
  --docs-code-active: #438d681f;
  --docs-code-node: #1b2c24;
  --docs-code-string: #a5c9f5;
  --docs-code-url: #8dc7b0;
  --docs-code-keyword: #e58f79;
  --docs-code-literal: #92b8df;
  --docs-code-flag: #c49ad9;
  --docs-code-shadow: 0 22px 60px #1130582e;
  --media-horizontal-scrim: linear-gradient(90deg, #ffffff38, #ffffff0a);
  --media-vertical-scrim: linear-gradient(180deg, #ffffff05 0%, #ffffff75 82%);
  --model-row-background-overlay: var(--media-horizontal-scrim);
  --model-row-surface: #f5faff9e;
  --model-row-shadow: 0 7px 20px #1e4e8c14, inset 0 1px 0 #ffffff94;
  --shadow-sm: 0 12px 32px #1e4e8c1a;
  --shadow-md: 0 16px 44px #1e4e8c1f;
  --shadow-lg: 0 22px 64px #1e4e8c24;
}

html.dark {
  --elysium-void: #0a0a0a;
  --elysium-night: #121212;
  --elysium-indigo: #1e1e21;
  --elysium-violet: #26456f;
  --elysium-aether: #396d4f;
  --elysium-cream: #141414;
  --bg-main: #0a0a0a;
  --surface-panel: #17171aad;
  --surface-panel-strong: #1e1e21d1;
  --surface-muted: #fff1;
  --liquid-glass-strong: #121212eb;
  --text-main: #ededed;
  --text-primary: #ededed;
  --text-secondary: #edededc7;
  --text-muted: #a1a1a1e6;
  --border-soft: #ffffff1f;
  --provider-icon-bg: #e2eefce6;
  --provider-icon-border: #dbeafe2e;
  --provider-icon-shadow: 0 2px 7px #00000047, inset 0 1px #ffffff3d;
  --border-strong: #ffffff3d;
  --border-light: #ffffff1a;
  --border-medium: #ffffff29;
  --white: #1e1e21ad;
  --code-bg: #050505cc;
  --code-text: #e5e5e5;
  --media-horizontal-scrim: linear-gradient(90deg, #00000042, #0000000d);
  --media-vertical-scrim: linear-gradient(180deg, #00000005 0%, #00000080 82%);
  --model-row-background-overlay: var(--media-horizontal-scrim);
  --model-row-surface: #121212bd;
  --model-row-shadow: 0 8px 22px #00000029, inset 0 1px 0 #dbeafe0f;
  --shadow-sm: 0 12px 30px #00000024;
  --shadow-md: 0 16px 42px #0000002b;
  --shadow-lg: 0 22px 62px #0003;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  background: var(--elysium-void);
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  min-width: 320px;
}

html.is-wheel-smoothing {
  scroll-behavior: auto !important;
}

body {
  min-width: 320px;
  min-height: 100dvh;
  color: var(--text-primary);
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  background: var(--bg-main);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricprecision;
  letter-spacing: .02em;
  word-spacing: .01em;
  transition: none;
  overflow-x: hidden;
}

body:before {
  z-index: -2;
  pointer-events: none;
  content: "";
  background: radial-gradient(circle at 50% -12%, #eff6ffeb 0%, #438d682e 34%, #0000 68%);
  position: fixed;
  inset: 0;
}

body:after {
  z-index: -1;
  pointer-events: none;
  content: "";
  background: linear-gradient(#438d6809 1px, #0000 1px) 0 0 / 72px 72px, linear-gradient(90deg, #438d6809 1px, #0000 1px) 0 0 / 72px 72px, radial-gradient(circle at 85% 12%, #438d681f, #0000 20%), radial-gradient(circle at 18% 30%, #ffffff47, #0000 22%);
  position: fixed;
  inset: 0;
}

html.dark body:before {
  background: radial-gradient(circle at 50% -12%, #ffffff0d 0%, #0000 68%);
}

html.dark body:after {
  background: linear-gradient(#ffffff05 1px, #0000 1px) 0 0 / 72px 72px, linear-gradient(90deg, #ffffff05 1px, #0000 1px) 0 0 / 72px 72px, radial-gradient(circle at 85% 12%, #ffffff08, #0000 22%), radial-gradient(circle at 18% 30%, #ffffff06, #0000 24%);
}

html.background-motion-off .elysium-orb, html.background-motion-off #petal-rain-host, html.background-motion-off #flower-layer-host {
  display: none !important;
}

::selection {
  color: var(--text-main);
  background: #438d6847;
}

a {
  color: inherit;
  text-decoration: none;
}

button, a, input, select, textarea {
  touch-action: manipulation;
}

img, video, canvas, pre, code {
  max-width: 100%;
}

pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

h1, h2, h3, p, li, dd, dt {
  overflow-wrap: break-word;
}

@media (min-width: 1024px) and (max-height: 800px) {
  html {
    font-size: 15px;
  }
}

@media (min-width: 1920px) and (min-height: 1000px) {
  html {
    font-size: 17px;
  }
}

@media (min-width: 2560px) and (min-height: 1300px) {
  html {
    font-size: 18px;
  }
}

.font-display {
  font-family: var(--font-display-font), Georgia, "Times New Roman", serif;
  letter-spacing: -.02em;
}

.landing-en {
  font-family: var(--font-landing-sans), var(--font-ui-sans), serif;
}

.landing-en h1, .landing-en h2, .landing-en .display-title {
  font-family: var(--font-display-font), Georgia, serif;
}

.app-ru, .docs-ru, .admin-ru {
  font-family: var(--font-ui-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.app-ru code, .docs-ru code, .admin-ru code, .app-ru pre, .docs-ru pre, .admin-ru pre {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.docs-ru .eyebrow, .admin-ru .eyebrow, .app-ru .eyebrow {
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  letter-spacing: .14em;
}

.landing-en .eyebrow, .landing-en .elysium-section-label, .landing-en .btn-primary, .landing-en .btn-secondary {
  font-family: var(--font-landing-sans), serif;
}

.font-plain {
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  letter-spacing: .02em;
  word-spacing: .01em;
}

p, li, td, th, label, input, select, textarea, .text-sm, .text-base, .text-lg {
  line-height: 1.55;
}

.elysium-shell {
  background: none;
  width: 100%;
  min-width: 0;
  min-height: 100dvh;
}

.elysium-shell :is(.overflow-auto, .overflow-x-auto) {
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.elysium-orb {
  filter: blur(42px);
  opacity: .42;
  pointer-events: none;
  border-radius: 9999px;
  position: absolute;
}

.tm-panel, .liquid-glass, .divine-card {
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-sm), inset 0 1px 0 #ffffffb8;
  -webkit-backdrop-filter: blur(8px) saturate(108%);
  backdrop-filter: blur(8px) saturate(108%);
  background: #ffffffb8;
  border-radius: 1.35rem;
  position: relative;
  overflow: hidden;
}

.tm-panel:before, .liquid-glass:before, .divine-card:before {
  pointer-events: none;
  content: "";
  opacity: .8;
  background: linear-gradient(135deg, #ffffff85, #0000 40%, #438d6814);
  position: absolute;
  inset: 0;
}

.tm-panel > *, .liquid-glass > *, .divine-card > * {
  z-index: 1;
  position: relative;
}

.steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card {
  -webkit-backdrop-filter: blur(8px) saturate(108%);
  backdrop-filter: blur(8px) saturate(108%);
}

.tm-panel-label, .eyebrow {
  text-transform: uppercase;
  letter-spacing: .28em;
  color: var(--accent);
  font-size: .72rem;
  font-weight: 500;
  font-family: var(--font-ui-sans), system-ui, sans-serif;
}

.liquid-toolbar, input, select, textarea {
  min-height: 44px;
  color: var(--text-primary);
  border: 1px solid var(--border-soft);
  background: #ffffff94;
  border-radius: .85rem;
  outline: none;
  transition: border-color .18s, box-shadow .18s, background .18s, transform .18s;
}

input, select, textarea {
  padding: .62rem .85rem;
  font-size: .9rem;
}

input::placeholder, textarea::placeholder {
  color: var(--text-muted);
}

.liquid-toolbar:hover, input:hover, select:hover, textarea:hover {
  border-color: #438d6861;
}

.liquid-toolbar:focus-within, input:focus, select:focus, textarea:focus {
  border-color: var(--accent);
  background: #ffffffeb;
  box-shadow: 0 0 0 3px #438d6824, 0 0 36px #438d681a;
}

.btn-primary, .btn-secondary {
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  min-height: 44px;
  font-size: .82rem;
  font-weight: 600;
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  text-align: center;
  border-radius: .85rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1rem;
  line-height: 1.25;
  transition: transform .18s, box-shadow .18s, border-color .18s, background .18s;
  display: inline-flex;
}

.btn-primary {
  color: #fff;
  background: linear-gradient(135deg, #79b38d, #438d68);
  border: 1px solid #438d6873;
  box-shadow: 0 10px 26px #438d6866;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px #438d6857;
}

.btn-secondary {
  color: var(--text-main);
  background: #ffffff73;
  border: 1px solid #438d6873;
}

.btn-secondary:hover {
  border-color: var(--border-strong);
  background: #ffffffd9;
  transform: translateY(-1px);
}

.elysium-hero-copy .btn-primary, .elysium-hero-copy .btn-secondary {
  will-change: transform, box-shadow;
  transition-duration: .46s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

.elysium-hero-copy .btn-primary svg {
  transition: transform .46s cubic-bezier(.22, 1, .36, 1);
}

.elysium-hero-copy .btn-primary:hover svg {
  transform: translateX(3px);
}

button:disabled, .btn-primary:disabled, .btn-secondary:disabled {
  cursor: not-allowed;
  opacity: .55;
  transform: none;
}

.header-login-button {
  display: none;
}

@media (min-width: 640px) {
  .header-login-button {
    display: inline-flex;
  }
}

.admin-sidebar, .admin-mobile-nav {
  background: linear-gradient(#f8fbfff0, #edf4ffe8), radial-gradient(circle at 15% 5%, #438d6824, #0000 34%);
  box-shadow: 18px 0 50px #2d765414;
}

.admin-nav-link {
  min-height: 42px;
  color: var(--text-secondary);
  border: 1px solid #0000;
  border-radius: .8rem;
  align-items: center;
  gap: .7rem;
  padding: .58rem .72rem;
  font-size: .83rem;
  transition: color .18s, border-color .18s, background .18s, transform .18s;
  display: flex;
}

.admin-nav-link:hover {
  color: var(--text-main);
  background: #ffffff94;
  border-color: #438d6833;
  transform: translateX(2px);
}

.admin-nav-link-active {
  color: var(--accent-hover);
  box-shadow: 0 8px 20px #2d76541a, inset 3px 0 0 var(--accent);
  background: linear-gradient(135deg, #ffffffd1, #438d681f);
  border-color: #438d6852;
}

.admin-nav-pill {
  border: 1px solid var(--border-soft);
  min-height: 40px;
  color: var(--text-secondary);
  white-space: nowrap;
  background: #ffffff7a;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: .45rem;
  padding: .45rem .8rem;
  font-size: .78rem;
  display: inline-flex;
}

.admin-nav-pill-active {
  color: var(--accent-hover);
  border-color: var(--border-strong);
  background: #ffffffe6;
  box-shadow: 0 6px 18px #2d76541f;
}

.dashboard-mark {
  color: #fff;
  background: linear-gradient(135deg, #79b38d, #2d7654);
  border-radius: .75rem;
  place-items: center;
  width: 2rem;
  height: 2rem;
  display: grid;
  box-shadow: 0 8px 20px #2d76544d;
}

.key-hero, .key-secret-card, .key-list {
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-sm), inset 0 1px 0 #ffffffb3;
  background: #ffffff80;
  border-radius: 1.35rem;
  position: relative;
  overflow: hidden;
}

.key-hero {
  background: linear-gradient(135deg, #fffc, #438d6821);
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding: 1.55rem;
  display: flex;
}

.key-hero:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle, #438d684d, #0000 68%);
  border-radius: 999px;
  width: 17rem;
  height: 17rem;
  position: absolute;
  top: -11rem;
  right: -7rem;
}

.key-hero > * {
  z-index: 1;
  position: relative;
}

.key-hero h2 {
  color: var(--text-main);
  margin-top: .55rem;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 700;
}

.key-hero p {
  color: var(--text-secondary);
  margin-top: .45rem;
  font-size: .9rem;
}

.key-kicker {
  color: var(--accent-hover);
  text-transform: uppercase;
  letter-spacing: .13em;
  align-items: center;
  gap: .35rem;
  font-size: .68rem;
  font-weight: 700;
  display: inline-flex;
}

.key-secret-card {
  background: linear-gradient(135deg, #ffffffc7, #438d681f);
  border-color: #438d6859;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 1.5fr) auto;
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
  padding: 1rem 1.2rem;
  display: grid;
}

.key-secret-card p {
  color: var(--text-secondary);
  margin-top: .35rem;
  font-size: .8rem;
  line-height: 1.45;
}

.key-secret-card code {
  color: var(--text-main);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ffffffa3;
  border: 1px solid #438d6847;
  border-radius: .8rem;
  padding: .72rem .85rem;
  font-size: .78rem;
  overflow: hidden;
}

.key-list {
  margin-top: 1.25rem;
  padding: .75rem;
}

.key-list-head {
  color: var(--accent-hover);
  justify-content: space-between;
  align-items: center;
  padding: .65rem .75rem 1rem;
  display: flex;
}

.key-list-head p {
  color: var(--text-main);
  font-weight: 700;
}

.key-list-head span {
  color: var(--text-muted);
  font-size: .78rem;
}

.key-row {
  border: 1px solid #0000;
  border-radius: 1rem;
  grid-template-columns: minmax(16rem, 1.4fr) minmax(12rem, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 5.8rem;
  padding: 1rem;
  transition: border-color .2s, background .2s, transform .2s, box-shadow .2s;
  display: grid;
}

.key-row:hover {
  border-color: var(--border-soft);
  background: #ffffff80;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px #2d76541a;
}

.key-row-main {
  align-items: center;
  gap: .8rem;
  display: flex;
}

.key-avatar {
  width: 2.4rem;
  height: 2.4rem;
  color: var(--accent-hover);
  background: #438d681f;
  border: 1px solid #438d6847;
  border-radius: .85rem;
  flex: none;
  place-items: center;
  display: grid;
}

.key-row h3 {
  color: var(--text-main);
  font-size: .92rem;
  font-weight: 700;
}

.key-row-main p {
  color: var(--text-muted);
  margin-top: .26rem;
  font-size: .76rem;
}

.key-status {
  border: 1px solid var(--border-soft);
  color: var(--text-muted);
  border-radius: 999px;
  align-items: center;
  padding: .2rem .52rem;
  font-size: .66rem;
  font-weight: 700;
  display: inline-flex;
}

.key-status-active {
  color: #427653;
  background: #6b9e7a1f;
  border-color: #6b9e7a5c;
}

.key-row-secret {
  align-items: center;
  gap: .55rem;
  min-width: 0;
  display: flex;
}

.key-row-secret code {
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .77rem;
  overflow: hidden;
}

.key-row-secret button, .key-actions button, .key-close {
  width: 2.2rem;
  height: 2.2rem;
  color: var(--text-muted);
  background: none;
  border: 1px solid #0000;
  border-radius: .72rem;
  flex: none;
  place-items: center;
  transition: color .18s, border-color .18s, background .18s, transform .18s;
  display: grid;
}

.key-row-secret button:hover, .key-actions button:hover, .key-close:hover {
  color: var(--accent-hover);
  border-color: var(--border-soft);
  background: #ffffffa6;
  transform: translateY(-1px);
}

.key-actions {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.key-actions .key-delete:hover {
  color: var(--danger);
  border-color: #c46a6a40;
}

.key-actions .key-toggle-button {
  width: 3rem;
  padding: 0;
}

.key-toggle, .key-switch {
  background: #64748b47;
  border: 0;
  border-radius: 999px;
  align-items: center;
  width: 2.25rem;
  height: 1.3rem;
  padding: .13rem;
  transition: background .2s;
  display: inline-flex;
  position: relative;
}

.key-toggle span, .key-switch span {
  background: #fff;
  border-radius: 999px;
  width: 1.02rem;
  height: 1.02rem;
  transition: transform .2s;
  box-shadow: 0 1px 4px #0000002e;
}

.key-toggle-on, .key-switch-on {
  background: var(--success);
}

.key-toggle-on span, .key-switch-on span {
  transform: translateX(.95rem);
}

.key-empty {
  color: var(--text-muted);
  text-align: center;
  justify-items: center;
  gap: .55rem;
  padding: 3.5rem 1rem;
  display: grid;
}

.key-empty h3 {
  color: var(--text-main);
  font-size: 1rem;
}

.key-empty p {
  max-width: 20rem;
  font-size: .86rem;
}

.key-modal-backdrop {
  z-index: 60;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: #1e3a6054;
  place-items: center;
  padding: 1rem;
  display: grid;
  position: fixed;
  inset: 0;
}

.key-modal {
  background: #f8fbfff2;
  border: 1px solid #438d6852;
  border-radius: 1.45rem;
  width: min(100%, 34rem);
  max-height: calc(100dvh - 2rem);
  padding: 1.5rem;
  overflow-y: auto;
  box-shadow: 0 32px 90px #1e3a6047;
}

.key-modal-heading {
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.35rem;
  display: flex;
}

.key-modal h2 {
  color: var(--text-main);
  margin-top: .45rem;
  font-size: 1.45rem;
  font-weight: 700;
}

.key-modal-heading p {
  color: var(--text-secondary);
  margin-top: .45rem;
  font-size: .85rem;
  line-height: 1.5;
}

.key-quota-control {
  border: 1px solid var(--border-soft);
  background: #ffffff85;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin: 1.1rem 0;
  padding: 1rem;
  display: flex;
}

.key-quota-control p {
  color: var(--text-main);
  font-size: .88rem;
  font-weight: 700;
}

.key-quota-control > div > span {
  max-width: 24rem;
  color: var(--text-muted);
  margin-top: .3rem;
  font-size: .76rem;
  line-height: 1.45;
  display: block;
}

.key-switch {
  cursor: pointer;
  flex: none;
  width: 2.7rem;
  height: 1.52rem;
}

.key-switch span {
  width: 1.22rem;
  height: 1.22rem;
}

.key-switch-on span {
  transform: translateX(1.18rem);
}

.key-modal-footer {
  justify-content: flex-end;
  gap: .7rem;
  margin-top: 1.35rem;
  display: flex;
}

.key-workspace {
  font-family: var(--font-ui-sans),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.key-overview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  margin-top: 1rem;
  display: grid;
}

.key-overview-card {
  border: 1px solid var(--border-soft);
  min-width: 0;
  color: var(--text-main);
  background: color-mix(in srgb,var(--surface-panel) 86%,transparent);
  box-shadow: var(--shadow-sm),inset 0 1px #ffffff80;
  border-radius: 1rem;
  align-items: center;
  gap: .8rem;
  padding: 1rem;
  display: flex;
}

.key-overview-card > svg {
  width: 2.45rem;
  height: 2.45rem;
  color: var(--accent-hover);
  background: var(--accent-soft);
  border-radius: .8rem;
  flex: none;
  padding: .65rem;
}

.key-overview-card > div {
  gap: .12rem;
  min-width: 0;
  display: grid;
}

.key-overview-card span, .key-overview-card small {
  color: var(--text-muted);
  font-size: .7rem;
}

.key-overview-card strong {
  color: var(--text-main);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .95rem;
  font-weight: 800;
  overflow: hidden;
}

.key-row {
  grid-template-columns: minmax(20rem, 1.6fr) minmax(11rem, .8fr) auto;
}

.key-row-main {
  align-items: flex-start;
}

.key-tags {
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .6rem;
  display: flex;
}

.key-tags span {
  border: 1px solid var(--border-soft);
  min-height: 1.55rem;
  color: var(--text-secondary);
  background: var(--surface-muted);
  border-radius: 999px;
  align-items: center;
  gap: .28rem;
  padding: .18rem .5rem;
  font-size: .66rem;
  font-weight: 650;
  display: inline-flex;
}

.key-tags svg {
  width: .72rem;
  height: .72rem;
}

.key-row-secret button, .key-actions button, .key-close {
  width: 2.75rem;
  height: 2.75rem;
}

.key-actions .key-toggle-button {
  width: 3.35rem;
}

.key-pagination {
  border-top: 1px solid var(--border-soft);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-top: .65rem;
  padding: .85rem .75rem .25rem;
  display: flex;
}

.key-pagination button {
  border: 1px solid var(--border-soft);
  min-height: 2.75rem;
  color: var(--text-secondary);
  background: var(--surface-muted);
  border-radius: .8rem;
  justify-content: center;
  align-items: center;
  gap: .35rem;
  padding: 0 .85rem;
  font-size: .75rem;
  font-weight: 750;
  transition: border-color .18s, color .18s, background .18s;
  display: inline-flex;
}

.key-pagination button:hover:not(:disabled) {
  border-color: var(--border-strong);
  color: var(--text-main);
  background: var(--surface-panel-strong);
}

.key-pagination button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.key-pagination button svg {
  width: 1rem;
  height: 1rem;
}

.key-pagination > span {
  color: var(--text-muted);
  font-size: .73rem;
}

.key-modal-wide {
  width: min(100%, 52rem);
}

.key-settings-section {
  border: 1px solid var(--border-soft);
  background: color-mix(in srgb,var(--surface-muted) 82%,transparent);
  border-radius: 1.05rem;
  gap: .8rem;
  padding: 1rem;
  display: grid;
}

.key-settings-section + .key-settings-section {
  margin-top: .9rem;
}

.key-settings-title {
  align-items: flex-start;
  gap: .7rem;
  display: flex;
}

.key-settings-title > svg {
  width: 2rem;
  height: 2rem;
  color: var(--accent-hover);
  background: var(--accent-soft);
  border-radius: .7rem;
  flex: none;
  padding: .45rem;
}

.key-settings-title h3 {
  color: var(--text-main);
  font-size: .9rem;
  font-weight: 800;
}

.key-settings-title p {
  color: var(--text-muted);
  margin-top: .18rem;
  font-size: .72rem;
  line-height: 1.45;
}

.key-form-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: .8rem;
  display: grid;
}

.key-setting-toggle {
  border: 1px solid var(--border-soft);
  background: color-mix(in srgb,var(--surface-panel) 74%,transparent);
  border-radius: .9rem;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 4.2rem;
  padding: .8rem .9rem;
  display: flex;
}

.key-setting-toggle p {
  color: var(--text-main);
  font-size: .8rem;
  font-weight: 750;
}

.key-setting-toggle > div > span {
  max-width: 36rem;
  color: var(--text-muted);
  margin-top: .2rem;
  font-size: .7rem;
  line-height: 1.45;
  display: block;
}

.key-switch-button {
  background: none;
  border: 0;
  border-radius: .8rem;
  place-items: center;
  width: 3.25rem;
  min-width: 3.25rem;
  height: 2.75rem;
  display: grid;
}

.key-switch-button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.key-model-tools {
  grid-template-columns: minmax(12rem, 1fr) auto auto auto;
  align-items: center;
  gap: .5rem;
  margin-top: .15rem;
  display: grid;
}

.key-model-search {
  border: 1px solid var(--border-soft);
  min-height: 2.75rem;
  color: var(--text-muted);
  background: var(--surface-panel);
  border-radius: .8rem;
  align-items: center;
  gap: .5rem;
  padding: 0 .75rem;
  display: flex;
}

.key-model-search:focus-within {
  border-color: var(--border-strong);
  box-shadow: 0 0 0 3px var(--accent-light);
}

.key-model-search svg {
  width: .95rem;
  height: .95rem;
}

.key-model-search input {
  width: 100%;
  min-width: 0;
  color: var(--text-main);
  background: none;
  border: 0;
  outline: 0;
  font-size: .76rem;
}

.key-model-tools > span {
  color: var(--text-muted);
  white-space: nowrap;
  font-size: .7rem;
}

.key-model-tools > button {
  border: 1px solid var(--border-soft);
  min-height: 2.75rem;
  color: var(--text-secondary);
  background: var(--surface-panel);
  border-radius: .8rem;
  padding: 0 .72rem;
  font-size: .7rem;
  font-weight: 750;
}

.key-model-tools > button:hover {
  border-color: var(--border-strong);
  color: var(--text-main);
}

.key-model-list {
  scrollbar-width: thin;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .4rem;
  max-height: 17rem;
  margin-top: .55rem;
  padding: .25rem;
  display: grid;
  overflow-y: auto;
}

.key-model-list > p {
  color: var(--text-muted);
  text-align: center;
  grid-column: 1 / -1;
  padding: 1.5rem;
  font-size: .78rem;
}

.key-model-list > button {
  border: 1px solid var(--border-soft);
  min-width: 0;
  min-height: 2.75rem;
  color: var(--text-secondary);
  background: var(--surface-panel);
  text-align: left;
  border-radius: .78rem;
  align-items: center;
  gap: .55rem;
  padding: .5rem .65rem;
  transition: border-color .16s, background .16s, color .16s;
  display: flex;
}

.key-model-list > button:hover, .key-model-list > button.is-selected {
  border-color: color-mix(in srgb,var(--accent) 52%,var(--border-soft));
  color: var(--text-main);
  background: color-mix(in srgb,var(--accent-soft) 66%,var(--surface-panel));
}

.key-model-list > button > span {
  border: 1px solid var(--border-strong);
  width: 1.15rem;
  height: 1.15rem;
  color: var(--text-main);
  background: var(--surface-muted);
  border-radius: .35rem;
  flex: none;
  place-items: center;
  display: grid;
}

.key-model-list > button.is-selected > span {
  border-color: var(--accent);
  background: var(--accent);
}

.key-model-list > button svg {
  width: .75rem;
  height: .75rem;
}

.key-model-list code {
  min-width: 0;
  font-family: var(--font-geist-mono),monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .68rem;
  overflow: hidden;
}

.key-ip-field {
  padding-top: .2rem;
  display: block;
}

.key-ip-field > span {
  color: var(--text-secondary);
  font-size: .76rem;
}

.key-ip-field textarea {
  resize: vertical;
  border: 1px solid var(--border-soft);
  width: 100%;
  min-height: 7rem;
  color: var(--text-main);
  background: var(--surface-panel);
  font-family: var(--font-geist-mono),monospace;
  border-radius: .85rem;
  outline: 0;
  margin-top: .45rem;
  padding: .75rem;
  font-size: .75rem;
  line-height: 1.55;
}

.key-ip-field textarea:focus {
  border-color: var(--border-strong);
  box-shadow: 0 0 0 3px var(--accent-light);
}

@media (max-width: 860px) {
  .key-overview-grid, .key-form-grid, .key-model-list {
    grid-template-columns: 1fr;
  }

  .key-model-tools {
    grid-template-columns: 1fr 1fr;
  }

  .key-model-search {
    grid-column: 1 / -1;
  }

  .key-row {
    grid-template-columns: 1fr auto;
  }
}

@media (max-width: 520px) {
  .key-setting-toggle {
    align-items: flex-start;
  }

  .key-model-tools {
    grid-template-columns: 1fr;
  }

  .key-model-search {
    grid-column: auto;
  }

  .key-model-tools > span {
    padding: .25rem 0;
  }

  .key-pagination button {
    padding: 0 .55rem;
  }

  .key-pagination > span {
    text-align: center;
  }
}

.site-header-font, .site-header-font :is(a, button, input) {
  font-family: var(--font-ui-sans), Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html:not(.dark) .theme-floral-edge {
  filter: none !important;
}

html:not(.dark) .theme-floral-edge-left {
  opacity: .9 !important;
}

html:not(.dark) .theme-floral-edge-right {
  opacity: .85 !important;
}

html.dark .theme-floral-edge {
  opacity: 0 !important;
}

.api-base-url-card {
  border: 1px solid var(--border-soft);
  background: color-mix(in srgb,var(--surface) 82%,transparent);
  min-width: 0;
  color: var(--text-main);
  border-radius: 16px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.api-base-url-card.is-compact {
  padding: 11px 12px;
}

.api-base-url-icon {
  background: var(--accent-soft);
  width: 32px;
  height: 32px;
  color: var(--accent-hover);
  border-radius: 10px;
  flex: none;
  place-items: center;
  display: grid;
}

.api-base-url-icon svg, .api-base-url-card button svg {
  width: 15px;
  height: 15px;
}

.api-base-url-list {
  flex: 1;
  gap: 10px;
  min-width: 0;
  display: grid;
}

.api-base-url-row {
  isolation: isolate;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.api-base-url-row + .api-base-url-row {
  border-top: 1px solid var(--border-soft);
}

.api-gateway-background {
  z-index: -2;
  opacity: .72;
  filter: saturate(.92) contrast(1.02);
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.api-base-url-row:after {
  z-index: -1;
  pointer-events: none;
  content: "";
  background: linear-gradient(90deg, #f8fbffe6, #edf4ffb3);
  position: absolute;
  inset: 0;
}

.api-base-url-copy {
  flex: 1;
  min-width: 0;
}

.api-base-url-copy > span {
  color: #396d4f;
  letter-spacing: .12em;
  text-shadow: 0 1px #ffffffbf;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 9px;
  font-weight: 750;
  display: block;
}

.api-base-url-copy code {
  color: #173d2b;
  text-shadow: 0 1px 2px #ffffffd1;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 650;
  display: block;
  overflow: hidden;
}

.api-base-url-card button {
  border: 1px solid var(--border-soft);
  width: 32px;
  height: 32px;
  color: var(--text-secondary);
  background: #f8fbffad;
  border-radius: 10px;
  flex: none;
  place-items: center;
  transition: border-color .2s, color .2s, background .2s;
  display: grid;
}

.api-base-url-card button:hover {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--accent-hover);
}

html.dark .api-base-url-row:after {
  background: linear-gradient(90deg, #0a1d34d1, #0a223f94);
}

html.dark .api-base-url-copy > span {
  color: var(--text-secondary);
  text-shadow: none;
}

html.dark .api-base-url-copy code {
  color: var(--text-main);
  text-shadow: 0 1px 2px #0000007a;
}

html.dark .api-base-url-card button {
  color: var(--text-secondary);
  background: #0c244294;
}

.analytics-base-url-card {
  width: 100%;
  margin: 0 0 16px;
}

.analytics-base-url-card .api-base-url-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  position: relative;
}

.analytics-base-url-card .api-base-url-list:before {
  content: "";
  background: var(--border-soft);
  width: 1px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 50%;
  transform: translateX(-.5px);
}

.status-endpoint-card {
  background: #ffffff06;
  box-shadow: 0 16px 38px #1a36481f;
  border-color: #0000 !important;
}

.status-endpoint-card__image {
  opacity: 1;
  filter: saturate(.92) contrast(1.06) brightness(.94);
  transform: scale(1.015);
}

.status-endpoint-card__scrim {
  background: linear-gradient(90deg, #121f282e, #121f281a);
}

.status-endpoint-card > .relative {
  text-shadow: 0 1px 2px #ffffffd1, 0 0 9px #ffffff52;
}

html.dark .status-endpoint-card {
  background: #00000006;
  box-shadow: 0 18px 42px #0000003d;
}

html.dark .status-endpoint-card__scrim {
  background: linear-gradient(90deg, #00000061, #0000004d);
}

html.dark .status-endpoint-card > .relative {
  text-shadow: 0 1px 2px #000000eb, 0 0 10px #0000008c;
}

.media-card-image {
  opacity: .96;
  filter: saturate(1.06) contrast(1.05);
  transform: scale(1.01);
}

.media-card-scrim {
  background: var(--media-vertical-scrim);
}

.analytics-base-url-card .api-base-url-row + .api-base-url-row {
  border-top: 0;
}

.dashboard-models-base-url {
  width: min(100%, 520px);
  margin: 0 0 14px auto;
}

@media (max-width: 720px) {
  .analytics-base-url-card .api-base-url-list {
    grid-template-columns: 1fr;
  }

  .analytics-base-url-card .api-base-url-list:before {
    display: none;
  }

  .analytics-base-url-card .api-base-url-row + .api-base-url-row {
    border-top: 1px solid var(--border-soft);
  }
}

.dashboard-models-page .model-catalog-shell {
  overflow: hidden;
}

.model-catalog-toolbar {
  border-bottom: 1px solid var(--border-soft);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.model-catalog-tabs {
  flex: 0 auto;
}

.model-catalog-tabs .tab {
  min-height: 30px;
  padding: 5px 11px;
  font-size: 11px;
}

.model-catalog-search {
  border: 1px solid var(--border-soft);
  width: min(250px, 100%);
  min-height: 34px;
  color: var(--text-main);
  background: var(--surface-muted);
  border-radius: 11px;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  transition: border-color .2s, background .2s, box-shadow .2s;
  display: flex;
}

.model-catalog-search:focus-within {
  border-color: var(--border-strong);
  background: var(--surface-panel-strong);
  box-shadow: 0 0 0 3px var(--accent-light);
}

.model-catalog-search input {
  width: 100%;
  min-width: 0;
  height: 32px;
  color: var(--text-main);
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 11px;
}

.model-catalog-search input::placeholder {
  color: var(--text-muted);
}

.model-catalog-scroll {
  padding: 1px;
}

.model-catalog-grid {
  grid-template-columns: minmax(215px, 2.15fr) minmax(88px, .9fr) minmax(74px, .72fr) minmax(64px, .62fr) repeat(4, minmax(82px, .78fr)) minmax(92px, .88fr);
  align-items: center;
  display: grid;
}

.model-catalog-header {
  border: 1px solid var(--border-soft);
  min-height: 38px;
  color: var(--text-muted);
  background: var(--surface-muted);
  border-radius: 12px;
  padding: 0 10px;
}

.model-catalog-header > div {
  letter-spacing: .14em;
  text-transform: uppercase;
  min-width: 0;
  padding: 0 8px;
  font-size: 9px;
  font-weight: 800;
}

.model-catalog-header > div:nth-child(n+5) {
  text-align: right;
}

.model-catalog-header button {
  letter-spacing: .1em;
  min-height: 28px;
  font-size: 9px;
}

.model-catalog-list {
  gap: 7px;
  margin-top: 7px;
  display: grid;
}

.model-catalog-row {
  border: 1px solid var(--border-soft);
  min-height: 58px;
  color: var(--text-secondary);
  background-color: var(--model-row-surface);
  box-shadow: var(--model-row-shadow);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 13px;
  padding: 7px 10px;
  transition: transform .2s, border-color .2s, box-shadow .2s;
  overflow: hidden;
}

.model-catalog-row:hover {
  z-index: 1;
  border-color: var(--border-strong);
  transform: translateY(-1px);
  box-shadow: 0 10px 26px #2d76541f, inset 0 1px #ffffff14;
}

.model-catalog-row[data-media-type="image"] {
  background-image: linear-gradient(100deg, #c985a124, #0000 68%);
  border-inline-start: 3px solid #c985a1;
}

.model-catalog-row[data-media-type="video"] {
  background-image: linear-gradient(100deg, #65a99a24, #0000 68%);
  border-inline-start: 3px solid #65a99a;
}

.model-catalog-row > div {
  min-width: 0;
  padding: 0 8px;
  font-size: 11px;
}

.model-catalog-identity {
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.model-catalog-identity > span:first-child {
  margin-top: 1px;
}

.model-catalog-identity .model-availability {
  padding: 2px 5px;
  font-size: 8px;
}

.model-catalog-copy {
  border: 1px solid var(--border-soft);
  min-height: 20px;
  color: var(--text-muted);
  background: #ffffff14;
  border-radius: 7px;
  align-items: center;
  gap: 4px;
  margin-top: 3px;
  padding: 1px 6px;
  font-size: 9px;
  line-height: 1;
  transition: border-color .2s, color .2s, background .2s;
  display: inline-flex;
}

.model-catalog-copy:hover {
  border-color: var(--border-strong);
  color: var(--text-main);
  background: var(--surface-panel);
}

.model-catalog-provider {
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.model-catalog-chip {
  border: 1px solid var(--border-soft);
  width: max-content;
  max-width: 100%;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ffffff1f;
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 9px;
  line-height: 1.2;
  display: block;
  overflow: hidden;
}

.model-catalog-price {
  color: var(--text-main);
  font-family: var(--font-mono),monospace;
  letter-spacing: -.03em;
  text-align: right;
  justify-content: flex-end;
  display: flex;
  font-size: 11px !important;
}

.model-catalog-price strong {
  font-size: 11px;
}

.model-catalog-image-cell {
  border-left: 1px solid var(--border-soft);
}

@media (max-width: 760px) {
  .model-catalog-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .model-catalog-tabs, .model-catalog-search {
    width: 100%;
  }
}

.app-toast-stack {
  z-index: 100;
  pointer-events: none;
  gap: .65rem;
  width: min(24rem, 100vw - 2rem);
  display: grid;
  position: fixed;
  top: 5.5rem;
  right: 1.25rem;
}

.app-toast {
  color: #356447;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  pointer-events: auto;
  text-align: left;
  width: 100%;
  min-height: 3.6rem;
  animation: appToastIn .36s cubic-bezier(.2,.9,.25,1) both, appToastOut .25s ease var(--toast-exit-delay) forwards;
  background: #f7fff8f2;
  border: 1px solid #6b9e7a59;
  border-radius: 1rem;
  align-items: center;
  gap: .75rem;
  padding: .82rem 1rem;
  display: flex;
  box-shadow: 0 18px 55px #1e3a602e;
}

.app-toast > span:last-child {
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.45;
}

.app-toast-icon {
  color: #fff;
  background: var(--success);
  border-radius: .6rem;
  flex: none;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
}

.app-toast-error {
  color: #954747;
  background: #fff7f7f5;
  border-color: #c46a6a59;
}

.app-toast-error .app-toast-icon {
  background: var(--danger);
}

.app-toast-info {
  color: #245f43;
  background: #f8fbfff5;
  border-color: #438d6861;
}

.app-toast-info .app-toast-icon {
  background: var(--accent);
}

.global-site-notice {
  z-index: 2147483000;
  pointer-events: none;
  width: min(25rem, 100vw - 2rem);
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
}

.global-site-notice-card {
  width: 100%;
  color: var(--text-main);
  border: 1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);
  background: #faffffbd;
  background: color-mix(in srgb,var(--surface-panel-strong) 72%,transparent);
  box-shadow: 0 18px 56px color-mix(in srgb,var(--text-main) 16%,transparent),inset 0 1px #ffffff6b;
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  font-family: var(--font-ui-sans),Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  pointer-events: auto;
  border-radius: 1.15rem;
  align-items: flex-start;
  gap: .75rem;
  padding: .9rem;
  animation: .42s cubic-bezier(.2, .9, .25, 1) both globalSiteNoticeIn;
  display: flex;
  overflow: hidden;
}

.global-site-notice-icon {
  width: 2rem;
  height: 2rem;
  color: var(--accent-hover);
  border: 1px solid color-mix(in srgb,var(--accent) 32%,transparent);
  background: color-mix(in srgb,var(--accent-light) 68%,transparent);
  border-radius: .72rem;
  flex: none;
  place-items: center;
  display: grid;
}

.global-site-notice-label {
  color: var(--accent-hover);
  letter-spacing: .15em;
  text-transform: uppercase;
  margin: 0 0 .2rem;
  font-size: .62rem;
  font-weight: 800;
  line-height: 1.25;
}

.global-site-notice-message {
  color: var(--text-main);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.55;
}

.global-site-notice-close {
  width: 1.9rem;
  height: 1.9rem;
  color: var(--text-muted);
  background: none;
  border: 0;
  border-radius: .65rem;
  flex: none;
  place-items: center;
  margin: -.2rem -.2rem 0 0;
  transition: color .18s, background-color .18s, transform .18s;
  display: grid;
}

.global-site-notice-close:hover {
  color: var(--text-main);
  background: color-mix(in srgb,var(--surface-muted) 76%,transparent);
  transform: scale(1.04);
}

.global-site-notice-preview {
  min-height: 7rem;
  animation: none;
}

@keyframes globalSiteNoticeIn {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(.97);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (max-width: 640px) {
  .global-site-notice {
    width: calc(100vw - 2rem);
    bottom: 1rem;
    right: 1rem;
  }

  .global-site-notice-card {
    border-radius: 1rem;
    padding: .8rem;
  }
}

@keyframes appToastIn {
  from {
    opacity: 0;
    transform: translateX(36px) scale(.96);
  }

  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes appToastOut {
  to {
    opacity: 0;
    transform: translateX(28px) scale(.97);
  }
}

@media (max-width: 760px) {
  .key-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  .key-secret-card {
    grid-template-columns: 1fr;
  }

  .key-row {
    grid-template-columns: 1fr auto;
    gap: .75rem;
  }

  .key-row-secret {
    grid-column: 1 / -1;
    padding-left: 3.2rem;
  }

  .key-actions {
    grid-area: 1 / 2;
  }

  .key-modal {
    border-radius: 1.1rem;
    padding: 1rem;
  }

  .key-modal-footer {
    flex-direction: column-reverse;
  }

  .key-modal-footer > * {
    width: 100%;
  }
}

.admin-mobile-nav-scroll {
  scrollbar-width: none;
}

.admin-mobile-nav-scroll::-webkit-scrollbar {
  display: none;
}

.admin-page-header {
  border-bottom: 1px solid var(--border-soft);
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.admin-live-badge {
  color: #557d62;
  background: #6b9e7a1a;
  border: 1px solid #6b9e7a4d;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: .55rem;
  min-height: 38px;
  padding: .45rem .8rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.admin-stat-card, .admin-section-card {
  transition: transform .2s, border-color .2s, box-shadow .2s;
}

.admin-stat-card {
  background: linear-gradient(145deg, #ffffffb8, #dbeafe94);
}

.admin-section-card:hover {
  border-color: var(--border-strong);
  transform: translateY(-3px);
  box-shadow: 0 26px 58px #2d765424, inset 0 1px #ffffffd1;
}

@media (max-width: 639px) {
  .admin-page-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.tm-table-wrap {
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-sm), inset 0 1px 0 #fff9;
  background: #ffffff61;
  border-radius: 1.15rem;
  overflow-x: auto;
}

.tm-table {
  border-collapse: collapse;
  width: 100%;
  font-size: .875rem;
}

.tm-table th {
  color: var(--text-secondary);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .12em;
  border-bottom: 1px solid var(--border-soft);
  background: #ffffff6b;
  padding: .85rem 1rem;
  font-size: .72rem;
  font-weight: 800;
  box-shadow: inset 0 1px #ffffff8c;
}

.tm-table td {
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-soft);
  padding: .9rem 1rem;
}

.tm-table tbody tr:hover {
  background: #438d6812;
}

p, li, td, th, label, input, select, textarea, .text-sm, .text-base, .text-lg {
  line-height: 1.55;
}

.uppercase {
  letter-spacing: .16em;
}

.tm-table tr:last-child td {
  border-bottom: none;
}

.silver-thead {
  background: #ffffff6b;
  box-shadow: inset 0 1px #ffffff80;
}

.ascii-logo {
  color: #245f43;
  background: radial-gradient(circle at 30% 30%, #fff, #cfe5d4);
  border-radius: 999px;
  place-items: center;
  min-width: 2rem;
  height: 2rem;
  display: inline-grid;
  box-shadow: 0 4px 14px #438d6866;
}

.landing-header {
  background: #f8fbfff5;
}

.elysium-title-line {
  display: block;
}

.elysium-title-em {
  color: var(--accent);
  margin-top: .05em;
  font-style: italic;
}

.elysium-title-em small {
  letter-spacing: .02em;
  vertical-align: .16em;
  margin-right: .1em;
  font-size: .52em;
  font-weight: 500;
  display: inline-block;
}

.elysium-hero-section {
  min-height: min(900px, 92vh);
}

.elysium-hero-layout {
  max-width: 1360px;
}

.elysium-hero-title {
  letter-spacing: -.055em;
  font-size: clamp(4.6rem, 6.5vw, 6.8rem);
  line-height: .76;
}

.elysium-hero-title .elysium-title-em {
  letter-spacing: -.035em;
  font-size: .68em;
  line-height: 1.05;
}

.elysium-hero-divider {
  align-items: center;
  gap: 14px;
  width: min(100%, 30rem);
  margin-top: 28px;
  display: flex;
}

.elysium-hero-divider span {
  background: linear-gradient(90deg, #438d68b8, #438d6814);
  flex: 1;
  height: 1px;
}

.elysium-hero-divider i {
  color: #438d68b8;
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 8px;
  font-style: normal;
}

.elysium-hero-proof {
  color: #64748bd1;
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .13em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 30px;
  font-size: 8px;
  display: flex;
}

.elysium-hero-proof span {
  align-items: baseline;
  gap: 5px;
  display: inline-flex;
}

.elysium-hero-proof strong {
  color: #2d7654;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  letter-spacing: 0;
  font-size: 11px;
  font-weight: 500;
}

.elysium-hero-proof i {
  background: #438d68a8;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}

@media (min-width: 1024px) {
  .elysium-hero-layout {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    align-items: center;
    gap: 18px;
  }
}

.elysium-hero-art {
  justify-content: center;
  align-items: center;
  display: flex;
}

.elysium-hero-badge {
  background: #f8fbff94;
  box-shadow: inset 0 1px #fff9, 0 10px 30px #2d76540f;
}

.docs-shell, .docs-shell h1, .docs-shell h2, .docs-shell h3, .docs-shell h4, .docs-shell p, .docs-shell li, .docs-shell strong, .docs-shell a, .docs-shell button, .docs-shell input, .docs-shell summary, .docs-shell td, .docs-shell th {
  font-family: var(--font-ui-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: normal;
}

.docs-shell code, .docs-shell pre, .docs-shell .font-mono {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.elysium-hero-section, .how-section, .route-section, .news-section, .elysium-faq-section, .site-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 760px;
}

.route-card, .news-stage, .elysium-faq-list {
  contain: layout paint style;
}

@media (min-width: 900px) and (pointer: fine) {
  html.home-snap-ready .home-snap-section {
    flex-direction: column;
    justify-content: center;
    min-height: calc(100dvh - 5.5rem);
    scroll-margin-top: 5.5rem;
    display: flex;
  }

  html.home-snap-ready .home-snap-section.is-home-snap-active {
    animation: .86s cubic-bezier(.22, 1, .36, 1) homeSnapSectionArrive;
  }

  html.home-snap-ready .home-snap-footer {
    scroll-margin-top: 0;
  }

  html.home-snap-ready .home-snap-footer.is-home-snap-active {
    animation: .8s cubic-bezier(.22, 1, .36, 1) homeSnapFooterArrive;
  }

  html.home-snap-ready .home-snap-section:not(.is-home-snap-active) *, html.home-snap-ready .home-snap-footer:not(.is-home-snap-active) * {
    animation-play-state: paused !important;
  }
}

@keyframes homeSnapSectionArrive {
  from {
    opacity: .56;
    transform: translate3d(0, 2.5rem, 0) scale(.965);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes homeSnapFooterArrive {
  from {
    opacity: .62;
    transform: translate3d(0, 2rem, 0) scale(.98);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.home-snap-ready .home-snap-section, html.home-snap-ready .home-snap-footer {
    opacity: 1;
    transition: none;
    transform: none;
    animation: none !important;
  }
}

.elysium-title-subline {
  color: var(--accent);
  letter-spacing: -.035em;
  margin-top: .08em;
  font-size: .68em;
  font-style: normal;
  line-height: 1.05;
}

.elysium-title-initial {
  transform-origin: 72% 88%;
  will-change: transform, opacity;
  animation: 1.45s cubic-bezier(.2, .78, .22, 1) .12s both elysiumInitialArrival;
  display: inline-block;
}

@keyframes elysiumInitialArrival {
  0% {
    opacity: 0;
    transform: translate3d(-.72em, -.08em, 0) rotate(-15deg) scale(.92);
  }

  48% {
    opacity: 1;
    transform: translate3d(.05em, 0, 0) rotate(4deg) scale(1.02);
  }

  62% {
    transform: translate3d(-.02em, .07em, 0) rotate(-7deg) scaleX(.96) scaleY(1.03);
  }

  76% {
    transform: translate3d(.015em, -.018em, 0) rotate(2.5deg);
  }

  88% {
    transform: translate3d(-.006em, 0, 0) rotate(-1deg);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.admin-ru main h1 {
  letter-spacing: -.035em;
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 1.08;
}

.admin-ru main h2 {
  letter-spacing: -.025em;
  line-height: 1.16;
}

.admin-ru main .tm-panel, .admin-ru main .liquid-glass, .admin-ru main .divine-card, .admin-ru main .admin-section-card, .admin-ru main .admin-stat-card {
  border-color: color-mix(in srgb, var(--border-soft) 88%, transparent);
  border-radius: 1.25rem;
  box-shadow: 0 18px 52px #16375e14, inset 0 1px #ffffff94;
}

.admin-ru main input, .admin-ru main select, .admin-ru main textarea, .admin-ru main button {
  font-family: var(--font-ui-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.admin-ru main table th {
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  letter-spacing: .06em;
  font-weight: 700;
}

.admin-ru main table td {
  letter-spacing: 0;
}

.admin-ru .admin-sidebar {
  border-color: color-mix(in srgb, var(--border-soft) 84%, transparent);
}

.admin-ru .admin-nav-link {
  letter-spacing: -.01em;
  white-space: normal;
  border-radius: .9rem;
  min-height: 44px;
  font-weight: 550;
  line-height: 1.25;
}

.admin-ru main .btn-primary, .admin-ru main .btn-secondary {
  letter-spacing: .025em;
  text-transform: none;
  white-space: normal;
  max-width: 100%;
  line-height: 1.25;
}

.admin-ru .admin-nav-link > svg {
  flex: none;
}

.app-ru, .docs-ru, .admin-ru {
  letter-spacing: 0;
  word-spacing: normal;
}

.font-cyrillic {
  font-family: var(--font-ui-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.025em;
}

.docs-guide-beginner, .docs-guide-expert {
  background: color-mix(in srgb, var(--surface-panel-strong) 82%, transparent);
  box-shadow: inset 0 1px #ffffff5c;
}

.docs-quick-reference > div {
  border: 1px solid var(--border-soft);
  background: var(--surface-muted);
  border-radius: 13px;
  min-width: 0;
  padding: 15px;
}

.docs-quick-reference small, .docs-quick-reference code {
  display: block;
}

.docs-quick-reference small {
  color: var(--text-muted);
  font: 700 9px/1 var(--font-geist-mono), monospace;
  letter-spacing: .1em;
  margin-bottom: 8px;
}

.docs-quick-reference code {
  overflow-wrap: anywhere;
  color: var(--text-main);
  font-size: 11px;
  line-height: 1.55;
}

.admin-ru .eyebrow, .admin-ru [class*="uppercase"], .docs-ru [class*="uppercase"] {
  letter-spacing: .08em;
}

.interface-icon-button {
  border: 1px solid var(--border-soft);
  min-height: 44px;
  color: var(--text-secondary);
  background: var(--surface-muted);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  transition: color .2s, border-color .2s, background .2s, transform .2s;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff8c, 0 6px 18px #2d765414;
}

.interface-icon-button:hover {
  color: var(--text-main);
  border-color: var(--border-strong);
  transform: translateY(-1px);
}

.status-radar {
  position: relative;
}

.status-radar:after {
  content: "";
  box-shadow: 0 0 0 0 var(--ping-color, #5aaa6e66);
  border-radius: 16px;
  animation: 2.6s ease-out infinite statusRadarPing;
  position: absolute;
  inset: 0;
}

@keyframes statusRadarPing {
  0% {
    box-shadow: 0 0 0 0 var(--ping-color, #5aaa6e66);
  }

  70%, 100% {
    box-shadow: 0 0 0 14px #0000;
  }
}

.status-stat-card {
  animation: .6s cubic-bezier(.2, .8, .3, 1) both statusStatIn;
}

@keyframes statusStatIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.status-signal-bar {
  transform-origin: bottom;
  transition: filter .2s;
  animation: .5s cubic-bezier(.2, .8, .3, 1) both statusBarIn;
}

.status-signal-bar:hover {
  filter: brightness(1.12);
}

@keyframes statusBarIn {
  from {
    opacity: 0;
    transform: scaleY(.1);
  }

  to {
    opacity: 1;
    transform: scaleY(1);
  }
}

.status-uptime-bar {
  background: #438d6824;
  border-radius: 999px;
  width: 64px;
  height: 6px;
  display: inline-flex;
  overflow: hidden;
}

.status-uptime-bar span {
  border-radius: 999px;
  height: 100%;
  transition: width .6s cubic-bezier(.2, .8, .3, 1);
  display: block;
}

.auth-card {
  border: 1px solid var(--border-soft);
  max-width: 440px;
  box-shadow: var(--shadow-md);
  background: linear-gradient(145deg, #ffffffd1, #ffffff8f);
  border-radius: 1.5rem;
  margin: 0 auto;
  padding: 2rem;
}

.route404-page {
  place-items: center;
  min-height: 100dvh;
  padding: 7.5rem 1.25rem 3rem;
  display: grid;
}

.route404-card {
  text-align: center;
  width: min(760px, 100%);
  padding: clamp(2rem, 5vw, 4rem);
}

.route404-map {
  width: min(470px, 92%);
  height: 96px;
  margin: 0 auto -4px;
  position: relative;
}

.route404-map svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.route404-path {
  fill: none;
  stroke: #438d6859;
  stroke-width: 1.2px;
  stroke-dasharray: 5 8;
}

.route404-node {
  fill: var(--surface-panel-strong);
  stroke: #438d68a6;
  stroke-width: 1.2px;
}

.route404-node-end {
  stroke: #ef4444;
}

.route404-packet {
  fill: #438d68;
  filter: drop-shadow(0 0 7px #438d68b3);
}

.route404-origin, .route404-destination {
  z-index: 2;
  width: 34px;
  height: 34px;
  color: var(--text-main);
  background: var(--surface-panel-strong);
  font: 600 16px/1 var(--font-display-font),Georgia,serif;
  border: 1px solid #438d6847;
  border-radius: 11px;
  place-items: center;
  display: grid;
  position: absolute;
  box-shadow: 0 10px 28px #245f4317;
}

.route404-origin {
  top: 48px;
  left: -3px;
}

.route404-destination {
  color: #ef4444;
  top: 41px;
  right: -3px;
}

.route404-code {
  color: var(--text-main);
  font: 500 clamp(5rem,16vw,9rem)/.82 var(--font-display-font),Georgia,serif;
  letter-spacing: -.07em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.route404-code i {
  color: #0000;
  background: radial-gradient(circle, #438d681c, #0000 64%);
  border: 1px solid #438d6847;
  border-radius: 50%;
  place-items: center;
  width: .72em;
  height: .9em;
  margin: 0 .07em;
  display: grid;
  position: relative;
  box-shadow: inset 0 0 40px #438d6814;
}

.route404-code i:before {
  content: "";
  background: #438d68;
  border-radius: 2px;
  width: 7px;
  height: 7px;
  animation: 2.6s ease-in-out infinite route404Beacon;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0 7px #438d6814, 0 0 18px #438d684d;
}

.route404-kicker {
  width: fit-content;
  color: var(--accent-hover);
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  gap: .55rem;
  margin: 1.7rem auto 0;
  font-size: .72rem;
  font-weight: 700;
  display: flex;
}

.route404-card h1 {
  max-width: 570px;
  color: var(--text-main);
  font: 600 clamp(1.65rem,4vw,2.55rem)/1.15 var(--font-display-font),Georgia,serif;
  margin: 1rem auto 0;
}

.route404-copy {
  max-width: 590px;
  color: var(--text-secondary);
  margin: 1rem auto 0;
  font-size: .94rem;
  line-height: 1.8;
}

.route404-actions {
  justify-content: center;
  gap: .75rem;
  margin-top: 1.8rem;
  display: flex;
}

.route404-action {
  min-height: 46px;
  font: 650 .86rem/1 var(--font-ui-sans),system-ui,sans-serif;
  border: 1px solid #438d6845;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: .55rem;
  padding: .7rem 1.15rem;
  transition: transform .25s, background .25s, border-color .25s, box-shadow .25s;
  display: inline-flex;
}

.route404-action:hover {
  transform: translateY(-2px);
}

.route404-action-primary {
  color: #173d2b;
  background: linear-gradient(135deg, #79b38d, #2d7654);
  box-shadow: 0 12px 28px #2d765433;
}

.route404-action-secondary {
  color: var(--text-main);
  background: color-mix(in srgb,var(--surface-panel-strong) 78%,transparent);
}

.route404-footnote {
  color: var(--text-muted);
  font: 500 .68rem/1.5 var(--font-geist-mono),ui-monospace,monospace;
  margin-top: 2rem;
  display: block;
}

.route404-footnote span {
  color: var(--accent);
  padding: 0 .35rem;
}

.route404-corner {
  opacity: .55;
  pointer-events: none;
  width: 42px;
  height: 42px;
  position: absolute;
}

.route404-corner:before, .route404-corner:after {
  content: "";
  background: #438d684d;
  position: absolute;
}

.route404-corner:before {
  width: 42px;
  height: 1px;
}

.route404-corner:after {
  width: 1px;
  height: 42px;
}

.route404-corner-a {
  top: 18px;
  left: 18px;
}

.route404-corner-b {
  bottom: 18px;
  right: 18px;
  transform: rotate(180deg);
}

html.dark .route404-path {
  stroke: #79b38d40;
}

html.dark .route404-origin, html.dark .route404-destination {
  background: #121212eb;
}

@keyframes route404Beacon {
  0%, 100% {
    opacity: .5;
    transform: translate(-50%, -50%) rotate(45deg) scale(.8);
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(45deg) scale(1);
  }
}

@media (max-width: 600px) {
  .route404-map {
    height: 76px;
  }

  .route404-origin {
    top: 38px;
  }

  .route404-destination {
    top: 31px;
  }

  .route404-actions {
    flex-direction: column;
  }

  .route404-actions a {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .route404-packet {
    display: none;
  }

  .route404-code i:before {
    animation: none;
  }
}

.elysium-marquee-section {
  background: #fff3;
  border-top: 1px solid #438d682e;
  border-bottom: 1px solid #438d682e;
  width: 100%;
  margin-top: 24px;
  padding: 18px 0 28px;
  overflow: hidden;
}

.elysium-marquee {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.elysium-marquee-track {
  gap: 12px;
  width: max-content;
  animation: 78s linear infinite elysiumMarquee;
  display: flex;
}

.elysium-marquee:hover .elysium-marquee-track {
  animation-play-state: paused;
}

.elysium-model-chip {
  color: #396d4f;
  font-family: var(--font-geist-mono), monospace;
  white-space: nowrap;
  background: #ffffff8c;
  border: 1px solid #438d6852;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  font-size: 13px;
  display: inline-flex;
  box-shadow: 0 8px 24px #1e406e0f;
}

.elysium-model-chip span {
  color: #438d68;
  font-size: 14px;
}

.elysium-model-chip img {
  border-radius: 4px;
}

.elysium-logo-mark {
  filter: drop-shadow(0 4px 10px #438d6859);
}

.elysium-logo-orbit {
  animation: 3.2s ease-in-out infinite logoOrbit;
}

@keyframes logoOrbit {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .1;
  }
}

.elysium-marquee-fade {
  z-index: 2;
  pointer-events: none;
  width: 130px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.elysium-marquee-fade.left {
  background: linear-gradient(90deg, #edf4ff 0%, #edf4ff00 100%);
  left: 0;
}

.elysium-marquee-fade.right {
  background: linear-gradient(270deg, #edf4ff 0%, #edf4ff00 100%);
  right: 0;
}

@keyframes elysiumMarquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.elysium-section-frame {
  border-left: 1px solid #438d6826;
  border-right: 1px solid #438d6826;
}

.how-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 26px 0;
}

.route-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 26px 0;
}

.elysium-faq-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 80px 26px 120px;
}

.elysium-section-label {
  color: #2d7654;
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.elysium-label-diamond {
  background: #438d68;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
}

.elysium-section-title {
  color: #173d2b;
  max-width: 860px;
  font-family: var(--font-display-font), Georgia, serif;
  letter-spacing: -.02em;
  margin-bottom: 36px;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.05;
}

.elysium-section-title em {
  color: #438d68;
  font-style: italic;
}

.steps-journey {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 20px;
  padding: 20px 8px 18px;
  display: grid;
  position: relative;
}

.hero-benefits {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: 520px;
  margin-top: 34px;
  display: grid;
}

.hero-benefits > div {
  border-right: 1px solid #438d682b;
  gap: 5px;
  padding: 0 13px;
  display: grid;
}

.hero-benefits > div:first-child {
  padding-left: 0;
}

.hero-benefits > div:last-child {
  border: 0;
}

.hero-benefits span {
  color: #2d7654;
  background: color-mix(in srgb,var(--surface-panel-strong) 70%,transparent);
  border: 1px solid #438d683d;
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 3px;
  display: grid;
}

.hero-benefits svg {
  width: 15px;
  height: 15px;
}

.hero-benefits strong {
  color: var(--text-main);
  font: 650 10px/1.2 var(--font-ui-sans),system-ui,sans-serif;
}

.hero-benefits small {
  color: var(--text-muted);
  font: 500 8px/1.3 var(--font-ui-sans),system-ui,sans-serif;
}

.hero-trusted {
  max-width: 520px;
  margin-top: 35px;
}

.hero-trusted p {
  color: var(--text-muted);
  font: 650 7px/1 var(--font-ui-sans),system-ui,sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.hero-trusted > div {
  flex-wrap: wrap;
  gap: 14px 20px;
  display: flex;
}

.hero-trusted span {
  color: var(--text-muted);
  font: 650 10px/1 var(--font-ui-sans),system-ui,sans-serif;
  filter: grayscale();
  opacity: .78;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

html.dark .hero-benefits span {
  background: #10233fb3;
  box-shadow: inset 0 1px #b2d7bc14;
}

@media (max-width: 620px) {
  .hero-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 0;
  }

  .hero-benefits > div:nth-child(2) {
    border-right: 0;
  }

  .hero-trusted > div {
    gap: 12px 15px;
  }
}

.steps-journey-track {
  background: linear-gradient(90deg, #0000, #438d686b 10%, #438d684d 90%, #0000);
  height: 1px;
  position: absolute;
  top: 76px;
  left: 10%;
  right: 10%;
}

.steps-journey-track i, .steps-journey-track span {
  background: var(--elysium-void);
  border: 1px solid #438d688c;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: -4px;
}

.steps-journey-track i {
  left: 0;
}

.steps-journey-track span:first-of-type {
  left: 33.333%;
}

.steps-journey-track span:nth-of-type(2) {
  left: 66.666%;
}

.steps-journey-track span:nth-of-type(3) {
  right: 0;
}

.step-card {
  z-index: 1;
  min-height: 332px;
  color: var(--text-main);
  will-change: transform;
  background: linear-gradient(145deg, #ffffffad, #f8fbff4d);
  border: 1px solid #438d6847;
  flex-direction: column;
  padding: 26px 26px 23px;
  transition: transform .56s cubic-bezier(.22, 1, .36, 1), border-color .4s, box-shadow .56s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  position: relative;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 20px 52px #1e406e14, inset 0 1px #ffffffb3;
}

.step-card-01 {
  border-radius: 26px 10px;
}

.step-card-02 {
  border-radius: 10px 26px;
}

.step-card-03 {
  border-radius: 26px 10px;
}

.step-card:after {
  content: "";
  opacity: .7;
  border-top: 1px solid #438d685c;
  border-right: 1px solid #438d685c;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 14px;
  right: 14px;
}

.step-card:hover {
  z-index: 2;
  border-color: #438d6894;
  transform: translate3d(0, -8px, 0);
  box-shadow: 0 28px 64px #1e406e24, inset 0 1px #fffc;
}

.step-card-header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.step-number {
  color: #438d68b3;
  font-family: var(--font-display-font),Georgia,serif;
  letter-spacing: -.07em;
  font-size: 70px;
  font-style: italic;
  font-weight: 500;
  line-height: .74;
}

.step-marker {
  color: #2d7654;
  min-height: 25px;
  font: 650 7px/1 var(--font-ui-sans),system-ui,sans-serif;
  letter-spacing: .16em;
  border: 1px solid #438d684d;
  border-radius: 999px;
  align-items: center;
  padding: 0 9px;
  display: inline-flex;
}

.step-card-copy {
  margin-top: 43px;
}

.step-title {
  color: var(--text-main);
  font-family: var(--font-ui-sans),system-ui,sans-serif;
  letter-spacing: -.025em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.18;
}

.step-text {
  color: var(--text-secondary);
  font-family: var(--font-ui-sans),system-ui,sans-serif;
  margin-top: 13px;
  font-size: 13px;
  line-height: 1.72;
}

.step-code-wrap {
  gap: 8px;
  margin-top: auto;
  padding-top: 22px;
  display: grid;
}

.step-code-wrap > span {
  color: var(--text-muted);
  font: 650 7px/1 var(--font-ui-sans),system-ui,sans-serif;
  letter-spacing: .18em;
}

.code-chip {
  overflow-wrap: anywhere;
  color: #2d7654;
  max-width: 100%;
  font-family: var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  background: #438d6814;
  border: 1px solid #438d684d;
  border-radius: 10px;
  padding: 10px 11px;
  font-size: 10px;
  line-height: 1.45;
  display: block;
}

.route-card {
  background: #ffffff80;
  border: 1px solid #438d684d;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 65px #1e406e1a;
}

.route-card-header {
  border-bottom: 1px solid #438d6833;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 0 24px;
  display: flex;
}

.route-status {
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: 3px;
  color: #64748b;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  display: flex;
}

.route-live-dot {
  background: #7ed3a0;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  animation: 2s ease-in-out infinite livePulse;
  box-shadow: 0 0 10px #7ed3a0e6;
}

@keyframes livePulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 8px #7ed3a0bf;
  }

  50% {
    transform: scale(1.25);
    box-shadow: 0 0 16px #7ed3a0f2;
  }
}

.route-endpoint {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: #2d7654;
  font-size: 12px;
}

.route-main {
  grid-template-columns: .9fr 1.4fr;
  min-height: 300px;
  display: grid;
}

.request-summary {
  border-right: 1px solid #438d6833;
  padding: 34px;
}

.request-label {
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: 2.6px;
  color: #2d7654;
  margin-bottom: 12px;
  font-size: 10px;
}

.request-summary h3 {
  font-family: var(--font-display-font), "Cormorant", serif;
  color: #173d2b;
  margin-bottom: 14px;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.05;
}

.request-summary p {
  font-family: var(--font-landing-sans), "Cinzel", serif;
  color: #64748b;
  margin-bottom: 24px;
  font-size: 12.5px;
  line-height: 1.85;
}

.request-mini-code {
  background: #438d6812;
  border: 1px solid #438d6838;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  padding: 10px 12px;
  display: flex;
}

.request-mini-code span {
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: 2px;
  color: #2d7654;
  text-transform: uppercase;
  font-size: 9px;
}

.request-mini-code code {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: #396d4f;
  overflow-wrap: anywhere;
  text-align: right;
  font-size: 11.5px;
}

.status-overview-card {
  background: radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 34%),
    linear-gradient(145deg, var(--surface-panel-strong), var(--surface-panel));
}

.status-model-card {
  content-visibility: auto;
  contain: layout paint style;
  contain-intrinsic-size: auto 80px;
  position: relative;
  overflow: hidden;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.status-model-matrix, .status-model-card.is-variants-open {
  overflow: visible !important;
}

.status-model-card.is-variants-open {
  contain: none;
  content-visibility: visible;
}

.status-variant-popover {
  color: var(--text-main);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: var(--surface-panel-strong) !important;
}

html.dark .status-variant-popover {
  background: var(--surface-panel-strong) !important;
}

.status-model-matrix:after {
  display: none !important;
}

.route-ledger {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  background: #2d765406;
  border-top: 1px solid #438d6833;
  padding: 18px 24px 22px;
  font-size: 12px;
  line-height: 1.9;
}

.ledger-row {
  opacity: .55;
  grid-template-columns: 58px 78px 1fr;
  gap: 14px;
  animation: 8s linear infinite ledgerFocus;
  display: grid;
}

.ledger-row.row-1 {
  animation-delay: 0s;
}

.ledger-row.row-2 {
  animation-delay: 1.2s;
}

.ledger-row.row-3 {
  animation-delay: 2.4s;
}

.ledger-row.row-4 {
  animation-delay: 3.6s;
}

.ledger-row.row-5 {
  animation-delay: 4.8s;
}

@keyframes ledgerFocus {
  0%, 100% {
    opacity: .48;
    transform: translateX(0);
  }

  8%, 18% {
    opacity: 1;
    transform: translateX(4px);
  }

  26% {
    opacity: .62;
    transform: translateX(0);
  }
}

.ledger-time {
  color: #7b91ad;
}

.ledger-tag {
  color: #438d68;
}

.ledger-tag.ok {
  color: #7aae7a;
}

.ledger-text {
  color: #64748b;
}

.elysium-catalog-note {
  color: #64748b;
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}

.elysium-catalog-note a {
  color: #2d7654;
  text-underline-offset: 4px;
  text-decoration: underline;
}

.news-section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 84px 26px 0;
}

.news-heading-row {
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  display: flex;
}

.news-heading-row .elysium-section-title {
  margin-bottom: 30px;
}

.news-heading-row > p {
  color: #64748b;
  max-width: 350px;
  margin-bottom: 38px;
  font-size: 12px;
  line-height: 1.8;
}

.news-stage {
  background: #ffffff75;
  border: 1px solid #438d6847;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 26px 70px #1e406e1a;
}

.news-active-card {
  cursor: grab;
  touch-action: pan-y;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  min-height: 520px;
  display: grid;
}

.news-active-card:active {
  cursor: grabbing;
}

.news-copy {
  border-right: 1px solid #438d6833;
  flex-direction: column;
  min-width: 0;
  padding: 48px 48px 38px;
  display: flex;
  position: relative;
}

.news-counter {
  color: #2d7654;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  align-items: center;
  gap: 10px;
  display: flex;
}

.news-counter span {
  font-size: 16px;
  font-weight: 600;
}

.news-counter i {
  background: #438d6880;
  width: 40px;
  height: 1px;
}

.news-counter small {
  color: #7b91ad;
  font-size: 9px;
}

.news-date {
  color: #7b91ad;
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 62px;
  font-size: 8px;
}

.news-copy h3 {
  color: #173d2b;
  font-family: var(--font-display-font), "Cormorant", serif;
  letter-spacing: -.035em;
  margin-top: 14px;
  font-size: clamp(2.5rem, 4.2vw, 4rem);
  font-weight: 500;
  line-height: .95;
}

.news-description {
  color: #64748b;
  white-space: pre-line;
  scrollbar-color: #438d6873 transparent;
  scrollbar-width: thin;
  max-height: 13.5em;
  margin-top: 24px;
  padding-right: 8px;
  font-size: 12.5px;
  line-height: 1.85;
  overflow-y: auto;
}

.news-copy-footer {
  color: #7b91ad;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  letter-spacing: .12em;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding-top: 28px;
  font-size: 7px;
  display: flex;
}

.news-copy-footer i {
  background: linear-gradient(90deg, #438d6861, #0000);
  flex: 1;
  height: 1px;
}

.news-figure {
  background: #dbe9f8;
  min-height: 520px;
  position: relative;
  overflow: hidden;
}

.news-figure img {
  transition: transform 8.5s cubic-bezier(.2, .7, .25, 1);
}

.news-stage:hover .news-figure img {
  transform: scale(1.035);
}

.news-image-wash {
  pointer-events: none;
  background: linear-gradient(90deg, #10233f21, #0000 30%), linear-gradient(0deg, #07111f61, #0000 42%);
  position: absolute;
  inset: 0;
}

.news-image-mark {
  color: #fff;
  text-shadow: 0 2px 18px #0006;
  align-items: center;
  gap: 12px;
  display: flex;
  position: absolute;
  bottom: 22px;
  right: 24px;
}

.news-image-mark span {
  font-family: var(--font-display-font), "Cormorant", serif;
  font-size: 26px;
  line-height: 1;
}

.news-image-mark small {
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .18em;
  border-left: 1px solid #ffffff7a;
  padding-left: 12px;
  font-size: 7px;
}

.news-navigation {
  background: #f9f4eab3;
  border-top: 1px solid #438d6833;
  align-items: stretch;
  min-height: 82px;
  display: flex;
}

.news-tabs {
  flex: 1;
  min-width: 0;
  display: flex;
}

.news-tabs button {
  color: #7b91ad;
  text-align: left;
  border-right: 1px solid #438d6824;
  flex: 1 1 0;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 82px;
  padding: 0 15px;
  transition: color .24s, background .24s, flex .38s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.news-tabs button:hover, .news-tabs button.active {
  color: #2d7654;
  background: #ffffff75;
  flex: 2.15 1 0;
}

.news-tabs button span {
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  flex: none;
  font-size: 10px;
}

.news-tabs button i {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 9px;
  font-style: normal;
  line-height: 1.3;
  display: none;
  overflow: hidden;
}

.news-tabs button.active i {
  display: block;
}

.news-tabs button b {
  transform-origin: 0;
  background: #438d68;
  width: 100%;
  height: 2px;
  animation: 9s linear both newsProgress;
  position: absolute;
  bottom: 0;
  left: 0;
}

@keyframes newsProgress {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.news-arrows {
  flex: none;
  display: flex;
}

.news-arrows button {
  color: #64748b;
  border-left: 1px solid #438d682e;
  place-items: center;
  width: 64px;
  min-height: 82px;
  transition: color .22s, background .22s;
  display: grid;
}

.news-arrows button:hover {
  color: #2d7654;
  background: #fff9;
}

.news-arrows svg {
  width: 17px;
  height: 17px;
}

.models-catalog {
  --models-bg: #eff6ff;
  --models-surface: #f6faffa8;
  --models-surface-strong: #ffffffd6;
  --models-text: #17243b;
  --models-text-muted: #5f718d;
  --models-text-soft: #8291aa;
  --models-gold: #5f8fdf;
  --models-gold-strong: #78aaf1;
  --models-border: #5f8fdf4d;
  --models-border-soft: #5f8fdf2e;
  --models-shadow: #26579e1f;
  --models-success: #6fae7e;
  --models-success-bg: #6fae7e24;
  font-family: var(--font-ui-sans), Manrope, system-ui, sans-serif;
  color: var(--models-text);
}

.models-catalog-head h1 {
  color: var(--models-text);
  font-family: var(--font-ui-sans), Manrope, system-ui, sans-serif;
  letter-spacing: -.05em;
  font-size: clamp(44px, 7vw, 72px);
  font-weight: 800;
  line-height: .95;
}

.models-catalog-head p:not(.models-eyebrow) {
  max-width: 720px;
  color: var(--models-text-muted);
  margin-top: 16px;
  font-size: 17px;
  line-height: 1.7;
}

.models-eyebrow {
  color: var(--models-gold);
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 800;
}

.models-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  margin-bottom: 12px;
  display: flex;
}

.models-search {
  background: var(--models-surface-strong);
  border: 1px solid var(--models-border);
  min-width: 220px;
  min-height: 48px;
  color: var(--models-text-soft);
  border-radius: 999px;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
}

.models-search:focus-within {
  border-color: color-mix(in srgb, var(--models-gold) 65%, transparent);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--models-gold) 20%, transparent);
}

.models-search input {
  width: 100%;
  min-width: 0;
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  color: var(--models-text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 15px;
}

.models-search input::placeholder {
  color: var(--models-text-soft);
}

.models-tabs {
  background: var(--models-surface);
  border: 1px solid var(--models-border);
  border-radius: 999px;
  gap: 2px;
  padding: 4px;
  display: inline-flex;
}

.models-tabs .tab {
  min-height: 36px;
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  color: var(--models-text-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 8px 15px;
  font-size: 13px;
  transition: background-color .2s, color .2s, box-shadow .2s;
  display: inline-flex;
}

.models-tabs .tab.active {
  background: linear-gradient(135deg, var(--models-gold-strong), var(--models-gold));
  color: #fff;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--models-gold) 34%, transparent);
}

.models-sort .tab {
  text-transform: lowercase;
  font-size: 12px;
}

.provider-group {
  margin-top: 32px;
}

.provider-group-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.provider-title {
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  letter-spacing: 1.5px;
  color: var(--models-text);
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
}

.provider-dot {
  background: var(--models-gold);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 8px color-mix(in srgb, var(--models-gold) 70%, transparent);
  border-radius: 999px;
}

.provider-count {
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  color: var(--models-text-soft);
  font-size: 12px;
}

.models-grid, .models-loading-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
  display: grid;
}

@media (min-width: 1180px) {
  .models-grid, .models-loading-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.model-card, .model-card-skeleton, .models-empty {
  background: var(--models-surface);
  border: 1px solid var(--models-border);
  box-shadow: 0 16px 40px var(--models-shadow);
  border-radius: 16px;
}

.model-card {
  content-visibility: auto;
  contain-intrinsic-size: auto 235px;
  align-self: start;
  padding: 14px;
  transition: transform .2s, box-shadow .2s, border-color .2s;
  position: relative;
  overflow: hidden;
}

.model-card-background {
  z-index: 0;
  pointer-events: none;
  opacity: .28;
  background-position: center;
  background-size: cover;
  animation: .42s both modelCardBackgroundIn;
  position: absolute;
  inset: 0;
  transform: scale(1.025);
}

.model-card-background:after {
  content: "";
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--models-surface) 42%, transparent),
    color-mix(in srgb, var(--models-surface) 18%, transparent));
  position: absolute;
  inset: 0;
}

.model-card > :not(.model-card-background) {
  z-index: 1;
  position: relative;
}

html.dark .model-card-background {
  opacity: .22;
}

.model-card:hover {
  border-color: color-mix(in srgb, var(--models-gold) 58%, transparent);
  box-shadow: 0 22px 55px color-mix(in srgb, var(--models-gold) 19%, transparent);
  transform: translateY(-3px);
}

.model-card-top {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  display: flex;
}

.model-type-badge {
  background: color-mix(in srgb, var(--models-gold) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--models-gold) 36%, transparent);
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--models-gold);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  font-size: 10px;
  display: inline-flex;
}

.model-tier-badge {
  color: #0369a1;
  min-height: 26px;
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  letter-spacing: .08em;
  text-align: center;
  white-space: nowrap;
  background: #0ea5e91a;
  border: 1px solid #38bdf84d;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 5px 9px;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

html.dark .model-tier-badge {
  color: #7dd3fc;
}

.model-context {
  border: 1px solid var(--models-border-soft);
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--models-text-soft);
  white-space: nowrap;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 10px;
}

.model-title-row {
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
  display: flex;
}

.model-card.is-variants-open {
  z-index: 30;
  contain: none;
  content-visibility: visible;
  overflow: visible;
}

.model-provider-icon-shell {
  border: 1px solid color-mix(in srgb, var(--models-gold) 24%, transparent);
  background: color-mix(in srgb, var(--models-surface) 86%, white 14%);
  width: 32px;
  height: 32px;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--models-shadow) 42%, transparent);
  border-radius: 10px;
  flex: 0 0 32px;
  place-items: center;
  display: inline-grid;
}

.model-provider-icon-shell.is-compact {
  border-radius: 9px;
  flex-basis: 28px;
  width: 28px;
  height: 28px;
}

.model-name {
  color: var(--models-text);
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.model-id-copy {
  background: color-mix(in srgb, var(--models-gold) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--models-gold) 31%, transparent);
  cursor: pointer;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 40px;
  padding: 9px 13px;
  transition: all .25s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.model-id-copy:hover {
  background: color-mix(in srgb, var(--models-gold) 15%, transparent);
  border-color: color-mix(in srgb, var(--models-gold) 52%, transparent);
}

.model-id-text {
  min-width: 0;
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--models-gold-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  font-size: 13px;
  transition: opacity .2s;
  overflow: hidden;
}

.copy-icon {
  color: var(--models-text-soft);
  flex: none;
  transition: opacity .2s;
}

.copied-label {
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  color: #2f7a4e;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  transition: all .25s;
  display: flex;
  position: absolute;
  inset: 0;
  transform: scale(.96);
}

.model-id-copy.copied {
  background: var(--models-success-bg);
  border-color: #6fae7e8c;
  animation: .4s copiedPulse;
}

.model-id-copy.copied .model-id-text, .model-id-copy.copied .copy-icon {
  opacity: 0;
}

.model-id-copy.copied .copied-label {
  opacity: 1;
  transform: scale(1);
}

@keyframes copiedPulse {
  0% {
    box-shadow: 0 0 #6fae7e73;
  }

  100% {
    box-shadow: 0 0 0 10px #6fae7e00;
  }
}

.model-family-picker {
  border: 1px solid var(--models-border);
  background: color-mix(in srgb, var(--models-surface-strong) 77%, transparent);
  border-radius: 13px;
  margin-top: 10px;
  transition: border-color .22s, box-shadow .22s, background-color .22s;
  position: relative;
  overflow: hidden;
}

.model-family-picker.is-open {
  border-color: color-mix(in srgb, var(--models-gold) 58%, transparent);
  background: color-mix(in srgb, var(--models-surface-strong) 92%, transparent);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--models-gold) 14%, transparent);
  overflow: visible;
}

.model-family-toggle {
  text-align: left;
  width: 100%;
  min-height: 48px;
  color: var(--models-text);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  display: flex;
}

.model-family-toggle > span {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.model-family-toggle strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
  overflow: hidden;
}

.model-family-toggle small {
  color: var(--models-text-soft);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.model-family-toggle svg {
  color: var(--models-gold);
  flex: none;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1);
}

.model-family-picker.is-open .model-family-toggle svg {
  transform: rotate(180deg);
}

.reasoning-glass-backdrop {
  -webkit-backdrop-filter: blur(10px) saturate(112%);
  backdrop-filter: blur(10px) saturate(112%);
  background: #030a1894;
}

.reasoning-glass-dialog {
  isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--models-gold) 32%, #fff3);
  color: var(--text-main);
  background: linear-gradient(145deg, #ffffff1a, transparent 38%),
    color-mix(in srgb, var(--liquid-glass-strong) 97%, var(--bg-main));
  -webkit-backdrop-filter: blur(30px) saturate(155%);
  backdrop-filter: blur(30px) saturate(155%);
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 85px #0208179e, inset 0 1px #ffffff2e, inset 0 -1px #788cbe14;
}

.reasoning-glass-dialog:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 18% 0, #9778ff29, #0000 46%);
  position: absolute;
  inset: 0;
}

html:not(.dark) .reasoning-glass-backdrop {
  background: #1b263a57;
}

html:not(.dark) .reasoning-glass-dialog {
  background: linear-gradient(145deg, #ffffffb3, transparent 42%),
    color-mix(in srgb, var(--liquid-glass-strong) 96%, white);
  box-shadow: 0 28px 80px #22314b47, inset 0 1px #ffffffe0;
}

.model-family-options {
  z-index: 60;
  border: 1px solid var(--models-border);
  max-height: min(420px, 55vh);
  color: var(--models-text);
  background: var(--models-surface-strong);
  border-radius: 13px;
  gap: 4px;
  padding: 6px;
  animation: .26s cubic-bezier(.22, 1, .36, 1) both modelFamilyOptionsIn;
  display: grid;
  position: absolute;
  top: calc(100% + 6px);
  left: -1px;
  right: -1px;
  overflow-y: auto;
  box-shadow: 0 20px 52px #1f304a3d;
}

.model-family-picker.opens-up .model-family-options {
  transform-origin: bottom;
  top: auto;
  bottom: calc(100% + 6px);
}

html.dark .model-family-options {
  background: var(--models-surface-strong);
}

.model-variant-row {
  text-align: left;
  width: 100%;
  min-height: 44px;
  color: var(--models-text-muted);
  border: 1px solid #0000;
  border-radius: 9px;
  grid-template-columns: minmax(0, 1fr) auto 12px;
  align-items: center;
  gap: .5rem;
  padding: .42rem .55rem;
  transition: color .18s, border-color .18s, background-color .18s, transform .18s;
  display: grid;
  overflow: hidden;
}

.model-variant-copy {
  min-width: 0;
  overflow: hidden;
}

.model-variant-copy strong, .model-variant-copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.model-variant-copy strong {
  font-size: 12px;
}

.model-variant-copy small {
  color: var(--models-text-soft);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  font-size: 10px;
}

.model-variant-row small {
  color: var(--models-text-soft);
}

.model-variant-row:hover, .model-variant-row.is-selected {
  border-color: color-mix(in srgb, var(--models-gold) 30%, transparent);
  background: color-mix(in srgb, var(--models-gold) 11%, transparent);
  color: var(--models-text);
  transform: translateX(2px);
}

.model-variant-arrow {
  text-align: right;
  width: 12px;
  color: var(--models-gold);
  font-size: 14px;
  font-weight: 800;
}

.model-uptime-strip {
  flex: none;
  align-items: center;
  gap: 2px;
  display: inline-flex;
}

.model-uptime-strip i {
  background: color-mix(in srgb, var(--models-text-soft) 24%, transparent);
  border-radius: 2px;
  width: 4px;
  height: 12px;
}

.model-uptime-strip i.is-healthy {
  background: #34d399;
}

.model-uptime-strip i.is-warning {
  background: #fbbf24;
}

.model-uptime-strip i.is-down {
  background: #fb7185;
}

.model-family-health {
  border: 1px solid var(--models-border-soft);
  background: color-mix(in srgb, var(--models-surface-strong) 72%, transparent);
  min-height: 34px;
  color: var(--models-text-muted);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  backdrop-filter: blur(18px) saturate(1.25);
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 6px;
  padding: 6px 9px;
  display: flex;
}

.model-family-health-label {
  min-width: 0;
  color: var(--models-text-soft);
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 800;
  overflow: hidden;
}

.model-family-health strong {
  color: var(--models-text);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  font-size: 10px;
}

.model-family-health small {
  color: var(--models-text-soft);
  margin-left: auto;
  font-size: 9px;
  line-height: 1.2;
}

.model-family-health .model-uptime-windows {
  width: 100%;
}

.model-family-health-strip {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.model-family-health-strip strong {
  color: var(--models-text);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  font-size: 10px;
}

.model-uptime-windows {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  margin-top: 7px;
  display: grid;
}

.model-uptime-window {
  border: 1px solid var(--models-border-soft);
  min-width: 0;
  min-height: 37px;
  color: var(--models-text-muted);
  background: color-mix(in srgb, var(--models-surface-strong) 78%, transparent);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  display: flex;
}

.model-uptime-window > span {
  text-transform: uppercase;
  align-items: center;
  gap: 5px;
  min-width: 0;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}

.model-uptime-window > span i {
  background: var(--models-text-soft);
  border-radius: 999px;
  flex: none;
  width: 6px;
  height: 6px;
}

.model-uptime-window > span i.is-healthy {
  background: #34d399;
  box-shadow: 0 0 9px #34d39980;
}

.model-uptime-window > span i.is-warning {
  background: #fbbf24;
}

.model-uptime-window > span i.is-down {
  background: #fb7185;
}

.model-uptime-window > span i.is-empty {
  opacity: .45;
}

.model-uptime-window > strong {
  color: var(--models-text);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  font-size: 10px;
}

.model-variant-detail {
  border: 1px solid color-mix(in srgb, var(--models-gold) 38%, transparent);
  background: color-mix(in srgb, var(--models-surface-strong) 82%, transparent);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--models-gold) 10%, transparent);
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  backdrop-filter: blur(22px) saturate(1.3);
  border-radius: 13px;
  margin-top: 10px;
  padding: 10px;
  animation: .38s cubic-bezier(.22, 1, .36, 1) both modelVariantDetailIn;
}

.model-variant-detail-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.model-variant-detail-head small, .model-variant-detail-head strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.model-variant-detail-head small {
  color: var(--models-text-soft);
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
}

.model-variant-detail-head strong {
  color: var(--models-text);
  font-size: 12px;
}

.model-variant-detail-head > span:last-child {
  text-transform: uppercase;
  border-radius: 999px;
  flex: none;
  padding: 4px 7px;
  font-size: 8px;
  font-weight: 800;
}

.model-variant-detail-head .is-available {
  color: #059669;
  background: #34d3991f;
}

.model-variant-detail-head .is-unavailable {
  color: #e11d48;
  background: #fb71851f;
}

.model-variant-health {
  min-height: 32px;
  color: var(--models-text-muted);
  align-items: center;
  gap: 9px;
  margin-top: 7px;
  padding: 5px 2px;
  font-size: 9px;
  display: flex;
}

.model-variant-health > span {
  align-items: center;
  gap: 7px;
  margin-right: auto;
  display: flex;
}

.model-variant-health small {
  color: var(--models-text-soft);
  text-transform: uppercase;
  font-weight: 700;
}

.model-variant-health strong {
  color: var(--models-text);
}

.model-variant-health code {
  color: var(--models-gold-strong);
  font-size: 9px;
}

@keyframes modelFamilyOptionsIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes modelVariantDetailIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes modelCardBackgroundIn {
  from {
    opacity: 0;
    transform: scale(1.065);
  }
}

.model-internal {
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: var(--models-text-soft);
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  gap: 4px;
  margin-top: 6px;
  font-size: 11px;
  display: grid;
}

.model-internal > span {
  overflow-wrap: anywhere;
  min-width: 0;
  color: var(--models-gold-strong);
}

.model-prices {
  border: 1px solid var(--models-border-soft);
  border-radius: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 9px;
  display: grid;
  overflow: hidden;
}

.tier-pricing-toggle {
  border: 1px solid var(--models-border-soft);
  background: color-mix(in srgb, var(--models-surface-strong) 70%, transparent);
  width: 100%;
  min-height: 44px;
  color: var(--models-text);
  text-align: left;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  padding: 8px 12px;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.tier-pricing-toggle:hover {
  background: color-mix(in srgb, var(--models-surface-strong) 88%, transparent);
  border-color: #38bdf857;
}

.tier-pricing-toggle > span {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.tier-pricing-toggle strong {
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

.tier-pricing-toggle small {
  color: var(--models-text-soft);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  line-height: 1.2;
}

.tier-pricing-toggle svg {
  color: #0ea5e9;
  flex: none;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1);
}

.tier-pricing-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.tier-pricing-toggle[aria-expanded="true"] {
  background: #0ea5e917;
  border-color: #38bdf861;
  box-shadow: 0 5px 18px #0ea5e91a;
}

.tier-pricing-viewport {
  border-radius: 12px;
  margin-top: 12px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.tier-pricing-viewport:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(#0000 20%, #7dd3fc2e 50%, #0000 80%);
  position: absolute;
  inset: 0;
}

.model-prices.tier-pricing-panel {
  z-index: 1;
  will-change: transform, opacity, filter;
  grid-area: 1 / 1;
  margin-top: 0;
  transition: transform .46s cubic-bezier(.22, 1, .36, 1), opacity .32s, filter .32s;
  position: relative;
}

.tier-pricing-standard {
  opacity: 1;
  transform: translateY(0);
}

.tier-pricing-long {
  opacity: 0;
  background: #0ea5e90a;
  border-color: #38bdf838;
  transform: translateY(105%);
}

.tier-pricing-viewport.is-long-context .tier-pricing-standard {
  opacity: .12;
  filter: blur(2px);
  transform: translateY(-108%) scale(.975);
}

.tier-pricing-viewport.is-long-context .tier-pricing-long {
  opacity: 1;
  animation: .46s cubic-bezier(.22, 1, .36, 1) both tierPriceCellsIn;
  transform: translateY(0);
}

.tier-pricing-viewport.is-long-context:after {
  animation: .52s cubic-bezier(.22, 1, .36, 1) tierPriceSweep;
}

.tier-pricing-viewport:not(.is-long-context) .tier-pricing-standard .price-cell {
  animation: .38s cubic-bezier(.22, 1, .36, 1) both tierPriceCellReturn;
}

.tier-pricing-viewport.is-long-context .tier-pricing-long .price-cell:nth-child(2), .tier-pricing-viewport:not(.is-long-context) .tier-pricing-standard .price-cell:nth-child(2) {
  animation-delay: 35ms;
}

.tier-pricing-viewport.is-long-context .tier-pricing-long .price-cell:nth-child(3), .tier-pricing-viewport:not(.is-long-context) .tier-pricing-standard .price-cell:nth-child(3) {
  animation-delay: 70ms;
}

.tier-pricing-viewport.is-long-context .tier-pricing-long .price-cell:nth-child(4), .tier-pricing-viewport:not(.is-long-context) .tier-pricing-standard .price-cell:nth-child(4) {
  animation-delay: .105s;
}

@keyframes tierPriceCellsIn {
  from {
    filter: brightness(1.24);
  }

  to {
    filter: brightness();
  }
}

@keyframes tierPriceCellReturn {
  from {
    opacity: .62;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes tierPriceSweep {
  0% {
    opacity: 0;
    transform: translateY(-70%);
  }

  35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(70%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tier-pricing-toggle svg, .model-prices.tier-pricing-panel, .tier-pricing-viewport:after, .tier-pricing-viewport .price-cell, .model-card-background, .model-family-options, .model-variant-detail {
    transition: none;
    animation: none;
  }
}

.price-cell {
  border-right: 1px solid var(--models-border-soft);
  border-bottom: 1px solid var(--models-border-soft);
  padding: 8px 10px;
}

.price-cell:nth-child(2n) {
  border-right: none;
}

.price-cell:nth-child(3), .price-cell:nth-child(4) {
  border-bottom: none;
}

.price-label {
  font-family: var(--font-ui-sans), Manrope, sans-serif;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: var(--models-text-soft);
  margin-bottom: 2px;
  font-size: 9.5px;
}

.price-value {
  color: var(--models-text);
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 14px;
  font-weight: 700;
}

.model-card-skeleton {
  min-height: 210px;
  animation: 1.5s ease-in-out infinite pulse;
}

.models-empty {
  color: var(--models-text-muted);
  margin-top: 32px;
  padding: 28px;
  font-size: 14px;
}

.site-footer {
  background: radial-gradient(circle at 50% 0, #438d681a, #0000 42%), #ffffff42;
  border-top: 1px solid #438d6838;
  margin-top: 130px;
  padding: 84px 26px 34px;
  position: relative;
  overflow: visible;
}

.footer-cherubs {
  opacity: .9;
  pointer-events: none;
  filter: drop-shadow(0 18px 35px #1e406e1a);
  width: 420px;
  max-width: 80vw;
  height: auto;
  transition: opacity .55s, transform .55s cubic-bezier(.22, 1, .36, 1), filter .55s;
  position: absolute;
  top: -72px;
  left: 50%;
  transform: translateX(-50%);
}

.footer-inner {
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
}

.footer-links {
  border-bottom: 1px solid #438d6833;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
  padding: 40px 0;
  display: grid;
}

.footer-column h4 {
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: 2.6px;
  text-transform: uppercase;
  color: #2d7654;
  margin-bottom: 16px;
  font-size: 11px;
}

.footer-column a {
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .5px;
  color: #64748b;
  margin-bottom: 11px;
  font-size: 12px;
  text-decoration: none;
  transition: color .2s, transform .2s;
  display: block;
}

.footer-column a:hover {
  color: #173d2b;
  transform: translateX(3px);
}

.footer-bottom {
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .8px;
  color: #7b91ad;
  justify-content: space-between;
  gap: 24px;
  padding-top: 24px;
  font-size: 11px;
  display: flex;
}

.elysium-faq-list {
  border-top: 1px solid #438d683d;
}

.elysium-faq-item {
  border-bottom: 1px solid #438d683d;
  transition: background .24s;
  position: relative;
  overflow: hidden;
}

.elysium-faq-item:before {
  content: "";
  opacity: 0;
  background: linear-gradient(#0000, #438d68, #0000);
  width: 2px;
  transition: opacity .24s, transform .24s;
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 0;
  transform: scaleY(.4);
}

.elysium-faq-item:hover, .elysium-faq-item.open {
  background: linear-gradient(90deg, #438d680f, #0000 48%);
}

.elysium-faq-item.open:before {
  opacity: 1;
  transform: scaleY(1);
}

.elysium-faq-question {
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  grid-template-columns: 44px 1fr 36px;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-height: 44px;
  padding: 22px 0 22px 12px;
  display: grid;
}

.elysium-faq-number {
  color: #438d68bf;
  font-family: var(--font-display-font), Georgia, serif;
  text-align: left;
  font-size: 24px;
  font-style: italic;
}

.elysium-faq-title {
  color: #173d2b;
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  letter-spacing: .4px;
  font-size: 13px;
  font-weight: 600;
}

.elysium-faq-plus {
  color: #2d7654;
  border: 1px solid #438d6852;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: transform .22s, background .22s, box-shadow .22s;
  display: flex;
}

.elysium-faq-answer-wrap {
  grid-template-rows: 0fr;
  transition: grid-template-rows .28s;
  display: grid;
}

.elysium-faq-answer {
  color: #64748b;
  min-height: 0;
  font-family: var(--font-ui-sans), system-ui, sans-serif;
  opacity: 0;
  padding: 0 54px 0 76px;
  font-size: 12.5px;
  line-height: 1.8;
  transition: opacity .24s, padding-bottom .28s, transform .24s;
  overflow: hidden;
  transform: translateY(-6px);
}

.elysium-faq-item.open .elysium-faq-answer-wrap {
  grid-template-rows: 1fr;
}

.elysium-faq-item.open .elysium-faq-answer {
  opacity: 1;
  padding-bottom: 22px;
  transform: translateY(0);
}

.elysium-faq-item.open .elysium-faq-plus {
  background: #438d681a;
  transform: rotate(45deg);
  box-shadow: 0 8px 18px #1e406e14;
}

.legal-shell {
  color: #173d2b;
  background-color: #f4f8ff;
  background-image: linear-gradient(#438d680e 1px, #0000 1px), linear-gradient(90deg, #438d680e 1px, #0000 1px), none;
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: 72px 72px;
  background-attachment: scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  min-height: 100vh;
  padding: 132px 24px 120px;
  position: relative;
  overflow: hidden;
}

.legal-orb {
  pointer-events: none;
  filter: blur(2px);
  border-radius: 50%;
  position: absolute;
}

.legal-orb-one {
  background: radial-gradient(circle, #eff6fff2, #438d6821 46%, #0000 70%);
  width: 680px;
  height: 680px;
  top: -260px;
  right: -160px;
}

.legal-orb-two {
  background: radial-gradient(circle, #b2d7bc2e, #0000 68%);
  width: 620px;
  height: 620px;
  bottom: -280px;
  left: -240px;
}

.legal-container {
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
}

.legal-back-link {
  color: #64748b;
  min-height: 44px;
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  transition: color .2s, transform .2s;
  display: inline-flex;
}

.legal-back-link svg {
  width: 15px;
  height: 15px;
}

.legal-back-link:hover {
  color: #2d7654;
  transform: translateX(-3px);
}

.legal-hero {
  border-bottom: 1px solid #438d6847;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: end;
  gap: 32px;
  padding: 50px 0 58px;
  display: grid;
}

.legal-document-mark {
  background: color-mix(in srgb, var(--surface-panel-strong) 70%, transparent);
  border: 1px solid #438d6852;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 44px #ffffff6b, 0 22px 60px #1e406e17;
}

.settings-switch {
  border: 1px solid var(--border-soft);
  min-height: 46px;
  color: var(--text-secondary);
  background: var(--surface-muted);
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  font-size: 12px;
  transition: border-color .2s, background .2s, color .2s;
  display: inline-flex;
}

.settings-switch > span {
  background: color-mix(in srgb, var(--text-muted) 34%, transparent);
  border-radius: 999px;
  width: 38px;
  height: 22px;
  transition: background .2s;
  display: block;
  position: relative;
}

.settings-switch i {
  background: var(--surface-panel-strong);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: transform .22s, background .22s;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 2px 7px #00000029;
}

.settings-switch.is-on {
  color: var(--text-main);
  border-color: color-mix(in srgb, var(--accent) 42%, transparent);
}

.settings-switch.is-on > span {
  background: var(--accent);
}

.settings-switch.is-on i {
  background: #eff6ff;
  transform: translateX(16px);
}

.topup-panel {
  border: 1px solid color-mix(in srgb, #79b38d 24%, var(--border-soft));
  background: radial-gradient(circle at 96% 0%, #438d6817, transparent 34%),
    linear-gradient(145deg, var(--surface-panel-strong), var(--surface-panel));
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 70px #245f431a;
}

.topup-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.topup-eyebrow {
  color: #2d7654;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
}

.topup-header-icon {
  color: #2d7654;
  background: #438d681a;
  border: 1px solid #438d683d;
  border-radius: 15px;
  flex: none;
  place-items: center;
  width: 46px;
  height: 46px;
  display: grid;
}

.topup-section-label {
  color: var(--text-secondary);
  letter-spacing: .12em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
}

.topup-section-label > span:last-child {
  color: #2d7654;
  letter-spacing: .04em;
  border: 1px solid #438d6833;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 10px;
}

.topup-checkout-layout {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.topup-step-card {
  border: 1px solid var(--border-soft);
  background: color-mix(in srgb,var(--surface-panel) 84%,transparent);
  border-radius: 20px;
  min-width: 0;
  padding: 18px;
  box-shadow: inset 0 1px #ffffff61;
}

.topup-step-heading {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.topup-step-heading > span {
  color: var(--text-main);
  letter-spacing: .02em;
  font-size: 13px;
  font-weight: 800;
}

.topup-step-heading > small {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.topup-amount-block {
  background: color-mix(in srgb,#e2f0e4 34%,var(--surface-panel));
  border: 1px solid #438d6833;
  border-radius: 20px;
  padding: 18px;
}

.topup-amount-input {
  cursor: text;
  background: color-mix(in srgb,#fff 28%,var(--surface-panel));
  border: 1px solid #438d6885;
  border-radius: 18px;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  margin-top: 10px;
  padding: 0 16px;
  transition: border-color .18s, box-shadow .18s;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff80;
}

.topup-amount-input:focus-within {
  border-color: #438d68;
  box-shadow: 0 0 0 3px #438d6821, inset 0 1px #ffffff80;
}

.topup-amount-input > span {
  color: #2d7654;
  font-size: 28px;
  font-weight: 800;
}

.topup-amount-input > input[type="number"], html[data-visual-skin="living"] .topup-amount-input > input[type="number"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .topup-amount-input > input[type="number"] {
  -webkit-appearance: none;
  appearance: textfield;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  box-shadow: none;
  color: var(--text-main);
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  transition: none;
  display: block;
}

.topup-amount-input > input[type="number"]:hover, .topup-amount-input > input[type="number"]:focus {
  box-shadow: none;
  background: none;
  border: 0;
  transform: none;
}

.topup-amount-input > input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.topup-amount-input > input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.topup-presets {
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
  display: flex;
}

.topup-presets button {
  border: 1px solid var(--border-soft);
  background: var(--surface-muted);
  min-width: 42px;
  min-height: 32px;
  color: var(--text-secondary);
  border-radius: 999px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 800;
  transition: all .18s;
}

.topup-presets button:hover, .topup-presets button.is-active {
  color: #173d2b;
  background: #fff;
  border-color: #fff;
  box-shadow: 0 5px 15px #2d76541f;
}

.topup-method-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 11px;
  display: grid;
}

.topup-method-list {
  gap: 8px;
  display: grid;
}

.topup-method {
  border: 1px solid var(--border-soft);
  background: color-mix(in srgb,var(--surface-panel) 72%,transparent);
  min-height: 112px;
  color: var(--text-main);
  text-align: left;
  border-radius: 16px;
  align-items: flex-start;
  gap: 12px;
  padding: 15px;
  transition: all .18s;
  display: flex;
}

.topup-method-list .topup-method {
  border-radius: 14px;
  align-items: center;
  min-height: 66px;
  padding: 11px 13px;
}

.topup-method:hover, .topup-method.is-selected {
  background: color-mix(in srgb,#e2f0e4 35%,var(--surface-panel));
  border-color: #438d68a3;
  box-shadow: 0 10px 25px #2d765414;
}

.topup-method.is-disabled {
  opacity: .62;
}

.topup-method-icon {
  color: #2d7654;
  background: #438d681f;
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.topup-method strong, .topup-method small {
  display: block;
}

.topup-method strong {
  margin-top: 2px;
  font-size: 13px;
}

.topup-method small {
  color: var(--text-secondary);
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.45;
}

.topup-method-list .topup-method small {
  margin-top: 3px;
}

.topup-other-methods {
  border: 1px solid var(--border-soft);
  width: 100%;
  min-height: 46px;
  color: var(--text-secondary);
  background: none;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.topup-placeholder {
  color: var(--text-secondary);
  background: #438d6814;
  border: 1px solid #438d683d;
  border-radius: 13px;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.55;
  display: flex;
}

.topup-placeholder svg {
  color: #2d7654;
}

.topup-summary {
  border: 1px solid var(--border-soft);
  background: var(--surface-muted);
  border-radius: 14px;
  gap: 8px;
  margin: 14px 0;
  padding: 13px 14px;
  display: grid;
}

.topup-summary > div {
  color: var(--text-secondary);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 11px;
  display: flex;
}

.topup-summary strong {
  color: var(--text-main);
  font-size: 12px;
}

.topup-checkout-button {
  color: #fff;
  background: linear-gradient(135deg, #2d7654, #245f43);
  border: 1px solid #2d765457;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 52px;
  font-size: 14px;
  font-weight: 800;
  transition: transform .18s, box-shadow .18s, filter .18s;
  display: flex;
  box-shadow: 0 14px 30px #245f432e;
}

.topup-checkout-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px #10274438;
}

.topup-checkout-button:disabled {
  cursor: not-allowed;
  opacity: .72;
}

.topup-checkout-button:disabled:hover {
  transform: none;
  box-shadow: 0 14px 30px #10274429;
}

.topup-security {
  border: 1px solid var(--border-soft);
  background: var(--surface-muted);
  border-radius: 16px;
  padding: 15px;
}

.topup-promo {
  background: color-mix(in srgb,#e2f0e4 20%,var(--surface-panel));
  border: 1px solid #438d682e;
  border-radius: 17px;
  padding: 17px;
}

@media (max-width: 640px) {
  .topup-header {
    gap: 12px;
  }

  .topup-header-icon {
    border-radius: 13px;
    width: 40px;
    height: 40px;
  }

  .topup-method-grid {
    grid-template-columns: 1fr;
  }

  .topup-method {
    align-items: center;
    min-height: 74px;
  }

  .topup-method small {
    margin-top: 3px;
  }

  .topup-amount-input input {
    font-size: 28px;
  }

  .topup-step-card {
    border-radius: 17px;
    padding: 15px;
  }
}

@media (max-width: 900px) {
  .topup-checkout-layout {
    grid-template-columns: 1fr;
  }
}

html.dark .topup-eyebrow, html.dark .topup-section-label > span:last-child {
  color: #a8d1b4;
}

html.dark .topup-header-icon, html.dark .topup-method-icon {
  color: #a8d1b4;
  background: #438d6829;
}

html.dark .topup-amount-block {
  background: #16375e47;
}

html.dark .topup-amount-input {
  background: #07111f4d;
}

html.dark .topup-amount-input > span {
  color: #c5dfcb;
}

html.dark .topup-presets button:hover, html.dark .topup-presets button.is-active {
  color: #173d2b;
  background: #e2f0e4;
  border-color: #bfdbfecc;
}

html.dark .topup-method:hover, html.dark .topup-method.is-selected {
  background: #16375e6b;
}

html.dark .topup-checkout-button {
  color: #eff6ff;
  background: linear-gradient(135deg, #2d7654, #245f43);
  border-color: #79b38d4d;
}

html.dark .topup-step-card {
  background: #10233f70;
  box-shadow: inset 0 1px #79b38d0a;
}

html.dark .topup-summary {
  background: #0b172861;
}

.topup-green-card {
  border: 1px solid color-mix(in srgb, #79b38d 30%, var(--border-soft));
  background: color-mix(in srgb, #e2f0e4 48%, var(--surface-muted));
}

html.dark .topup-panel {
  background: radial-gradient(circle at 96% 0, #438d681f, #0000 34%), linear-gradient(145deg, #10233feb, #07111ff0);
  border-color: #79b38d3d;
  box-shadow: 0 24px 70px #0000003d;
}

html.dark .topup-green-card {
  color: var(--text-main);
  background: #16375e75;
  border-color: #79b38d33;
}

.legal-document-mark:before {
  content: "";
  border: 1px solid #438d6833;
  border-radius: 16px;
  position: absolute;
  inset: 9px;
}

.legal-mark-icon {
  z-index: 1;
  color: #2d7654;
  stroke-width: 1.25px;
  width: 22px;
  height: 22px;
  position: relative;
}

.legal-support-callout {
  background: #e0f1e480;
  border: 1px solid #438d6847;
  border-radius: 18px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin: 30px 34px;
  padding: 18px;
  display: grid;
}

.legal-support-callout > span {
  color: #438d68;
  background: #438d681f;
  border-radius: 14px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.legal-support-callout svg {
  width: 19px;
  height: 19px;
}

.legal-support-callout strong {
  color: var(--text-main);
  font-size: 13px;
}

.legal-support-callout p {
  color: var(--text-secondary);
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.6;
}

.legal-support-callout a {
  color: #2d7654;
  border: 1px solid #438d684d;
  border-radius: 12px;
  align-items: center;
  min-height: 40px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

html.dark .legal-support-callout {
  background: #16375e6b;
  border-color: #79b38d33;
}

html.dark .legal-support-callout a {
  color: #a8d1b4;
  border-color: #79b38d3d;
}

.legal-document-mark strong {
  z-index: 1;
  color: #2d7654;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  letter-spacing: .18em;
  margin-top: 7px;
  font-size: 11px;
  font-weight: 500;
  position: relative;
}

.legal-document-mark small {
  z-index: 1;
  color: #7088a5;
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .24em;
  margin-top: 5px;
  font-size: 6px;
  position: relative;
}

.legal-eyebrow {
  color: #2d7654;
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .24em;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-size: 9px;
}

.legal-hero h1 {
  max-width: 820px;
  font-family: var(--font-display-font), "Cormorant", serif;
  letter-spacing: -.045em;
  font-size: clamp(3.6rem, 7vw, 6.6rem);
  font-weight: 500;
  line-height: .84;
}

.legal-hero-copy > p {
  color: #64748b;
  max-width: 700px;
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.8;
}

.legal-meta {
  color: #7187a2;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  font-size: 9px;
  display: flex;
}

.legal-meta i {
  background: #438d68;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}

.legal-layout {
  grid-template-columns: 238px minmax(0, 1fr);
  align-items: start;
  gap: 52px;
  padding-top: 56px;
  display: grid;
}

.legal-sidebar {
  position: sticky;
  top: 112px;
}

.legal-sidebar-label {
  color: #7b91ad;
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 8px;
}

.legal-sidebar nav {
  gap: 6px;
  display: grid;
}

.legal-sidebar nav a {
  color: #64748b;
  border: 1px solid #0000;
  border-radius: 12px;
  grid-template-columns: 18px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 13px;
  font-size: 11px;
  transition: background .2s, border-color .2s, color .2s, transform .2s;
  display: grid;
}

.legal-sidebar nav a svg {
  width: 15px;
  height: 15px;
}

.legal-sidebar nav a svg:last-child {
  opacity: .46;
  width: 12px;
}

.legal-sidebar nav a:hover {
  color: #396d4f;
  transform: translateX(3px);
}

.legal-sidebar nav a.active {
  color: #2d7654;
  background: #ffffff8f;
  border-color: #438d6842;
  box-shadow: 0 12px 30px #1e406e0f;
}

.legal-toc {
  gap: 3px;
  margin-top: 32px;
  padding: 0 13px;
  display: grid;
}

.legal-toc a {
  color: #64748b;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: 4px;
  min-height: 34px;
  font-size: 10px;
  line-height: 1.35;
  transition: color .2s;
  display: grid;
}

.legal-toc a:hover {
  color: #2d7654;
}

.legal-toc a span {
  color: #438d68b8;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  font-size: 8px;
}

.legal-paper {
  background: #fffdf8b3;
  border: 1px solid #438d6842;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 28px 80px #1e406e17, inset 0 1px #fffc;
}

.legal-paper-topline {
  color: #7b91ad;
  min-height: 52px;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  letter-spacing: .12em;
  border-bottom: 1px solid #438d6833;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 0 32px;
  font-size: 8px;
  display: flex;
}

.legal-section {
  border-bottom: 1px solid #438d6829;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 20px;
  padding: 40px 42px;
  scroll-margin-top: 110px;
  display: grid;
}

.legal-section.accent {
  background: linear-gradient(110deg, #438d681f, #ffffff29);
  box-shadow: inset 3px 0 #438d68b8;
}

.legal-section-index {
  color: #438d68ad;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  letter-spacing: .1em;
  padding-top: 4px;
  font-size: 10px;
}

.legal-section h2 {
  color: #173d2b;
  font-family: var(--font-display-font), "Cormorant", serif;
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.05;
}

.legal-section p, .legal-section li, .legal-preformatted {
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.86;
}

.legal-section p + p {
  margin-top: 13px;
}

.legal-section ul {
  gap: 10px;
  margin-top: 4px;
  display: grid;
}

.legal-section li {
  padding-left: 20px;
  position: relative;
}

.legal-section li:before {
  content: "";
  border: 1px solid #438d68b8;
  width: 6px;
  height: 6px;
  position: absolute;
  top: .82em;
  left: 0;
  transform: rotate(45deg);
}

.legal-preformatted {
  white-space: pre-wrap;
}

.legal-loading {
  gap: 18px;
  padding: 52px 42px;
  display: grid;
}

.legal-loading span {
  background: linear-gradient(90deg, #438d6814, #438d6833, #438d6814) 0 0 / 220% 100%;
  border-radius: 999px;
  height: 12px;
  animation: 1.8s linear infinite legalLoading;
}

.legal-loading span:nth-child(2) {
  width: 92%;
}

.legal-loading span:nth-child(3) {
  width: 84%;
}

.legal-loading span:nth-child(4) {
  width: 66%;
}

@keyframes legalLoading {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: -120% 0;
  }
}

.legal-paper-footer {
  background: #438d680f;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  padding: 28px 42px 32px;
  display: grid;
}

.legal-paper-footer span {
  color: #2d7654;
  font-family: var(--font-landing-sans), "Cinzel", serif;
  letter-spacing: .2em;
  font-size: 9px;
}

.legal-paper-footer p {
  color: #64748b;
  font-size: 10px;
  line-height: 1.7;
}

@media (min-width: 769px) and (max-width: 1023px) {
  .elysium-hero-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
  }

  .elysium-hero-art {
    width: min(100%, 690px);
    margin-inline: auto;
  }

  .elysium-hero-copy {
    text-align: center;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
  }

  .elysium-hero-divider, .elysium-hero-copy > p {
    margin-left: auto;
    margin-right: auto;
  }

  .elysium-hero-actions, .elysium-hero-proof {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .elysium-hero-section {
    min-height: auto;
    padding-bottom: 34px;
  }

  .elysium-hero-copy {
    text-align: center;
  }

  .elysium-hero-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .elysium-hero-badge {
    letter-spacing: .13em;
    max-width: 100%;
    padding: 8px 12px;
    font-size: 9px;
  }

  .elysium-hero-art {
    width: 100%;
    min-width: 0;
  }

  .elysium-hero-title {
    font-size: clamp(3.45rem, 18.5vw, 5.2rem);
    line-height: .82;
  }

  .elysium-hero-divider, .elysium-hero-copy > p {
    margin-left: auto;
    margin-right: auto;
  }

  .elysium-hero-copy .btn-primary, .elysium-hero-copy .btn-secondary {
    justify-content: center;
    width: 100%;
  }

  .elysium-hero-proof {
    justify-content: center;
    gap: 9px;
  }

  .elysium-model-chip {
    padding: 7px 12px;
    font-size: 11px;
  }

  .elysium-marquee-fade {
    width: 64px;
  }

  .models-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .models-tabs {
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    display: flex;
    overflow-x: auto;
  }

  .models-grid, .models-loading-grid {
    grid-template-columns: 1fr;
  }

  .model-card {
    padding: 14px;
  }

  .model-name {
    font-size: 16px;
  }

  .model-card-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .model-prices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .elysium-section-frame {
    border-left: none;
    border-right: none;
  }

  .how-section, .route-section, .news-section, .elysium-faq-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .how-section {
    padding-top: 48px;
  }

  .route-section {
    padding-top: 24px;
  }

  .news-section {
    padding-top: 58px;
  }

  .news-heading-row {
    display: block;
  }

  .news-heading-row > p {
    margin-top: -14px;
    margin-bottom: 26px;
  }

  .news-active-card {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .news-copy {
    border-right: none;
    min-height: 390px;
    padding: 30px 24px 26px;
  }

  .news-date {
    margin-top: 34px;
  }

  .news-copy h3 {
    font-size: 38px;
  }

  .news-figure {
    border-top: 1px solid #438d6833;
    min-height: 310px;
  }

  .news-navigation {
    min-height: 68px;
  }

  .news-tabs {
    overflow-x: auto;
  }

  .news-tabs button {
    flex: 1 0 42px;
    justify-content: center;
    min-height: 68px;
    padding: 0 10px;
  }

  .news-tabs button i {
    display: none;
  }

  .news-tabs button.active {
    flex: 1 0 42px;
  }

  .news-arrows button {
    width: 48px;
    min-height: 68px;
  }

  .elysium-faq-section {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  .elysium-section-title {
    margin-bottom: 28px;
    font-size: 36px;
  }

  .steps-grid-card {
    grid-template-columns: 1fr;
  }

  .step-card {
    border-bottom: 1px solid #438d6838;
    border-right: none;
    min-height: auto;
    padding: 26px 22px;
  }

  .step-card:last-child {
    border-bottom: none;
  }

  .step-number {
    margin-bottom: 16px;
    font-size: 52px;
  }

  .route-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    height: auto;
    padding: 14px 18px;
  }

  .route-endpoint {
    font-size: 10px;
  }

  .route-main {
    grid-template-columns: 1fr;
  }

  .request-summary {
    border-bottom: 1px solid #438d6833;
    border-right: none;
    padding: 26px 22px;
  }

  .request-summary h3 {
    font-size: 28px;
  }

  .route-ledger {
    padding: 16px 16px 20px;
    font-size: 10.5px;
  }

  .ledger-row {
    grid-template-columns: 46px 58px 1fr;
    gap: 10px;
    font-size: 10.5px;
  }

  .elysium-faq-question {
    grid-template-columns: 36px 1fr 30px;
    gap: 14px;
    padding-left: 8px;
  }

  .elysium-faq-answer {
    padding-left: 58px;
    padding-right: 0;
  }

  .site-footer {
    margin-top: 90px;
    padding: 72px 20px 30px;
  }

  .footer-cherubs {
    width: 280px;
    top: -48px;
  }

  .footer-links {
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
  }

  .footer-bottom {
    flex-direction: column;
  }

  .legal-shell {
    background-size: 48px 48px;
    padding: 104px 16px 72px;
  }

  .legal-hero {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px 0 38px;
  }

  .legal-document-mark {
    width: 58px;
    height: 58px;
  }

  .legal-mark-icon {
    width: 19px;
    height: 19px;
  }

  .legal-support-callout {
    grid-template-columns: 38px 1fr;
    margin: 22px 16px;
    padding: 14px;
  }

  .legal-support-callout > span {
    width: 38px;
    height: 38px;
  }

  .legal-support-callout a {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .legal-hero h1 {
    font-size: clamp(3.25rem, 16vw, 4.4rem);
    line-height: .88;
  }

  .legal-layout {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-top: 28px;
  }

  .legal-sidebar {
    position: static;
  }

  .legal-sidebar nav {
    grid-template-columns: 1fr;
  }

  .legal-toc {
    display: none;
  }

  .legal-paper {
    border-radius: 19px;
  }

  .legal-paper-topline {
    padding: 0 20px;
    font-size: 7px;
  }

  .legal-section {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
    padding: 30px 20px;
  }

  .legal-section h2 {
    font-size: 26px;
  }

  .legal-paper-footer {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 24px 20px 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 479px) {
  .elysium-hero-actions {
    margin-top: 1.5rem !important;
  }

  .hero-benefits, .hero-trusted {
    margin-top: 1.65rem;
  }
}

@media (max-width: 767px) {
  .docs-data-grid > div > div {
    grid-template-columns: 1fr !important;
  }

  .docs-data-cell + .docs-data-cell {
    border-top: 1px dashed var(--border-soft);
  }
}

@media (max-width: 900px) {
  .liquid-glass, .tm-panel, .divine-card, .route-card, .news-stage, .legal-paper, .docs-shell article {
    -webkit-backdrop-filter: blur(6px) saturate(106%) !important;
    backdrop-filter: blur(6px) saturate(106%) !important;
  }
}

html.theme-transitioning body, html.theme-transitioning header {
  transition-property: background-color, border-color, color;
  transition-duration: .28s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

html.theme-transitioning .models-catalog, html.theme-transitioning .models-catalog :is(.model-card, .model-id-copy, .models-search, .models-tabs .tab), html.theme-transitioning .tm-panel, html.theme-transitioning .liquid-glass, html.theme-transitioning .divine-card, html.theme-transitioning .steps-grid-card, html.theme-transitioning .route-card, html.theme-transitioning .news-stage, html.theme-transitioning .elysium-faq-item, html.theme-transitioning .legal-paper, html.theme-transitioning .legal-document-mark, html.theme-transitioning .key-hero, html.theme-transitioning .key-secret-card, html.theme-transitioning .key-list, html.theme-transitioning .tm-table-wrap {
  transition: none !important;
}

@media (min-width: 1024px) and (max-height: 760px) {
  .dashboard-sidebar-brand {
    display: none !important;
  }

  .dashboard-notification-summary {
    display: none;
  }

  .dashboard-notification-card .divine-card {
    padding: 10px;
  }

  .dashboard-notification-card .divine-card > div:last-child {
    margin-top: 4px;
    padding-top: 4px;
  }
}

.app-ru {
  padding-bottom: max(3.5rem, env(safe-area-inset-bottom));
}

html.dark [class~="bg-white/0"] {
  background-color: #0000 !important;
}

html.dark [class~="bg-white/10"] {
  background-color: #dbeafe0e !important;
}

html.dark [class~="bg-white/20"] {
  background-color: #dbeafe17 !important;
}

html.dark [class~="bg-white/25"] {
  background-color: #dbeafe1c !important;
}

html.dark [class~="bg-white/30"] {
  background-color: #10213a47 !important;
}

html.dark [class~="bg-white/35"] {
  background-color: #10213a54 !important;
}

html.dark [class~="bg-white/40"] {
  background-color: #10213a61 !important;
}

html.dark [class~="bg-white/45"] {
  background-color: #10213a6b !important;
}

html.dark [class~="bg-white/48"] {
  background-color: #10213a73 !important;
}

html.dark [class~="bg-white/50"] {
  background-color: #10213a78 !important;
}

html.dark [class~="bg-white/55"] {
  background-color: #10213a80 !important;
}

html.dark [class~="bg-white/60"] {
  background-color: #10233f8a !important;
}

html.dark [class~="bg-white/65"] {
  background-color: #10213a94 !important;
}

html.dark [class~="bg-white/70"] {
  background-color: #10213aa3 !important;
}

html.dark [class~="bg-white/75"] {
  background-color: #122744ad !important;
}

html.dark [class~="bg-white/80"] {
  background-color: #142946b8 !important;
}

html.dark [class~="bg-white/90"] {
  background-color: #172e4dd1 !important;
}

html.dark [class~="bg-white/[0.035]"] {
  background-color: #dbeafe09 !important;
}

html.dark [class~="hover:bg-white/40"]:hover, html.dark [class~="hover:bg-white/45"]:hover, html.dark [class~="hover:bg-white/50"]:hover, html.dark [class~="hover:bg-white/55"]:hover, html.dark [class~="hover:bg-white/70"]:hover {
  background-color: #dbeafe13 !important;
}

html.dark input, html.dark select, html.dark textarea {
  color: var(--text-main);
  background-color: #07111fb8;
}

html.dark input::placeholder, html.dark textarea::placeholder {
  color: #8ea7c585;
}

html.dark .routing-mode-select {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html.dark .routing-mode-select option {
  color: var(--text-main);
  background: #07111f;
}

html.dark .landing-header, html.dark .admin-sidebar, html.dark .admin-mobile-nav {
  background: linear-gradient(#07111ff5, #0b1728ed);
  box-shadow: 18px 0 50px #00000024;
}

html.dark .btn-secondary {
  color: var(--text-main);
  background: #10213a99;
}

html.dark .btn-secondary:hover {
  background: #1e3a60d1;
}

html.dark .admin-ru main .btn-primary {
  color: #eff6ff;
  background: linear-gradient(135deg, #2d7654f5, #245f43f5);
  border-color: #79b38d57;
  box-shadow: 0 10px 28px #0000003d, inset 0 1px #fff4da14;
}

html.dark .admin-ru main .btn-primary:hover {
  background: linear-gradient(135deg, #438d68fa, #2d7654fa);
}

html.dark .admin-ru main .btn-secondary {
  color: var(--text-main);
  background: linear-gradient(140deg, #102744e6, #071727eb);
  border-color: #79b38d2e;
}

html.dark .liquid-toolbar {
  background: #0b1d32b8;
  box-shadow: inset 0 1px #dbeafe0b;
}

html.dark .liquid-toolbar:hover, html.dark .liquid-toolbar:focus-within {
  background: #102742d1;
}

html.dark .admin-nav-link:hover, html.dark .admin-nav-pill, html.dark .admin-nav-pill-active, html.dark .key-shell {
  background: #1027429e;
}

.model-price-stack {
  flex-direction: column;
  justify-content: center;
  min-height: 30px;
  display: flex;
}

.model-price-stack del {
  color: var(--models-text-soft);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  font-size: 10px;
  line-height: 1.2;
  text-decoration-color: #cf756d;
}

.price-value.sale {
  color: #b5524b;
}

html.dark .price-value.sale {
  color: #f09a91;
}

.model-prices.per-image {
  grid-template-columns: 1fr;
}

.model-prices.per-image .price-cell {
  border: 0;
}

.model-prices.per-image small {
  color: var(--models-text-soft);
  font-size: 10px;
}

.model-prices + .model-prices {
  margin-top: 8px;
}

.model-prices.provider-cost-price {
  background: radial-gradient(circle at 100% 0, #8b5cf629, #0000 54%), linear-gradient(135deg, #7c5bd614, #46b2be0f);
  border-color: #7c5bd661;
  position: relative;
  box-shadow: inset 0 1px #ffffff14, 0 8px 24px #583f9117;
}

.model-prices.provider-cost-price .price-cell {
  padding: 13px 14px;
}

.model-prices.provider-cost-price .price-label {
  color: #7253bd;
  font-weight: 800;
}

.model-prices.provider-cost-price .price-value {
  font-size: 15px;
}

.model-prices.provider-cost-price small {
  color: #6843bd;
  letter-spacing: .02em;
  background: #7c5bd61a;
  border: 1px solid #7c5bd63d;
  border-radius: 999px;
  margin-top: 8px;
  padding: 3px 8px;
  font-weight: 800;
  display: inline-flex;
}

html.dark .model-prices.provider-cost-price .price-label, html.dark .model-prices.provider-cost-price small {
  color: #cbb8ff;
}

.model-free-badge {
  color: #287746;
  letter-spacing: .08em;
  background: #3e945b1a;
  border: 1px solid #3e945b4d;
  border-radius: 999px;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 900;
  display: inline-flex;
}

.model-free-price {
  color: #287746;
  min-height: 68px;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  letter-spacing: .12em;
  background: #3e945b14;
  border: 1px solid #3e945b47;
  border-radius: 12px;
  place-items: center;
  margin-top: 12px;
  font-size: 18px;
  font-weight: 900;
  display: grid;
}

html.dark .model-free-badge, html.dark .model-free-price {
  color: #8cdaa4;
}

.model-sale-badge {
  color: #ad5149;
  background: #cf655b1a;
  border: 1px solid #cf655b47;
  border-radius: 999px;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
}

.model-sale-strip {
  background: linear-gradient(135deg, #fff9, #cf655b0e);
  border: 1px solid #cf655b33;
  border-radius: 18px;
  gap: 14px;
  margin-top: 18px;
  padding: 16px;
  display: grid;
}

.model-sale-strip-title {
  color: #ad5149;
  align-items: center;
  gap: 10px;
  display: flex;
}

.model-sale-strip-title span {
  gap: 2px;
  display: grid;
}

.model-sale-strip-title strong {
  color: var(--models-text);
  font-size: 13px;
}

.model-sale-strip-title small {
  color: var(--models-text-muted);
  font-size: 11px;
}

.model-sale-strip-list {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.model-sale-strip-list a {
  border: 1px solid var(--models-border-soft);
  min-height: 34px;
  color: var(--models-text-muted);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  font-size: 11px;
  transition: all .2s;
  display: inline-flex;
}

.model-sale-strip-list a:hover {
  color: var(--models-text);
  background: #ffffff80;
  border-color: #cf655b5c;
}

.model-sale-strip-list b {
  color: #b5524b;
}

html.dark .model-sale-strip {
  background: linear-gradient(135deg, #28352bd1, #4e2b2752);
  border-color: #dd766938;
  box-shadow: inset 0 1px #84be910d;
}

html.dark .model-sale-strip-title {
  color: #ef9187;
}

html.dark .model-sale-strip-list a {
  background: #181f1a75;
}

html.dark .model-sale-strip-list a:hover {
  background: #35483b94;
}

html.dark .model-sale-strip-list b {
  color: #f0a096;
}

.model-card-badges {
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.model-availability {
  color: #a9574c;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: #be66591a;
  border: 1px solid #be66595c;
  border-radius: 999px;
  align-items: center;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.model-card-unavailable {
  opacity: .72;
  border-color: #be665947;
}

.model-card-unavailable:hover {
  border-color: #be665973;
}

html.dark .admin-nav-link-active {
  color: #a8d1b4;
  background: linear-gradient(135deg, #2d76546b, #16375ec7);
  border-color: #79b38d73;
  box-shadow: 0 8px 22px #0003, inset 3px 0 #79b38d;
}

html.dark .admin-nav-link-active:hover {
  color: #e2f0e4;
  background: linear-gradient(135deg, #438d6880, #245f43d6);
  border-color: #b2d7bca3;
}

html.dark .admin-nav-pill-active {
  color: #a8d1b4;
  background: #245f4366;
  border-color: #79b38d61;
}

html.dark .tm-panel, html.dark .liquid-glass, html.dark .divine-card, html.dark .tm-table-wrap, html.dark .steps-grid-card, html.dark .route-card, html.dark .news-stage, html.dark .admin-stat-card, html.dark .admin-section-card {
  color: var(--text-main);
  box-shadow: var(--shadow-sm), inset 0 1px 0 #79b38d11;
  -webkit-backdrop-filter: blur(12px) saturate(116%);
  backdrop-filter: blur(12px) saturate(116%);
  background: linear-gradient(145deg, #102744ad, #071727b8);
  border-color: #438d6829;
}

html.dark .elysium-hero-badge {
  background: #0b1d32d1;
  border-color: #79b38d33;
  box-shadow: inset 0 1px #79b38d0e, 0 12px 34px #2d765417;
}

html.dark .admin-ru .tm-panel, html.dark .admin-ru .liquid-glass, html.dark .admin-ru .divine-card, html.dark .admin-ru .admin-section-card, html.dark .admin-ru .admin-stat-card, html.dark .status-page .tm-panel, html.dark .status-page .status-overview-card, html.dark .status-page .status-stat-card, html.dark .status-page .status-model-card, html.dark .support-page .tm-panel {
  -webkit-backdrop-filter: blur(14px) saturate(118%);
  backdrop-filter: blur(14px) saturate(118%);
  background: linear-gradient(145deg, #10233fbd, #07111fc7);
  border-color: #438d6824;
  box-shadow: 0 20px 58px #2d765413, 0 6px 18px #0107120e, inset 0 1px #79b38d0e;
}

html.dark .admin-ru .tm-panel:before, html.dark .admin-ru .liquid-glass:before, html.dark .admin-ru .divine-card:before, html.dark .status-page .tm-panel:before, html.dark .support-page .tm-panel:before {
  opacity: .62;
  background: linear-gradient(135deg, #438d6811, #0000 38%, #23609e09);
}

html.dark .status-page > .elysium-orb, html.dark .support-page > .elysium-orb {
  opacity: .22;
  background: radial-gradient(circle, #438d683d, #16375e14 38%, #0000 68%) !important;
}

html.dark .admin-ru [class~="bg-white/35"], html.dark .admin-ru [class~="bg-white/40"], html.dark .admin-ru [class~="bg-white/45"], html.dark .status-page [class~="bg-white/35"], html.dark .status-page [class~="bg-white/40"], html.dark .status-page [class~="bg-white/45"], html.dark .support-page [class~="bg-white/35"], html.dark .support-page [class~="bg-white/40"], html.dark .support-page [class~="bg-white/45"] {
  background-color: #0b1d32b8 !important;
}

html.dark .tm-table th, html.dark .silver-thead, html.dark .news-navigation {
  background: #07111f9e;
}

html.dark .steps-grid-card, html.dark .route-card, html.dark .news-stage, html.dark .elysium-faq-item, html.dark .legal-paper, html.dark .docs-shell article, html.dark .key-hero, html.dark .key-secret-card, html.dark .key-list, html.dark .tm-table-wrap, html.dark .status-stat-card, html.dark .status-model-card {
  background: linear-gradient(145deg, #10233fa8, #07111fb8);
  border-color: #438d6826;
  box-shadow: 0 20px 58px #2d765413, 0 6px 18px #0107120d, inset 0 1px #79b38d0e;
}

html:not(.dark) .elysium-shell .tm-panel, html:not(.dark) .elysium-shell .liquid-glass, html:not(.dark) .elysium-shell .divine-card, html:not(.dark) .elysium-shell .steps-grid-card, html:not(.dark) .elysium-shell .route-card, html:not(.dark) .elysium-shell .news-stage, html:not(.dark) .elysium-shell .elysium-faq-item, html:not(.dark) .elysium-shell .legal-paper, html:not(.dark) .elysium-shell .docs-shell article, html:not(.dark) .elysium-shell .key-hero, html:not(.dark) .elysium-shell .key-secret-card, html:not(.dark) .elysium-shell .key-list, html:not(.dark) .elysium-shell .tm-table-wrap, html:not(.dark) .elysium-shell .admin-section-card, html:not(.dark) .elysium-shell .admin-stat-card, html:not(.dark) .elysium-shell .status-stat-card, html:not(.dark) .elysium-shell .status-model-card {
  -webkit-backdrop-filter: blur(9px) saturate(110%);
  backdrop-filter: blur(9px) saturate(110%);
  border-color: #438d6838;
  box-shadow: 0 13px 36px #438d6811, 0 3px 12px #2d765408, inset 0 1px #ffffffd1;
  background: linear-gradient(138deg, #ffffffdb 0%, #edf4ffab 57%, #dbeafe4f 100%) !important;
}

html:not(.dark) .elysium-shell .tm-panel:before, html:not(.dark) .elysium-shell .liquid-glass:before, html:not(.dark) .elysium-shell .divine-card:before {
  opacity: .72;
  background: linear-gradient(132deg, #ffffff94, #0000 36%, #79b38d13 70%, #438d680a);
}

html:not(.dark) .elysium-shell .tm-panel:after, html:not(.dark) .elysium-shell .liquid-glass:after, html:not(.dark) .elysium-shell .divine-card:after {
  z-index: 0;
  content: "";
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(112deg, #0000 42%, #fff0 45%, #ffffffb8 49%, #79b38d24 51%, #0000 57%);
  transition: transform 1.75s cubic-bezier(.2, .72, .25, 1), opacity .35s;
  position: absolute;
  inset: -45% -28%;
  transform: translateX(-82%);
}

html:not(.dark) .elysium-shell .tm-panel:hover:after, html:not(.dark) .elysium-shell .tm-panel:focus-within:after, html:not(.dark) .elysium-shell .liquid-glass:hover:after, html:not(.dark) .elysium-shell .liquid-glass:focus-within:after, html:not(.dark) .elysium-shell .divine-card:hover:after, html:not(.dark) .elysium-shell .divine-card:focus-within:after {
  opacity: .58;
  transform: translateX(82%);
}

html.dark .elysium-shell .tm-panel, html.dark .elysium-shell .liquid-glass, html.dark .elysium-shell .divine-card, html.dark .elysium-shell .steps-grid-card, html.dark .elysium-shell .route-card, html.dark .elysium-shell .news-stage, html.dark .elysium-shell .elysium-faq-item, html.dark .elysium-shell .legal-paper, html.dark .elysium-shell .docs-shell article, html.dark .elysium-shell .key-hero, html.dark .elysium-shell .key-secret-card, html.dark .elysium-shell .key-list, html.dark .elysium-shell .tm-table-wrap, html.dark .elysium-shell .admin-section-card, html.dark .elysium-shell .admin-stat-card, html.dark .elysium-shell .status-stat-card, html.dark .elysium-shell .status-model-card {
  -webkit-backdrop-filter: blur(9px) saturate(114%);
  backdrop-filter: blur(9px) saturate(114%);
  border-color: #79b38d30;
  box-shadow: 0 14px 40px #0003, 0 4px 14px #0107120b, inset 0 1px #b2d7bc14;
  background: linear-gradient(138deg, #79b38d1b 0%, #10233fc2 38%, #16375e2e 100%) !important;
}

html:not(.dark) .dashboard-models-page .models-tabs .tab {
  color: #396d4f;
  background: #ffffff94;
}

html:not(.dark) .dashboard-models-page .models-tabs .tab.active {
  color: #173d2b;
  background: linear-gradient(135deg, #79b38d, #2d7654);
  border-color: #438d686b;
}

html:not(.dark) .dashboard-models-page button:hover {
  color: #173d2b;
}

html.dark .elysium-shell .tm-panel:before, html.dark .elysium-shell .liquid-glass:before, html.dark .elysium-shell .divine-card:before {
  opacity: .72;
  background: linear-gradient(130deg, #b2d7bc1f, #0000 34%, #438d680f 100%);
}

html.dark .elysium-shell select, html.dark .elysium-shell [role="listbox"], html.dark .elysium-shell .dropdown-menu, html.dark .elysium-shell [data-radix-menu-content], html.dark .elysium-shell [data-radix-select-content] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  color: var(--text-main);
  box-shadow: 0 22px 54px #00000047, inset 0 1px #79b38d0f;
  background: linear-gradient(145deg, #0b1d32fa, #07111ffa) !important;
  border-color: #438d6840 !important;
}

html.dark .admin-ru select option, html.dark .admin-ru select optgroup {
  color: #eff6ff;
  background: #0b1728;
}

.model-endpoint-grid {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  max-height: 286px;
  overflow-y: auto;
}

.model-endpoint-grid > label, .model-endpoint-grid > label > span {
  min-width: 0;
}

.model-endpoint-grid small {
  overflow-wrap: anywhere;
  display: block;
}

.model-endpoint-json {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

html:not(.dark) .elysium-shell select, html:not(.dark) .elysium-shell [role="listbox"], html:not(.dark) .elysium-shell .dropdown-menu, html:not(.dark) .elysium-shell [data-radix-menu-content], html:not(.dark) .elysium-shell [data-radix-select-content] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  color: var(--text-main);
  box-shadow: 0 20px 46px #2d765424, inset 0 1px #fffc;
  background: linear-gradient(145deg, #f8fbfffc, #dbeafefa) !important;
  border-color: #438d683d !important;
}

html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/30"], html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/35"], html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/40"], html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/45"], html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/50"], html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/55"], html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/60"], html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/65"], html.dark .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/70"] {
  -webkit-backdrop-filter: blur(10px) saturate(118%);
  backdrop-filter: blur(10px) saturate(118%);
  box-shadow: inset 0 1px #b2d7bc0f, inset -12px -16px 30px #2d765406;
  background: linear-gradient(138deg, #79b38d14, #0b1d32ad 52%, #2d765421) !important;
  border-color: #79b38d29 !important;
}

html.dark .elysium-model-chip {
  color: var(--text-main);
  background: #10233fc7;
  box-shadow: 0 14px 32px #00000038;
}

html.dark .step-card:hover, html.dark .news-tabs button:hover, html.dark .news-tabs button.active, html.dark .news-arrows button:hover, html.dark .legal-sidebar nav a.active {
  color: var(--text-main);
  background: #dbeafe11;
}

html.dark .elysium-section-title, html.dark .step-card h3, html.dark .route-copy h2, html.dark .news-copy h3, html.dark .elysium-faq-title {
  color: var(--text-main);
}

html.dark .step-text, html.dark .route-status, html.dark .request-summary p, html.dark .ledger-text, html.dark .elysium-catalog-note, html.dark .news-description, html.dark .news-tabs button, html.dark .elysium-faq-answer, html.dark .footer-column a {
  color: var(--text-secondary);
}

html.dark .request-summary h3, html.dark .request-mini-code code, html.dark .footer-column a:hover {
  color: var(--text-main);
}

html.dark .elysium-marquee-section {
  background: #07111f66;
}

html.dark .elysium-marquee-fade.left {
  background: linear-gradient(90deg, #0b1728 0%, #07111f00 100%);
}

html.dark .elysium-marquee-fade.right {
  background: linear-gradient(270deg, #0b1728 0%, #07111f00 100%);
}

html.dark .site-footer {
  background: radial-gradient(circle at 50% 0, #438d6812, #0000 42%), #0b1c30b8;
}

html.dark .legal-shell {
  color: var(--text-main);
  background-color: #07111f;
  background-image: linear-gradient(#79b38d07 1px, #0000 1px), linear-gradient(90deg, #79b38d07 1px, #0000 1px), none;
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: 72px 72px;
  background-attachment: scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
}

html.dark .legal-paper {
  background: #0b1d32c2;
  box-shadow: 0 28px 80px #00000038, inset 0 1px #dbeafe0d;
}

html.dark .legal-document-mark {
  background: #10233f94;
  box-shadow: inset 0 0 44px #dbeafe09, 0 22px 60px #00000029;
}

html.dark .legal-section h2, html.dark .legal-hero h1, html.dark .legal-sidebar a.active, html.dark .legal-preformatted {
  color: var(--text-main);
}

html.dark .legal-section p, html.dark .legal-section li, html.dark .legal-hero p, html.dark .legal-sidebar a {
  color: var(--text-secondary);
}

html.dark .docs-shell article {
  background: #0b1d32c2;
  box-shadow: 0 25px 80px #0003;
}

html.dark .docs-shell article > header {
  background: linear-gradient(135deg, #122744b8, #0717279e);
}

html.dark .docs-shell table thead {
  background: #07111fb8;
}

html.dark .docs-shell [class*="bg-[#fff6dc]"], html.dark .docs-shell [class*="bg-[#f0f7ed]"] {
  color: var(--text-secondary);
  border-color: var(--border-soft);
  background: #10233fb8 !important;
}

html.dark .models-catalog, body.theme-dark .models-catalog {
  --models-bg: #071426;
  --models-surface: #0f1f37d1;
  --models-surface-strong: #142946eb;
  --models-text: #f0f7ed;
  --models-text-muted: #cadbf1c2;
  --models-text-soft: #97b1d3a3;
  --models-gold: #5fa47b;
  --models-gold-strong: #98c8a7;
  --models-border: #5fa47b3d;
  --models-border-soft: #5fa47b24;
  --models-shadow: #00071652;
}

html.dark .steps-journey-track {
  background: linear-gradient(90deg, #0000, #79b38d7a 10%, #79b38d47 90%, #0000);
}

html.dark .steps-journey-track i, html.dark .steps-journey-track span {
  background: #0b1728;
  border-color: #79b38d8f;
}

html.dark .step-card {
  border-color: #79b38d33;
  box-shadow: 0 24px 62px #438d6816, 0 7px 20px #0107120d, inset 0 1px #b2d7bc13, inset -15px -20px 38px #2d765408;
  background: linear-gradient(142deg, #79b38d18, #0b1d32c2 45%, #2d765424) !important;
}

html.dark .step-card:hover {
  border-color: #79b38d70;
  background: linear-gradient(142deg, #79b38d24, #0b1d32cc 45%, #2d76542e) !important;
}

html.dark .step-marker {
  color: #79b38d;
  border-color: #79b38d59;
}

html.dark .step-number {
  color: #79b38d9e;
}

html.dark .code-chip {
  color: #b2d7bc;
  background: #07111f52;
  border-color: #79b38d3b;
}

@media (max-width: 767px) {
  .steps-journey {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px 0 0;
  }

  .steps-journey-track {
    background: linear-gradient(#0000, #438d6866 8%, #438d6833 92%, #0000);
    width: 1px;
    height: auto;
    inset: 0 auto 0 28px;
  }

  .steps-journey-track i, .steps-journey-track span {
    right: auto;
    left: -4px !important;
  }

  .steps-journey-track i {
    top: 6%;
  }

  .steps-journey-track span:first-of-type {
    top: 34%;
  }

  .steps-journey-track span:nth-of-type(2) {
    top: 66%;
  }

  .steps-journey-track span:nth-of-type(3) {
    top: 94%;
  }

  .step-card, .step-card-01, .step-card-02, .step-card-03 {
    border-radius: 22px 9px;
    min-height: 270px;
    margin-top: 0;
    margin-left: 18px;
    padding: 24px 22px 21px;
  }

  .step-card-02 {
    border-radius: 9px 22px;
  }

  .step-card-copy {
    margin-top: 34px;
  }

  .step-number {
    font-size: 59px;
  }
}

.how-section .elysium-section-title {
  margin-bottom: 24px;
  line-height: 1.08;
}

.news-section, .news-copy, .news-navigation {
  font-family: var(--font-ui-sans),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.news-topline {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  display: flex;
}

.news-symbol {
  color: #2d7654;
  background: #438d6813;
  border: 1px solid #438d684d;
  border-radius: 14px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.news-symbol img {
  background: #edf4ffdb !important;
}

.news-date {
  font-family: var(--font-ui-sans),system-ui,sans-serif;
  letter-spacing: .13em;
  font-size: 9px;
  font-weight: 650;
}

.news-copy h3 {
  font-family: var(--font-ui-sans),system-ui,sans-serif;
  letter-spacing: -.045em;
  font-size: clamp(2rem, 3.5vw, 3.25rem);
  font-weight: 750;
  line-height: 1.04;
}

.news-description {
  font-family: var(--font-ui-sans),system-ui,sans-serif;
  font-size: 13px;
  line-height: 1.78;
}

.news-copy-footer, .news-tabs button {
  font-family: var(--font-ui-sans),system-ui,sans-serif;
}

.news-image-mark span {
  font-family: var(--font-ui-sans),system-ui,sans-serif;
  letter-spacing: .04em;
  font-size: 11px;
  font-weight: 700;
}

.news-image-mark small {
  font-family: var(--font-ui-sans),system-ui,sans-serif;
}

html.dark .news-symbol {
  color: #79b38d;
  background: linear-gradient(140deg, #79b38d21, #2d76541a);
  border-color: #79b38d3d;
}

html.dark .news-symbol img {
  background: #dbeafee0 !important;
}

.promo-redeem-button {
  background: linear-gradient(135deg, #2d7654, #245f43);
  border: 1px solid #79b38d6b;
  border-radius: 14px;
  transition: transform .22s, box-shadow .22s, filter .22s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 28px #245f4338, inset 0 1px #ffffff29;
}

.promo-redeem-button:before {
  content: "";
  background: linear-gradient(110deg, #0000 20%, #ffffff2e 48%, #0000 76%);
  transition: transform .55s;
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

.promo-redeem-button:hover {
  filter: saturate(1.08);
  transform: translateY(-2px);
  box-shadow: 0 17px 34px #245f434d, inset 0 1px #ffffff2e;
}

.promo-redeem-button:hover:before {
  transform: translateX(120%);
}

.promo-redeem-button > * {
  z-index: 1;
  position: relative;
}

html.dark .key-row:hover {
  background: linear-gradient(138deg, #79b38d17, #0b1d32b8 55%, #2d76541f);
  border-color: #79b38d38;
  box-shadow: 0 15px 34px #00000038, inset 0 1px #79b38d0d;
}

html.dark .key-row-secret button:hover, html.dark .key-actions button:hover, html.dark .key-close:hover {
  color: #79b38d;
  background: #79b38d13;
  border-color: #79b38d38;
}

html.dark .key-modal {
  color: var(--text-main);
  background: linear-gradient(145deg, #102744f7, #07111ffa 58%, #16375ef0);
  border-color: #79b38d33;
  box-shadow: 0 32px 90px #00000075, inset 0 1px #b2d7bc12;
}

html.dark .key-quota-control, html.dark .key-secret-card code {
  background: linear-gradient(138deg, #79b38d14, #0b1d32c7 58%, #2d76541a);
  border-color: #79b38d29;
}

html.dark .app-toast {
  color: #b9dfc3;
  background: #26362af5;
  border-color: #6fae7e47;
  box-shadow: 0 18px 55px #0000004d;
}

html.dark .app-toast-error {
  color: #f0b4ac;
  background: #422522f5;
  border-color: #e08a7d4d;
}

html.dark .app-toast-info {
  color: #c5dfcb;
  background: #10233ff5;
  border-color: #79b38d4d;
}

html.dark .admin-workspace-dialog {
  color: var(--text-main);
  border-color: #79b38d2e;
  box-shadow: 0 30px 100px #0000006b, inset 0 1px #79b38d12;
  background: linear-gradient(145deg, #102744f0, #07111ff7 56%, #16375ee6) !important;
}

.admin-workspace-dialog {
  color: var(--text-main);
  background: #f4f8fff5;
}

.admin-modal-footer {
  background: #f4f8fff0;
}

.admin-explainer {
  background: linear-gradient(135deg, #6f91c417, #ffffff42);
  border-color: #6f91c438;
}

.admin-explainer-warning {
  background: linear-gradient(135deg, #be8b3f1c, #ffffff38);
  border-color: #be8b3f47;
}

.admin-stat-number {
  font-family: var(--font-ui-sans),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

html.dark .admin-modal-footer {
  background: #07111feb !important;
}

html.dark .admin-explainer {
  background: linear-gradient(135deg, #5e82b521, #12274494);
  border-color: #799dcf3d;
}

html.dark .admin-explainer-warning {
  background: linear-gradient(135deg, #be8b3f24, #12274494);
  border-color: #79b38d3d;
}

html.dark .admin-ru :is(input, select, textarea) {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

@media (max-width: 767px) {
  .admin-workspace-dialog {
    border-radius: 20px !important;
    width: 100% !important;
    max-height: calc(100dvh - .75rem) !important;
  }

  .admin-workspace-dialog > :is(header, div):first-child {
    padding: 1rem !important;
  }

  .admin-modal-footer {
    position: sticky;
    bottom: 0;
    padding: .8rem 1rem !important;
  }

  .admin-page-header h1 {
    font-size: clamp(1.8rem, 9vw, 2.35rem);
  }

  .admin-page-header .btn-primary, .admin-page-header .btn-secondary {
    flex: auto;
  }
}

@media (max-width: 479px) {
  .tm-panel, .liquid-glass, .divine-card {
    border-radius: 18px;
  }

  .btn-primary, .btn-secondary {
    letter-spacing: .075em;
  }
}

@media (min-width: 640px) and (max-height: 700px) {
  .admin-login-shell {
    align-items: flex-start !important;
    padding-top: 5.5rem !important;
  }
}

html.dark .admin-ru [class~="bg-white/35"], html.dark .admin-ru [class~="bg-white/40"], html.dark .admin-ru [class~="bg-white/45"], html.dark .admin-ru [class~="bg-white/48"], html.dark .admin-ru [class~="bg-white/50"], html.dark .admin-ru [class~="bg-white/55"] {
  background: linear-gradient(138deg, #79b38d13, #122744b8 58%, #1846781a) !important;
  border-color: #79b38d26 !important;
}

html.dark .admin-ru [class~="hover:bg-white/40"]:hover, html.dark .admin-ru [class~="hover:bg-white/45"]:hover, html.dark .admin-ru [class~="hover:bg-white/50"]:hover, html.dark .admin-ru [class~="hover:bg-white/55"]:hover, html.dark .admin-ru [class~="hover:bg-white/70"]:hover {
  color: var(--text-main);
  background: linear-gradient(138deg, #79b38d1f, #173052c7, #20569121) !important;
}

html.dark .footer-cherubs {
  opacity: 0;
  filter: none;
  transform: translateX(-50%) translateY(10px) scale(.96);
}

html.dark .site-footer:before {
  content: "";
  background: radial-gradient(#79b38d17, #0000 66%);
  border-top: 1px solid #79b38d4d;
  border-radius: 50%;
  width: min(310px, 58vw);
  height: 54px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 -10px 45px #79b38d0e;
}

html[data-visual-skin="living"] {
  --living-page-art: url("/living/texture-sky-b.jpg");
  --living-accent: #2686c4;
  --living-glow: #e6faff94;
  --living-card-start: #fafeffeb;
  --living-card-middle: #eef9ffdb;
  --living-card-end: #dcf1fccc;
  --elysium-void: #b9e4f8;
  --elysium-night: #dff4ff;
  --elysium-indigo: #9fd6f2;
  --elysium-violet: #71b8df;
  --elysium-aether: #78bfe5;
  --elysium-gold: #328bc0;
  --elysium-cream: #f3fbff;
  --bg-main: linear-gradient(180deg, #dff5ff 0%, #b9e4f8 56%, #92cdec 100%);
  --surface-panel: #f6fcffd6;
  --surface-panel-strong: #fafefff0;
  --surface-muted: #effaffc7;
  --liquid-glass-strong: #f3fcfff0;
  --text-main: #0b2d43;
  --text-primary: #0b2d43;
  --text-secondary: #214d67;
  --text-muted: #3d647b;
  --border-soft: #368ec43d;
  --border-strong: #2d84bb75;
  --border-light: #4c9ecf33;
  --border-medium: #3a90c557;
  --silver-base: #dceff8;
  --silver-light: #f4fbff;
  --silver-dark: #add5e9;
  --silver-border: #a8cee2;
  --accent: #267fb8;
  --accent-hover: #155f91;
  --accent-light: #3291ca26;
  --terminal-accent: #2379ab;
  --success: #3b987c;
  --code-bg: #ebf9ffb8;
  --code-text: #185279;
  --docs-code-bg: #0b3047;
  --docs-code-border: #2f6b8b;
  --docs-code-text: #eaf8ff;
  --docs-code-heading: #cbeaf8;
  --docs-code-muted: #93bdd2;
  --docs-code-line-number: #6897ad;
  --docs-code-accent: #55b9e8;
  --docs-code-active: #55b9e821;
  --docs-code-node: #103b51;
  --docs-code-string: #b9def0;
  --docs-code-url: #8fe1c2;
  --docs-code-keyword: #ff9d8c;
  --docs-code-literal: #b8c9ff;
  --docs-code-flag: #d8afe9;
  --docs-code-shadow: 0 22px 60px #08355033;
  background: #9ed9f7;
}

html:not(.dark)[data-visual-skin="living"] .landing-en :is(.elysium-model-chip, .elysium-section-title, .step-title, .request-summary h3, .request-mini-code code, .news-copy h3, .elysium-faq-title, .footer-column h4) {
  color: var(--text-main);
}

html:not(.dark)[data-visual-skin="living"] .landing-en :is(.step-text, .route-status, .request-summary p, .ledger-text, .elysium-catalog-note, .news-heading-row > p, .news-description, .news-tabs button, .elysium-faq-answer, .footer-column a) {
  color: var(--text-secondary);
}

html:not(.dark)[data-visual-skin="living"] .landing-en :is(.elysium-section-label, .step-marker, .code-chip, .route-endpoint, .request-label, .request-mini-code span, .elysium-catalog-note a, .news-counter, .news-tabs button:hover, .news-tabs button.active, .news-arrows button:hover) {
  color: var(--accent-hover);
}

html:not(.dark)[data-visual-skin="living"] .landing-en :is(.ledger-time, .news-counter small, .news-date, .news-copy-footer, .news-arrows button) {
  color: var(--text-muted);
}

html:not(.dark)[data-visual-skin="living"] .landing-en .elysium-section-frame {
  border-color: var(--border-soft);
}

html:not(.dark)[data-visual-skin="living"] .landing-en :is(.elysium-label-diamond, .news-tabs button b) {
  background: var(--accent);
}

html:not(.dark)[data-visual-skin="living"] .landing-en .news-navigation {
  border-color: var(--border-soft);
  background: #effaffe6;
}

html:not(.dark)[data-visual-skin="living"] .landing-en :is(.news-tabs button:hover, .news-tabs button.active, .news-arrows button:hover) {
  background: #ffffff9e;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) {
  --living-page-art: url("/living/texture-waterfall-blue.jpg");
  --living-accent: #79b38d;
  --living-glow: #79b38d4d;
  --living-card-start: #112b4ee0;
  --living-card-middle: #081b34d6;
  --living-card-end: #082546cc;
  --elysium-void: #061120;
  --elysium-night: #0a1b31;
  --elysium-indigo: #10294a;
  --elysium-violet: #315a8a;
  --elysium-aether: #376b9d;
  --elysium-gold: #79b38d;
  --elysium-cream: #183653;
  --bg-main: linear-gradient(180deg, #061120 0%, #0a1b31 55%, #0d2848 100%);
  --surface-panel: #0f2b4bb8;
  --surface-panel-strong: #133357d6;
  --surface-muted: #bfdbfe14;
  --liquid-glass-strong: #081d34eb;
  --text-main: #e5f1ff;
  --text-primary: #e5f1ff;
  --text-secondary: #d3e5fac7;
  --text-muted: #9cbbdeb8;
  --border-soft: #79b38d33;
  --border-strong: #79b38d6b;
  --border-light: #79b38d29;
  --border-medium: #79b38d4d;
  --accent: #79b38d;
  --accent-hover: #b2d7bc;
  --accent-light: #79b38d29;
  --terminal-accent: #79b38d;
  --code-bg: #041426cc;
  --code-text: #e2f0e4;
  --docs-code-bg: #14271f;
  --docs-code-border: #28537a;
  --docs-code-text: #e0efff;
  --docs-code-heading: #c1dcfa;
  --docs-code-muted: #89add3;
  --docs-code-line-number: #557ba6;
  --docs-code-accent: #79b38d;
  --docs-code-active: #79b38d24;
  --docs-code-node: #0d2641;
  --docs-code-shadow: 0 22px 60px #000a185c;
  background: #07162a;
}

.docs-code-surface, .docs-code, .docs-exchange {
  box-shadow: var(--docs-code-shadow);
  border-color: var(--docs-code-border) !important;
  background: var(--docs-code-bg) !important;
}

.docs-code-line.is-active {
  background: var(--docs-code-active);
}

.docs-code-line:before {
  background: var(--docs-code-accent);
}

html[data-visual-skin="living"] .docs-shell :is(.docs-code, .docs-exchange, .docs-code-surface) :is(pre, code) {
  color: var(--docs-code-text) !important;
}

html[data-visual-skin="living"] .docs-shell .docs-cache-demo code {
  color: var(--docs-code-heading) !important;
  background: var(--docs-code-bg) !important;
}

@property --hybrid-bg-top {
  syntax: "<color>";
  inherits: true;
  initial-value: #e4f7ff;
}

@property --hybrid-bg-middle {
  syntax: "<color>";
  inherits: true;
  initial-value: #b8e6fa;
}

@property --hybrid-bg-bottom {
  syntax: "<color>";
  inherits: true;
  initial-value: #94cfee;
}

@property --hybrid-panel {
  syntax: "<color>";
  inherits: true;
  initial-value: #f7fcff;
}

@property --hybrid-ink {
  syntax: "<color>";
  inherits: true;
  initial-value: #172733;
}

@property --hybrid-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: #334b5a;
}

@property --hybrid-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #5c6d78;
}

@property --hybrid-heading {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b242b;
}

@property --hybrid-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: #267fb8;
}

@property --hybrid-accent-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: #155f91;
}

@property --hybrid-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #368ec4;
}

@property --hybrid-code {
  syntax: "<color>";
  inherits: true;
  initial-value: #185279;
}

@property --hybrid-glow {
  syntax: "<color>";
  inherits: true;
  initial-value: #e6faff;
}

@property --hybrid-success {
  syntax: "<color>";
  inherits: true;
  initial-value: #3b987c;
}

html[data-visual-mode="hybrid"] {
  --hybrid-bg-top: #e4f7ff;
  --hybrid-bg-middle: #b8e6fa;
  --hybrid-bg-bottom: #94cfee;
  --hybrid-panel: #f7fcff;
  --hybrid-ink: #172733;
  --hybrid-secondary: #334b5a;
  --hybrid-muted: #5c6d78;
  --hybrid-heading: #1b242b;
  --hybrid-accent: #267fb8;
  --hybrid-accent-strong: #155f91;
  --hybrid-border: #368ec4;
  --hybrid-code: #185279;
  --hybrid-glow: #e6faff;
  --hybrid-success: #3b987c;
  --living-page-art: url("/living/texture-sky-b.jpg");
  --living-accent: var(--hybrid-accent);
  --living-glow: color-mix(in srgb, var(--hybrid-glow) 58%, transparent);
  --living-card-start: color-mix(in srgb, var(--hybrid-panel) 92%, transparent);
  --living-card-middle: color-mix(in srgb, var(--hybrid-panel) 86%, transparent);
  --living-card-end: color-mix(in srgb, var(--hybrid-bg-middle) 80%, transparent);
  --elysium-void: var(--hybrid-bg-middle);
  --elysium-night: var(--hybrid-bg-top);
  --elysium-indigo: var(--hybrid-bg-bottom);
  --elysium-violet: var(--hybrid-border);
  --elysium-aether: var(--hybrid-border);
  --elysium-gold: var(--hybrid-accent);
  --elysium-cream: var(--hybrid-panel);
  --bg-main: linear-gradient(180deg, var(--hybrid-bg-top) 0%, var(--hybrid-bg-middle) 56%, var(--hybrid-bg-bottom) 100%);
  --surface-panel: color-mix(in srgb, var(--hybrid-panel) 84%, transparent);
  --surface-panel-strong: color-mix(in srgb, var(--hybrid-panel) 94%, transparent);
  --surface-muted: color-mix(in srgb, var(--hybrid-panel) 78%, transparent);
  --liquid-glass-strong: color-mix(in srgb, var(--hybrid-panel) 94%, transparent);
  --text-main: var(--hybrid-ink);
  --text-primary: var(--hybrid-ink);
  --text-secondary: var(--hybrid-secondary);
  --text-muted: var(--hybrid-muted);
  --border-soft: color-mix(in srgb, var(--hybrid-border) 24%, transparent);
  --border-strong: color-mix(in srgb, var(--hybrid-border) 46%, transparent);
  --border-light: color-mix(in srgb, var(--hybrid-border) 20%, transparent);
  --border-medium: color-mix(in srgb, var(--hybrid-border) 34%, transparent);
  --silver-base: color-mix(in srgb, var(--hybrid-panel) 76%, var(--hybrid-border));
  --silver-light: color-mix(in srgb, var(--hybrid-panel) 94%, white);
  --silver-dark: color-mix(in srgb, var(--hybrid-panel) 62%, var(--hybrid-border));
  --silver-border: color-mix(in srgb, var(--hybrid-panel) 58%, var(--hybrid-border));
  --accent: var(--hybrid-accent);
  --accent-hover: var(--hybrid-accent-strong);
  --accent-light: color-mix(in srgb, var(--hybrid-accent) 15%, transparent);
  --terminal-accent: var(--hybrid-accent);
  --success: var(--hybrid-success);
  --code-bg: color-mix(in srgb, var(--hybrid-panel) 72%, transparent);
  --code-text: var(--hybrid-code);
  --media-horizontal-scrim: linear-gradient(90deg, color-mix(in srgb, var(--hybrid-panel) 32%, transparent), color-mix(in srgb, var(--hybrid-panel) 6%, transparent));
  --media-vertical-scrim: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--hybrid-panel) 48%, transparent) 82%);
  --model-row-background-overlay: var(--media-horizontal-scrim);
  --model-row-surface: color-mix(in srgb, var(--hybrid-panel) 58%, transparent);
  background: var(--hybrid-bg-middle);
  transition: --hybrid-bg-top 2.2s, --hybrid-bg-middle 2.2s, --hybrid-bg-bottom 2.2s, --hybrid-panel 2.2s, --hybrid-ink 2.2s, --hybrid-secondary 2.2s, --hybrid-muted 2.2s, --hybrid-heading 2.2s, --hybrid-accent 2.2s, --hybrid-accent-strong 2.2s, --hybrid-border 2.2s, --hybrid-code 2.2s, --hybrid-glow 2.2s, --hybrid-success 2.2s;
}

html[data-visual-mode="hybrid"][data-hybrid-palette="air"] {
  --hybrid-bg-top: #edf7ff;
  --hybrid-bg-middle: #d9e9fa;
  --hybrid-bg-bottom: #c8d6ee;
  --hybrid-panel: #fbfdff;
  --hybrid-ink: #202b3b;
  --hybrid-secondary: #455268;
  --hybrid-muted: #697385;
  --hybrid-heading: #1b242b;
  --hybrid-accent: #6979bd;
  --hybrid-accent-strong: #46569b;
  --hybrid-border: #7288c5;
  --hybrid-code: #40558e;
  --hybrid-glow: #f5f0ff;
  --hybrid-success: #4f9a87;
  --living-page-art: url("/living/texture-sky-a.jpg");
}

html[data-visual-mode="hybrid"][data-hybrid-palette="meadow"] {
  --hybrid-bg-top: #eef8ff;
  --hybrid-bg-middle: #d7ebff;
  --hybrid-bg-bottom: #b8d9f7;
  --hybrid-panel: #f8fcff;
  --hybrid-ink: #182b43;
  --hybrid-secondary: #36536f;
  --hybrid-muted: #647b92;
  --hybrid-heading: #1b242b;
  --hybrid-accent: #287fbd;
  --hybrid-accent-strong: #17639c;
  --hybrid-border: #69a5d3;
  --hybrid-code: #275f8c;
  --hybrid-glow: #e1f4ff;
  --hybrid-success: #3b987c;
  --living-page-art: url("/living/texture-sky-b.jpg");
}

html[data-visual-mode="hybrid"][data-hybrid-palette="grove"] {
  --hybrid-bg-top: #f3f8ff;
  --hybrid-bg-middle: #dce9fa;
  --hybrid-bg-bottom: #bfd3ec;
  --hybrid-panel: #fbfdff;
  --hybrid-ink: #202c3c;
  --hybrid-secondary: #45566c;
  --hybrid-muted: #6b7a8d;
  --hybrid-heading: #1b242b;
  --hybrid-accent: #416fae;
  --hybrid-accent-strong: #2d578f;
  --hybrid-border: #7899c4;
  --hybrid-code: #365d91;
  --hybrid-glow: #e6f0ff;
  --hybrid-success: #3b987c;
  --living-page-art: url("/living/texture-sky-a.jpg");
}

html[data-visual-mode="hybrid"][data-hybrid-palette="water"] {
  --hybrid-bg-top: #eef8ff;
  --hybrid-bg-middle: #d7ebff;
  --hybrid-bg-bottom: #b8d9f7;
  --hybrid-panel: #f8fcff;
  --hybrid-ink: #182b43;
  --hybrid-secondary: #36536f;
  --hybrid-muted: #647b92;
  --hybrid-heading: #1b242b;
  --hybrid-accent: #287fbd;
  --hybrid-accent-strong: #17639c;
  --hybrid-border: #69a5d3;
  --hybrid-code: #275f8c;
  --hybrid-glow: #e1f4ff;
  --hybrid-success: #3c9874;
  --living-page-art: url("/living/texture-waterfall-blue.jpg");
}

html.dark[data-visual-mode="hybrid"] {
  --hybrid-bg-top: #07131f;
  --hybrid-bg-middle: #0a2236;
  --hybrid-bg-bottom: #0d3048;
  --hybrid-panel: #102b40;
  --hybrid-ink: #eef2f5;
  --hybrid-secondary: #c4ced6;
  --hybrid-muted: #91a0ac;
  --hybrid-heading: #f2f4f6;
  --hybrid-accent: #63b7e6;
  --hybrid-accent-strong: #92d6f7;
  --hybrid-border: #5598bc;
  --hybrid-code: #bde7fb;
  --hybrid-glow: #4f9bc9;
  --hybrid-success: #69bd99;
  --living-card-start: color-mix(in srgb, var(--hybrid-panel) 86%, transparent);
  --living-card-middle: color-mix(in srgb, var(--hybrid-panel) 82%, transparent);
  --living-card-end: color-mix(in srgb, var(--hybrid-bg-bottom) 76%, transparent);
  --surface-panel: color-mix(in srgb, var(--hybrid-panel) 68%, transparent);
  --surface-panel-strong: color-mix(in srgb, var(--hybrid-panel) 82%, transparent);
  --surface-muted: color-mix(in srgb, var(--hybrid-panel) 34%, transparent);
  --liquid-glass-strong: color-mix(in srgb, var(--hybrid-panel) 90%, transparent);
  --code-bg: color-mix(in srgb, var(--hybrid-bg-top) 78%, transparent);
  --media-horizontal-scrim: linear-gradient(90deg, color-mix(in srgb, var(--hybrid-bg-top) 32%, transparent), color-mix(in srgb, var(--hybrid-bg-top) 6%, transparent));
  --media-vertical-scrim: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--hybrid-bg-top) 50%, transparent) 82%);
  --model-row-surface: color-mix(in srgb, var(--hybrid-panel) 56%, transparent);
}

html.dark[data-visual-mode="hybrid"][data-hybrid-palette="air"] {
  --hybrid-bg-top: #0b1024;
  --hybrid-bg-middle: #151b38;
  --hybrid-bg-bottom: #202b51;
  --hybrid-panel: #18223f;
  --hybrid-ink: #f0f1f5;
  --hybrid-secondary: #c9cbd4;
  --hybrid-muted: #979ba8;
  --hybrid-heading: #f2f4f6;
  --hybrid-accent: #91a3ef;
  --hybrid-accent-strong: #b7c3ff;
  --hybrid-border: #7386d1;
  --hybrid-code: #d2d9ff;
  --hybrid-glow: #8a79d2;
  --hybrid-success: #72bea6;
}

html.dark[data-visual-mode="hybrid"][data-hybrid-palette="meadow"] {
  --hybrid-bg-top: #091522;
  --hybrid-bg-middle: #10253d;
  --hybrid-bg-bottom: #183958;
  --hybrid-panel: #142f4a;
  --hybrid-ink: #edf5ff;
  --hybrid-secondary: #c5d5e8;
  --hybrid-muted: #91a8c0;
  --hybrid-heading: #f2f6fb;
  --hybrid-accent: #6cb9ef;
  --hybrid-accent-strong: #9ad5ff;
  --hybrid-border: #588eb8;
  --hybrid-code: #c5e7ff;
  --hybrid-glow: #3f82b6;
  --hybrid-success: #69bd99;
}

html.dark[data-visual-mode="hybrid"][data-hybrid-palette="grove"] {
  --hybrid-bg-top: #0c1421;
  --hybrid-bg-middle: #17253a;
  --hybrid-bg-bottom: #223754;
  --hybrid-panel: #1b2c44;
  --hybrid-ink: #f0f5fb;
  --hybrid-secondary: #cbd6e3;
  --hybrid-muted: #96a8ba;
  --hybrid-heading: #f3f6fa;
  --hybrid-accent: #79a9e3;
  --hybrid-accent-strong: #a9ccf4;
  --hybrid-border: #6684aa;
  --hybrid-code: #d0e3fa;
  --hybrid-glow: #557eaf;
  --hybrid-success: #69bd99;
}

html.dark[data-visual-mode="hybrid"][data-hybrid-palette="water"] {
  --hybrid-bg-top: #091522;
  --hybrid-bg-middle: #10253d;
  --hybrid-bg-bottom: #183958;
  --hybrid-panel: #142f4a;
  --hybrid-ink: #edf5ff;
  --hybrid-secondary: #c5d5e8;
  --hybrid-muted: #91a8c0;
  --hybrid-heading: #f2f6fb;
  --hybrid-accent: #6cb9ef;
  --hybrid-accent-strong: #9ad5ff;
  --hybrid-border: #588eb8;
  --hybrid-code: #c5e7ff;
  --hybrid-glow: #3f82b6;
  --hybrid-success: #6bc58f;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"])[data-living-scene="waterfall"] {
  --living-page-art: url("/living/texture-waterfall-blue.jpg");
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"])[data-living-scene="meadow"] {
  --living-page-art: url("/living/texture-meadow.jpg");
  --living-accent: #79b38d;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"])[data-living-scene="grove"] {
  --living-page-art: url("/living/texture-meadow.jpg");
  --living-accent: #5fa47b;
}

html[data-visual-mode="hybrid"] {
  --living-accent: var(--hybrid-accent);
}

html[data-visual-skin="living"] .theme-floral-edge, html[data-visual-skin="living"] #petal-rain-host {
  display: none !important;
}

html[data-visual-skin="living"] body {
  isolation: isolate;
  background: none;
}

html[data-visual-skin="living"] body:before {
  opacity: 1;
  filter: none;
  background: linear-gradient(#f0fbff14, #a1d8f647 62%, #5ba4d066), radial-gradient(circle at 50% -10%, #ffffff73, #0000 48%);
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) body:before {
  background: linear-gradient(180deg, #030f2333, #07162a7a 60%, #030c1cb3),
    radial-gradient(circle at 52% -12%, var(--living-glow), transparent 46%);
}

html[data-visual-skin="living"] body:after {
  opacity: .56;
  background-color: #0000;
  background-image: radial-gradient(at 50% -18%, #ffffff57, #0000 46%), linear-gradient(90deg, #1663931f, #0000 22% 78%, #1663931f);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) body:after {
  opacity: .7;
  background: radial-gradient(circle at 12% 24%, #79b38d1f, #0000 22%), radial-gradient(circle at 88% 72%, #38bdf824, #0000 26%), linear-gradient(90deg, #030c1c3d, #0000 18% 82%, #030c1c3d);
}

html[data-visual-mode="hybrid"] body:before {
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--hybrid-panel) 8%, transparent),
      color-mix(in srgb, var(--hybrid-bg-middle) 26%, transparent) 62%,
      color-mix(in srgb, var(--hybrid-accent) 34%, transparent)),
    radial-gradient(circle at 50% -10%,
      color-mix(in srgb, var(--hybrid-glow) 44%, transparent),
      transparent 48%);
}

html[data-visual-mode="hybrid"] body:after {
  background: radial-gradient(ellipse at 50% -18%,
      color-mix(in srgb, var(--hybrid-glow) 32%, transparent),
      transparent 46%),
    linear-gradient(90deg,
      color-mix(in srgb, var(--hybrid-accent) 12%, transparent),
      transparent 22%,
      transparent 78%,
      color-mix(in srgb, var(--hybrid-accent) 12%, transparent));
  opacity: .62;
}

html.dark[data-visual-mode="hybrid"] body:before {
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--hybrid-bg-top) 20%, transparent),
      color-mix(in srgb, var(--hybrid-bg-middle) 48%, transparent) 60%,
      color-mix(in srgb, var(--hybrid-bg-top) 68%, transparent)),
    radial-gradient(circle at 52% -12%,
      color-mix(in srgb, var(--hybrid-glow) 32%, transparent),
      transparent 46%);
}

html.dark[data-visual-mode="hybrid"] body:after {
  background: radial-gradient(circle at 12% 24%,
      color-mix(in srgb, var(--hybrid-accent) 13%, transparent),
      transparent 22%),
    radial-gradient(circle at 88% 72%,
      color-mix(in srgb, var(--hybrid-accent-strong) 14%, transparent),
      transparent 26%),
    linear-gradient(90deg,
      color-mix(in srgb, var(--hybrid-bg-top) 26%, transparent),
      transparent 18%,
      transparent 82%,
      color-mix(in srgb, var(--hybrid-bg-top) 26%, transparent));
  opacity: .72;
}

.living-backdrop {
  z-index: -3;
  contain: strict;
  pointer-events: none;
  background: var(--living-page-art) center / cover no-repeat;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.living-backdrop[data-scene="sky"] {
  background-image: url("/living/texture-sky-b.jpg");
}

.living-backdrop[data-scene="waterfall"] {
  background-image: url("/living/texture-waterfall-blue.jpg");
}

.living-backdrop[data-scene="meadow"], .living-backdrop[data-scene="grove"] {
  background-image: url("/living/texture-meadow.jpg");
}

.living-backdrop[data-scene="stream"] {
  background-image: url("/living/texture-waterfall.jpg");
}

.living-backdrop__video, .living-backdrop__veil {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.living-backdrop__video {
  --living-video-opacity: .88;
  object-fit: cover;
  opacity: var(--living-video-opacity);
  pointer-events: none;
  filter: saturate(1.05) contrast(1.02) brightness(1.04);
  animation: .92s cubic-bezier(.22, 1, .36, 1) both living-scene-arrive;
}

.living-backdrop__video::-webkit-media-controls {
  -webkit-appearance: none;
  opacity: 0;
  display: none !important;
}

.living-backdrop__video::-webkit-media-controls-panel {
  -webkit-appearance: none;
  opacity: 0;
  display: none !important;
}

.living-backdrop__video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  opacity: 0;
  display: none !important;
}

.living-backdrop__video--hybrid {
  opacity: 0;
  visibility: hidden;
  will-change: opacity;
  transition: opacity 2.2s cubic-bezier(.22, 1, .36, 1);
  animation: none;
}

.living-backdrop__video--hybrid.living-backdrop__video--active {
  opacity: var(--living-video-opacity);
  visibility: visible;
  animation: 2.2s cubic-bezier(.22, 1, .36, 1) both living-hybrid-arrive;
}

.living-backdrop__video--theme {
  opacity: 0;
  visibility: hidden;
  will-change: opacity;
  transition: opacity .28s;
  animation: none;
}

.living-backdrop__video--theme.living-backdrop__video--active {
  opacity: var(--living-video-opacity);
  visibility: visible;
}

html.dark .living-backdrop__video {
  --living-video-opacity: .8;
  filter: saturate(.96) contrast(1.08) brightness(.72);
}

.living-backdrop[data-scene="grove"] .living-backdrop__video {
  object-position: 50% 52%;
}

.living-backdrop__veil {
  background: linear-gradient(#e2f7ff05, #b0e0f91f 58%, #69b3de47);
}

html[data-visual-mode="hybrid"] .living-backdrop__veil {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--hybrid-panel) 2%, transparent),
    color-mix(in srgb, var(--hybrid-bg-middle) 12%, transparent) 58%,
    color-mix(in srgb, var(--hybrid-accent) 28%, transparent));
}

html.dark .living-backdrop__veil {
  background: linear-gradient(#030c1c2e, #030f2366 58%, #010712a8);
}

html.dark[data-visual-mode="hybrid"] .living-backdrop__veil {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--hybrid-bg-top) 18%, transparent),
    color-mix(in srgb, var(--hybrid-bg-middle) 40%, transparent) 58%,
    color-mix(in srgb, var(--hybrid-bg-top) 66%, transparent));
}

html[data-visual-skin="living"] .site-header-font {
  border-color: #71bae557;
  box-shadow: 0 12px 42px #1c679726, inset 0 -1px #ffffff9e;
  background: #e0f5ffc7 !important;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .site-header-font {
  border-color: #8bcc7933;
  box-shadow: 0 12px 42px #010c075c, inset 0 -1px #c3f1a80d;
  background: #081b34d1 !important;
}

html[data-visual-skin="living"] .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card) {
  -webkit-backdrop-filter: blur(10px) saturate(108%);
  backdrop-filter: blur(10px) saturate(108%);
  box-shadow: 0 14px 38px #2067941f, 0 2px #3480b41a, inset 0 1px #ffffffdb;
  background: linear-gradient(142deg, var(--living-card-start), var(--living-card-middle) 55%, var(--living-card-end)) !important;
  border-color: #5babdc4d !important;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card) {
  box-shadow: 0 18px 44px #010d1e52, 0 2px #7ebe700f, inset 0 1px #bfdbfe12;
  border-color: color-mix(in srgb, var(--living-accent) 30%, transparent) !important;
  background: linear-gradient(142deg, var(--living-card-start), var(--living-card-middle) 56%, var(--living-card-end)) !important;
}

html[data-visual-skin="living"] .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card):before {
  filter: none;
  opacity: .24 !important;
  background: linear-gradient(128deg, #f4fcff61, #67bbe80f) !important;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card):before {
  filter: none;
  opacity: .3 !important;
  background: linear-gradient(128deg, #bfdbfe1f, #030f233d) !important;
}

html[data-visual-skin="living"] :is(.living-feature-card, .status-overview-card, .models-catalog-head, .legal-hero) {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

html[data-visual-skin="living"] :is(.living-feature-card, .status-overview-card, .models-catalog-head, .legal-hero):before {
  z-index: 0;
  content: "";
  pointer-events: none;
  filter: saturate(1.02) contrast(1.03);
  position: absolute;
  inset: 0;
  background: var(--media-horizontal-scrim),
    var(--living-page-art) center / cover no-repeat !important;
  opacity: .7 !important;
}

html[data-visual-skin="living"] :is(.living-feature-card, .status-overview-card, .models-catalog-head, .legal-hero) > * {
  z-index: 1;
  position: relative;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) :is(.living-feature-card, .status-overview-card, .models-catalog-head, .legal-hero):before {
  filter: saturate() contrast(1.04) brightness(.94);
  background: var(--media-horizontal-scrim),
    var(--living-page-art) center / cover no-repeat !important;
  opacity: .7 !important;
}

html[data-visual-skin="living"] :is(.liquid-toolbar, input, select, textarea) {
  background: #eaf8ffb8;
  border-color: #53a0d14d;
  box-shadow: inset 0 1px #ffffffad, 0 2px #2a77a914;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) :is(.liquid-toolbar, input, select, textarea) {
  background: #071a30c7;
  border-color: #79b38d38;
}

html[data-visual-skin="living"] .btn-primary {
  background: linear-gradient(135deg, #4aaadd, #267db7 58%, #1e659c);
  border-color: #7cc9f07a;
  box-shadow: 0 3px #105b8b52, inset 0 1px #ebfbff47;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .btn-primary {
  background: linear-gradient(135deg, #79b38d, #2d7654 58%, #245f43);
  border-color: #b2d7bc6b;
  box-shadow: 0 3px #245f436b, inset 0 1px #dbeafe33;
}

.visual-skin-toggle__glow {
  background: radial-gradient(circle at 52% 42%, #b5e7ff9e, #0000 48%);
}

html[data-visual-skin="living"] .visual-skin-toggle {
  color: #155f94;
  background: #e0f6ffd1;
  border-color: #4ca5da6b;
  box-shadow: 0 0 0 1px #ffffff52, 0 7px 24px #227bb233, inset 0 1px #ffffffb8;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .visual-skin-toggle {
  color: #c5dfcb;
  background: #102f52d6;
  border-color: #b2d7bc61;
  box-shadow: 0 0 0 1px #bfdbfe14, 0 7px 24px #030f2361, inset 0 1px #dbeafe1a;
}

html[data-visual-skin="living"] .visual-skin-toggle__glow, html[data-visual-skin="living"] .visual-skin-toggle__dot {
  opacity: 1;
}

html[data-visual-skin="living"] .visual-skin-toggle__dot {
  background: #63c7f2;
  animation: 1.8s steps(2, end) infinite retro-led;
  box-shadow: 0 0 8px #6fd4ff;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .visual-skin-toggle__dot {
  background: #b2d7bc;
  box-shadow: 0 0 8px #79b38d;
}

html[data-visual-mode="hybrid"] .visual-skin-toggle, html.dark[data-visual-mode="hybrid"] .visual-skin-toggle {
  color: var(--hybrid-accent-strong);
  border-color: color-mix(in srgb, var(--hybrid-border) 46%, transparent);
  background: color-mix(in srgb, var(--hybrid-panel) 82%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hybrid-panel) 32%, transparent),
    0 7px 24px color-mix(in srgb, var(--hybrid-accent) 22%, transparent),
    inset 0 1px color-mix(in srgb, var(--hybrid-panel) 72%, transparent);
}

html[data-visual-mode="hybrid"] .visual-skin-toggle__glow, html.dark[data-visual-mode="hybrid"] .visual-skin-toggle__glow {
  background: radial-gradient(circle at 52% 42%,
    color-mix(in srgb, var(--hybrid-glow) 66%, transparent),
    transparent 50%);
}

html[data-visual-mode="hybrid"] .visual-skin-toggle__dot, html.dark[data-visual-mode="hybrid"] .visual-skin-toggle__dot {
  background: linear-gradient(135deg, var(--hybrid-accent), var(--hybrid-accent-strong));
  box-shadow: 0 0 9px var(--hybrid-accent);
  animation: 1.2s steps(2, end) infinite retro-led;
}

.silk-icon {
  image-rendering: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.visual-skin-toggle__icon {
  filter: drop-shadow(1px 1px #ffffff73);
}

.theme-toggle__silk {
  display: none;
  position: absolute;
}

html[data-visual-skin="living"] .theme-toggle__classic-icon {
  display: none;
}

html[data-visual-skin="living"] .theme-toggle__silk-sun {
  display: block;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .theme-toggle__silk-sun {
  display: none;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .theme-toggle__silk-clouds {
  display: block;
}

html[data-visual-skin="living"] .theme-toggle > span:last-child {
  background: linear-gradient(#f8fdff, #b8dff2);
  border-color: #ffffffd1;
  box-shadow: 1px 1px #2b709947, inset 1px 1px #ffffffe0;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .theme-toggle > span:last-child {
  background: linear-gradient(#244c38, #0b1728);
  border-color: #b2d7bc38;
  box-shadow: 1px 1px #030f2380, inset 1px 1px #dbeafe1f;
}

html[data-visual-skin="living"] .visual-skin-toggle__icon {
  animation: 3.2s steps(3, end) infinite retro-icon-awake;
}

.retro-icon {
  vertical-align: middle;
  flex: 0 0 20px;
  justify-content: center;
  align-items: center;
  line-height: 0;
  display: inline-flex;
  position: relative;
  width: 20px !important;
  height: 20px !important;
}

.retro-icon__classic {
  width: 16px;
  height: 16px;
  display: block;
}

.retro-icon__silk, html[data-visual-skin="living"] .retro-icon__classic {
  display: none;
}

html[data-visual-skin="living"] .retro-icon__silk {
  display: block;
}

html[data-visual-skin="living"] :is(a, button):hover .retro-icon__silk, html[data-visual-skin="living"] :is(a, button):focus-visible .retro-icon__silk {
  animation: .46s steps(3, end) both retro-icon-hover;
}

html[data-visual-skin="living"] .dashboard-mark {
  background: linear-gradient(#f6fcff, #b8dcf1);
  border: 1px solid #4ca0d057;
  border-radius: 5px;
  flex: 0 0 28px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  box-shadow: 1px 1px #1b5b8238, inset 1px 1px #fffc;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .dashboard-mark {
  background: linear-gradient(#315f91, #1f4c78);
  border-color: #79b38d47;
  box-shadow: 1px 1px #071f3a75, inset 1px 1px #dbeafe24;
}

html[data-visual-skin="living"] .elysium-orb {
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, white) 0%, color-mix(in srgb, var(--accent) 16%, transparent) 36%, transparent 68%) !important;
}

html[data-visual-skin="living"] .models-catalog-head {
  border: 1px solid color-mix(in srgb, var(--accent) 26%, transparent);
  background: linear-gradient(142deg, var(--living-card-start), var(--living-card-middle) 58%, var(--living-card-end));
  border-radius: 24px;
  margin-bottom: 24px;
  padding: 24px;
  box-shadow: 0 22px 58px #20679424, inset 0 1px #ffffffb8;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .models-catalog {
  --models-bg: #07162a;
  --models-surface: #0c2746d1;
  --models-surface-strong: #123357e6;
  --models-text: #e5f1ff;
  --models-text-muted: #d3e5fac2;
  --models-text-soft: #9cbbdeb3;
  --models-gold: #79b38d;
  --models-gold-strong: #438d68;
  --models-border: #79b38d3d;
  --models-border-soft: #79b38d26;
  --models-shadow: #000a184d;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .models-catalog-head {
  background: linear-gradient(142deg, #112b4ee6, #081b34db 58%, #082546cc);
  border-color: #79b38d42;
  box-shadow: 0 25px 68px #010d1e6b, inset 0 1px #bfdbfe12;
}

html[data-visual-skin="living"] .model-card-background {
  opacity: .28;
  display: block;
}

html[data-visual-skin="living"] :is(.model-card, .model-card-skeleton, .models-empty) {
  border-color: color-mix(in srgb, var(--accent) 24%, transparent);
  background: linear-gradient(142deg, var(--living-card-start), var(--living-card-middle) 58%, var(--living-card-end));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 18px 46px #2067941f, inset 0 1px #ffffffb3;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) :is(.model-card, .model-card-skeleton, .models-empty) {
  background: linear-gradient(145deg, #123357e6, #071a30e0);
  border-color: #79b38d38;
  box-shadow: 0 20px 52px #000c1c57, inset 0 1px #bfdbfe0f;
}

html[data-visual-skin="living"] .model-card.model-card-with-background, html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .model-card.model-card-with-background {
  background: linear-gradient(142deg, var(--living-card-start), var(--living-card-middle) 58%, var(--living-card-end)) !important;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .model-card-background {
  opacity: .22;
}

html:not(.dark) .model-card-with-background .model-card-background {
  opacity: .2;
}

html:not(.dark) .model-card-with-background .model-card-background:after {
  background: linear-gradient(135deg, #f4f9fcbd, #e8f3f894);
}

html:not(.dark) .model-card-with-background .model-type-badge {
  color: #315f7d;
  box-shadow: none;
  border-color: #3b749740;
  background-color: #5d97b829 !important;
}

html:not(.dark) .model-card-with-background .model-reasoning-badge {
  color: #65538b;
  box-shadow: none;
  border-color: #70589e3d;
  background-color: #7c65aa24 !important;
}

html:not(.dark) .model-card-with-background .model-context {
  color: #536879;
  box-shadow: none;
  background-color: #5270841f;
  border-color: #45637933;
}

html:not(.dark) .model-card-with-background .model-provider-icon-shell {
  background: #497e9e24;
  border-color: #2b658a33;
  box-shadow: 0 3px 10px #1444621a;
}

html:not(.dark)[data-visual-skin="living"] :is(.hero-trusted span, .hero-trusted p) {
  color: var(--text-secondary);
  opacity: 1;
}

html[data-visual-skin="living"] .model-card:hover {
  border-color: color-mix(in srgb, var(--accent) 48%, transparent);
  box-shadow: 0 24px 58px color-mix(in srgb, var(--accent) 16%, transparent);
}

html[data-visual-skin="living"] :is(.models-eyebrow, .model-id-text) {
  color: var(--accent-hover);
}

html[data-visual-skin="living"] .models-search:focus-within {
  border-color: color-mix(in srgb, var(--accent) 48%, transparent);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent) 14%, transparent);
}

html[data-visual-skin="living"] .models-tabs .tab.active {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 76%, white), var(--accent));
  box-shadow: 0 6px 16px color-mix(in srgb, var(--accent) 28%, transparent);
}

html[data-visual-skin="living"] .provider-dot {
  box-shadow: 0 0 8px color-mix(in srgb, var(--accent) 58%, transparent);
}

html[data-visual-skin="living"] :is(.model-type-badge, .model-tier-badge) {
  color: var(--accent-hover);
  border-color: color-mix(in srgb, var(--accent) 32%, transparent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) :is(.model-type-badge, .model-tier-badge) {
  color: #a8d1b4;
}

html[data-visual-skin="living"] .model-id-copy {
  border-color: color-mix(in srgb, var(--accent) 26%, transparent);
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}

html[data-visual-skin="living"] .model-id-copy:hover {
  border-color: color-mix(in srgb, var(--accent) 44%, transparent);
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}

html[data-visual-skin="living"] .tier-pricing-toggle:hover {
  border-color: color-mix(in srgb, var(--accent) 34%, transparent);
}

html[data-visual-skin="living"] .legal-shell {
  color: var(--text-main);
  background: linear-gradient(color-mix(in srgb, var(--accent) 5%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--accent) 5%, transparent) 1px, transparent 1px),
    transparent;
  background-size: 72px 72px;
}

html[data-visual-skin="living"] .legal-hero {
  border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent);
  background: linear-gradient(142deg, var(--living-card-start), var(--living-card-middle) 58%, var(--living-card-end));
  border-radius: 26px;
  margin-top: 16px;
  padding: 34px;
  box-shadow: 0 22px 58px #20679424, inset 0 1px #ffffffb8;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .legal-hero {
  background: linear-gradient(142deg, #112b4ee6, #081b34db 58%, #082546cc);
  border-color: #79b38d42;
  box-shadow: 0 25px 68px #010d1e6b, inset 0 1px #bfdbfe12;
}

html[data-visual-skin="living"] .legal-paper {
  border-color: color-mix(in srgb, var(--accent) 24%, transparent);
  background: color-mix(in srgb, var(--surface-panel-strong) 94%, transparent);
  box-shadow: 0 24px 68px color-mix(in srgb, var(--accent) 11%, transparent), inset 0 1px #ffffff9e;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .legal-paper {
  background: #071a30eb;
  border-color: #79b38d33;
  box-shadow: 0 26px 74px #000a1861, inset 0 1px #bfdbfe0d;
}

html[data-visual-skin="living"] :is(.legal-back-link, .legal-hero-copy > p, .legal-sidebar-label, .legal-sidebar nav a, .legal-toc a, .legal-section p, .legal-section li, .legal-preformatted, .legal-paper-footer p) {
  color: var(--text-secondary);
}

html[data-visual-skin="living"] :is(.legal-back-link:hover, .legal-eyebrow, .legal-mark-icon, .legal-toc a:hover, .legal-toc a span, .legal-section-index, .legal-paper-footer span) {
  color: var(--accent-hover);
}

html[data-visual-skin="living"] :is(.legal-hero h1, .legal-section h2, .legal-preformatted) {
  color: var(--text-main);
}

html[data-visual-skin="living"] .legal-document-mark {
  color: var(--accent-hover);
  border-color: color-mix(in srgb, var(--accent) 32%, transparent);
  background: color-mix(in srgb, var(--surface-panel-strong) 82%, transparent);
  box-shadow: inset 0 0 44px #ffffff47, 0 18px 48px color-mix(in srgb, var(--accent) 12%, transparent);
}

html[data-visual-skin="living"] .legal-document-mark:before {
  border-color: color-mix(in srgb, var(--accent) 22%, transparent);
}

html[data-visual-skin="living"] .legal-sidebar nav a.active {
  color: var(--accent-hover);
  border-color: color-mix(in srgb, var(--accent) 28%, transparent);
  background: color-mix(in srgb, var(--surface-panel-strong) 76%, transparent);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--accent) 9%, transparent);
}

html[data-visual-skin="living"] :is(.legal-paper-topline, .legal-section) {
  border-color: color-mix(in srgb, var(--accent) 18%, transparent);
}

html[data-visual-skin="living"] .legal-section.accent {
  background: linear-gradient(110deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent);
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent);
}

html[data-visual-skin="living"] .legal-section li:before {
  border-color: color-mix(in srgb, var(--accent) 72%, transparent);
}

html[data-visual-skin="living"] .legal-loading span {
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 7%, transparent), color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 7%, transparent));
}

html[data-visual-skin="living"] .legal-paper-footer {
  background: color-mix(in srgb, var(--accent) 6%, transparent);
}

html[data-visual-skin="living"] :is(.elysium-hero-badge, .step-card, .step-marker, .code-chip, .news-symbol, .key-avatar, .key-hero, .key-secret-card, .key-list) {
  border-color: color-mix(in srgb, var(--accent) 28%, transparent) !important;
}

html[data-visual-skin="living"] :is(.step-marker, .step-number, .code-chip, .news-symbol) {
  color: var(--accent-hover) !important;
}

html[data-visual-skin="living"] .steps-journey-track {
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 48%, transparent) 10%, color-mix(in srgb, var(--accent) 28%, transparent) 90%, transparent);
}

html[data-visual-skin="living"] .steps-journey-track :is(i, span) {
  border-color: color-mix(in srgb, var(--accent) 56%, transparent);
  background: var(--elysium-void);
}

html[data-visual-skin="living"] .step-card {
  box-shadow: 0 22px 56px color-mix(in srgb, var(--accent) 13%, transparent), inset 0 1px #ffffffad;
  background: linear-gradient(142deg, var(--living-card-start), var(--living-card-middle) 55%, var(--living-card-end)) !important;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .step-card {
  box-shadow: 0 24px 60px #000a1857, inset 0 1px #bfdbfe0f;
  background: linear-gradient(142deg, #112b4ee0, #081b34d6 55%, #082546c7) !important;
}

html[data-visual-skin="living"] :is(.code-chip, .news-symbol) {
  background: color-mix(in srgb, var(--accent) 9%, transparent);
}

html[data-visual-skin="living"] .site-footer {
  border-color: color-mix(in srgb, var(--accent) 22%, transparent);
  background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 42%), color-mix(in srgb, var(--surface-panel) 78%, transparent);
}

html[data-visual-skin="living"] .site-footer a:hover {
  color: var(--accent) !important;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) :is(.key-row:hover, .key-modal, .key-secret-card code) {
  background: linear-gradient(138deg, #112b4ee6, #071a30e6) !important;
  border-color: #79b38d33 !important;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/30"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/35"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/40"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/45"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/50"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/55"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/60"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/65"], html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-shell :is(div, section, article, aside, details, nav, header, thead, tbody, tr, td, th, label)[class~="bg-white/70"] {
  box-shadow: inset 0 1px #bfdbfe0d;
  background: linear-gradient(138deg, #102b4bdb, #07111fd1) !important;
  border-color: #79b38d29 !important;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-model-chip {
  color: var(--text-main);
  background: #0c2746d1;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .analytics-base-url-card {
  background: #07111feb;
  border-color: #79b38d38;
  box-shadow: 0 18px 46px #000a1852, inset 0 1px #bfdbfe0d;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .analytics-base-url-card .api-base-url-list {
  gap: 12px;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .analytics-base-url-card .api-base-url-icon {
  color: #a8d1b4;
  background: #79b38d1f;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .analytics-base-url-card .api-base-url-list:before {
  display: none;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .analytics-base-url-card .api-base-url-row {
  background: #0b1d32d6;
  border: 1px solid #79b38d33;
  border-radius: 13px;
  box-shadow: inset 0 1px #bfdbfe0a;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .analytics-base-url-card .api-base-url-row + .api-base-url-row {
  border-top: 1px solid #79b38d33;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .analytics-base-url-card .api-gateway-background {
  opacity: .9;
  filter: saturate() contrast(1.05) brightness(.92);
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .analytics-base-url-card .api-base-url-row:after {
  background: var(--media-horizontal-scrim);
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-marquee-section {
  background: #07162a8f;
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-marquee-fade.left {
  background: linear-gradient(90deg, #07162a 0%, #07162a00 100%);
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .elysium-marquee-fade.right {
  background: linear-gradient(270deg, #07162a 0%, #07162a00 100%);
}

html[data-visual-skin="living"] .step-card:after, html[data-visual-skin="living"] .site-footer:before {
  border-color: color-mix(in srgb, var(--accent) 30%, transparent);
}

html.dark[data-visual-skin="living"]:not([data-visual-mode="hybrid"]) .site-footer:before {
  background: radial-gradient(#79b38d1a, #0000 66%);
  box-shadow: 0 -10px 45px #79b38d0f;
}

html[data-visual-mode="hybrid"] .site-header-font, html.dark[data-visual-mode="hybrid"] .site-header-font {
  border-color: color-mix(in srgb, var(--hybrid-border) 34%, transparent);
  box-shadow: 0 12px 42px color-mix(in srgb, var(--hybrid-accent) 16%, transparent),
    inset 0 -1px color-mix(in srgb, var(--hybrid-panel) 62%, transparent);
  background: color-mix(in srgb, var(--hybrid-panel) 80%, transparent) !important;
}

html[data-visual-mode="hybrid"] .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card) {
  box-shadow: 0 22px 58px color-mix(in srgb, var(--hybrid-accent) 15%, transparent),
    0 2px 0 color-mix(in srgb, var(--hybrid-border) 10%, transparent),
    inset 0 1px color-mix(in srgb, var(--hybrid-panel) 76%, transparent);
  border-color: color-mix(in srgb, var(--hybrid-border) 30%, transparent) !important;
  background: linear-gradient(142deg,
    var(--living-card-start),
    var(--living-card-middle) 55%,
    var(--living-card-end)) !important;
}

html.dark[data-visual-mode="hybrid"] .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card) {
  box-shadow: 0 25px 68px color-mix(in srgb, var(--hybrid-bg-top) 42%, transparent),
    0 2px 0 color-mix(in srgb, var(--hybrid-border) 7%, transparent),
    inset 0 1px color-mix(in srgb, var(--hybrid-panel) 9%, transparent);
  border-color: color-mix(in srgb, var(--hybrid-border) 30%, transparent) !important;
  background: linear-gradient(142deg,
    var(--living-card-start),
    var(--living-card-middle) 55%,
    var(--living-card-end)) !important;
}

html[data-visual-mode="hybrid"] .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card):before {
  background: linear-gradient(128deg,
    color-mix(in srgb, var(--hybrid-panel) 38%, transparent),
    color-mix(in srgb, var(--hybrid-accent) 8%, transparent)) !important;
  opacity: .27 !important;
}

html[data-visual-mode="hybrid"] :is(.liquid-toolbar, input, select, textarea) {
  border-color: color-mix(in srgb, var(--hybrid-border) 30%, transparent);
  background: color-mix(in srgb, var(--hybrid-panel) 72%, transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--hybrid-panel) 68%, transparent),
    0 2px 0 color-mix(in srgb, var(--hybrid-accent) 8%, transparent);
}

html.dark[data-visual-mode="hybrid"] :is(.liquid-toolbar, input, select, textarea) {
  background: color-mix(in srgb, var(--hybrid-panel) 74%, transparent);
}

html[data-visual-mode="hybrid"] .btn-primary, html.dark[data-visual-mode="hybrid"] .btn-primary {
  border-color: color-mix(in srgb, var(--hybrid-accent) 48%, transparent);
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--hybrid-accent) 74%, white),
    var(--hybrid-accent) 58%,
    var(--hybrid-accent-strong));
  box-shadow: 0 3px 0 color-mix(in srgb, var(--hybrid-accent-strong) 38%, transparent),
    inset 0 1px color-mix(in srgb, var(--hybrid-panel) 28%, transparent);
}

html[data-visual-mode="hybrid"] .dashboard-mark, html.dark[data-visual-mode="hybrid"] .dashboard-mark {
  border-color: color-mix(in srgb, var(--hybrid-border) 34%, transparent);
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--hybrid-panel) 94%, white),
    color-mix(in srgb, var(--hybrid-panel) 64%, var(--hybrid-border)));
  box-shadow: 1px 1px 0 color-mix(in srgb, var(--hybrid-accent-strong) 24%, transparent),
    inset 1px 1px color-mix(in srgb, var(--hybrid-panel) 80%, transparent);
}

html[data-visual-mode="hybrid"] .theme-toggle > span:last-child, html.dark[data-visual-mode="hybrid"] .theme-toggle > span:last-child {
  border-color: color-mix(in srgb, var(--hybrid-panel) 72%, transparent);
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--hybrid-panel) 92%, white),
    color-mix(in srgb, var(--hybrid-panel) 58%, var(--hybrid-border)));
  box-shadow: 1px 1px 0 color-mix(in srgb, var(--hybrid-accent-strong) 28%, transparent),
    inset 1px 1px color-mix(in srgb, var(--hybrid-panel) 78%, transparent);
}

html.dark[data-visual-mode="hybrid"] .analytics-base-url-card, html.dark[data-visual-mode="hybrid"] .analytics-base-url-card .api-base-url-row {
  border-color: color-mix(in srgb, var(--hybrid-border) 22%, transparent);
  background: color-mix(in srgb, var(--hybrid-panel) 78%, transparent);
  box-shadow: 0 18px 46px color-mix(in srgb, var(--hybrid-bg-top) 34%, transparent),
    inset 0 1px color-mix(in srgb, var(--hybrid-panel) 6%, transparent);
}

html.dark[data-visual-mode="hybrid"] .analytics-base-url-card .api-base-url-icon {
  color: var(--hybrid-accent-strong);
  background: color-mix(in srgb, var(--hybrid-accent) 12%, transparent);
}

html.dark[data-visual-mode="hybrid"] .elysium-marquee-section {
  background: color-mix(in srgb, var(--hybrid-bg-middle) 54%, transparent);
}

html.dark[data-visual-mode="hybrid"] .elysium-marquee-fade.left {
  background: linear-gradient(90deg, var(--hybrid-bg-top) 0%, transparent 100%);
}

html.dark[data-visual-mode="hybrid"] .elysium-marquee-fade.right {
  background: linear-gradient(270deg, var(--hybrid-bg-top) 0%, transparent 100%);
}

html.dark[data-visual-mode="hybrid"] .site-footer:before {
  background: radial-gradient(ellipse at center,
    color-mix(in srgb, var(--hybrid-accent) 10%, transparent),
    transparent 66%);
  box-shadow: 0 -10px 45px color-mix(in srgb, var(--hybrid-accent) 7%, transparent);
}

html[data-visual-mode="hybrid"] .site-header-font .font-display, html[data-visual-mode="hybrid"] .elysium-shell :is(h1, h2) {
  color: var(--hybrid-heading);
}

html.dark[data-visual-mode="hybrid"] .elysium-hero-badge {
  color: var(--hybrid-accent-strong);
  border-color: color-mix(in srgb, var(--hybrid-border) 34%, transparent);
  background: color-mix(in srgb, var(--hybrid-panel) 76%, transparent);
  box-shadow: inset 0 1px color-mix(in srgb, var(--hybrid-panel) 10%, transparent),
    0 12px 34px color-mix(in srgb, var(--hybrid-accent) 10%, transparent);
}

html[data-visual-mode="hybrid"] .models-catalog {
  --models-bg: transparent;
  --models-surface: color-mix(in srgb, var(--hybrid-panel) 66%, transparent);
  --models-surface-strong: color-mix(in srgb, var(--hybrid-panel) 82%, transparent);
  --models-text: var(--hybrid-ink);
  --models-text-muted: var(--hybrid-secondary);
  --models-text-soft: var(--hybrid-muted);
  --models-gold: var(--hybrid-accent);
  --models-gold-strong: var(--hybrid-accent-strong);
  --models-border: color-mix(in srgb, var(--hybrid-border) 28%, transparent);
  --models-border-soft: color-mix(in srgb, var(--hybrid-border) 18%, transparent);
  --models-shadow: color-mix(in srgb, var(--hybrid-bg-top) 26%, transparent);
}

html.dark[data-visual-mode="hybrid"] :is(.models-catalog-head, .legal-hero, .step-card, .model-card, .model-card-skeleton, .models-empty) {
  box-shadow: 0 22px 58px color-mix(in srgb, var(--hybrid-bg-top) 38%, transparent),
    inset 0 1px color-mix(in srgb, var(--hybrid-panel) 10%, transparent);
  border-color: color-mix(in srgb, var(--hybrid-border) 28%, transparent) !important;
  background: linear-gradient(142deg,
    var(--living-card-start),
    var(--living-card-middle) 55%,
    var(--living-card-end)) !important;
}

html.dark[data-visual-mode="hybrid"] .model-card.model-card-with-background {
  background: linear-gradient(142deg,
    var(--living-card-start),
    var(--living-card-middle) 55%,
    var(--living-card-end)) !important;
}

html.dark[data-visual-mode="hybrid"] :is(.model-type-badge, .model-tier-badge) {
  color: var(--hybrid-accent-strong);
}

html.dark[data-visual-mode="hybrid"] :is(.key-row:hover, .key-modal, .key-secret-card code) {
  border-color: color-mix(in srgb, var(--hybrid-border) 24%, transparent) !important;
  background: linear-gradient(138deg,
    color-mix(in srgb, var(--hybrid-panel) 88%, transparent),
    color-mix(in srgb, var(--hybrid-bg-top) 88%, transparent)) !important;
}

html.dark[data-visual-mode="hybrid"] .elysium-shell :is([class~="bg-white/30"], [class~="bg-white/35"], [class~="bg-white/40"], [class~="bg-white/45"], [class~="bg-white/50"], [class~="bg-white/55"], [class~="bg-white/60"], [class~="bg-white/65"], [class~="bg-white/70"]) {
  box-shadow: inset 0 1px color-mix(in srgb, var(--hybrid-panel) 8%, transparent);
  border-color: color-mix(in srgb, var(--hybrid-border) 18%, transparent) !important;
  background: linear-gradient(138deg,
    color-mix(in srgb, var(--hybrid-panel) 76%, transparent),
    color-mix(in srgb, var(--hybrid-bg-top) 78%, transparent)) !important;
}

html.dark[data-visual-mode="hybrid"] .elysium-model-chip {
  color: var(--hybrid-ink);
  background: color-mix(in srgb, var(--hybrid-panel) 78%, transparent);
}

.dashboard-models-page {
  --model-row-background-overlay: linear-gradient(90deg,
    color-mix(in srgb, var(--surface-panel-strong) 90%, transparent),
    color-mix(in srgb, var(--surface-panel) 72%, transparent));
}

html.dark .dashboard-models-page {
  --model-row-background-overlay: linear-gradient(90deg,
    color-mix(in srgb, var(--surface-panel-strong) 92%, transparent),
    color-mix(in srgb, var(--surface-panel) 76%, transparent));
}

.dashboard-models-page .model-catalog-row {
  background-position: center, center;
  background-size: 100% 100%, cover;
}

html[data-visual-mode="hybrid"] :is(.topup-eyebrow, .topup-section-label > span:last-child, .topup-header-icon, .topup-method-icon, .topup-amount-input > span) {
  color: var(--hybrid-accent-strong);
}

html[data-visual-mode="hybrid"] :is(.topup-header-icon, .topup-method-icon) {
  border-color: color-mix(in srgb, var(--hybrid-border) 28%, transparent);
  background: color-mix(in srgb, var(--hybrid-accent) 12%, transparent);
}

html[data-visual-mode="hybrid"] :is(.topup-amount-block, .topup-promo) {
  border-color: color-mix(in srgb, var(--hybrid-border) 22%, transparent);
  background: color-mix(in srgb, var(--hybrid-panel) 68%, transparent);
}

html[data-visual-mode="hybrid"] :is(.topup-method:hover, .topup-method.is-selected) {
  border-color: color-mix(in srgb, var(--hybrid-accent) 58%, transparent);
  background: color-mix(in srgb, var(--hybrid-panel) 76%, transparent);
  box-shadow: 0 10px 25px color-mix(in srgb, var(--hybrid-accent) 13%, transparent);
}

html[data-visual-mode="hybrid"] .topup-checkout-button {
  border-color: color-mix(in srgb, var(--hybrid-accent) 42%, transparent);
  background: linear-gradient(135deg, var(--hybrid-accent), var(--hybrid-accent-strong));
  box-shadow: 0 14px 30px color-mix(in srgb, var(--hybrid-accent) 22%, transparent);
}

html.theme-transitioning[data-visual-mode="hybrid"], html.skin-transitioning[data-visual-mode="hybrid"] {
  transition: none;
}

html.theme-transitioning[data-visual-mode="hybrid"] :is(body, header, main, .site-header-font, .elysium-shell, .tm-panel, .liquid-glass, .models-catalog, .model-catalog-row, .model-card, .analytics-card) {
  transition: none !important;
}

html.theme-transitioning body:after {
  z-index: 90;
  opacity: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-size: auto;
  animation: .28s both theme-soft-fade;
}

html.theme-transitioning[data-theme-transition="light"] body:after {
  background: #d8f2fdb8;
}

html.theme-transitioning[data-theme-transition="dark"] body:after {
  background: #07162ac2;
}

html.theme-transitioning[data-visual-mode="hybrid"] body:after {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  animation-duration: .3s;
}

html.theme-transitioning[data-visual-mode="hybrid"][data-theme-transition="light"] body:after {
  background: #e8eef2a3;
}

html.theme-transitioning[data-visual-mode="hybrid"][data-theme-transition="dark"] body:after {
  background: #0d1114ad;
}

html.skin-transitioning .living-backdrop, html.skin-transitioning body:before, html.skin-transitioning body:after, html.skin-transitioning .site-header-font, html.skin-transitioning .elysium-shell {
  transition: opacity .68s, background-color .68s, border-color .68s, box-shadow .68s;
}

@keyframes living-scene-arrive {
  from {
    opacity: 0;
    transform: scale(1.025);
  }

  to {
    opacity: var(--living-video-opacity);
    transform: scale(1);
  }
}

@keyframes living-hybrid-arrive {
  from {
    opacity: 0;
  }

  to {
    opacity: var(--living-video-opacity);
  }
}

@keyframes theme-soft-fade {
  0% {
    opacity: 0;
  }

  45% {
    opacity: .46;
  }

  100% {
    opacity: 0;
  }
}

@keyframes retro-led {
  0%, 48% {
    opacity: 1;
  }

  49%, 100% {
    opacity: .38;
  }
}

@keyframes retro-icon-awake {
  0%, 84%, 100% {
    transform: translateY(0);
  }

  90% {
    transform: translateY(-1px);
  }
}

@keyframes retro-icon-hover {
  0%, 100% {
    filter: brightness();
    transform: translateY(0);
  }

  50% {
    filter: brightness(1.18);
    transform: translateY(-2px);
  }
}

@media (max-width: 639px) {
  header.site-header-font {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    overflow: hidden;
    background: color-mix(in srgb, var(--liquid-glass-strong) 97%, var(--bg-main)) !important;
  }

  .elysium-shell, .elysium-shell main, .elysium-shell section, .elysium-shell article, .elysium-shell form, .elysium-shell fieldset {
    min-width: 0;
    max-width: 100%;
  }

  .elysium-shell :is(h1, h2, h3, h4, p, li, dt, dd, code, strong) {
    overflow-wrap: anywhere;
  }

  .elysium-shell :is(input, select, textarea, button) {
    max-width: 100%;
  }

  .elysium-shell :is(.overflow-x-auto, .overflow-auto) {
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .elysium-hero-section {
    padding: 6.25rem .875rem 1.75rem;
  }

  .elysium-hero-layout {
    gap: 12px;
  }

  .elysium-hero-copy {
    width: 100%;
    max-width: none;
  }

  .elysium-hero-badge {
    margin-bottom: 18px;
  }

  .elysium-hero-title {
    letter-spacing: -.045em;
    text-wrap: balance;
    font-size: clamp(2.65rem, 15vw, 4.2rem);
    line-height: .88;
  }

  .elysium-title-subline {
    margin-top: .14em;
    font-size: .62em;
    line-height: 1.08;
  }

  .elysium-hero-copy > p {
    margin-top: 18px;
    font-size: 13px;
    line-height: 1.72;
  }

  .elysium-hero-actions {
    margin-top: 22px !important;
  }

  .hero-benefits {
    gap: 16px 0;
    width: 100%;
    margin-top: 24px;
  }

  .hero-benefits > div {
    min-width: 0;
    padding: 0 10px;
  }

  .hero-benefits > div:nth-child(odd) {
    padding-left: 0;
  }

  .hero-trusted {
    margin-top: 24px;
  }

  .hero-trusted > div {
    justify-content: center;
    gap: 11px 14px;
  }

  .elysium-hero-art {
    margin-top: 4px;
  }

  .how-section, .route-section, .news-section, .elysium-faq-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .elysium-section-title {
    font-size: clamp(2rem, 10vw, 2.55rem);
    line-height: 1.02;
  }

  .request-mini-code {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .request-mini-code code {
    text-align: left;
    width: 100%;
    min-width: 0;
    font-size: 10px;
  }

  .ledger-row {
    grid-template-columns: 42px 52px minmax(0, 1fr);
    gap: 7px;
    font-size: 9.5px;
  }

  .news-copy {
    min-height: 340px;
    padding: 26px 20px 24px;
  }

  .news-copy h3 {
    font-size: clamp(2rem, 10.5vw, 2.5rem);
  }

  .news-figure {
    min-height: 250px;
  }

  .living-backdrop__video {
    --living-video-opacity: .76;
  }

  html.dark .living-backdrop__video {
    --living-video-opacity: .7;
  }

  html[data-visual-skin="living"] .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card) {
    -webkit-backdrop-filter: blur(8px) saturate(104%);
    backdrop-filter: blur(8px) saturate(104%);
  }

  html[data-visual-skin="living"] :is(.models-catalog-head, .legal-hero) {
    border-radius: 19px;
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .living-backdrop__video, html[data-visual-skin="living"] .visual-skin-toggle__dot, html[data-visual-skin="living"] .visual-skin-toggle__icon, html[data-visual-skin="living"] .retro-icon__silk, html.theme-transitioning body:after {
    animation: none !important;
  }

  .living-backdrop__video {
    display: none;
  }
}

html.background-motion-off .living-backdrop__video {
  display: none;
}

.quest-garden {
  background: radial-gradient(circle at 74% 28%, #34d3993d, #0000 34%), linear-gradient(135deg, #071a17, #10291f 52%, #071412);
  min-height: 470px;
  box-shadow: 0 28px 80px #04181242;
}

.quest-garden-video, .quest-garden-scrim, .quest-garden-grid {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.quest-garden-video {
  z-index: -3;
  object-fit: cover;
  opacity: .82;
  filter: saturate(1.08) contrast(1.04);
}

.quest-garden-scrim {
  z-index: -2;
  background: linear-gradient(90deg, #031210f0 0%, #031210c2 42%, #03121057 100%), linear-gradient(0deg, #020c0acc, #0000 52%, #0717117a);
}

.quest-garden-grid {
  z-index: -1;
  opacity: .18;
  background-image: linear-gradient(#a7f3d02e 1px, #0000 1px), linear-gradient(90deg, #a7f3d02e 1px, #0000 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 42%, #000);
  mask-image: linear-gradient(90deg, #0000, #000 42%, #000);
}

.quest-garden-content {
  align-items: stretch;
  min-height: 470px;
}

.quest-garden-command {
  -webkit-backdrop-filter: blur(17px) saturate(1.08);
  backdrop-filter: blur(17px) saturate(1.08);
  background: #020f0d75;
  border: 1px solid #ffffff1f;
  border-radius: 24px;
  align-self: stretch;
  padding: 20px;
  box-shadow: inset 0 1px #ffffff14;
}

.quest-garden-action {
  color: #fff;
  letter-spacing: .01em;
  background: linear-gradient(135deg, #10b981e6, #0891b2d6);
  border: 1px solid #a7f3d052;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 800;
  transition: transform .18s, filter .18s, opacity .18s;
  display: inline-flex;
  box-shadow: 0 12px 34px #05966933, inset 0 1px #ffffff40;
}

.quest-garden-action:not(:disabled):hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
}

.quest-garden-action:disabled {
  cursor: default;
  color: #ffffff8a;
  box-shadow: none;
  background: #031814a8;
}

.quest-garden-plots {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 10px;
  height: calc(100% - 30px);
  display: grid;
}

.quest-garden-plot {
  --plant-primary: #6ee7b7;
  --plant-secondary: #22d3ee;
  --plant-scale: 1;
  --plant-height: 82px;
  --bloom-opacity: 1;
  background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--plant-primary) 20%, transparent), transparent 42%),
    #03141075;
  -webkit-backdrop-filter: blur(11px) saturate(1.1);
  backdrop-filter: blur(11px) saturate(1.1);
  border: 1px solid #ffffff1c;
  border-radius: 20px;
  align-items: flex-end;
  min-height: 205px;
  padding: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff12;
}

.quest-garden-plot:after {
  content: "";
  background: radial-gradient(#000000b3, #0000 70%);
  border-radius: 50%;
  height: 72px;
  position: absolute;
  inset: auto 8% -32px;
}

.quest-plant-scene {
  height: 132px;
  transform: scale(var(--plant-scale));
  transform-origin: bottom;
  transition: transform .5s;
  position: absolute;
  inset: 4px 0 auto;
}

.quest-plant-aura {
  background: radial-gradient(circle, color-mix(in srgb, var(--plant-primary) 24%, transparent), transparent 68%);
  filter: blur(9px);
  border-radius: 999px;
  width: 105px;
  height: 105px;
  animation: 4.2s ease-in-out infinite quest-plant-pulse;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
}

.quest-plant-stem {
  width: 7px;
  height: var(--plant-height);
  background: linear-gradient(90deg, #14532d, var(--plant-primary), #166534);
  box-shadow: 0 0 15px color-mix(in srgb, var(--plant-primary) 32%, transparent);
  border-radius: 999px 999px 4px 4px;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}

.quest-plant-leaf {
  border: 1px solid color-mix(in srgb, var(--plant-primary) 60%, white);
  background: linear-gradient(145deg, color-mix(in srgb, var(--plant-primary) 82%, #14532d), #064e3bd1);
  width: 42px;
  height: 23px;
  box-shadow: inset 6px 4px #ffffff17, 0 0 14px color-mix(in srgb, var(--plant-primary) 24%, transparent);
  position: absolute;
  bottom: 45px;
}

.quest-plant-leaf-left {
  transform-origin: 100% 100%;
  border-radius: 90% 10% 82% 18%;
  right: calc(50% + 1px);
  transform: rotate(22deg);
}

.quest-plant-leaf-right {
  transform-origin: 0 100%;
  border-radius: 10% 90% 18% 82%;
  bottom: 62px;
  left: calc(50% + 1px);
  transform: rotate(-18deg);
}

.quest-plant-bloom {
  left: 50%;
  bottom: calc(10px + var(--plant-height));
  width: 48px;
  height: 48px;
  opacity: var(--bloom-opacity);
  background: radial-gradient(circle, white 0 8%, transparent 9%),
    conic-gradient(from 20deg, var(--plant-primary), var(--plant-secondary), var(--plant-primary));
  box-shadow: 0 0 25px color-mix(in srgb, var(--plant-secondary) 48%, transparent);
  clip-path: polygon(50% 0, 62% 25%, 90% 10%, 78% 40%, 100% 50%, 76% 61%, 90% 91%, 61% 76%, 50% 100%, 39% 76%, 10% 91%, 24% 61%, 0 50%, 22% 40%, 10% 10%, 38% 25%);
  border-radius: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.quest-plant-bloom i, .quest-plant-bloom b {
  background: #ffffffc7;
  border-radius: 50%;
  position: absolute;
  inset: 14px;
}

.quest-plant-bloom b {
  background: #e2f0e4;
  inset: 20px;
  box-shadow: 0 0 12px #fff;
}

.quest-plant-soil {
  background: radial-gradient(#173d2b, #f7fbf6 64%, #0000 68%);
  border-radius: 50%;
  width: 102px;
  height: 22px;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 -3px 12px #6ee7b71f;
}

.quest-plant-stage-seed {
  --plant-scale: .34;
  --plant-height: 36px;
  --bloom-opacity: 0;
}

.quest-plant-stage-sprout {
  --plant-scale: .58;
  --plant-height: 52px;
  --bloom-opacity: 0;
}

.quest-plant-stage-growing {
  --plant-scale: .78;
  --plant-height: 70px;
  --bloom-opacity: .25;
}

.quest-plant-stage-bloom {
  --plant-scale: .92;
  --plant-height: 80px;
  --bloom-opacity: .9;
}

.quest-plant-stage-ancient {
  --plant-scale: 1.08;
  --plant-height: 86px;
  --bloom-opacity: 1;
}

.quest-plant-lumenfern {
  --plant-primary: #67e8f9;
  --plant-secondary: #a78bfa;
}

.quest-plant-aether-tree {
  --plant-primary: #67e8f9;
  --plant-secondary: #b2d7bc;
}

.quest-plant-starbloom {
  --plant-primary: #79b38d;
  --plant-secondary: #f0abfc;
}

.quest-plant-moonvine {
  --plant-primary: #b2d7bc;
  --plant-secondary: #c4b5fd;
}

.quest-plant-dew-lotus {
  --plant-primary: #5eead4;
  --plant-secondary: #f9a8d4;
}

.quest-plant-stage {
  color: #d1fae5d1;
  letter-spacing: .11em;
  text-transform: uppercase;
  background: #041e178c;
  border: 1px solid #a7f3d02e;
  border-radius: 999px;
  align-items: center;
  min-height: 25px;
  padding: 4px 8px;
  font-size: 8px;
  font-weight: 800;
  display: inline-flex;
}

.quest-companion-verdant .quest-companion-body {
  background: linear-gradient(145deg, #dcfce7f5, #34d399db 42%, #14b8a6c7 72%, #facc15a6);
}

@keyframes quest-plant-pulse {
  0%, 100% {
    opacity: .5;
    transform: translateX(-50%) scale(.9);
  }

  50% {
    opacity: .92;
    transform: translateX(-50%) scale(1.12);
  }
}

@media (max-width: 720px) {
  .quest-garden-content {
    min-height: 0;
  }

  .quest-garden-plots {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quest-garden-plot {
    min-height: 190px;
  }
}

@media (max-width: 430px) {
  .quest-garden-plots {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quest-plant-aura {
    animation: none !important;
  }
}

html.background-motion-off .quest-garden-video {
  display: none;
}

html[data-visual-mode="hybrid"] .elysium-shell .quest-hero .quest-hero-title, html[data-visual-mode="hybrid"] .elysium-shell .quest-garden h2 {
  text-shadow: 0 2px 20px #0000006b;
  color: #fff !important;
}

.deep-scene {
  --deep-water: #061b26;
  --deep-water-low: #02070f;
  --deep-glass: #03141db8;
  --deep-glass-strong: #020e16e6;
  --deep-line: #9beeff2e;
  --deep-text: #e9fbff;
  --deep-muted: #d5f4fa94;
  --deep-cyan: #75e8f7;
  --deep-brass: #79b38d;
  --deep-magenta: #f0abfc;
  isolation: isolate;
  background: var(--deep-water-low);
  height: max(690px, 100dvh - 7.1rem);
  min-height: 690px;
  color: var(--deep-text);
  overscroll-behavior: contain;
  touch-action: pan-x;
  border: 1px solid #aeeef829;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 38px 110px #000b1457, inset 0 1px #ffffff14;
}

html:not(.dark) .deep-scene {
  --deep-water: #0d5763;
  --deep-water-low: #07323d;
  --deep-glass: #e0fafab3;
  --deep-glass-strong: #ebfdfce6;
  --deep-line: #06485233;
  --deep-text: #072f39;
  --deep-muted: #072f399e;
}

html[data-visual-mode="hybrid"] .deep-scene, html[data-visual-skin="hybrid"] .deep-scene {
  --deep-glass: #031d27a3;
  --deep-glass-strong: #031621db;
  --deep-text: #effcff;
  --deep-muted: #def6fa9e;
}

.deep-backdrop {
  z-index: -10;
  background: linear-gradient(var(--deep-water), var(--deep-water-low));
  transform: translate3d(0, calc(var(--deep-camera-y, 0px) * -.3), 0) scale(1.12);
  transition: transform .65s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: -6%;
  overflow: hidden;
}

.deep-backdrop img, .deep-backdrop video, .deep-backdrop-gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.deep-backdrop img {
  object-fit: cover;
  object-position: center;
  filter: saturate(1.05) contrast(1.03);
}

.deep-backdrop video {
  object-fit: cover;
  opacity: .11;
  mix-blend-mode: screen;
  filter: hue-rotate(120deg) saturate(1.4) contrast(1.4);
}

.deep-backdrop-gradient {
  background: radial-gradient(at 44% 75%, #01070dc7 0 9%, #01070d4d 17%, #0000 27%), radial-gradient(circle at 50% 65%, #0000 0 16%, #020a1124 46%, #01070da8 100%), linear-gradient(90deg, #00080f9e, #0000 25% 73%, #00080f9e), linear-gradient(#0a586714, #0000 44%, #01050c7a);
}

html:not(.dark) .deep-backdrop img {
  filter: saturate(.86) brightness(1.5) contrast(.8) hue-rotate(-8deg);
}

html:not(.dark) .deep-backdrop-gradient {
  background: radial-gradient(at 44% 75%, #03222b9e 0 9%, #03222b2e 18%, #0000 27%), radial-gradient(circle at 50% 64%, #d1fafa0f, #0000 38%, #032d364d 100%), linear-gradient(90deg, #ddfbfa7a, #0000 27% 72%, #ddfbfa7a), linear-gradient(#caf9f766, #0000 48%, #011f2a59);
}

.deep-plankton {
  z-index: -2;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.deep-caustics {
  z-index: -1;
  pointer-events: none;
  opacity: .12;
  background: repeating-radial-gradient(at 50% 0, #0000 0 36px, #7de8f733 39px 40px, #0000 44px 72px);
  animation: 18s linear infinite deep-caustics;
  position: absolute;
  inset: -40% -20%;
  transform: perspective(700px) rotateX(68deg);
}

.deep-compass {
  z-index: 60;
  border: 1px solid var(--deep-line);
  background: var(--deep-glass);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
  border-radius: 18px;
  grid-template-columns: minmax(190px, 1fr) auto minmax(140px, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 7px 10px;
  display: grid;
  position: absolute;
  inset: 14px 14px auto;
  box-shadow: inset 0 1px #ffffff14;
}

.deep-compass-brand {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.deep-instrument-icon {
  border: 1px solid color-mix(in srgb, var(--deep-cyan) 28%, transparent);
  width: 36px;
  height: 36px;
  color: var(--deep-cyan);
  box-shadow: inset 0 0 18px color-mix(in srgb, var(--deep-cyan) 12%, transparent);
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.deep-compass-brand small, .deep-compass-brand strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.deep-compass-brand small {
  color: var(--deep-muted);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
}

.deep-compass-brand strong {
  color: var(--deep-text);
  letter-spacing: .03em;
  margin-top: 2px;
  font-size: 12px;
}

.deep-compass nav {
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.deep-compass nav button {
  min-height: 36px;
  color: var(--deep-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid #0000;
  border-radius: 11px;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  font-size: 9px;
  font-weight: 800;
  transition: all .18s;
  display: inline-flex;
}

.deep-compass nav button:hover, .deep-compass nav button.is-active {
  border-color: var(--deep-line);
  background: color-mix(in srgb, var(--deep-cyan) 10%, transparent);
  color: var(--deep-text);
}

.deep-sector-signal {
  background: var(--sector-accent, var(--deep-cyan));
  width: 5px;
  height: 5px;
  box-shadow: 0 0 9px var(--sector-accent, var(--deep-cyan));
  border-radius: 50%;
}

.deep-live {
  color: var(--deep-muted);
  letter-spacing: .12em;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}

.deep-live i {
  background: #5eead4;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.8s ease-in-out infinite deep-live;
  box-shadow: 0 0 12px #2dd4bf;
}

.deep-world {
  z-index: 20;
  transform-origin: 50% 66%;
  transition: transform .68s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: 82px 0 102px;
}

.deep-current-map {
  position: absolute;
  inset: 0;
}

.deep-current-orbit {
  pointer-events: none;
  border: 1px solid #79e8f71f;
  border-radius: 50%;
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-10deg);
}

.deep-current-orbit:after {
  content: "";
  background: var(--deep-cyan);
  width: 4px;
  height: 4px;
  box-shadow: 0 0 13px var(--deep-cyan);
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: 50%;
}

.deep-current-orbit-a {
  width: min(72vw, 720px);
  height: min(42vw, 390px);
}

.deep-current-orbit-b {
  opacity: .7;
  width: min(52vw, 520px);
  height: min(31vw, 280px);
  transform: translate(-50%, -50%) rotate(17deg);
}

.deep-current-node {
  --sector-accent: var(--deep-cyan);
  left: calc(50% + var(--current-x));
  top: calc(50% + var(--current-y));
  border: 1px solid color-mix(in srgb, var(--sector-accent) 35%, transparent);
  background: radial-gradient(circle, color-mix(in srgb, var(--sector-accent) 17%, transparent), #020c1473 58%, transparent 61%);
  width: 84px;
  min-height: 84px;
  color: var(--deep-text);
  filter: drop-shadow(0 0 18px color-mix(in srgb, var(--sector-accent) 15%, transparent));
  border-radius: 50%;
  place-items: center;
  transition: transform .22s, filter .22s;
  display: grid;
  position: absolute;
  transform: translate(-50%, -50%);
}

.deep-current-node:after {
  content: "";
  border: 1px dashed color-mix(in srgb, var(--sector-accent) 24%, transparent);
  border-radius: 50%;
  animation: 28s linear infinite deep-spin;
  position: absolute;
  inset: -7px;
}

button.deep-current-node:hover, button.deep-current-node.is-selected {
  filter: drop-shadow(0 0 26px color-mix(in srgb, var(--sector-accent) 44%, transparent));
  transform: translate(-50%, -50%) scale(1.12);
}

.deep-current-node small, .deep-current-node strong, .deep-current-node em {
  z-index: 2;
  font-style: normal;
  line-height: 1;
  display: block;
  position: relative;
}

.deep-current-node small {
  color: var(--deep-muted);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 6px;
  font-weight: 800;
}

.deep-current-node strong {
  letter-spacing: .08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  max-width: 68px;
  font-size: 9px;
  overflow: hidden;
}

.deep-current-node em {
  color: var(--sector-accent);
  font-family: ui-monospace, monospace;
  font-size: 8px;
}

.deep-current-node.is-inhabited {
  width: 94px;
  min-height: 94px;
}

.deep-current-node.is-charted {
  width: 104px;
  min-height: 104px;
  box-shadow: inset 0 0 28px color-mix(in srgb, var(--sector-accent) 15%, transparent);
}

.deep-current-node.is-fogged {
  opacity: .4;
  filter: blur(.15px);
  border-style: dashed;
}

.deep-current-creature {
  width: 30px;
  height: 17px;
  position: relative;
}

.deep-current-creature i {
  background: linear-gradient(120deg, color-mix(in srgb, var(--sector-accent) 75%, white), var(--sector-accent));
  box-shadow: 0 0 14px var(--sector-accent);
  border-radius: 70% 30% 60% 40%;
  position: absolute;
  inset: 3px 2px;
  transform: rotate(-6deg);
}

.deep-current-creature b {
  border: 1px solid var(--sector-accent);
  border-left: 0;
  border-radius: 0 90% 10% 0;
  width: 16px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: -7px;
  transform: skewX(-22deg);
}

.deep-empty-current {
  max-width: 260px;
  color: var(--deep-muted);
  align-items: center;
  gap: 10px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
  position: absolute;
  top: 31%;
  left: 50%;
  transform: translateX(-50%);
}

.deep-bathysphere {
  z-index: 28;
  filter: drop-shadow(0 22px 26px #00000073);
  width: 172px;
  height: 172px;
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.deep-bathysphere-shell {
  background: repeating-radial-gradient(circle at 35% 28%, #ffffff1f 0 1px, #0000 2px 9px), linear-gradient(145deg, #79b38d, #244c38 46%, #1f3031 68%, #377c58);
  border: 3px solid #438d68;
  border-radius: 50%;
  width: 116px;
  height: 116px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: inset 8px 9px 22px #dbeafe3d, inset -12px -16px 24px #0c0e138f, 0 0 0 7px #2e383485, 0 0 42px #63e6f22e;
}

.deep-bathysphere-window {
  background: radial-gradient(circle at 36% 32%, #ffffffc7 0 3%, #0000 4%), radial-gradient(circle, #b2d7bce0, #2d7654d1 45%, #071820 72%);
  border: 6px solid #173d2b;
  border-radius: 50%;
  width: 62px;
  height: 62px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 18px #08202a, 0 0 17px #79b38d61;
}

.deep-bathysphere-window b {
  background: #0b1d328c;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: -22px 0 #0b1d3233, 22px 0 #0b1d3233;
}

.deep-bathysphere-antenna {
  z-index: -1;
  width: 2px;
  height: 43px;
  box-shadow: 0 -4px 7px var(--deep-cyan);
  background: #377c58;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.deep-bathysphere-antenna:after {
  content: "";
  background: var(--deep-cyan);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 15px var(--deep-cyan);
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}

.deep-bathysphere-arm {
  z-index: -1;
  background: #396d4f;
  border-radius: 5px;
  width: 43px;
  height: 5px;
  position: absolute;
  top: 75px;
}

.deep-arm-left {
  left: 2px;
  transform: rotate(-19deg);
}

.deep-arm-right {
  right: 2px;
  transform: rotate(19deg);
}

.deep-bathysphere-rivet {
  background: #b2d7bc;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  box-shadow: inset -1px -1px #244c38;
}

.deep-rivet-a {
  top: 27px;
  left: 15px;
}

.deep-rivet-b {
  top: 27px;
  right: 15px;
}

.deep-rivet-c {
  bottom: 8px;
  left: 50%;
}

.deep-bathysphere-light {
  z-index: -2;
  filter: blur(3px);
  background: conic-gradient(from 84deg, #0000, #69e6f414, #0000 14% 86%, #69e6f414, #0000);
  width: 420px;
  height: 90px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.deep-sonar-wave {
  z-index: -4;
  pointer-events: none;
  border: 1px solid #75e8f78c;
  border-radius: 50%;
  position: absolute;
  inset: 15px;
  box-shadow: 0 0 24px #75e8f733;
}

.deep-lumen {
  z-index: 40;
  filter: drop-shadow(0 0 16px #6feffaa3);
  border: 0;
  width: 82px;
  height: 72px;
  position: absolute;
  top: calc(59% - 62px);
  left: calc(50% + 104px);
}

.deep-lumen-aura {
  background: radial-gradient(circle, #67e8f952, #a78bfa1f 46%, #0000 70%);
  border-radius: 50%;
  animation: 3.2s ease-in-out infinite deep-lumen-breathe;
  position: absolute;
  inset: -18px;
}

.deep-lumen-body {
  background: radial-gradient(circle at 30% 28%, #fff 0 4%, #0000 5%), linear-gradient(145deg, #e1fcfff5, #4cdaebd6 45%, #8b5cf6b3);
  border: 1px solid #ffffffb8;
  border-radius: 62% 38% 55% 45% / 56% 48% 52% 44%;
  width: 46px;
  height: 36px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: inset -7px -8px 13px #1f296b59, 0 0 22px #67e8f994;
}

.deep-lumen-body i, .deep-lumen-body b {
  background: #082f49;
  border-radius: 50%;
  width: 5px;
  height: 7px;
  position: absolute;
  top: 46%;
  box-shadow: inset 1px 1px #fff;
}

.deep-lumen-body i {
  left: 25%;
}

.deep-lumen-body b {
  right: 25%;
}

.deep-lumen-tail {
  filter: drop-shadow(0 0 7px #67e8f9);
  border-top: 2px solid #6ee7fab8;
  border-radius: 70% 0 0;
  width: 35px;
  height: 20px;
  position: absolute;
  top: 34px;
  left: 6px;
  transform: rotate(-10deg);
}

.deep-lumen-fin {
  background: linear-gradient(#cffafe57, #7dd3fc0a);
  border: 1px solid #cffafe80;
  width: 25px;
  height: 31px;
  position: absolute;
  top: 24px;
}

.deep-lumen-fin-left {
  border-radius: 90% 10% 75% 25%;
  left: 10px;
  transform: rotate(-23deg);
}

.deep-lumen-fin-right {
  border-radius: 10% 90% 25% 75%;
  right: 9px;
  transform: rotate(23deg);
}

.deep-lumen-stars {
  mix-blend-mode: screen;
  background-image: radial-gradient(circle, #fff 0 1px, #0000 1.5px);
  background-size: 9px 9px;
  display: none;
  position: absolute;
  inset: 17px 24px;
}

.deep-lumen-stage-2 {
  transform: scale(1.08);
}

.deep-lumen-stage-3 {
  transform: scale(1.17);
}

.deep-lumen-stage-4 {
  transform: scale(1.25);
}

.deep-lumen-stage-5 {
  transform: scale(1.35);
}

.deep-lumen-stage-3 .deep-lumen-body, .deep-lumen-stage-4 .deep-lumen-body, .deep-lumen-stage-5 .deep-lumen-body {
  background: linear-gradient(145deg, #e1fcffeb, #22d3eec4 34%, #8b5cf6c7 72%, #f472b69e);
  width: 53px;
}

.deep-lumen-stage-4 .deep-lumen-stars, .deep-lumen-stage-5 .deep-lumen-stars {
  display: block;
}

.deep-lumen-stage-5 .deep-lumen-aura {
  background: radial-gradient(circle, #f472b640, #67e8f940 42%, #0000 72%);
  inset: -30px;
}

.deep-lumen-dialogue {
  z-index: 45;
  color: #eafcff;
  text-align: left;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: #02131dbd;
  border: 1px solid #a6f1fa38;
  border-radius: 16px 16px 16px 4px;
  width: min(270px, 30vw);
  padding: 11px 13px;
  position: absolute;
  top: calc(59% - 118px);
  left: calc(50% + 148px);
  box-shadow: 0 15px 45px #00000040;
}

.deep-lumen-dialogue small {
  color: #8eeaf4;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 800;
  display: block;
}

.deep-lumen-dialogue span {
  color: #ebfcffc7;
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.55;
  display: block;
}

.deep-depth-gauge {
  z-index: 58;
  border: 1px solid var(--deep-line);
  background: var(--deep-glass);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 18px;
  width: 154px;
  padding: 13px;
  position: absolute;
  bottom: 90px;
  left: 14px;
}

.deep-depth-readout small, .deep-depth-readout strong, .deep-depth-readout span {
  display: block;
}

.deep-depth-readout small {
  color: var(--deep-muted);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 800;
}

.deep-depth-readout strong {
  color: var(--deep-text);
  text-shadow: 0 0 17px color-mix(in srgb, var(--deep-cyan) 30%, transparent);
  margin-top: 3px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 25px;
  line-height: 1;
}

.deep-depth-readout strong i {
  color: var(--deep-cyan);
  margin-left: 3px;
  font-size: 10px;
  font-style: normal;
}

.deep-depth-readout span {
  color: var(--deep-muted);
  margin-top: 5px;
  font-size: 8px;
}

.deep-depth-rail {
  background: #ffffff1f;
  border-radius: 999px;
  width: 3px;
  height: 62px;
  position: absolute;
  top: 12px;
  right: 11px;
}

.deep-depth-fill {
  border-radius: inherit;
  background: var(--deep-cyan);
  width: 100%;
  box-shadow: 0 0 10px var(--deep-cyan);
  position: absolute;
  top: 0;
  left: 0;
}

.deep-depth-rail i {
  background: #ffffff47;
  width: 7px;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.deep-depth-rail i.is-passed {
  background: var(--deep-brass);
  box-shadow: 0 0 7px var(--deep-brass);
}

.deep-depth-resources {
  border-top: 1px solid var(--deep-line);
  gap: 5px;
  margin-top: 12px;
  padding-top: 9px;
  display: grid;
}

.deep-depth-resources span {
  color: var(--deep-muted);
  align-items: center;
  gap: 6px;
  font-size: 8px;
  display: flex;
}

.deep-buoy-horizon {
  z-index: 24;
  width: 110px;
  height: 52px;
  position: absolute;
  bottom: 102px;
  right: 18px;
}

.deep-buoy-horizon i {
  --buoy-position: calc(var(--buoy-index) * 17px);
  left: var(--buoy-position);
  bottom: calc(4px + (var(--buoy-index) % 3) * 8px);
  width: 4px;
  height: 4px;
  animation: 2.8s ease-in-out infinite deep-buoy;
  animation-delay: calc(var(--buoy-index) * -.35s);
  background: #b2d7bc;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 0 12px #79b38d, 0 14px 0 -1px #79b38d3d;
}

.deep-buoy-horizon span {
  color: #e5f6f975;
  font-size: 7px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.deep-scroll-hint {
  z-index: 55;
  color: #e0f8fb75;
  letter-spacing: .05em;
  align-items: center;
  gap: 7px;
  font-size: 8px;
  display: flex;
  position: absolute;
  bottom: 88px;
  left: 50%;
  transform: translateX(-50%);
}

.deep-scroll-hint svg {
  animation: 2s ease-in-out infinite deep-scroll;
}

.deep-scroll-hint strong {
  color: #e0f8fbad;
  font-family: ui-monospace, monospace;
}

.deep-dock {
  z-index: 65;
  border: 1px solid var(--deep-line);
  background: var(--deep-glass-strong);
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
  backdrop-filter: blur(22px) saturate(1.12);
  border-radius: 19px;
  gap: 5px;
  padding: 5px;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 18px 48px #0000004d, inset 0 1px #ffffff14;
}

.deep-dock button {
  min-width: 78px;
  min-height: 53px;
  color: var(--deep-muted);
  border: 1px solid #0000;
  border-radius: 14px;
  transition: all .18s;
}

.deep-dock button:hover, .deep-dock button.is-active {
  border-color: var(--deep-line);
  background: color-mix(in srgb, var(--deep-cyan) 10%, transparent);
  color: var(--deep-text);
}

.deep-dock button > span {
  border: 1px solid var(--deep-line);
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  display: grid;
  position: relative;
}

.deep-dock button > span i {
  color: #fff;
  background: #155e75;
  border-radius: 99px;
  place-items: center;
  min-width: 17px;
  height: 17px;
  font-size: 7px;
  font-style: normal;
  display: grid;
  position: absolute;
  top: -7px;
  right: -8px;
  box-shadow: 0 0 9px #22d3ee66;
}

.deep-dock button.is-urgent > span i {
  background: #d97706;
  box-shadow: 0 0 12px #fbbf24b3;
}

.deep-dock button small {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 4px;
  font-size: 7px;
  font-weight: 800;
  display: block;
}

.deep-instrument-panel, .deep-sector-panel {
  z-index: 70;
  border: 1px solid var(--deep-line);
  background: var(--deep-glass-strong);
  width: min(370px, 100% - 28px);
  color: var(--deep-text);
  -webkit-backdrop-filter: blur(25px) saturate(1.12);
  backdrop-filter: blur(25px) saturate(1.12);
  border-radius: 22px;
  position: absolute;
  top: 82px;
  bottom: 82px;
  overflow: hidden;
  box-shadow: 0 26px 80px #00000061, inset 0 1px #ffffff14;
}

.deep-panel-logbook {
  left: 14px;
}

.deep-panel-probes, .deep-panel-atlas, .deep-panel-horizons, .deep-sector-panel {
  right: 14px;
}

.deep-instrument-panel > header, .deep-sector-panel > header {
  border-bottom: 1px solid var(--deep-line);
  min-height: 43px;
  color: var(--deep-muted);
  letter-spacing: .12em;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  font-family: ui-monospace, monospace;
  font-size: 7px;
  display: flex;
}

.deep-instrument-panel > header span {
  align-items: center;
  gap: 7px;
  display: flex;
}

.deep-instrument-panel > header button, .deep-sector-panel > header button {
  border-radius: 50%;
  place-items: center;
  width: 33px;
  height: 33px;
  transition: background .15s;
  display: grid;
}

.deep-instrument-panel > header button:hover, .deep-sector-panel > header button:hover {
  background: #ffffff14;
}

.deep-instrument-panel > h2 {
  letter-spacing: -.03em;
  margin: 15px 16px 10px;
  font-size: 22px;
  font-weight: 800;
  color: var(--deep-text) !important;
}

.deep-panel-scroll {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #75e8f73d transparent;
  height: calc(100% - 98px);
  padding: 0 12px 16px;
  overflow-y: auto;
}

.deep-logbook {
  padding-left: 13px;
  position: relative;
}

.deep-logbook:before {
  content: "";
  background: linear-gradient(var(--deep-cyan), transparent);
  width: 1px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 2px;
}

.deep-log-entry {
  padding: 10px 7px 18px 13px;
  position: relative;
}

.deep-log-entry:before {
  content: "";
  background: var(--deep-cyan);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 11px var(--deep-cyan);
  border-radius: 50%;
  position: absolute;
  top: 17px;
  left: -14px;
}

.deep-log-entry > div {
  color: var(--deep-muted);
  letter-spacing: .1em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  font-size: 7px;
  font-weight: 800;
  display: flex;
}

.deep-log-entry h3 {
  color: var(--deep-text);
  margin-top: 7px;
  font-size: 14px;
}

.deep-log-entry p {
  color: var(--deep-muted);
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.65;
}

.deep-probe-console {
  gap: 9px;
  display: grid;
}

.deep-probe-item {
  border: 1px solid var(--deep-line);
  background: linear-gradient(135deg, #75e8f70a, #0000 42%), #ffffff06;
  border-radius: 16px;
  padding: 12px;
  position: relative;
  overflow: hidden;
}

.deep-probe-item.is-ready_to_open {
  border-color: #fbbf2457;
  box-shadow: inset 0 0 26px #fbbf240d, 0 0 18px #fbbf240f;
}

.deep-probe-item.is-locked, .deep-probe-item.is-opened {
  opacity: .58;
}

.deep-probe-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.deep-probe-head span {
  color: var(--deep-cyan);
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  gap: 6px;
  font-size: 7px;
  font-weight: 800;
  display: flex;
}

.deep-probe-head strong {
  color: var(--deep-brass);
  font-family: ui-monospace, monospace;
  font-size: 8px;
}

.deep-probe-item h3 {
  color: var(--deep-text);
  margin-top: 8px;
  font-size: 14px;
}

.deep-probe-item > p {
  color: var(--deep-muted);
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.55;
}

.deep-probe-progress {
  background: #ffffff14;
  border-radius: 99px;
  height: 4px;
  margin-top: 11px;
  position: relative;
  overflow: visible;
}

.deep-probe-progress > span {
  border-radius: inherit;
  background: var(--deep-cyan);
  height: 100%;
  box-shadow: 0 0 9px var(--deep-cyan);
  display: block;
}

.deep-probe-progress small {
  color: var(--deep-muted);
  text-align: right;
  margin-top: 5px;
  font-family: ui-monospace, monospace;
  font-size: 7px;
  display: block;
}

.deep-probe-reward {
  border-top: 1px solid var(--deep-line);
  color: var(--deep-muted);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  margin-top: 15px;
  padding-top: 9px;
  font-size: 8px;
  display: grid;
}

.deep-probe-reward span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.deep-probe-reward b {
  color: var(--deep-brass);
  font-size: 7px;
}

.deep-probe-action, .deep-ceremony button {
  color: #fff;
  letter-spacing: .04em;
  background: linear-gradient(120deg, #0891b2b8, #0d5a6dbd);
  border: 1px solid #75e8f747;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 42px;
  margin-top: 10px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}

.deep-probe-action.is-ready {
  background: linear-gradient(120deg, #b45309d1, #92400ebd);
  border-color: #fbbf2459;
}

.deep-probe-passive {
  min-height: 35px;
  color: var(--deep-muted);
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  font-size: 8px;
  display: flex;
}

.deep-atlas-empty {
  min-height: 300px;
  color: var(--deep-muted);
  text-align: center;
  align-content: center;
  place-items: center;
  gap: 14px;
  display: grid;
}

.deep-atlas-empty p {
  max-width: 230px;
  font-size: 10px;
  line-height: 1.65;
}

.deep-atlas-page {
  --rarity-color: #e5f9fc;
  border: 1px solid color-mix(in srgb, var(--rarity-color) 22%, transparent);
  background: radial-gradient(circle at 50% 27%, color-mix(in srgb, var(--rarity-color) 14%, transparent), transparent 38%);
  border-radius: 17px;
  min-height: 430px;
  padding: 14px;
  position: relative;
}

.deep-rarity-twilight {
  --rarity-color: #67e8f9;
}

.deep-rarity-abyssal {
  --rarity-color: #fbbf24;
}

.deep-rarity-relic {
  --rarity-color: #f0abfc;
}

.deep-specimen-illustration {
  height: 180px;
  color: var(--rarity-color);
  place-items: center;
  display: grid;
  position: relative;
}

.deep-specimen-aura {
  background: radial-gradient(circle, color-mix(in srgb, var(--rarity-color) 28%, transparent), transparent 68%);
  filter: blur(8px);
  border-radius: 50%;
  width: 130px;
  height: 130px;
  animation: 4s ease-in-out infinite deep-specimen;
  position: absolute;
}

.deep-specimen-illustration svg {
  z-index: 2;
  filter: drop-shadow(0 0 18px var(--rarity-color));
  position: relative;
}

.deep-specimen-illustration i {
  border: 1px solid color-mix(in srgb, var(--rarity-color) 28%, transparent);
  border-radius: 50%;
  width: 92px;
  height: 92px;
  animation: 20s linear infinite deep-spin;
  position: absolute;
}

.deep-specimen-index {
  border-top: 1px solid var(--deep-line);
  color: var(--deep-muted);
  letter-spacing: .1em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  font-size: 7px;
  font-weight: 800;
  display: flex;
}

.deep-atlas-page h3 {
  color: var(--deep-text);
  margin-top: 12px;
  font-size: 19px;
}

.deep-atlas-page p {
  color: var(--deep-muted);
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.65;
}

.deep-atlas-page time {
  color: color-mix(in srgb, var(--rarity-color) 70%, transparent);
  margin-top: 12px;
  font-size: 8px;
  display: block;
}

.deep-atlas-nav {
  gap: 4px;
  display: flex;
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.deep-atlas-nav button {
  border: 1px solid var(--deep-line);
  border-radius: 50%;
  place-items: center;
  width: 37px;
  height: 37px;
  display: grid;
}

.deep-horizons {
  gap: 0;
  display: grid;
  position: relative;
}

.deep-horizons:before {
  content: "";
  background: linear-gradient(var(--deep-brass), var(--deep-line));
  width: 1px;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 41px;
}

.deep-horizons article {
  opacity: .56;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 95px;
  display: grid;
  position: relative;
}

.deep-horizons article.is-passed {
  opacity: 1;
}

.deep-horizon-mark {
  z-index: 2;
  place-items: center;
  width: 84px;
  display: grid;
  position: relative;
}

.deep-horizon-mark span {
  border: 1px solid var(--deep-line);
  background: var(--deep-glass-strong);
  color: var(--deep-text);
  border-radius: 99px;
  padding: 5px 8px;
  font-family: ui-monospace, monospace;
  font-size: 8px;
}

.deep-horizon-mark i {
  z-index: -1;
  background: var(--deep-muted);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px var(--deep-muted);
  border-radius: 50%;
  position: absolute;
  left: 39px;
}

.deep-horizons article.is-passed .deep-horizon-mark i {
  background: var(--deep-brass);
  box-shadow: 0 0 12px var(--deep-brass);
}

.deep-horizons article small {
  color: var(--deep-muted);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 800;
}

.deep-horizons article h3 {
  color: var(--deep-text);
  margin-top: 3px;
  font-size: 13px;
}

.deep-horizons article p {
  color: var(--deep-muted);
  margin-top: 3px;
  font-size: 8px;
}

.deep-horizon-progress {
  background: #ffffff14;
  border-radius: 99px;
  height: 2px;
  margin-top: 8px;
  display: block;
}

.deep-horizon-progress i {
  border-radius: inherit;
  background: var(--deep-brass);
  height: 100%;
  box-shadow: 0 0 7px var(--deep-brass);
  display: block;
}

.deep-sector-panel {
  padding-bottom: 15px;
}

.deep-sector-panel > header {
  margin: 0;
}

.deep-sector-panel > small, .deep-sector-panel > h2, .deep-sector-panel > dl, .deep-sector-stats {
  margin-left: 16px;
  margin-right: 16px;
}

.deep-sector-panel > small {
  color: var(--sector-accent, var(--deep-cyan));
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 7px;
  font-weight: 800;
  display: block;
}

.deep-sector-panel > h2 {
  margin-top: 5px;
  font-size: 22px;
  color: var(--deep-text) !important;
}

.deep-sector-creature-large {
  place-items: center;
  height: 205px;
  display: grid;
  position: relative;
}

.deep-sector-creature-large span {
  background: radial-gradient(circle, color-mix(in srgb, var(--sector-accent) 22%, transparent), transparent 70%);
  filter: blur(6px);
  border-radius: 50%;
  width: 150px;
  height: 150px;
  animation: 4.4s ease-in-out infinite deep-specimen;
}

.deep-sector-creature-large i {
  border: 1px solid color-mix(in srgb, var(--sector-accent) 70%, white);
  background: linear-gradient(145deg, color-mix(in srgb, var(--sector-accent) 72%, white), color-mix(in srgb, var(--sector-accent) 38%, transparent));
  width: 108px;
  height: 58px;
  box-shadow: inset -16px -12px 22px #030f1857, 0 0 28px var(--sector-accent);
  opacity: .82;
  border-radius: 68% 32% 59% 41% / 55% 55% 45% 45%;
  position: absolute;
}

.deep-sector-creature-large b {
  border: 1px solid var(--sector-accent);
  border-left: 0;
  border-radius: 0 90% 10% 0;
  width: 55px;
  height: 39px;
  position: absolute;
  right: calc(50% - 84px);
  transform: skewX(-25deg);
}

.deep-sector-stats {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 15px;
  display: grid;
}

.deep-sector-stats span {
  border: 1px solid var(--deep-line);
  color: var(--deep-muted);
  text-transform: uppercase;
  border-radius: 12px;
  padding: 10px;
  font-size: 7px;
}

.deep-sector-stats strong {
  color: var(--deep-text);
  font-size: 16px;
  display: block;
}

.deep-sector-panel dl {
  border-top: 1px solid var(--deep-line);
  margin-top: 10px;
}

.deep-sector-panel dl div {
  border-bottom: 1px solid var(--deep-line);
  color: var(--deep-muted);
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-size: 8px;
  display: flex;
}

.deep-sector-panel dd {
  color: var(--deep-text);
}

.deep-ceremony {
  z-index: 90;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: radial-gradient(circle, #0a4e596b, #00050be6);
  place-items: center;
  padding: 18px;
  display: grid;
  position: absolute;
  inset: 0;
}

.deep-ceremony > div {
  color: #edfaff;
  text-align: center;
  background: #020f17d6;
  border: 1px solid #b2d7bc40;
  border-radius: 25px;
  width: min(460px, 100%);
  padding: 26px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 32px 100px #00000080, inset 0 1px #ffffff14;
}

.deep-capsule-rays {
  background: repeating-conic-gradient(from 0deg, #fbbf2414 0 6deg, transparent 7deg 22deg);
  width: 420px;
  height: 420px;
  animation: 26s linear infinite deep-spin;
  position: absolute;
  top: 95px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.deep-capsule {
  z-index: 2;
  background: linear-gradient(90deg, #14271f, #377c58 24%, #244c38 54%, #79b38d 76%, #f7fbf6);
  border: 2px solid #438d68;
  border-radius: 38px;
  width: 76px;
  height: 132px;
  margin: 0 auto 18px;
  position: relative;
  box-shadow: 0 0 45px #fbbf2457;
}

.deep-capsule i {
  background: radial-gradient(circle at 40% 35%, #fff, #67e8f9 12%, #164e63 58%, #05151d 74%);
  border: 5px solid #0b1728;
  border-radius: 50%;
  width: 49px;
  height: 51px;
  position: absolute;
  top: 33px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 23px #67e8f994;
}

.deep-capsule b, .deep-capsule span {
  background: #07111f;
  border-radius: 5px;
  width: 46px;
  height: 5px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.deep-capsule b {
  top: 14px;
}

.deep-capsule span {
  bottom: 14px;
}

.deep-ceremony small {
  z-index: 2;
  color: #b2d7bc;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
  display: block;
  position: relative;
}

.deep-ceremony h2 {
  z-index: 2;
  margin-top: 9px;
  font-size: 28px;
  position: relative;
  color: #fff !important;
}

.deep-ceremony p {
  z-index: 2;
  color: #e7f8fba6;
  margin-top: 9px;
  font-size: 11px;
  line-height: 1.7;
  position: relative;
}

.deep-ceremony > div > div:not(.deep-capsule) {
  z-index: 2;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  display: flex;
  position: relative;
}

.deep-ceremony > div > div:not(.deep-capsule) span {
  color: #ebfafcb3;
  border: 1px solid #ffffff1a;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-size: 8px;
  display: inline-flex;
}

.deep-ceremony > div > strong {
  z-index: 2;
  color: #b2d7bc;
  margin-top: 14px;
  font-size: 10px;
  display: block;
  position: relative;
}

.deep-ceremony button {
  z-index: 2;
  background: linear-gradient(120deg, #2d7654, #245f43);
  border-color: #b2d7bc57;
  margin-top: 18px;
  position: relative;
}

.deep-loading {
  color: #dffaff;
  background: radial-gradient(circle, #0a3845, #020913 64%);
  border: 1px solid #67e8f924;
  border-radius: 30px;
  align-content: center;
  place-items: center;
  gap: 13px;
  height: max(620px, 100dvh - 7.1rem);
  display: grid;
  overflow: hidden;
}

.deep-loading-sonar {
  background: repeating-radial-gradient(circle, #0000 0 17px, #67e8f921 18px 19px);
  border: 1px solid #67e8f957;
  border-radius: 50%;
  place-items: center;
  width: 112px;
  height: 112px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.deep-loading-sonar:before {
  content: "";
  transform-origin: 0 0;
  background: conic-gradient(#67e8f95c, #0000 42deg);
  animation: 1.8s linear infinite deep-spin;
  position: absolute;
  inset: 50% 50% 0;
}

.deep-loading-sonar i {
  background: #67e8f9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 18px #67e8f9;
}

.deep-loading strong {
  letter-spacing: .08em;
  font-size: 12px;
}

.deep-loading small {
  color: #d8f7fa73;
  letter-spacing: .13em;
  font-family: ui-monospace, monospace;
  font-size: 8px;
}

.deep-accent-cyan {
  --sector-accent: #67e8f9;
}

.deep-accent-sky {
  --sector-accent: #7dd3fc;
}

.deep-accent-violet {
  --sector-accent: #c4b5fd;
}

.deep-accent-amber {
  --sector-accent: #fbbf24;
}

.deep-accent-rose {
  --sector-accent: #f9a8d4;
}

.deep-accent-emerald {
  --sector-accent: #6ee7b7;
}

@keyframes deep-spin {
  to {
    rotate: 360deg;
  }
}

@keyframes deep-live {
  0%, 100% {
    opacity: .45;
  }

  50% {
    opacity: 1;
  }
}

@keyframes deep-caustics {
  0% {
    translate: -4%;
  }

  50% {
    translate: 4% 3%;
  }

  100% {
    translate: -4%;
  }
}

@keyframes deep-lumen-breathe {
  0%, 100% {
    opacity: .52;
    scale: .9;
  }

  50% {
    opacity: .92;
    scale: 1.12;
  }
}

@keyframes deep-buoy {
  0%, 100% {
    opacity: .38;
    scale: .8;
  }

  50% {
    opacity: 1;
    scale: 1.2;
  }
}

@keyframes deep-scroll {
  0%, 100% {
    translate: 0 -2px;
  }

  50% {
    translate: 0 4px;
  }
}

@keyframes deep-specimen {
  0%, 100% {
    opacity: .6;
    scale: .88;
  }

  50% {
    opacity: 1;
    scale: 1.1;
  }
}

@media (max-width: 1180px) {
  .deep-compass {
    grid-template-columns: minmax(190px, 1fr) auto;
  }

  .deep-compass nav {
    display: none;
  }

  .deep-current-orbit-a {
    width: 76vw;
  }

  .deep-lumen-dialogue {
    width: 230px;
    left: calc(50% + 105px);
  }
}

@media (max-width: 720px) {
  .deep-scene {
    border-radius: 22px;
    height: calc(100dvh - 6.8rem);
    min-height: 690px;
    margin-left: -2px;
    margin-right: -2px;
  }

  .deep-compass {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 52px;
    inset: 8px 8px auto;
  }

  .deep-live {
    font-size: 0;
  }

  .deep-live i {
    width: 7px;
    height: 7px;
  }

  .deep-world {
    inset: 68px 0 90px;
  }

  .deep-current-orbit-a {
    width: 130vw;
    height: 68vw;
  }

  .deep-current-orbit-b {
    width: 92vw;
    height: 53vw;
  }

  .deep-current-node {
    left: calc(50% + var(--current-x));
    top: calc(50% + var(--current-y));
    width: 72px;
    min-height: 72px;
  }

  .deep-current-node.is-inhabited {
    width: 79px;
    min-height: 79px;
  }

  .deep-current-node.is-charted {
    width: 85px;
    min-height: 85px;
  }

  .deep-bathysphere {
    top: 58%;
    transform: translate(-50%, -50%) scale(.88);
  }

  .deep-lumen {
    top: calc(58% - 55px);
    left: calc(50% + 81px);
    transform: scale(.86);
  }

  .deep-lumen-dialogue {
    border-radius: 14px;
    width: min(290px, 100vw - 48px);
    top: calc(58% + 82px);
    left: 50%;
    transform: translateX(-50%);
  }

  .deep-depth-gauge {
    width: 132px;
    padding: 10px;
    bottom: 82px;
    left: 8px;
  }

  .deep-depth-readout strong {
    font-size: 21px;
  }

  .deep-depth-resources span:nth-child(3) {
    display: none;
  }

  .deep-buoy-horizon {
    bottom: 86px;
    right: 8px;
  }

  .deep-scroll-hint {
    display: none;
  }

  .deep-dock {
    justify-content: space-between;
    bottom: 8px;
    left: 8px;
    right: 8px;
    transform: none;
  }

  .deep-dock button {
    flex: 1;
    min-width: 0;
  }

  .deep-instrument-panel, .deep-sector-panel {
    border-radius: 22px;
    width: auto;
    height: min(65dvh, 570px);
    inset: auto 8px 74px;
  }

  .deep-panel-logbook {
    left: 8px;
  }

  .deep-sector-panel {
    height: min(70dvh, 590px);
  }

  .deep-sector-creature-large {
    height: 185px;
  }
}

@media (max-width: 430px) {
  .deep-compass-brand strong {
    font-size: 10px;
  }

  .deep-instrument-icon {
    width: 32px;
    height: 32px;
  }

  .deep-current-node:nth-of-type(n+6) {
    display: none;
  }

  .deep-dock button small {
    font-size: 6px;
  }

  .deep-dock button > span {
    width: 26px;
    height: 26px;
  }

  .deep-buoy-horizon {
    display: none;
  }

  .deep-depth-gauge {
    width: 119px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .deep-caustics, .deep-live i, .deep-current-node:after, .deep-lumen-aura, .deep-buoy-horizon i, .deep-scroll-hint svg, .deep-specimen-aura, .deep-specimen-illustration i, .deep-sector-creature-large span, .deep-capsule-rays {
    animation: none !important;
  }
}

html.background-motion-off .deep-backdrop video, html.background-motion-off .deep-caustics, html.background-motion-off .deep-plankton {
  display: none;
}

html[data-visual-mode="hybrid"] .elysium-shell .deep-scene :is(h1, h2, h3), html.dark[data-visual-mode="hybrid"] .elysium-shell .deep-scene :is(h1, h2, h3) {
  text-shadow: none;
  color: var(--deep-text) !important;
}

html.performance-lite {
  scroll-behavior: smooth;
  --surface-panel: #f3f8ff;
  --surface-panel-strong: #fbfdff;
  --surface-muted: #e8f1e5;
  --liquid-glass-strong: #fbfdff;
  --code-bg: #e8f1e5;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --provider-icon-shadow: none;
  --telegram-mini-card: var(--hybrid-panel);
  --telegram-mini-card-strong: var(--hybrid-panel);
  --telegram-mini-shadow: none;
  --living-page-art: none;
}

html.dark.performance-lite {
  --surface-panel: #10233a;
  --surface-panel-strong: #152c49;
  --surface-muted: #0c1d32;
  --liquid-glass-strong: #09182a;
  --code-bg: #0b1728;
}

html.performance-lite[data-visual-skin="living"] {
  --surface-panel: #eef9fe;
  --surface-panel-strong: #f8fdff;
  --surface-muted: #e1f2fa;
  --liquid-glass-strong: #f8fdff;
  --code-bg: #e7f5fb;
  --living-card-start: #f8fdff;
  --living-card-middle: #eef9fe;
  --living-card-end: #dceff8;
}

html.dark.performance-lite[data-visual-skin="living"] {
  --surface-panel: #102d4d;
  --surface-panel-strong: #244c38;
  --surface-muted: #0c2540;
  --liquid-glass-strong: #0b2139;
  --code-bg: #14271f;
  --living-card-start: #244c38;
  --living-card-middle: #102d4d;
  --living-card-end: #0c2540;
}

html.performance-lite[data-visual-mode="hybrid"], html.dark.performance-lite[data-visual-mode="hybrid"] {
  --surface-panel: var(--hybrid-panel);
  --surface-panel-strong: var(--hybrid-panel);
  --surface-muted: color-mix(in srgb, var(--hybrid-panel) 78%, var(--hybrid-bg-middle));
  --liquid-glass-strong: var(--hybrid-panel);
  --code-bg: color-mix(in srgb, var(--hybrid-panel) 82%, var(--hybrid-bg-top));
  --living-card-start: var(--hybrid-panel);
  --living-card-middle: var(--hybrid-panel);
  --living-card-end: color-mix(in srgb, var(--hybrid-panel) 82%, var(--hybrid-bg-middle));
  --telegram-mini-card: var(--hybrid-panel);
  --telegram-mini-card-strong: var(--hybrid-panel);
}

html.performance-lite *, html.performance-lite :before, html.performance-lite :after {
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.performance-lite .living-backdrop {
  background: none !important;
  display: none !important;
}

html.performance-lite[data-visual-skin="living"] :is(.living-feature-card, .status-overview-card, .models-catalog-head, .legal-hero):before, html.performance-lite .deep-backdrop :is(img, video), html.performance-lite .quest-garden-video {
  background-image: none !important;
  display: none !important;
}

html.performance-lite .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .steps-grid-card, .route-card, .news-stage, .elysium-faq-item, .legal-paper, .docs-shell article, .key-hero, .key-secret-card, .key-list, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card) {
  background: var(--surface-panel-strong) !important;
}

html.performance-lite .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card):before, html.performance-lite .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card):after {
  background: none !important;
  display: none !important;
}

html.performance-lite :is(.site-header-font, .global-site-notice-card, .telegram-mini-header, .telegram-mini-card, .telegram-mini-icon-button, .telegram-mini-link-card, .telegram-mini-mode, .telegram-mini-nav) {
  background: var(--surface-panel-strong) !important;
}

.novelai-select {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  color: #eff6ff;
  background: #0c2344;
  border-color: #79b38d9e;
  transition: border-color .16s, background-color .16s, box-shadow .16s;
}

.novelai-select:hover {
  background: #102d55;
  border-color: #79b38d;
}

.novelai-select:focus, .novelai-select:focus-visible {
  background: #102d55;
  border-color: #6ecb91;
  outline: none;
  box-shadow: 0 0 0 3px #38bdf838;
}

.novelai-select option {
  color: #f8fbff;
  background: #0b1f3a;
}

.model-showcase {
  border-top: 1px solid var(--models-border-soft);
  border-bottom: 1px solid var(--models-border-soft);
  background: radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--models-gold) 16%, transparent), transparent 34%),
    color-mix(in srgb, var(--models-bg) 72%, transparent);
  margin: 22px calc(50% - 50vw) 0;
  padding: 12px 0;
  position: relative;
  overflow: hidden;
}

.model-drawer-title {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.model-showcase-viewport {
  gap: 10px;
  display: grid;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 6% 94%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 6% 94%, #0000);
}

.model-showcase-track {
  will-change: transform;
  gap: 10px;
  width: max-content;
  padding-left: 10px;
  animation: 68s linear infinite modelShowcaseForward;
  display: flex;
}

.model-showcase-track.is-reverse {
  animation-name: modelShowcaseReverse;
  animation-duration: 76s;
}

.model-showcase-viewport:hover .model-showcase-track, .model-showcase-viewport:focus-within .model-showcase-track {
  animation-play-state: paused;
}

.model-showcase-card {
  border: 1px solid var(--models-border);
  background: linear-gradient(135deg, color-mix(in srgb, var(--models-gold) 13%, transparent), transparent),
    var(--models-surface-strong);
  width: 286px;
  height: 126px;
  box-shadow: 0 12px 32px var(--models-shadow);
  color: #fff;
  text-align: left;
  isolation: isolate;
  cursor: pointer;
  border-radius: 16px;
  flex: 0 0 286px;
  align-items: flex-end;
  padding: 14px;
  transition: border-color .2s, box-shadow .2s, transform .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.model-showcase-card:hover, .model-showcase-card:focus-visible, .model-showcase-card.is-selected {
  z-index: 2;
  border-color: color-mix(in srgb, var(--models-gold-strong) 86%, white 14%);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--models-gold) 22%, transparent), 0 18px 40px color-mix(in srgb, var(--models-gold) 30%, transparent);
  outline: none;
  transform: translateY(-2px);
}

.model-showcase-art, .model-showcase-shade {
  z-index: -2;
  position: absolute;
  inset: 0;
}

.model-showcase-art {
  background-position: center;
  background-size: cover;
  transition: transform .5s cubic-bezier(.22, 1, .36, 1);
}

.model-showcase-card:hover .model-showcase-art {
  transform: scale(1.045);
}

.model-showcase-shade {
  z-index: -1;
  background: linear-gradient(#040c1c14, #040c1cf2);
}

.model-showcase-copy {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.model-showcase-copy > strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  overflow: hidden;
}

.model-showcase-copy > small {
  color: #a8cbff;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  margin-top: 4px;
  font-size: 10px;
}

.model-showcase-meta {
  align-items: center;
  gap: 7px;
  margin-bottom: auto;
  padding-bottom: 23px;
  display: flex;
}

.model-showcase-meta b {
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #4289ffc2;
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 8px;
}

.model-showcase-meta em {
  color: #ffffffb8;
  font-size: 9px;
  font-style: normal;
}

.model-showcase-arrow {
  color: #8fbaff;
  flex: none;
  margin-left: 9px;
  transition: transform .2s;
}

.model-showcase-card:hover .model-showcase-arrow {
  transform: translateX(3px);
}

@keyframes modelShowcaseForward {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes modelShowcaseReverse {
  from {
    transform: translate3d(-50%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.models-toolbar {
  z-index: 38;
  border: 1px solid var(--models-border-soft);
  background: color-mix(in srgb, var(--models-bg) 82%, transparent);
  box-shadow: 0 12px 30px color-mix(in srgb, var(--models-shadow) 60%, transparent);
  -webkit-backdrop-filter: blur(22px) saturate(1.3);
  backdrop-filter: blur(22px) saturate(1.3);
  border-radius: 28px;
  padding: 8px;
  position: sticky;
  top: 72px;
}

.models-tabs .tab small {
  background: color-mix(in srgb, var(--models-text-soft) 12%, transparent);
  border-radius: 999px;
  place-items: center;
  min-width: 18px;
  min-height: 18px;
  padding: 0 5px;
  font-size: 9px;
  display: inline-grid;
}

.models-tabs .tab.active small {
  background: #ffffff2e;
}

.models-grid, .models-loading-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: stretch;
}

.model-card.model-card-equal {
  content-visibility: auto;
  contain-intrinsic-size: 296px;
  flex-direction: column;
  align-self: stretch;
  height: 296px;
  padding: 11px;
  display: flex;
}

.model-card-equal .model-title-row {
  min-height: 40px;
}

.model-card-equal .model-name {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.22;
  display: -webkit-box;
  overflow: hidden;
}

.model-card-equal .model-id-copy {
  flex: none;
}

.model-new-badge {
  color: #0891b2;
  letter-spacing: .08em;
  background: #06b6d41a;
  border: 1px solid #22d3ee57;
  border-radius: 999px;
  align-items: center;
  padding: 5px 8px;
  font-size: 9px;
  font-weight: 800;
  display: inline-flex;
}

html.dark .model-new-badge {
  color: #67e8f9;
}

.model-card-summary {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  min-height: 0;
  margin-top: 8px;
  display: flex;
}

.model-card-route-summary {
  color: var(--models-text-muted);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 10px;
  display: flex;
}

.model-card-route-summary > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.model-card-route-summary > strong, .model-drawer-section-head .is-available, .model-drawer-section-head .is-unavailable {
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  flex: none;
  padding: 4px 7px;
  font-size: 8px;
  font-weight: 800;
}

.model-card-route-summary .is-available, .model-drawer-section-head .is-available {
  color: #059669;
  background: #34d3991f;
}

.model-card-route-summary .is-unavailable, .model-drawer-section-head .is-unavailable {
  color: #e11d48;
  background: #fb71851f;
}

.model-health-timeline {
  border: 1px solid var(--models-border-soft);
  background: color-mix(in srgb, var(--models-surface-strong) 77%, transparent);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  backdrop-filter: blur(16px) saturate(1.2);
  border-radius: 13px;
  gap: 7px;
  padding: 9px;
  display: grid;
}

.model-health-legend {
  color: var(--models-text-soft);
  letter-spacing: .07em;
  text-transform: uppercase;
  justify-content: space-between;
  gap: 10px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}

.model-health-legend span:last-child {
  color: #4294ff;
}

.model-health-period {
  grid-template-columns: 24px minmax(0, 1fr) 45px;
  align-items: center;
  gap: 7px;
  display: grid;
}

.model-health-period-label {
  color: var(--models-text-soft);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}

.model-health-period > strong {
  color: var(--models-text);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  text-align: right;
  font-size: 9px;
}

.model-health-bars {
  gap: 2px;
  display: grid;
}

.model-availability-bar, .model-cache-bar {
  gap: 3px;
  display: grid;
}

.model-availability-bar i, .model-cache-bar i {
  border-radius: 999px;
  min-width: 0;
  display: block;
}

.model-availability-bar i {
  background: color-mix(in srgb, var(--models-text-soft) 22%, transparent);
  height: 10px;
}

.model-availability-bar i.is-healthy {
  background: #25c98a;
}

.model-availability-bar i.is-warning {
  background: #f2b84b;
}

.model-availability-bar i.is-down {
  background: #f05d68;
}

.model-cache-bar {
  border-bottom: 1px dashed #2f8fffd1;
  align-items: end;
  height: 15px;
}

.model-cache-bar i {
  background: none;
  align-self: end;
  height: 0;
}

.model-cache-bar i.has-data {
  background: #3698ff;
  box-shadow: 0 0 6px #2f8fff61;
}

.model-health-timeline.is-compact {
  gap: 5px;
  padding: 7px 8px;
}

.model-health-timeline.is-compact .model-health-legend {
  display: none;
}

.model-card-footer {
  border-top: 1px solid var(--models-border-soft);
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
}

.model-card-footer > span {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.model-card-footer small {
  color: var(--models-text-soft);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
}

.model-card-footer strong {
  color: var(--models-text);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
}

.model-card-open {
  border: 1px solid color-mix(in srgb, var(--models-gold) 54%, transparent);
  background: color-mix(in srgb, var(--models-gold) 11%, transparent);
  min-height: 44px;
  color: var(--models-gold-strong);
  cursor: pointer;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  font-size: 10px;
  font-weight: 800;
  transition: background-color .2s, color .2s, transform .2s;
  display: inline-flex;
}

.model-card-open:hover {
  background: var(--models-gold);
  color: #fff;
  transform: translateX(2px);
}

.model-drawer-backdrop {
  z-index: 150;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #0208148f;
  place-items: center;
  padding: 24px;
  animation: .22s both modelDrawerBackdropIn;
  display: grid;
  position: fixed;
  inset: 0;
}

.model-family-drawer {
  border: 1px solid var(--models-border);
  background: color-mix(in srgb, var(--models-bg) 94%, transparent);
  width: min(980px, 100vw - 48px);
  max-height: min(780px, 100dvh - 48px);
  color: var(--models-text);
  -webkit-backdrop-filter: blur(28px) saturate(1.2);
  backdrop-filter: blur(28px) saturate(1.2);
  border-radius: 22px;
  flex-direction: column;
  animation: .38s cubic-bezier(.22, 1, .36, 1) both modelDrawerIn;
  display: flex;
  overflow: hidden;
  box-shadow: 0 32px 100px #00000061;
}

.model-drawer-head {
  isolation: isolate;
  flex: none;
  align-items: flex-end;
  gap: 12px;
  min-height: 118px;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.model-drawer-art, .model-drawer-shade {
  z-index: -2;
  position: absolute;
  inset: 0;
}

.model-drawer-art {
  background-position: center;
  background-size: cover;
}

.model-drawer-shade {
  z-index: -1;
  background: linear-gradient(180deg, color-mix(in srgb, var(--models-bg) 18%, transparent), color-mix(in srgb, var(--models-bg) 98%, transparent));
}

.model-drawer-title {
  flex: 1;
}

.model-drawer-title small {
  color: var(--models-gold-strong);
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}

.model-drawer-title strong {
  margin-top: 3px;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.1;
}

.model-drawer-title em {
  color: var(--models-text-muted);
  margin-top: 3px;
  font-size: 10px;
  font-style: normal;
}

.model-drawer-close {
  border: 1px solid var(--models-border);
  background: color-mix(in srgb, var(--models-surface-strong) 78%, transparent);
  width: 44px;
  height: 44px;
  color: var(--models-text-muted);
  cursor: pointer;
  border-radius: 12px;
  flex: 0 0 44px;
  align-self: flex-start;
  place-items: center;
  display: grid;
}

.model-drawer-close:hover {
  color: var(--models-text);
}

.model-drawer-scroll {
  overscroll-behavior: contain;
  grid-template-columns: minmax(280px, .88fr) minmax(360px, 1.12fr);
  grid-template-areas: "identity identity"
                       "health details"
                       "variants details";
  gap: 14px;
  min-height: 0;
  padding: 0 22px 34px;
  display: grid;
  overflow-y: auto;
}

.model-drawer-scroll > .model-id-copy {
  grid-area: identity;
}

.model-drawer-health {
  grid-area: health;
}

.model-drawer-variants {
  grid-area: variants;
}

.model-drawer-details {
  grid-area: details;
}

.model-drawer-scroll > section {
  border: 1px solid var(--models-border-soft);
  background: color-mix(in srgb, var(--models-surface) 88%, transparent);
  border-radius: 16px;
  padding: 15px;
}

.model-drawer-section-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 11px;
  display: flex;
}

.model-drawer-section-head > span {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.model-drawer-section-head > span > strong {
  color: var(--models-text);
  font-size: 13px;
  font-weight: 800;
}

.model-drawer-section-head > span > small {
  color: var(--models-text-soft);
  font-size: 9px;
}

.model-drawer-section-head > code {
  color: var(--models-gold-strong);
  font-size: 9px;
}

.model-cache-explanation {
  color: var(--models-text-soft);
  margin-top: 9px;
  font-size: 9px;
  line-height: 1.45;
}

.model-drawer-variant-list {
  gap: 6px;
  display: grid;
}

.model-drawer-variant {
  border: 1px solid var(--models-border-soft);
  background: color-mix(in srgb, var(--models-surface-strong) 74%, transparent);
  min-height: 52px;
  color: var(--models-text-muted);
  text-align: left;
  cursor: pointer;
  border-radius: 11px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 9px;
  padding: 10px;
  display: grid;
}

.model-drawer-variant:hover, .model-drawer-variant.is-selected {
  border-color: color-mix(in srgb, var(--models-gold) 56%, transparent);
  background: color-mix(in srgb, var(--models-gold) 10%, var(--models-surface-strong));
}

.model-drawer-variant > span {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.model-drawer-variant strong, .model-drawer-variant small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.model-drawer-variant strong {
  color: var(--models-text);
  font-size: 11px;
}

.model-drawer-variant small {
  color: var(--models-text-soft);
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  margin-top: 2px;
  font-size: 8px;
}

.model-drawer-variant em {
  border-radius: 999px;
  padding: 4px 6px;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

.model-drawer-variant em.is-healthy {
  color: #059669;
  background: #34d3991f;
}

.model-drawer-variant em.is-warning {
  color: #d97706;
  background: #fbbf241f;
}

.model-drawer-variant em.is-down {
  color: #e11d48;
  background: #fb71851f;
}

.model-drawer-variant em.is-empty {
  background: color-mix(in srgb, var(--models-text-soft) 10%, transparent);
  color: var(--models-text-soft);
}

.model-novelai-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.model-novelai-controls label {
  color: var(--models-text-soft);
  letter-spacing: .07em;
  text-transform: uppercase;
  gap: 5px;
  font-size: 9px;
  font-weight: 800;
  display: grid;
}

.model-novelai-controls .novelai-select {
  width: 100%;
  min-height: 44px;
  font-family: var(--font-geist-mono), ui-monospace, monospace;
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 11px;
}

.model-reasoning-action {
  color: #8b5cf6;
  cursor: pointer;
  background: #8b5cf614;
  border: 1px solid #8b5cf647;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  margin-bottom: 9px;
  padding: 7px 12px;
  font-size: 9px;
  font-weight: 800;
  display: inline-flex;
}

.model-drawer-details .model-health-timeline {
  margin-top: 9px;
}

@keyframes modelDrawerBackdropIn {
  from {
    opacity: 0;
  }
}

@keyframes modelDrawerIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.975);
  }
}

@media (min-width: 1280px) {
  .models-grid, .models-loading-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1000px) {
  .models-grid, .models-loading-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .model-drawer-scroll {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "identity"
                         "health"
                         "variants"
                         "details";
  }
}

@media (max-width: 720px) {
  .model-showcase {
    margin-top: 22px;
  }

  .model-showcase-card {
    flex-basis: 246px;
    width: 246px;
    height: 116px;
  }

  .models-toolbar {
    border-radius: 22px;
    top: 60px;
  }

  .models-grid, .models-loading-grid {
    grid-template-columns: 1fr;
  }

  .model-card.model-card-equal {
    height: 296px;
  }

  .model-card-equal .model-card-top {
    flex-direction: row;
    align-items: center;
  }

  .model-drawer-backdrop {
    place-items: end center;
    padding: 0;
  }

  .model-family-drawer {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 22px 22px 0 0;
    width: 100%;
    height: min(90dvh, 820px);
    max-height: none;
    animation-name: modelDrawerMobileIn;
  }

  .model-drawer-head {
    min-height: 116px;
    padding: 18px;
  }

  .model-drawer-scroll {
    padding: 0 14px 26px;
  }
}

@keyframes modelDrawerMobileIn {
  from {
    opacity: 0;
    transform: translateY(42px);
  }
}

.models-page-modern {
  position: relative;
}

html .elysium-root-app .models-catalog.models-catalog-modern {
  --models-glass: color-mix(in srgb, var(--surface-panel) 78%, transparent);
  --models-glass-rim: color-mix(in srgb, var(--ink) 24%, transparent);
  --models-glass-shine: color-mix(in srgb, var(--ink) 9%, transparent);
  --models-glass-inner: color-mix(in srgb, var(--ink) 5%, transparent);
  font-feature-settings: "ss01" on;
  --models-bg: var(--bg0) !important;
  --models-surface: var(--surface-panel) !important;
  --models-surface-strong: var(--surface-panel-strong) !important;
  --models-text: var(--ink) !important;
  --models-text-muted: color-mix(in srgb, var(--ink) 78%, transparent) !important;
  --models-text-soft: var(--ink-dim) !important;
  --models-gold: var(--accent) !important;
  --models-gold-strong: var(--accent2) !important;
  --models-border: var(--border-medium) !important;
  --models-border-soft: var(--line) !important;
  --models-shadow: #02081433 !important;
}

.models-catalog-modern *, .models-catalog-modern :before, .models-catalog-modern :after {
  text-shadow: none !important;
}

.models-directory-head {
  padding: 20px 0 0;
}

.models-directory-title {
  align-items: center;
  display: flex;
}

.models-catalog-modern .models-directory-title h1 {
  letter-spacing: -.055em;
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 650;
  line-height: 1.08;
  color: var(--models-text) !important;
}

.models-catalog-modern .model-showcase {
  background: none;
  border: 0;
  margin-top: 22px;
  padding: 4px 0;
}

.models-catalog-modern .model-showcase-viewport {
  gap: 12px;
}

.models-catalog-modern .model-showcase-track {
  gap: 12px;
  padding-left: 12px;
}

.models-catalog-modern .model-showcase-card {
  border-color: var(--models-glass-rim);
  background: #171e2b;
  border-radius: 18px;
  flex-basis: 270px;
  width: 270px;
  height: 138px;
  padding: 15px;
  box-shadow: inset 0 1px #fff3, 0 6px 18px #02091626;
}

.models-catalog-modern .model-showcase-card:hover, .models-catalog-modern .model-showcase-card:focus-visible {
  border-color: #a1b7ff;
  transform: none;
}

.models-catalog-modern .model-showcase-meta {
  padding-bottom: 28px;
}

.models-catalog-modern .model-showcase-meta b {
  background: #1d2b45cc;
  border: 1px solid #ffffff40;
  border-radius: 7px;
  padding: 4px 6px;
  font-size: 8px;
}

.models-catalog-modern .model-showcase-copy > strong {
  font-weight: 650;
}

.models-catalog-modern .model-showcase-copy > small {
  color: #c1d0ef;
}

.models-catalog-modern .models-toolbar {
  border: 1px solid var(--models-glass-rim);
  background: var(--models-glass);
  isolation: isolate;
  border-radius: 24px;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  margin: 26px 0 0;
  padding: 14px;
  display: grid;
}

.models-catalog-modern .models-search {
  background: var(--models-surface);
  border-color: var(--models-border);
  border-radius: 14px;
  grid-column: 1 / -1;
  min-height: 46px;
  padding: 0 14px;
}

.models-catalog-modern .models-search input {
  min-height: 44px;
  font-size: 13px;
}

.models-catalog-modern .models-search:focus-within {
  border-color: var(--models-gold);
}

.models-catalog-modern .models-tabs {
  background: none;
  border: 0;
  border-radius: 0;
  gap: 4px;
  width: max-content;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  overflow-x: auto;
}

.models-catalog-modern .models-tabs .tab {
  min-height: 44px;
  color: var(--models-text-muted);
  border: 1px solid #0000;
  border-radius: 12px;
  padding: 8px 11px;
  font-size: 12px;
}

.models-catalog-modern .models-tabs .tab.active {
  border-color: var(--models-border);
  background: var(--models-surface-strong);
  color: var(--models-text);
}

.models-catalog-modern .models-tabs .tab:hover {
  color: var(--models-text);
  background: var(--models-surface-strong);
}

.models-catalog-modern .models-tabs .tab small {
  color: var(--models-text-soft);
  background: none;
  border-radius: 6px;
}

.models-catalog-modern .models-sort {
  justify-self: end;
}

.models-catalog-modern .models-sort .tab {
  padding: 8px;
  font-size: 11px;
}

.models-catalog-modern .provider-group {
  margin-top: 26px;
}

.models-catalog-modern .provider-group-header {
  margin-bottom: 12px;
}

.models-catalog-modern .provider-title {
  letter-spacing: .07em;
  gap: 8px;
  font-size: 11px;
  font-weight: 650;
}

.models-catalog-modern .provider-dot {
  background: var(--models-text-soft);
  border-radius: 1px;
  width: 5px;
  height: 5px;
}

.models-list {
  border: 1px solid var(--models-border);
  background: var(--models-glass);
  border-radius: 22px;
  overflow: hidden;
}

.model-list-header, .model-list-row {
  grid-template-columns: minmax(230px, 2fr) minmax(95px, .7fr) minmax(80px, .65fr) minmax(155px, 1fr) 110px;
  align-items: center;
  gap: 18px;
  padding: 12px 18px;
  display: grid;
}

.model-list-header {
  background: var(--models-glass-inner);
  min-height: 42px;
  color: var(--models-text-soft);
  font-size: 10px;
  font-weight: 600;
}

.model-list-row {
  border-top: 1px solid var(--models-border-soft);
  min-height: 84px;
  scroll-margin-top: 240px;
  transition: background-color .16s;
}

.model-list-row:hover, .model-list-row:focus-within {
  background: var(--models-glass-inner);
}

.model-list-identity {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.models-catalog-modern .model-provider-icon-shell {
  border-color: var(--models-border-soft);
  background: var(--models-surface-strong);
  border-radius: 12px;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
}

.model-list-name {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.model-list-name-line {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.model-list-name-line > strong {
  color: var(--models-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 650;
  overflow: hidden;
}

.model-list-name-line > em {
  border-radius: 4px;
  flex: none;
  padding: 2px 4px;
  font-size: 8px;
  font-style: normal;
}

.model-list-copy {
  min-width: 0;
  max-width: 100%;
  min-height: 44px;
  color: var(--models-text-soft);
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
}

.model-list-copy code {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}

.model-list-copy svg {
  opacity: .65;
  flex: none;
}

.model-list-copy:hover, .model-list-copy.copied {
  color: var(--models-gold-strong);
}

.model-list-meta {
  min-width: 0;
  color: var(--models-text-muted);
  font-size: 12px;
}

.models-catalog-modern .model-list-meta .model-type-badge {
  border-color: var(--models-border-soft);
  color: var(--models-text-muted);
  letter-spacing: .03em;
  background: none;
  border-radius: 8px;
  padding: 4px 7px;
  font-size: 9px;
}

.model-list-context {
  font-family: var(--font-geist-mono), monospace;
  font-size: 12px;
}

.model-list-price {
  min-width: 0;
  color: var(--models-text);
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.model-list-price strong {
  font-family: var(--font-geist-mono), monospace;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}

.model-list-price small {
  color: var(--models-text-soft);
  font-size: 10px;
}

.model-list-price em {
  color: var(--models-text-soft);
  font-size: 10px;
  font-style: normal;
}

.model-list-open {
  border: 1px solid var(--models-border);
  background: var(--models-glass-inner);
  min-height: 44px;
  color: var(--models-text);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 550;
  transition: border-color .2s, background-color .2s, transform .2s;
  display: inline-flex;
}

.model-list-open:hover {
  border-color: var(--models-gold);
  background: var(--models-bg);
}

.models-catalog-modern :is(button, input, select):focus-visible {
  outline: 2px solid var(--models-gold);
  outline-offset: 3px;
}

.models-list-skeleton {
  border: 1px solid var(--models-border-soft);
  border-radius: 10px;
  margin-top: 26px;
  display: grid;
  overflow: hidden;
}

.model-list-skeleton {
  border-bottom: 1px solid var(--models-border-soft);
  background: var(--models-surface);
  height: 84px;
}

.model-list-skeleton:last-child {
  border: 0;
}

.models-catalog-modern .models-empty {
  color: var(--models-text-muted);
  border-radius: 10px;
  padding: 48px 20px;
  background: var(--models-surface) !important;
}

.models-catalog-modern .model-sale-strip {
  border: 1px solid var(--models-border-soft);
  background: var(--models-surface);
  border-radius: 8px;
  margin-top: 16px;
  padding: 12px 14px;
}

.models-catalog-modern .model-sale-strip-title {
  color: var(--models-gold-strong);
}

.models-catalog-modern .model-sale-strip-title strong {
  font-size: 11px;
  font-weight: 600;
}

.models-catalog-modern .model-sale-strip-title small {
  font-size: 10px;
}

.models-catalog-modern .model-sale-strip-list {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.model-sale-strip-list button {
  border: 1px solid var(--models-border-soft);
  min-height: 44px;
  color: var(--models-text-muted);
  border-radius: 6px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 11px;
  display: inline-flex;
}

.models-catalog-modern .model-sale-strip-list b {
  color: var(--models-gold-strong);
}

.models-catalog-modern .model-drawer-backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: #0208126b;
}

.models-catalog-modern .model-family-drawer {
  border-color: var(--models-glass-rim);
  background: var(--models-glass);
  isolation: isolate;
  border-radius: 26px;
  width: min(860px, 100vw - 48px);
  position: relative;
}

.models-catalog-modern .model-drawer-head {
  border-bottom: 1px solid var(--models-border-soft);
  background: var(--models-surface);
  border-radius: 25px 25px 0 0;
  align-items: center;
  min-height: 98px;
  margin-bottom: 20px;
}

.models-catalog-modern .model-drawer-head.has-artwork {
  background: none;
  align-items: flex-end;
  min-height: 168px;
}

.models-catalog-modern .has-artwork .model-drawer-art {
  opacity: .9;
  animation: .5s both modelArtworkReveal;
}

.models-catalog-modern .has-artwork .model-drawer-shade {
  background: linear-gradient(#030a1814, #030a1866 38%, #030a18f0);
}

.models-catalog-modern .has-artwork .model-drawer-title strong {
  color: #f4f8ff;
}

.models-catalog-modern .has-artwork .model-drawer-title :is(small, em) {
  color: #c7d8ef;
}

.models-catalog-modern .model-drawer-head:not(.has-artwork) .model-drawer-shade {
  display: none;
}

.models-catalog-modern .model-drawer-title strong {
  letter-spacing: -.025em;
  font-size: 22px;
  font-weight: 650;
}

.models-catalog-modern .model-drawer-title small {
  color: var(--models-text-soft);
  font-size: 10px;
  font-weight: 500;
}

.models-catalog-modern .model-drawer-close {
  background: var(--models-surface);
  border-radius: 13px;
  align-self: flex-start;
}

.models-catalog-modern .has-artwork .model-drawer-close {
  color: #fff;
  background: #0915288c;
  border-color: #daeaff4d;
}

.models-catalog-modern .model-drawer-scroll > section {
  background: var(--models-surface);
  border-radius: 16px;
}

.models-catalog-modern .model-drawer-section-head > span > strong {
  font-weight: 600;
}

.models-catalog-modern .model-id-copy {
  border-color: var(--models-border);
  background: var(--models-surface-strong);
  border-radius: 12px;
  min-height: 44px;
}

.models-catalog-modern .model-drawer-variant {
  background: var(--models-glass-inner);
  border-radius: 12px;
  transition: background .2s, border-color .2s, transform .2s;
}

.models-catalog-modern .model-drawer-variant.is-selected {
  border-color: var(--models-gold);
  background: var(--models-surface-strong);
}

.models-catalog-modern .model-health-timeline {
  background: var(--models-glass-inner);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 12px;
  gap: 12px;
  padding: 12px;
}

.models-catalog-modern .model-health-legend {
  color: var(--models-text-muted);
  letter-spacing: 0;
  text-transform: none;
  justify-content: flex-start;
  gap: 14px;
  font-size: 10px;
  font-weight: 500;
}

.models-catalog-modern .model-health-legend span {
  color: var(--models-text-muted);
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.model-health-legend span:before {
  content: "";
  background: #25c98a;
  border-radius: 2px;
  width: 6px;
  height: 6px;
}

.model-health-legend .model-health-legend-cache:before {
  background: #639bff;
}

.models-catalog-modern .model-availability-bar i {
  border-radius: 2px;
}

.models-catalog-modern .model-health-period {
  grid-template-columns: 25px minmax(0, 1fr) 58px;
}

.models-catalog-modern .model-health-bars {
  gap: 7px;
}

.models-catalog-modern .model-cache-bar {
  border: 0;
  height: 9px;
}

.models-catalog-modern .model-cache-bar i {
  height: 9px;
  box-shadow: none;
  background: #5da6ff29;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}

.models-catalog-modern .model-cache-bar i.is-empty {
  background: #5da6ff0f;
  border: 1px dashed #70b0ff52;
}

.models-catalog-modern .model-cache-bar i.has-data {
  background: #5da6ff2e;
}

.models-catalog-modern .model-cache-bar i b {
  background: #77b7ff;
  border-radius: 1px;
  display: block;
  position: absolute;
  inset: auto 0 0;
}

.model-health-values {
  font-family: var(--font-geist-mono), monospace;
  font-variant-numeric: tabular-nums;
  justify-items: end;
  gap: 7px;
  display: grid;
}

.model-health-values strong {
  color: var(--models-text);
  font-size: 10px;
  line-height: 10px;
}

.model-health-values em {
  color: #88c0ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 9px;
}

.model-health-values em.is-empty {
  color: var(--models-text-soft);
  font-family: var(--font-ui-sans), sans-serif;
  font-size: 8px;
  font-weight: 400;
}

.models-catalog-modern .model-prices {
  border-color: var(--models-border-soft);
  background: var(--models-glass-inner);
  border-radius: 12px;
}

.models-catalog-modern .model-prices .price-cell {
  border-color: var(--models-border-soft);
  background: none;
}

.models-catalog-modern .price-value {
  color: var(--models-text);
  font-weight: 550;
}

.models-catalog-modern .model-drawer-scroll {
  flex-direction: column;
  gap: 20px;
  padding-bottom: 24px;
  display: flex;
}

.models-catalog-modern .model-drawer-scroll > :is(.model-drawer-variants, .model-drawer-details) {
  background: none;
  border: 0;
  flex: none;
  min-width: 0;
  padding: 0;
}

.models-catalog-modern .model-drawer-variants {
  border-bottom: 1px solid var(--models-border-soft) !important;
  padding-bottom: 18px !important;
}

.models-catalog-modern .model-drawer-variants .model-drawer-section-head {
  margin-bottom: 10px;
}

.models-catalog-modern .model-drawer-section-head > small {
  color: var(--models-text-soft);
  font-size: 11px;
}

.models-catalog-modern .model-drawer-variant-list {
  scroll-snap-type: x proximity;
  gap: 8px;
  padding: 2px 2px 8px;
  display: flex;
  overflow-x: auto;
}

.models-catalog-modern .model-drawer-variant {
  scroll-snap-align: start;
  flex: 1 0 220px;
  grid-template-columns: minmax(0, 1fr) 16px;
  min-width: 0;
  max-width: 100%;
}

.models-catalog-modern .model-variant-check {
  opacity: 0;
  color: var(--models-gold-strong);
  transition: opacity .2s;
}

.models-catalog-modern .is-selected .model-variant-check {
  opacity: 1;
}

.model-detail-id-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.model-detail-id-row .model-id-copy {
  min-width: 0;
}

.models-catalog-modern .model-detail-id-row .model-reasoning-action {
  border-radius: 12px;
  flex: none;
  margin: 0;
}

.model-detail-columns {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  margin-top: 16px;
  display: grid;
}

.models-catalog-modern .model-detail-columns :is(.model-prices, .model-health-timeline, .model-free-price) {
  margin-top: 0;
}

.models-catalog-modern .model-detail-pricing .model-prices + .model-prices {
  margin-top: 8px;
}

.models-catalog-modern .model-detail-columns .price-cell {
  min-height: 60px;
  padding: 12px;
}

.models-catalog-modern .model-detail-columns .model-health-timeline {
  min-height: 120px;
}

.models-catalog-modern .model-detail-pricing .tier-pricing-viewport {
  margin-top: 0;
}

.elysium-root-app .models-catalog-modern :is(.models-toolbar, .model-family-drawer) {
  -webkit-backdrop-filter: blur(26px) saturate(1.45);
  backdrop-filter: blur(26px) saturate(1.45);
  box-shadow: inset 0 1px 0 var(--models-glass-rim), inset 1px 0 0 var(--models-glass-inner), inset 0 -1px 0 var(--models-glass-inner), 0 14px 38px var(--models-shadow);
}

.elysium-root-app .models-catalog-modern :is(.models-toolbar, .model-family-drawer):before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(ellipse at var(--glass-x, 18%) var(--glass-y, 0%), var(--models-glass-shine), transparent 62%), linear-gradient(135deg, var(--models-glass-inner), transparent 40%, var(--models-glass-inner));
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.elysium-root-app .models-catalog-modern :is(.models-search, .models-tabs, .model-prices) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.elysium-root-app .models-catalog-modern .models-tabs .tab.active {
  border-color: var(--models-glass-rim);
  background: var(--models-surface-strong);
  color: var(--models-text);
  box-shadow: inset 0 1px 0 var(--models-glass-rim), 0 3px 8px var(--models-shadow);
}

.models-catalog-modern .model-drawer-details {
  animation: .24s both modelDetailsReveal;
}

.elysium-root-app:has(.models-catalog-modern .model-drawer-backdrop) {
  z-index: 110;
}

html .elysium-root-app .models-catalog-modern .models-search {
  border-color: var(--models-border) !important;
  background: var(--models-glass-inner) !important;
  color: var(--models-text-muted) !important;
}

.elysium-root-app .models-catalog-modern .models-search input {
  border-radius: 0;
  color: var(--models-text) !important;
  box-shadow: none !important;
  background: none !important;
}

.elysium-root-app .models-catalog-modern .models-search input::placeholder {
  opacity: 1;
  color: var(--models-text-soft) !important;
}

.elysium-root-app .models-catalog-modern .models-search:focus-within {
  border-color: var(--models-gold) !important;
}

.elysium-root-app .models-catalog-modern .model-list-copy code {
  padding: 0;
  color: var(--models-text-soft) !important;
  background: none !important;
}

.elysium-root-app .models-catalog-modern .model-list-copy:hover code {
  color: var(--models-gold-strong) !important;
}

.elysium-root-app .models-catalog-modern .model-novelai-controls .novelai-select {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  border-color: var(--models-border) !important;
  color: var(--models-text) !important;
  background: var(--models-surface-strong) !important;
}

.models-catalog-modern .novelai-select option {
  color: var(--models-text);
  background: var(--models-bg);
}

.models-catalog-modern .model-family-drawer {
  background: color-mix(in srgb, var(--surface-panel-strong) 92%, transparent);
}

.elysium-root-app .models-catalog-modern .models-list {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 1px 0 var(--models-glass-rim), 0 10px 28px var(--models-shadow);
}

.models-catalog-modern .model-showcase.is-paused .model-showcase-track {
  animation-play-state: paused;
}

.models-catalog-modern .model-list-row {
  isolation: isolate;
  contain: layout style;
  position: relative;
  overflow: hidden;
}

.models-catalog-modern .model-list-row:before, .models-catalog-modern .model-list-row:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  border-radius: 15px;
  transition: opacity .18s;
  position: absolute;
  inset: 4px 5px;
}

.models-catalog-modern .model-list-row:focus-within {
  box-shadow: inset 0 0 0 1px var(--models-gold);
}

.models-catalog-modern .model-list-row:before {
  border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent);
  background: linear-gradient(130deg, color-mix(in srgb, var(--ink) 8%, transparent), color-mix(in srgb, var(--accent) 4%, transparent) 55%, color-mix(in srgb, var(--ink) 5%, transparent));
  box-shadow: inset 0 1px 1px #ffffff2e, inset 0 -1px 1px #02081426, 0 4px 14px #0208141a;
}

.models-catalog-modern .model-list-row:after {
  background: radial-gradient(ellipse at var(--glass-x, 30%) var(--glass-y, 0%), #ffffff9e, #ffffff0d 55%, color-mix(in srgb, var(--accent2) 28%, transparent));
  -webkit-mask-composite: xor;
  padding: 1px;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.models-catalog-modern .model-list-row[data-glass-wave]:before {
  opacity: .55;
}

.models-catalog-modern .model-list-row[data-glass-active]:before {
  opacity: 1;
  -webkit-backdrop-filter: blur(9px) saturate(1.25);
  backdrop-filter: blur(9px) saturate(1.25);
}

.models-catalog-modern .model-list-row[data-glass-active]:after {
  opacity: 1;
}

.models-catalog-modern .model-list-open svg {
  transition: transform .2s;
}

.models-catalog-modern .model-list-open:hover svg {
  transform: translateX(3px);
}

.models-catalog-modern .model-list-open:active {
  transform: scale(.96);
}

.models-catalog-modern .model-drawer-variant:active {
  transform: scale(.985);
}

.models-catalog-modern .models-tabs .tab:active {
  transform: scale(.97);
}

@keyframes modelDetailsReveal {
  from {
    opacity: .3;
    transform: translateY(6px);
  }
}

@keyframes modelArtworkReveal {
  from {
    opacity: 0;
    transform: scale(1.025);
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .elysium-root-app .models-catalog-modern :is(.models-toolbar, .models-list, .model-family-drawer) {
    background: var(--models-bg);
  }
}

@media (max-width: 1000px) {
  .model-list-header, .model-list-row {
    grid-template-columns: minmax(180px, 1.6fr) 88px 70px minmax(135px, 1fr) 98px;
    gap: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .models-catalog-modern .models-toolbar {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  .models-catalog-modern .models-sort {
    justify-self: start;
  }
}

@media (max-width: 760px) {
  .models-directory-head {
    padding-top: 22px;
  }

  .models-catalog-modern .model-showcase-card {
    flex-basis: 236px;
    width: 236px;
    height: 124px;
  }

  .models-catalog-modern .model-showcase-meta {
    padding-bottom: 18px;
  }

  .models-catalog-modern .models-toolbar {
    margin-top: 22px;
    position: static;
  }

  .models-catalog-modern .models-tabs {
    width: 100%;
  }

  .models-catalog-modern .models-tabs .tab {
    padding: 8px;
    font-size: 11px;
  }

  .model-list-header {
    display: none;
  }

  .model-list-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 105px;
    grid-template-areas: "name name action"
                         "type context price";
    row-gap: 8px;
    padding: 16px;
  }

  .model-list-row:first-of-type {
    border-top: 0;
  }

  .model-list-identity {
    grid-area: name;
    gap: 10px;
  }

  .model-list-open {
    grid-area: action;
    align-self: start;
  }

  .model-list-type {
    grid-area: type;
  }

  .model-list-context {
    grid-area: context;
  }

  .model-list-price {
    grid-area: price;
  }

  .model-list-meta:before {
    content: attr(data-label);
    color: var(--models-text-soft);
    font-family: var(--font-ui-sans), sans-serif;
    margin-bottom: 6px;
    font-size: 9px;
    display: block;
  }

  .model-list-price strong {
    font-size: 11px;
  }

  .model-list-price em {
    font-size: 9px;
  }

  .model-list-name-line > strong {
    font-size: 12px;
  }

  .model-list-name-line > em {
    display: none;
  }

  .models-catalog-modern .model-drawer-backdrop {
    padding: 8px;
    padding-bottom: max(8px, env(safe-area-inset-bottom));
  }

  .models-catalog-modern .model-family-drawer {
    border: 1px solid var(--models-glass-rim);
    border-radius: 24px;
    width: 100%;
    height: min(88dvh, 850px);
    max-height: calc(100dvh - 24px);
  }

  .models-catalog-modern .model-drawer-head {
    border-radius: 23px 23px 0 0;
  }

  .models-catalog-modern .model-drawer-head.has-artwork {
    min-height: 142px;
  }

  .models-catalog-modern .model-drawer-scroll {
    gap: 12px;
    padding: 0 12px 22px;
  }

  .models-catalog-modern .model-drawer-scroll > section {
    padding: 12px;
  }

  .models-catalog-modern .model-drawer-scroll > :is(.model-drawer-variants, .model-drawer-details) {
    padding: 0;
  }

  .model-detail-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .models-catalog-modern .model-drawer-variant {
    flex-basis: 200px;
  }

  .models-catalog-modern .models-toolbar {
    border-radius: 22px;
    padding: 12px;
  }

  .elysium-root-app .models-catalog-modern :is(.models-toolbar, .model-family-drawer) {
    -webkit-backdrop-filter: blur(16px) saturate(1.3);
    backdrop-filter: blur(16px) saturate(1.3);
  }

  .models-catalog-modern .model-sale-strip {
    gap: 8px;
    display: grid;
  }
}

@media (max-width: 480px) {
  .model-list-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "name name"
                         "type context"
                         "price action";
    gap: 12px 16px;
  }

  .model-list-name-line > strong {
    -webkit-line-clamp: 2;
    white-space: normal;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    display: -webkit-box;
  }

  .model-list-name-line > .model-availability {
    display: inline-flex;
  }

  .model-list-open {
    place-self: center end;
    min-width: 108px;
  }

  .model-list-price {
    justify-content: center;
  }

  .model-list-price strong {
    font-size: 13px;
  }

  .model-list-meta:before {
    margin-right: 7px;
    display: inline;
  }

  .model-list-context {
    align-items: center;
    display: flex;
  }

  .model-list-copy {
    min-height: 44px;
  }

  .models-catalog-modern .models-sort .tab {
    flex: 1;
  }

  .models-catalog-modern .model-drawer-title strong {
    font-size: 19px;
  }

  .models-catalog-modern .model-drawer-head {
    gap: 9px;
    padding: 16px;
  }

  .models-catalog-modern .model-id-text {
    font-size: 11px;
  }

  .model-detail-id-row {
    flex-direction: column;
    align-items: stretch;
  }

  .models-catalog-modern .model-detail-id-row .model-reasoning-action {
    align-self: flex-start;
  }
}

html.performance-lite .models-catalog-modern :is(.models-toolbar, .models-list, .model-family-drawer) {
  background: var(--models-bg);
}

@media (prefers-reduced-motion: reduce) {
  .model-showcase-track {
    animation-play-state: paused;
  }

  .model-family-drawer, .model-drawer-backdrop {
    animation: none;
  }

  .models-catalog-modern *, .models-catalog-modern :before, .models-catalog-modern :after {
    transition: none !important;
    animation: none !important;
  }

  .models-catalog-modern .model-showcase-track {
    transform: none;
  }
}

html:has(.zr-dashboard-world) {
  min-height: 100%;
  background: var(--nc-bg) !important;
}

html:has(.zr-dashboard-world) body {
  min-height: 100%;
  background: var(--nc-bg) !important;
}

html[data-theme="dark"]:has(.zr-dashboard-world) {
  background: var(--nc-bg) !important;
}

html[data-theme="dark"]:has(.zr-dashboard-world) body {
  background: var(--nc-bg) !important;
}

body:has(.zr-dashboard-world):before {
  content: none !important;
  display: none !important;
}

body:has(.zr-dashboard-world):after {
  content: none !important;
  display: none !important;
}

.zr-dashboard-world {
  --bg0: var(--nc-bg);
  --surface-panel: color-mix(in srgb,var(--nc-surface) 82%,transparent);
  --surface-panel-strong: var(--nc-surface);
  --surface-muted: var(--nc-surface-2);
  --ink: var(--nc-ink);
  --ink-dim: var(--nc-muted);
  --accent: var(--nc-accent);
  --accent2: var(--nc-accent-2);
  --accent-light: var(--nc-accent-soft);
  --accent-hover: var(--nc-primary-hover);
  --line: var(--nc-line);
  --border-soft: var(--line);
  --border-medium: var(--nc-line-strong);
  --border-strong: var(--nc-line-strong);
  --text-main: var(--ink);
  --text-secondary: var(--nc-ink-2);
  --text-muted: var(--ink-dim);
  --surface: var(--surface-panel-strong);
  --danger: var(--nc-err);
  isolation: isolate;
  background: var(--nc-bg);
  min-height: 100svh;
  color: var(--ink);
  position: relative;
  overflow-x: clip;
}

.zr-dashboard-content {
  z-index: 2;
  min-height: 100svh;
  position: relative;
}

.zr-dashboard-world :is(.tm-panel, .divine-card, .analytics-card, .api-base-url-card, .app-page-panel) {
  text-shadow: none !important;
}

.zr-dashboard-world :is(input, select, textarea) {
  background: color-mix(in srgb,var(--surface-panel-strong) 88%,transparent) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

.zr-dashboard-world :is(.btn-primary, .btn-secondary) {
  text-shadow: none !important;
  box-shadow: none !important;
}

.zr-workspace-backdrop {
  z-index: 150;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #07130d61;
  justify-content: flex-end;
  padding: 14px;
  display: flex;
  position: fixed;
  inset: 0;
}

.zr-workspace-drawer {
  border: 1px solid var(--line);
  background: var(--surface-panel-strong);
  width: min(880px, 100vw - 28px);
  height: calc(100dvh - 28px);
  color: var(--ink);
  border-radius: 28px;
  flex-direction: column;
  animation: .24s cubic-bezier(.2, .8, .2, 1) zrDrawerIn;
  display: flex;
  overflow: hidden;
  box-shadow: 0 30px 100px #030f0847;
}

.zr-workspace-drawer > header {
  border-bottom: 1px solid var(--line);
  grid-template-columns: minmax(0, 1fr) 44px;
  align-items: center;
  gap: 2px 16px;
  padding: 20px 22px;
  display: grid;
}

.zr-workspace-drawer > header span {
  color: var(--ink-dim);
  letter-spacing: .11em;
  text-transform: uppercase;
  grid-column: 1;
  font-size: 10px;
  font-weight: 750;
}

.zr-workspace-drawer > header h2 {
  letter-spacing: -.025em;
  grid-column: 1;
  margin: 0;
  font-size: 22px;
  font-weight: 680;
}

.zr-workspace-drawer > header button {
  border: 1px solid var(--line);
  width: 44px;
  height: 44px;
  color: inherit;
  background: none;
  border-radius: 14px;
  grid-area: 1 / 2 / 3;
  place-items: center;
  display: grid;
}

.zr-workspace-body {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  padding: 22px;
  overflow: auto;
}

@keyframes zrDrawerIn {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
}

@media (max-width: 760px) {
  .zr-workspace-backdrop {
    padding: 0;
  }

  .zr-workspace-drawer {
    border-width: 0;
    border-radius: 0;
    width: 100%;
    height: 100dvh;
  }

  .zr-workspace-body {
    padding: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zr-workspace-drawer {
    animation: none;
  }
}

html:has(.zr-admin-world) {
  min-height: 100%;
  background: var(--nc-bg) !important;
}

html:has(.zr-admin-world) body {
  min-height: 100%;
  background: var(--nc-bg) !important;
}

html[data-theme="dark"]:has(.zr-admin-world) {
  background: var(--nc-bg) !important;
}

html[data-theme="dark"]:has(.zr-admin-world) body {
  background: var(--nc-bg) !important;
}

body:has(.zr-admin-world):before {
  content: none !important;
  display: none !important;
}

body:has(.zr-admin-world):after {
  content: none !important;
  display: none !important;
}

.zr-admin-world {
  --bg0: var(--nc-bg);
  --surface-panel: color-mix(in srgb,var(--nc-surface) 86%,transparent);
  --surface-panel-strong: var(--nc-surface);
  --surface-muted: var(--nc-surface-2);
  --ink: var(--nc-ink);
  --ink-dim: var(--nc-muted);
  --accent: var(--nc-accent);
  --accent2: var(--nc-accent-2);
  --accent-light: var(--nc-accent-soft);
  --accent-hover: var(--nc-primary-hover);
  --line: var(--nc-line);
  --border-soft: var(--line);
  --border-medium: var(--nc-line-strong);
  --border-strong: var(--nc-line-strong);
  --text-main: var(--ink);
  --text-secondary: var(--nc-ink-2);
  --text-muted: var(--ink-dim);
  --surface: var(--surface-panel-strong);
  --danger: var(--nc-err);
  isolation: isolate;
  background: var(--nc-bg);
  min-height: 100svh;
  color: var(--ink);
  position: relative;
  overflow-x: clip;
}

.zr-admin-content {
  z-index: 2;
  min-height: 100svh;
  position: relative;
}

.zr-admin-world .admin-sidebar {
  border-radius: var(--nc-r-lg) !important;
  border-color: var(--nc-line) !important;
  background: var(--nc-surface) !important;
  box-shadow: var(--nc-shadow-1) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.zr-admin-world .admin-nav-link {
  color: var(--nc-muted);
  border-radius: var(--nc-r-sm);
}

.zr-admin-world .admin-nav-link:hover {
  background: var(--nc-hover);
  color: var(--nc-ink);
  border-color: #0000;
  transform: none;
}

.zr-admin-world .admin-nav-link-active, .zr-admin-world .admin-nav-link-active:hover {
  background: var(--nc-surface-2);
  box-shadow: inset 0 0 0 1px var(--nc-line);
  color: var(--nc-ink);
  border-color: #0000;
  font-weight: 500;
}

.zr-admin-world .admin-mobile-nav {
  background: var(--nc-glass) !important;
  border-color: var(--nc-line) !important;
}

html.dark .zr-admin-world .admin-nav-link-active, html.dark .zr-admin-world .admin-nav-link-active:hover, html[data-theme="dark"] .zr-admin-world .admin-nav-link-active {
  background: var(--nc-surface-2);
  box-shadow: inset 0 0 0 1px var(--nc-line);
  color: var(--nc-ink);
  border-color: #0000;
}

.zr-admin-world .admin-main {
  min-height: 100svh;
  color: var(--ink);
}

.zr-admin-world .admin-main :is(section, article, dialog) {
  text-shadow: none;
}

.zr-admin-world .admin-main :is(input, select, textarea) {
  border-color: var(--line);
  color: var(--ink);
}

@media (min-width: 1024px) {
  .zr-admin-world .admin-main {
    margin-left: 17.25rem;
    padding-top: 1.5rem !important;
  }
}

@media (max-width: 1023px) {
  .zr-admin-world .admin-mobile-nav {
    top: 0;
  }

  .zr-admin-world .admin-main {
    padding-top: 1.25rem !important;
  }
}

.zr-admin-drawer-backdrop {
  z-index: 160;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #07130d66;
  justify-content: flex-end;
  padding: 14px;
  display: flex;
  position: fixed;
  inset: 0;
}

.zr-admin-drawer {
  border: 1px solid var(--line);
  background: var(--surface-panel-strong);
  border-radius: 28px;
  flex-direction: column;
  width: min(1040px, 100vw - 28px);
  height: calc(100dvh - 28px);
  animation: .24s cubic-bezier(.2, .8, .2, 1) zrDrawerIn;
  display: flex;
  overflow: hidden;
  box-shadow: 0 30px 100px #030f084d;
}

.zr-admin-drawer > header {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 10px;
  padding: 17px 18px 17px 22px;
  display: flex;
}

.zr-admin-drawer > header > div {
  flex: 1;
  min-width: 0;
}

.zr-admin-drawer > header span {
  color: var(--ink-dim);
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 750;
  display: block;
}

.zr-admin-drawer > header h2 {
  letter-spacing: -.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 2px 0 0;
  font-size: 20px;
  font-weight: 680;
  overflow: hidden;
}

.zr-admin-drawer > header :is(a, button) {
  border: 1px solid var(--line);
  width: 44px;
  height: 44px;
  color: var(--ink);
  background: none;
  border-radius: 14px;
  place-items: center;
  display: grid;
}

.zr-admin-drawer > iframe {
  background: var(--surface-panel-strong);
  border: 0;
  flex: 1;
  min-height: 0;
}

@media (max-width: 760px) {
  .zr-admin-drawer-backdrop {
    padding: 0;
  }

  .zr-admin-drawer {
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100dvh;
  }
}

.zr-dashboard-world .models-catalog.models-catalog-modern {
  --models-bg: transparent;
  --models-surface: var(--surface-panel);
  --models-surface-strong: var(--surface-panel-strong);
  --models-text: var(--ink);
  --models-text-muted: var(--text-secondary);
  --models-text-soft: var(--ink-dim);
  --models-gold: var(--accent);
  --models-gold-strong: var(--accent2);
  --models-border: var(--border-medium);
  --models-border-soft: var(--line);
  --models-shadow: #1236221f;
  --models-glass: color-mix(in srgb,var(--surface-panel) 84%,transparent);
  --models-glass-rim: color-mix(in srgb,var(--ink) 20%,transparent);
  --models-glass-shine: #ffffff3d;
  --models-glass-inner: color-mix(in srgb,var(--ink) 5%,transparent);
}

.zr-dashboard-world .models-catalog-modern :is(.models-toolbar, .models-list, .model-family-drawer) {
  background: var(--models-glass);
  border-color: var(--models-border);
  box-shadow: inset 0 1px var(--models-glass-rim),0 16px 44px var(--models-shadow);
}

.zr-dashboard-world .models-catalog-modern .model-list-row {
  background: color-mix(in srgb,var(--models-surface) 76%,transparent);
}

.model-availability.is-identity {
  border-style: dashed;
  border-color: color-mix(in srgb,var(--models-text-soft) 60%,transparent);
  color: var(--models-text-muted);
  background: none;
}

.model-list-identity-meta {
  min-height: 30px;
  color: var(--models-text-soft);
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  font-size: 10px;
  display: flex;
  overflow: hidden;
}

.model-list-price.is-pending strong {
  color: var(--models-text-muted);
  white-space: normal;
  font-family: inherit;
  font-size: 12px;
  font-weight: 550;
}

.model-drawer-section-head .is-identity {
  border: 1px dashed color-mix(in srgb,var(--models-text-soft) 60%,transparent);
  color: var(--models-text-muted);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  flex: none;
  padding: 4px 7px;
  font-size: 8px;
  font-weight: 800;
}

.model-identity-backdrop {
  z-index: -2;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: opacity .45s;
  position: absolute;
  inset: 0;
}

.model-identity-backdrop[data-state="ready"] {
  opacity: .9;
}

.model-identity-description {
  color: var(--models-text);
  white-space: pre-line;
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.model-identity-facts {
  border: 1px dashed var(--models-border-soft);
  border-radius: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 14px 0 0;
  display: grid;
  overflow: hidden;
}

.model-identity-facts > div {
  border-top: 1px dashed var(--models-border-soft);
  min-width: 0;
  padding: 10px 12px;
}

.model-identity-facts > div:nth-child(-n+2) {
  border-top: 0;
}

.model-identity-facts > div:nth-child(odd) {
  border-right: 1px dashed var(--models-border-soft);
}

.model-identity-facts > div:nth-child(odd):last-child {
  border-right: 0;
  grid-column: 1 / -1;
}

.model-identity-facts dt {
  color: var(--models-text-soft);
  letter-spacing: .04em;
  font-size: 9.5px;
}

.model-identity-facts dd {
  color: var(--models-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 3px 0 0;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.model-identity-note {
  color: var(--models-text-muted);
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

@media (prefers-reduced-motion: reduce) {
  .model-identity-backdrop {
    transition: none;
  }
}

@media (max-width: 760px) {
  .model-list-name-line > .model-availability.is-identity {
    display: inline-flex;
  }

  .model-identity-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .model-identity-facts > div {
    border-top: 1px dashed var(--models-border-soft);
    border-right: 0 !important;
  }

  .model-identity-facts > div:first-child {
    border-top: 0;
  }
}

.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}

.before\:bottom-0:before {
  content: var(--tw-content);
  bottom: 0;
}

.before\:left-0:before {
  content: var(--tw-content);
  left: 0;
}

.before\:top-0:before {
  content: var(--tw-content);
  top: 0;
}

.before\:w-0\.5:before {
  content: var(--tw-content);
  width: .125rem;
}

.before\:opacity-0:before {
  content: var(--tw-content);
  opacity: 0;
}

.before\:opacity-100:before {
  content: var(--tw-content);
  opacity: 1;
}

.before\:transition-opacity:before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.first\:pl-6:first-child {
  padding-left: 1.5rem;
}

.last\:border-0:last-child {
  border-width: 0;
}

.last\:pr-6:last-child {
  padding-right: 1.5rem;
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[var\(--accent\)\]:hover {
  border-color: var(--accent);
}

.hover\:border-\[var\(--border-soft\)\]:hover {
  border-color: var(--border-soft);
}

.hover\:border-\[var\(--border-strong\)\]:hover {
  border-color: var(--border-strong);
}

.hover\:border-gold\/20:hover {
  border-color: #3b82f633;
}

.hover\:bg-\[var\(--accent-light\)\]:hover {
  background-color: var(--accent-light);
}

.hover\:bg-\[var\(--surface-muted\)\]:hover {
  background-color: var(--surface-muted);
}

.hover\:bg-amber-500\/20:hover {
  background-color: #f59e0b33;
}

.hover\:bg-aqua\/\[0\.02\]:hover {
  background-color: #38bdf805;
}

.hover\:bg-emerald-500\/20:hover {
  background-color: #10b98133;
}

.hover\:bg-red-500\/10:hover {
  background-color: #ef44441a;
}

.hover\:bg-red-500\/15:hover {
  background-color: #ef444426;
}

.hover\:bg-red-500\/20:hover {
  background-color: #ef444433;
}

.hover\:bg-sky-500\/20:hover {
  background-color: #0ea5e933;
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover {
  background-color: #ffffff1a;
}

.hover\:bg-white\/35:hover {
  background-color: #ffffff59;
}

.hover\:bg-white\/40:hover {
  background-color: #fff6;
}

.hover\:bg-white\/45:hover {
  background-color: #ffffff73;
}

.hover\:bg-white\/50:hover {
  background-color: #ffffff80;
}

.hover\:bg-white\/55:hover {
  background-color: #ffffff8c;
}

.hover\:bg-white\/60:hover {
  background-color: #fff9;
}

.hover\:bg-white\/70:hover {
  background-color: #ffffffb3;
}

.hover\:bg-white\/75:hover {
  background-color: #ffffffbf;
}

.hover\:text-\[var\(--accent\)\]:hover {
  color: var(--accent);
}

.hover\:text-\[var\(--accent-hover\)\]:hover {
  color: var(--accent-hover);
}

.hover\:text-\[var\(--text-main\)\]:hover {
  color: var(--text-main);
}

.hover\:text-gold:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.hover\:text-text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(16 35 63 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:border-\[var\(--accent\)\]:focus {
  border-color: var(--accent);
}

.focus\:border-\[var\(--terminal-accent\)\]:focus {
  border-color: var(--terminal-accent);
}

.focus-visible\:outline-none:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-\[var\(--accent\)\]:focus-visible {
  --tw-ring-color: var(--accent);
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:cursor-wait:disabled {
  cursor: wait;
}

.disabled\:opacity-30:disabled {
  opacity: .3;
}

.disabled\:opacity-35:disabled {
  opacity: .35;
}

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-45:disabled {
  opacity: .45;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:opacity-55:disabled {
  opacity: .55;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.group[open] .group-open\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-0\.5 {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-gold\/30 {
  border-color: #3b82f64d;
}

.group:hover .group-hover\:bg-gold\/5 {
  background-color: #3b82f60d;
}

.group:hover .group-hover\:text-gold {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-gold\/70 {
  color: #3b82f6b3;
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

.dark\:border-amber-700\/50:is(.dark *) {
  border-color: #b4530980;
}

.dark\:border-emerald-700\/50:is(.dark *) {
  border-color: #04785780;
}

.dark\:bg-amber-950\/30:is(.dark *) {
  background-color: #451a034d;
}

.dark\:bg-black\/10:is(.dark *) {
  background-color: #0000001a;
}

.dark\:bg-black\/15:is(.dark *) {
  background-color: #00000026;
}

.dark\:bg-cyan-500\/10:is(.dark *) {
  background-color: #06b6d41a;
}

.dark\:bg-emerald-950\/25:is(.dark *) {
  background-color: #022c2240;
}

.dark\:bg-emerald-950\/30:is(.dark *) {
  background-color: #022c224d;
}

.dark\:bg-sky-400\/10:is(.dark *) {
  background-color: #38bdf81a;
}

.dark\:bg-slate-600\/55:is(.dark *) {
  background-color: #4755698c;
}

.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:text-cyan-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.dark\:text-green-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.dark\:hover\:bg-white\/10:hover:is(.dark *) {
  background-color: #ffffff1a;
}

@media not all and (min-width: 1024px) {
  .max-lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .max-lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .max-lg\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
}

@media (min-width: 640px) {
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:max-h-\[calc\(100dvh-15rem\)\] {
    max-height: calc(100dvh - 15rem);
  }

  .sm\:max-h-\[calc\(100dvh-6rem\)\] {
    max-height: calc(100dvh - 6rem);
  }

  .sm\:w-80 {
    width: 20rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[minmax\(0\,1fr\)_110px_auto\] {
    grid-template-columns: minmax(0, 1fr) 110px auto;
  }

  .sm\:grid-cols-\[minmax\(180px\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(180px, 1fr) auto auto;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-3 {
    gap: .75rem;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-3 {
    padding: .75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-7 {
    padding: 1.75rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:pb-24 {
    padding-bottom: 6rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .sm\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .sm\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }

  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .sm\:text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }
}

@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:block {
    display: block;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:w-96 {
    width: 24rem;
  }

  .md\:max-w-sm {
    max-width: 24rem;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-\[140px_120px_minmax\(0\,1fr\)\] {
    grid-template-columns: 140px 120px minmax(0, 1fr);
  }

  .md\:grid-cols-\[160px_140px\] {
    grid-template-columns: 160px 140px;
  }

  .md\:grid-cols-\[180px_1fr_auto\] {
    grid-template-columns: 180px 1fr auto;
  }

  .md\:grid-cols-\[1fr_150px_auto\] {
    grid-template-columns: 1fr 150px auto;
  }

  .md\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .md\:grid-cols-\[64px_150px_minmax\(0\,1fr\)\] {
    grid-template-columns: 64px 150px minmax(0, 1fr);
  }

  .md\:grid-cols-\[auto_1fr_auto_auto_auto\] {
    grid-template-columns: auto 1fr auto auto auto;
  }

  .md\:grid-cols-\[minmax\(220px\,1fr\)_160px_140px_auto\] {
    grid-template-columns: minmax(220px, 1fr) 160px 140px auto;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-x-8 {
    column-gap: 2rem;
  }

  .md\:pb-32 {
    padding-bottom: 8rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }

  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:w-72 {
    width: 18rem;
  }

  .lg\:w-96 {
    width: 24rem;
  }

  .lg\:w-\[320px\] {
    width: 320px;
  }

  .lg\:w-\[760px\] {
    width: 760px;
  }

  .lg\:min-w-\[420px\] {
    min-width: 420px;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
    grid-template-columns: .8fr 1.2fr;
  }

  .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
    grid-template-columns: .9fr 1.1fr;
  }

  .lg\:grid-cols-\[1fr_0\.72fr\] {
    grid-template-columns: 1fr .72fr;
  }

  .lg\:grid-cols-\[1fr_1\.05fr\] {
    grid-template-columns: 1fr 1.05fr;
  }

  .lg\:grid-cols-\[1fr_240px_240px_240px\] {
    grid-template-columns: 1fr 240px 240px 240px;
  }

  .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\] {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  }

  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,\.7fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr);
  }

  .lg\:grid-cols-\[minmax\(260px\,0\.8fr\)_minmax\(280px\,1\.2fr\)\] {
    grid-template-columns: minmax(260px, .8fr) minmax(280px, 1.2fr);
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:text-\[128px\] {
    font-size: 128px;
  }

  .lg\:text-\[5\.5rem\] {
    font-size: 5.5rem;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:table-cell {
    display: table-cell;
  }

  .xl\:table-column {
    display: table-column;
  }

  .xl\:w-\[18\%\] {
    width: 18%;
  }

  .xl\:w-\[20\%\] {
    width: 20%;
  }

  .xl\:w-\[24\%\] {
    width: 24%;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }

  .xl\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .xl\:grid-cols-\[250px_minmax\(0\,1fr\)\] {
    grid-template-columns: 250px minmax(0, 1fr);
  }

  .xl\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .xl\:grid-cols-\[300px_minmax\(0\,1fr\)_340px\] {
    grid-template-columns: 300px minmax(0, 1fr) 340px;
  }

  .xl\:grid-cols-\[330px_minmax\(0\,1fr\)\] {
    grid-template-columns: 330px minmax(0, 1fr);
  }

  .xl\:grid-cols-\[390px_minmax\(0\,1fr\)\] {
    grid-template-columns: 390px minmax(0, 1fr);
  }

  .xl\:grid-cols-\[420px_minmax\(0\,1fr\)\] {
    grid-template-columns: 420px minmax(0, 1fr);
  }

  .xl\:grid-cols-\[430px_minmax\(0\,1fr\)\] {
    grid-template-columns: 430px minmax(0, 1fr);
  }

  .xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(320px\,\.75fr\)\] {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_380px\] {
    grid-template-columns: minmax(0, 1fr) 380px;
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_420px\] {
    grid-template-columns: minmax(0, 1fr) 420px;
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_430px\] {
    grid-template-columns: minmax(0, 1fr) 430px;
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:text-xs {
    font-size: .75rem;
    line-height: 1rem;
  }
}

@media (min-width: 1536px) {
  .\32 xl\:table-cell {
    display: table-cell;
  }

  .\32 xl\:table-column {
    display: table-column;
  }

  .\32 xl\:w-\[10\%\] {
    width: 10%;
  }

  .\32 xl\:w-\[14\%\] {
    width: 14%;
  }

  .\32 xl\:w-\[16\%\] {
    width: 16%;
  }

  .\32 xl\:w-\[18\%\] {
    width: 18%;
  }

  .\32 xl\:w-\[20\%\] {
    width: 20%;
  }

  .\32 xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .\32 xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

/* [project]/src/app/elysium-test-foundation.css [app-client] (css) */
:root {
  --bg0: #0a0a0a;
  --bg1: #17171a;
  --ink: #ededed;
  --ink-dim: #ededed9e;
  --ink-faint: #ededed61;
  --accent: #5fa47b;
  --accent2: #a8d1b4;
  --line: #ffffff1a;
  --fade0: #04060a00;
  --fade1: #04060a80;
  --fade2: #04060a;
  --mono: var(--font-geist-mono, "JetBrains Mono"), monospace;
  --sans: "Inter", sans-serif;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --font-ui-sans: var(--font-inter);
  --font-landing-sans: var(--font-inter);
  --font-display-font: var(--font-inter);
}

[data-theme="light"] {
  --bg0: #e7efe3;
  --bg1: #f7fbf5;
  --ink: #173d2b;
  --ink-dim: #506b5b;
  --ink-faint: #65786d;
  --accent: #2d7654;
  --accent2: #245f43;
  --line: #295b3d2b;
  --fade0: #e8eff900;
  --fade1: #e8eff980;
  --fade2: #e7efe3;
  --day-panel: #f9fcffeb;
  --day-panel-strong: #fbfdff;
  --day-muted: #e8eff8;
  --day-shadow: 0 16px 44px #193a2514, inset 0 1px 0 #fffc;
}

[data-theme="light"] #silk, [data-theme="light"] body.nogl {
  background: radial-gradient(120% 90% at 70% 8%, var(--bg1) 0%, var(--bg0) 58%);
}

[data-theme="light"] .giant {
  -webkit-text-stroke: 1px #295b3d33;
}

[data-theme="light"] .plan.hot {
  box-shadow: var(--day-shadow);
}

[data-theme="light"] #header.pill {
  border-color: var(--line);
  box-shadow: var(--day-shadow);
  background: #f9fcfff0;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scrollbar-color: #5fa47b4d var(--bg0);
}

body {
  --font-ui-sans: var(--font-inter);
  --font-landing-sans: var(--font-inter);
  --font-display-font: var(--font-inter);
  background: var(--bg0);
  color: var(--ink);
  font-family: var(--font-inter), var(--sans);
  -webkit-font-smoothing: antialiased;
  transition: background .5s;
  overflow-x: hidden;
}

body.nogl {
  background: radial-gradient(120% 90% at 70% 8%, #263a31 0%, #18211e 58%);
}

::selection {
  background: #5fa47b52;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--bg0);
}

::-webkit-scrollbar-thumb {
  border: 2px solid var(--bg0);
  background: #5fa47b38;
  border-radius: 6px;
}

.elysium-black-intro {
  z-index: 400;
  animation: elysium-black-fade .8s var(--ease) forwards;
  pointer-events: none;
  background: #000;
  position: fixed;
  inset: 0;
}

@keyframes elysium-black-fade {
  0%, 35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

#smoothInner, body.ready #smoothInner {
  opacity: 1;
  filter: none;
  transform: none;
}

#silk {
  z-index: 0;
  background: radial-gradient(120% 90% at 70% 8%, #263a31 0%, #18211e 58%);
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  inset: 0;
}

#endFade {
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(180deg, var(--fade0) 0%, var(--fade1) 45%, var(--fade2) 100%);
  position: fixed;
  inset: 0;
}

#gridFx {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(#a8d1b407 1px, #0000 1px), linear-gradient(90deg, #a8d1b407 1px, #0000 1px);
  background-size: 54px 54px;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  -webkit-mask-image: radial-gradient(80% 72% at 55% 22%, #000 20%, #0000 100%);
  mask-image: radial-gradient(80% 72% at 55% 22%, #000 20%, #0000 100%);
}

#silk, #gridFx {
  opacity: 0;
  transition: opacity 1.4s .3s;
}

body.ready #silk, body.ready #gridFx {
  opacity: 1;
}

#progress {
  z-index: 100;
  transform-origin: 0;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  height: 2px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: scaleX(0);
}

.cursor-glow {
  z-index: 1;
  pointer-events: none;
  opacity: .22;
  will-change: transform;
  mix-blend-mode: screen;
  background: radial-gradient(circle, #5fa47b26, #5fa47b0b 38%, #0000 70%);
  border-radius: 50%;
  width: 340px;
  height: 340px;
  position: fixed;
  top: 0;
  left: 0;
}

#header {
  z-index: 90;
  opacity: 0;
  height: 80px;
  transition: top .55s var(--ease), left .55s var(--ease), right .55s var(--ease), height .55s var(--ease),
             border-radius .55s var(--ease), background .45s, border-color .45s, box-shadow .45s,
             transform .9s var(--ease) .6s, opacity .75s ease .6s;
  border: 1px solid #0000;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-140%);
}

#header > div {
  width: 100%;
  height: 100%;
}

body.ready #header {
  opacity: 1;
  transform: none;
}

#header.pill {
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  background: #0a1931eb;
  border-color: #a8d1b42e;
  border-radius: 999px;
  height: 56px;
  top: 12px;
  left: max(16px, 50vw - 648px);
  right: max(16px, 50vw - 648px);
  box-shadow: 0 14px 44px #0206108f, inset 0 1px #ffffff0d;
}

.brand {
  letter-spacing: -.01em;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.brand b {
  color: var(--accent2);
  font-weight: 700;
}

#header nav {
  gap: 2px;
  display: flex;
}

#header nav a {
  color: var(--ink-dim);
  border-radius: 999px;
  padding: 8px 13px;
  font-size: 13.5px;
  transition: color .25s, background .25s;
}

#header nav a:hover {
  color: var(--ink);
  background: #a8d1b414;
}

#header nav a.act {
  color: var(--accent2);
  background: #5fa47b21;
}

.hctl {
  align-items: center;
  gap: 10px;
  display: flex;
}

.tbtn {
  cursor: pointer;
  width: 34px;
  height: 34px;
  color: var(--ink-dim);
  transition: color .3s, border-color .3s, transform .2s var(--ease);
  background: #5fa47b0d;
  border: 1px solid #a8d1b429;
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.tbtn:hover {
  color: var(--accent2);
  border-color: #a8d1b466;
}

.tbtn:active {
  transform: scale(.88);
}

.tbtn svg {
  transition: transform .55s var(--ease);
}

.tbtn:hover svg {
  transform: rotate(40deg);
}

.langSeg {
  background: #5fa47b0d;
  border: 1px solid #a8d1b421;
  border-radius: 999px;
  align-items: center;
  padding: 3px;
  display: flex;
  position: relative;
}

.langSeg button {
  z-index: 1;
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--ink-dim);
  cursor: pointer;
  transition: color .3s, transform .2s var(--ease);
  background: none;
  border: none;
  border-radius: 999px;
  padding: 6px 13px;
  font-size: 11px;
  position: relative;
}

.langSeg button:active {
  transform: scale(.92);
}

.langSeg button.on {
  color: var(--accent2);
}

#langPill {
  width: 0;
  transition: left .45s var(--ease), width .45s var(--ease);
  background: #5fa47b29;
  border: 1px solid #5fa47b4d;
  border-radius: 999px;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
}

h1, h2, h3, .faqTitle, .news-copy h3, .cta-physics-copy h2 {
  font-family: var(--font-inter), Inter, sans-serif;
}

code, pre, .mini-code, .mono-dim {
  font-family: var(--font-geist-mono), var(--mono);
}

.btn {
  cursor: pointer;
  transition: transform .35s var(--ease), box-shadow .35s, background .35s, border-color .35s;
  border: 1px solid #0000;
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 13px 24px;
  font-size: 14.5px;
  font-weight: 600;
  display: inline-flex;
}

.btn-p {
  color: #f7fbf6;
  background: linear-gradient(135deg, #5fa47b, #377c58);
  box-shadow: 0 8px 26px #377c5859;
}

.btn-p:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 38px #377c587a;
}

.btn-g {
  color: var(--ink);
  background: #a8d1b40d;
  border-color: #a8d1b433;
}

.btn-g:hover {
  background: #a8d1b41c;
  transform: translateY(-2px);
}

.btn-s {
  border-radius: 10px;
  padding: 9px 18px;
  font-size: 13px;
}

.kicker {
  font-family: var(--mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent2);
  background: #5fa47b0f;
  border: 1px solid #a8d1b42b;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-size: 11.5px;
  display: inline-flex;
}

.kicker i {
  background: var(--accent);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px var(--accent);
  border-radius: 50%;
  animation: 2.4s infinite blink;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .35;
  }
}

code {
  font-family: var(--mono);
  color: var(--accent2);
  background: #5fa47b17;
  border-radius: 6px;
  padding: 2px 6px;
  font-size: .88em;
}

.mono-dim {
  font-family: var(--mono);
  color: var(--ink-faint);
  font-size: 12px;
}

.hsep {
  background: #a8d1b429;
  width: 1px;
  height: 16px;
}

.mini-code {
  font-family: var(--mono);
  border: 1px solid var(--line);
  color: #a8d1b4;
  white-space: pre;
  background: #060c1899;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 12px;
  overflow-x: auto;
}

.mini-code.inline {
  padding: 9px 14px;
  display: inline-block;
}

#smooth {
  z-index: 2;
  will-change: transform;
  position: relative;
}

.rv {
  opacity: 1;
  filter: none;
  transform: none;
}

html.reveal-ready .rv {
  transition: opacity .7s var(--ease), transform .7s var(--ease), border-color .25s, background .25s, box-shadow .25s;
  transition-delay: var(--d, 0s), var(--d, 0s), 0s, 0s, 0s;
}

html.reveal-ready .rv:not([data-revealed]) {
  opacity: 0;
  transform: translateY(24px);
}

html.reveal-ready .rv[data-revealed] {
  opacity: 1;
  transform: none;
}

html.performance-lite.reveal-ready .rv {
  transition-duration: .35s;
  transition-delay: 0s;
}

html.performance-lite.reveal-ready .rv:not([data-revealed]) {
  transform: translateY(12px);
}

@media (prefers-reduced-motion: reduce) {
  html.reveal-ready .rv {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
  }
}

.section {
  max-width: 1180px;
  margin: 0 auto;
  padding: 145px 28px;
  position: relative;
}

.shead {
  max-width: 660px;
  margin-bottom: 54px;
}

.shead h2, .st-h {
  letter-spacing: -.03em;
  margin: 20px 0 14px;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 750;
  line-height: 1.08;
}

.shead h2 .grad, .st-h .grad {
  background: linear-gradient(120deg, #a8d1b4, #5fa47b 50%, #e0f0e3);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.shead p, .st-p {
  color: var(--ink-dim);
  font-size: 16px;
  line-height: 1.68;
}

.card {
  border: 1px solid var(--line);
  -webkit-backdrop-filter: blur(14px);
  background: linear-gradient(160deg, #1727428c, #0d17298c);
  border-radius: 20px;
  position: relative;
}

.cta-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.ticks {
  color: var(--ink-dim);
  flex-direction: column;
  gap: 12px;
  margin-top: 26px;
  font-size: 15px;
  list-style: none;
  display: flex;
}

.ticks li {
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.ticks li:before {
  content: "→";
  font-family: var(--mono);
  color: var(--accent);
  font-size: 13px;
}

.sp {
  position: relative;
}

.sp:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(230px circle at var(--mx, 50%) var(--my, 50%), #5fa47b99, transparent 62%);
  -webkit-mask-composite: xor;
  opacity: 0;
  padding: 1px;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.sp:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(340px circle at var(--mx, 50%) var(--my, 50%), #5fa47b14, transparent 66%);
  opacity: 0;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

.sp:hover:before, .sp:hover:after {
  opacity: 1;
}

.hero {
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 64px;
  max-width: 1180px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 150px 28px 90px;
  display: grid;
}

.hero h1 {
  letter-spacing: -.04em;
  margin: 24px 0 22px;
  font-size: clamp(42px, 5.6vw, 68px);
  font-weight: 800;
  line-height: 1.02;
}

.hero h1 .grad {
  background: linear-gradient(120deg, #a8d1b4, #5fa47b 45%, #e0f0e3);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.hero .sub {
  color: var(--ink-dim);
  max-width: 520px;
  margin-bottom: 34px;
  font-size: 17px;
  line-height: 1.72;
}

.hero .sub b {
  color: var(--ink);
  font-weight: 600;
}

.hero-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 28px;
  display: flex;
}

#playCard {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 30px 80px #0308148c;
}

.pg-head {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  display: flex;
}

.dot {
  width: 11px;
  height: 11px;
  transition: transform .25s var(--ease), filter .25s;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #0000001f;
}

.dot:hover {
  filter: brightness(1.1);
  transform: scale(1.15);
}

.pg-title {
  font-family: var(--mono);
  color: var(--ink-faint);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 8px;
  font-size: 11.5px;
  overflow: hidden;
}

.pg-run {
  font-family: var(--mono);
  color: var(--accent2);
  cursor: pointer;
  background: #5fa47b14;
  border: 1px solid #a8d1b433;
  border-radius: 8px;
  margin-left: auto;
  padding: 6px 12px;
  font-size: 11px;
  transition: background .3s, border-color .3s;
}

.pg-run:hover {
  background: #5fa47b29;
  border-color: #a8d1b466;
}

.pg-body {
  flex-direction: column;
  gap: 12px;
  min-height: 264px;
  padding: 18px;
  display: flex;
}

.msg {
  word-wrap: break-word;
  border-radius: 14px;
  max-width: 88%;
  padding: 12px 15px;
  font-size: 14px;
  line-height: 1.62;
}

.msg.u {
  background: #5fa47b24;
  border: 1px solid #5fa47b3d;
  border-bottom-right-radius: 4px;
  align-self: flex-end;
}

.msg.a {
  border: 1px solid var(--line);
  background: #091120b3;
  border-bottom-left-radius: 4px;
  align-self: flex-start;
}

.cursor {
  background: var(--accent2);
  vertical-align: -2px;
  width: 8px;
  height: 15px;
  margin-left: 2px;
  animation: 1s step-end infinite blink;
  display: inline-block;
}

.pg-foot {
  border-top: 1px solid var(--line);
  font-family: var(--mono);
  color: var(--ink-faint);
  gap: 20px;
  padding: 14px 18px;
  font-size: 11.5px;
  display: flex;
}

.pg-foot b {
  color: var(--accent2);
  font-weight: 600;
}

#marquee {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 28px 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 12% 88%, #0000);
}

@keyframes elysium-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

#mTrack {
  will-change: transform;
  width: max-content;
  display: flex;
}

#marquee:hover #mTrack {
  animation-play-state: paused;
}

.mhalf {
  align-items: center;
  gap: 68px;
  padding-right: 68px;
  display: flex;
}

.mlogo {
  color: var(--ink-faint);
  letter-spacing: .02em;
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  transition: color .3s;
  display: flex;
}

.mlogo:hover {
  color: var(--accent2);
}

.bento {
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
  display: grid;
}

.bento .card {
  transition: border-color .4s, transform .4s var(--ease);
  padding: 30px;
}

.bento .card:hover {
  border-color: #a8d1b438;
  transform: translateY(-3px);
}

.b2 {
  grid-column: span 2;
}

.b4 {
  grid-column: span 4;
}

.b6 {
  grid-column: span 6;
}

.fic {
  background: #5fa47b1a;
  border: 1px solid #a8d1b42e;
  border-radius: 12px;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  display: grid;
}

.bento h3 {
  letter-spacing: -.01em;
  margin-bottom: 9px;
  font-size: 17px;
  font-weight: 700;
}

.bento p {
  color: var(--ink-dim);
  font-size: 14px;
  line-height: 1.65;
}

.steps {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  display: grid;
}

.step2 {
  transition: border-color .4s, transform .45s var(--ease), box-shadow .45s;
  flex-direction: column;
  padding: 36px 30px 30px;
  display: flex;
  overflow: hidden;
}

.step2:hover {
  border-color: #a8d1b442;
  transform: translateY(-4px);
  box-shadow: 0 24px 60px #03081473;
}

.step2:before {
  content: "";
  width: 15px;
  height: 15px;
  transition: border-color .4s, transform .5s var(--ease);
  border: 1px solid #a8d1b452;
  border-width: 1px 1px 0 0;
  border-radius: 0 5px 0 0;
  position: absolute;
  top: 16px;
  right: 16px;
}

.step2:hover:before {
  border-color: #a8d1b4bf;
  transform: translate(2px, -2px);
}

.s2num {
  letter-spacing: -.045em;
  background: linear-gradient(140deg, #e0f0e3 10%, #5fa47b 85%);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 24px;
  font-size: 58px;
  font-weight: 800;
  line-height: 1;
}

.s2chip {
  font-family: var(--mono);
  letter-spacing: .16em;
  color: var(--accent2);
  background: #5fa47b12;
  border: 1px solid #a8d1b438;
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 9.5px;
  position: absolute;
  top: 24px;
  right: 42px;
}

.step2 h3 {
  letter-spacing: -.01em;
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 700;
}

.step2 p {
  color: var(--ink-dim);
  margin-bottom: 22px;
  font-size: 14.5px;
  line-height: 1.68;
}

.s2conf {
  border: 1px solid var(--line);
  background: #060c188c;
  border-radius: 11px;
  flex-direction: column;
  gap: 7px;
  margin-top: auto;
  padding: 11px 15px;
  transition: border-color .35s;
  display: flex;
}

.step2:hover .s2conf {
  border-color: #a8d1b44d;
}

.s2conf span {
  font-family: var(--mono);
  letter-spacing: .22em;
  color: var(--ink-faint);
  font-size: 9px;
}

.s2conf code {
  color: #a8d1b4;
  white-space: nowrap;
  background: none;
  padding: 0;
  font-size: 11.5px;
  overflow-x: auto;
}

.rr {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 28px 80px #0308148c;
}

.rr-head {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 15px 22px;
  display: flex;
}

.rr-live {
  font-family: var(--mono);
  letter-spacing: .18em;
  color: var(--accent2);
  align-items: center;
  gap: 9px;
  font-size: 10.5px;
  display: inline-flex;
}

.rr-live i {
  background: var(--accent);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 10px var(--accent);
  border-radius: 50%;
  animation: 2.2s infinite blink;
}

.rr-endpoint {
  font-family: var(--mono);
  color: var(--ink-faint);
  letter-spacing: .04em;
  font-size: 11px;
}

.rr-grid {
  grid-template-columns: .92fr 1.08fr;
  display: grid;
}

.rr-left {
  border-right: 1px solid var(--line);
  padding: 34px 32px;
}

.rr-cap {
  font-family: var(--mono);
  letter-spacing: .22em;
  color: var(--accent);
  margin-bottom: 16px;
  font-size: 10px;
}

.rr-left h3 {
  letter-spacing: -.03em;
  margin-bottom: 14px;
  font-size: clamp(25px, 2.7vw, 33px);
  font-weight: 800;
  line-height: 1.1;
}

.rr-left h3 .grad {
  background: linear-gradient(120deg, #a8d1b4, #5fa47b 55%, #e0f0e3);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.rr-left > p {
  color: var(--ink-dim);
  margin-bottom: 24px;
  font-size: 13.5px;
  line-height: 1.72;
}

.rr-field {
  border: 1px solid var(--line);
  background: #060c188c;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  padding: 11px 15px;
  transition: border-color .35s;
  display: flex;
}

.rr-field:hover {
  border-color: #a8d1b44d;
}

.rr-field span {
  font-family: var(--mono);
  letter-spacing: .2em;
  color: var(--ink-faint);
  font-size: 9px;
}

.rr-field code {
  color: #a8d1b4;
  white-space: nowrap;
  background: none;
  padding: 0;
  font-size: 11px;
  overflow-x: auto;
}

.rr-right {
  flex-direction: column;
  justify-content: center;
  padding: 26px;
  display: flex;
  position: relative;
}

.rc {
  opacity: .8;
  pointer-events: none;
  border: solid #a8d1b44d;
  width: 13px;
  height: 13px;
  position: absolute;
}

.rc.tl {
  border-width: 1px 0 0 1px;
  top: 14px;
  left: 14px;
}

.rc.tr {
  border-width: 1px 1px 0 0;
  top: 14px;
  right: 14px;
}

.rc.bl {
  border-width: 0 0 1px 1px;
  bottom: 14px;
  left: 14px;
}

.rc.br {
  border-width: 0 1px 1px 0;
  bottom: 14px;
  right: 14px;
}

.rr-meta {
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
  display: flex;
}

.mchip {
  font-family: var(--mono);
  letter-spacing: .1em;
  color: var(--accent2);
  background: #5fa47b12;
  border: 1px solid #a8d1b42e;
  border-radius: 6px;
  padding: 5px 11px;
  font-size: 9.5px;
}

.mchip.live {
  color: #e0f0e3;
  border-color: #5fa47b80;
  box-shadow: 0 0 16px #5fa47b33;
}

.rr-flow {
  align-items: center;
  display: flex;
}

.node {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 9px;
  display: flex;
}

.nbox {
  width: 58px;
  height: 58px;
  color: var(--accent2);
  transition: box-shadow .4s, border-color .4s, transform .4s var(--ease);
  background: #091120a6;
  border: 1px solid #a8d1b43d;
  border-radius: 15px;
  place-items: center;
  display: grid;
}

.node:hover .nbox {
  border-color: #a8d1b480;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px #03081480;
}

.node small {
  font-family: var(--mono);
  letter-spacing: .12em;
  color: var(--ink-dim);
  text-align: center;
  font-size: 9.5px;
  line-height: 1.4;
}

.node em {
  color: var(--ink-faint);
  letter-spacing: .05em;
  margin-top: 3px;
  font-size: 8.5px;
  font-style: normal;
  display: block;
}

.n-gate .nbox {
  border-color: #5fa47b73;
  border-radius: 16px;
  width: auto;
  height: auto;
  padding: 13px 16px;
  animation: 3.2s ease-in-out infinite gpulse;
  box-shadow: 0 0 30px #5fa47b29;
}

@keyframes gpulse {
  0%, 100% {
    box-shadow: 0 0 22px #5fa47b1f;
  }

  50% {
    box-shadow: 0 0 40px #5fa47b4d;
  }
}

.gtop {
  align-items: center;
  gap: 9px;
  display: flex;
}

.gtop b {
  color: #f7fbf6;
  background: linear-gradient(135deg, #5fa47b, #377c58);
  border-radius: 8px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 12px;
  font-weight: 800;
  display: grid;
}

.gtop span {
  font-family: var(--mono);
  letter-spacing: .12em;
  color: #e0f0e3;
  font-size: 9px;
  line-height: 1.5;
}

.gchips {
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.gchips span {
  font-family: var(--mono);
  letter-spacing: .08em;
  color: var(--accent2);
  background: #5fa47b14;
  border: 1px solid #a8d1b438;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 8.5px;
}

.wire {
  background-image: linear-gradient(90deg, #a8d1b46b 55%, #0000 0);
  background-repeat: repeat-x;
  background-size: 10px 1px;
  flex: 1;
  align-self: flex-start;
  min-width: 36px;
  height: 1px;
  margin: 29px 6px 0;
  animation: 1s linear infinite march;
  position: relative;
}

@keyframes march {
  to {
    background-position-x: 10px;
  }
}

.wire i {
  background: var(--accent2);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px var(--accent);
  animation: travel 1.9s var(--ease) infinite;
  border-radius: 50%;
  position: absolute;
  top: -2.5px;
  left: 0;
}

@keyframes travel {
  0% {
    opacity: 0;
    left: 0;
  }

  12% {
    opacity: 1;
  }

  88% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    left: calc(100% - 6px);
  }
}

.wire.w2 i {
  animation-delay: .95s;
}

.wlbl {
  font-family: var(--mono);
  letter-spacing: .16em;
  color: var(--ink-faint);
  white-space: nowrap;
  font-size: 8px;
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
}

.rr-ret {
  border-top: 1px dashed #a8d1b447;
  height: 24px;
  margin: 26px 8px 4px;
  position: relative;
}

.rr-ret i {
  background: var(--accent);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 10px var(--accent);
  border-radius: 50%;
  animation: 2.4s linear infinite travelR;
  position: absolute;
  top: -3px;
  right: 0;
}

@keyframes travelR {
  0% {
    opacity: 0;
    right: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    right: calc(100% - 5px);
  }
}

.rr-ret span {
  font-family: var(--mono);
  letter-spacing: .16em;
  color: var(--accent2);
  white-space: nowrap;
  background: #0a1222eb;
  border-radius: 6px;
  padding: 2px 12px;
  font-size: 8.5px;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.rr-log {
  border-top: 1px solid var(--line);
  font-family: var(--mono);
  background: #060c1859;
  min-height: 138px;
  padding: 16px 24px;
  font-size: 11.5px;
  line-height: 2.05;
}

.rr-log .row {
  opacity: 0;
  animation: rrin .45s var(--ease) forwards;
  gap: 16px;
  display: flex;
  transform: translateY(6px);
}

@keyframes rrin {
  to {
    opacity: 1;
    transform: none;
  }
}

.rr-log .t {
  color: var(--accent);
  flex: none;
  width: 46px;
}

.rr-log .g {
  color: var(--accent2);
  letter-spacing: .08em;
  flex: none;
  width: 62px;
}

.rr-log .m {
  color: #eef3fa8c;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rr-foot {
  border-top: 1px solid var(--line);
  text-align: center;
  color: var(--ink-faint);
  padding: 15px 22px;
  font-size: 12.5px;
}

.rr-foot a {
  color: var(--accent2);
  border-bottom: 1px dashed #a8d1b459;
  padding-bottom: 2px;
  transition: opacity .3s;
}

.rr-foot a:hover {
  opacity: .8;
}

.api-wrap {
  grid-template-columns: .95fr 1.05fr;
  align-items: start;
  gap: 56px;
  display: grid;
}

#codeCard {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 24px 70px #03081480;
}

#codeTabs {
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 4px;
  padding: 10px;
  display: flex;
  position: relative;
}

#ctabPill {
  width: 0;
  transition: left .38s var(--ease), width .38s var(--ease);
  pointer-events: none;
  background: #5fa47b26;
  border: 1px solid #5fa47b40;
  border-radius: 8px;
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 0;
}

.ctab {
  z-index: 1;
  font-family: var(--mono);
  color: var(--ink-dim);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  padding: 8px 15px;
  font-size: 12px;
  transition: color .3s;
  position: relative;
}

.ctab:hover {
  color: var(--ink);
}

.ctab.on {
  color: var(--accent2);
}

.ccopy {
  z-index: 1;
  font-family: var(--mono);
  color: var(--ink-dim);
  cursor: pointer;
  background: none;
  border: 1px solid #a8d1b429;
  border-radius: 8px;
  margin-left: auto;
  padding: 7px 12px;
  font-size: 11px;
  transition: color .3s, border-color .3s;
  position: relative;
}

.ccopy:hover {
  color: var(--accent2);
  border-color: #a8d1b466;
}

.code-body {
  font-family: var(--mono);
  min-height: 308px;
  padding: 20px 22px;
  font-size: 12.5px;
  line-height: 1.78;
  overflow-x: auto;
}

.code-body pre {
  color: #eef3fad9;
  white-space: pre;
  display: none;
}

.code-body pre.on {
  display: block;
}

.tk-k {
  color: #a8d1b4;
}

.tk-s {
  color: #c5dfcb;
}

.tk-c {
  color: #eef3fa57;
}

.tk-f {
  color: #eef3ec;
  font-weight: 500;
}

.installBox {
  font-family: var(--mono);
  color: var(--accent2);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
  padding: 16px 20px;
  font-size: 13px;
  display: flex;
}

.installBox .ccopy {
  flex: none;
  margin-left: 0;
}

.stats {
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  display: grid;
}

.stat {
  padding: 30px;
}

.stat .v {
  letter-spacing: -.03em;
  background: linear-gradient(120deg, #e0f0e3, #5fa47b);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 800;
}

.stat .l {
  color: var(--ink-faint);
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
}

.plans {
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  display: grid;
}

.plan {
  flex-direction: column;
  padding: 34px;
  display: flex;
}

.plan.hot {
  border-color: #5fa47b61;
  box-shadow: 0 24px 70px #0d1a348c;
}

.pbadge {
  font-family: var(--mono);
  letter-spacing: .14em;
  color: var(--accent2);
  background: #5fa47b17;
  border: 1px solid #5fa47b61;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 10px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.plan .pname {
  font-family: var(--mono);
  letter-spacing: .16em;
  color: var(--accent2);
  text-transform: uppercase;
  font-size: 12px;
}

.price {
  letter-spacing: -.03em;
  margin: 16px 0 4px;
  font-size: 42px;
  font-weight: 800;
}

.price span {
  color: var(--ink-faint);
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 500;
}

.plan .pd {
  color: var(--ink-faint);
  font-size: 13.5px;
}

.pfeat {
  color: var(--ink-dim);
  flex-direction: column;
  gap: 11px;
  margin: 24px 0 28px;
  font-size: 14px;
  list-style: none;
  display: flex;
}

.pfeat li {
  align-items: baseline;
  gap: 11px;
  display: flex;
}

.pfeat li:before {
  content: "→";
  color: var(--accent);
  font-family: var(--mono);
  font-size: 12px;
}

.plan .btn {
  justify-content: center;
  margin-top: auto;
}

.faqGrid {
  grid-template-columns: .85fr 1.15fr;
  align-items: start;
  gap: 60px;
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
}

.faqLeft {
  position: sticky;
  top: 120px;
}

.faqTitle {
  letter-spacing: -.035em;
  margin: 22px 0 16px;
  font-size: clamp(34px, 4.2vw, 52px);
  font-weight: 800;
  line-height: 1.05;
}

.rotClip {
  vertical-align: bottom;
  margin-bottom: -.08em;
  padding-bottom: .08em;
  display: inline-block;
  overflow: hidden;
}

#rotWord {
  background: linear-gradient(120deg, #a8d1b4, #5fa47b 55%, #e0f0e3);
  color: #0000;
  transition: transform .38s var(--ease), opacity .28s;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}

#rotWord.out {
  opacity: 0;
  transform: translateY(-108%);
}

#rotWord.pre {
  opacity: 0;
  transition: none;
  transform: translateY(108%);
}

.faqMail {
  font-family: var(--mono);
  color: var(--accent2);
  transition: gap .35s var(--ease), opacity .3s, border-color .3s;
  border-bottom: 1px dashed #a8d1b459;
  align-items: center;
  gap: 9px;
  margin-top: 28px;
  padding-bottom: 5px;
  font-size: 12.5px;
  display: inline-flex;
}

.faqMail:hover {
  opacity: .85;
  gap: 15px;
}

#faqList {
  counter-reset: fq;
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.faqItem {
  transition: border-color .4s;
  overflow: hidden;
}

.faqItem.open {
  border-color: #5fa47b4d;
}

.fbar {
  background: linear-gradient(var(--accent2), var(--accent));
  transform-origin: top;
  width: 2px;
  transition: transform .5s var(--ease);
  border-radius: 2px;
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 0;
  transform: scaleY(0);
}

.faqItem.open .fbar {
  transform: scaleY(1);
}

.faqBtn {
  width: 100%;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  letter-spacing: -.01em;
  background: none;
  border: none;
  align-items: center;
  gap: 14px;
  padding: 21px 24px;
  font-size: 15.5px;
  font-weight: 600;
  display: flex;
}

.fq {
  font-family: var(--mono);
  letter-spacing: .12em;
  color: var(--accent);
  opacity: .75;
  flex: none;
  margin-top: 1px;
  font-size: 10.5px;
}

.fq:before {
  counter-increment: fq;
  content: "Q/" counter(fq, decimal-leading-zero);
}

.qtx {
  flex: 1;
  transition: color .3s;
}

.faqBtn:hover .qtx, .faqItem.open .qtx {
  color: var(--accent2);
}

.chev {
  border: 1px solid var(--line);
  width: 26px;
  height: 26px;
  color: var(--accent2);
  font-family: var(--mono);
  transition: transform .45s var(--ease), background .3s;
  border-radius: 8px;
  flex: none;
  place-items: center;
  font-size: 14px;
  font-weight: 400;
  display: grid;
}

.faqItem.open .chev {
  background: #5fa47b21;
  transform: rotate(135deg);
}

.faqBody {
  max-height: 0;
  transition: max-height .5s var(--ease);
  overflow: hidden;
}

.faqBody p {
  color: var(--ink-dim);
  padding: 0 24px 23px 62px;
  font-size: 14.5px;
  line-height: 1.72;
}

.ctaCard {
  text-align: center;
  padding: 88px 40px;
  overflow: hidden;
}

.ctaCard h2 {
  letter-spacing: -.035em;
  margin: 22px 0 14px;
  font-size: clamp(32px, 4.4vw, 54px);
  font-weight: 800;
}

.ctaCard p {
  color: var(--ink-dim);
  margin-bottom: 34px;
  font-size: 16px;
}

.ctaCard .cta-row {
  justify-content: center;
}

footer {
  border-top: 1px solid var(--line);
  margin-top: 30px;
  position: relative;
}

.fgrid {
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 44px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 74px 28px 40px;
  display: grid;
}

.fbrand p {
  color: var(--ink-faint);
  max-width: 260px;
  margin: 16px 0 20px;
  font-size: 13.5px;
  line-height: 1.7;
}

.fstatus {
  font-family: var(--mono);
  color: var(--accent2);
  background: #5fa47b0f;
  border: 1px solid #a8d1b42e;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  font-size: 11px;
  display: inline-flex;
}

.fstatus i {
  background: var(--accent);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px var(--accent);
  border-radius: 50%;
}

.fcol h4 {
  font-family: var(--mono);
  letter-spacing: .16em;
  color: var(--ink-faint);
  text-transform: uppercase;
  margin-bottom: 18px;
  font-size: 11px;
  font-weight: 500;
}

.fcol a {
  color: var(--ink-dim);
  padding: 5px 0;
  font-size: 14px;
  transition: color .25s;
  display: block;
}

.fcol a:hover {
  color: var(--accent2);
}

.fbot {
  border-top: 1px solid var(--line);
  max-width: 1180px;
  font-family: var(--mono);
  color: var(--ink-faint);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  margin: 0 auto;
  padding: 22px 28px;
  font-size: 11.5px;
  display: flex;
}

.giantWrap {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  text-align: center;
  margin-top: 26px;
  line-height: .78;
  overflow: hidden;
}

.giant {
  letter-spacing: -.05em;
  color: #0000;
  -webkit-text-stroke: 1px #a8d1b438;
  will-change: transform;
  font-size: clamp(92px, 17.5vw, 252px);
  font-weight: 800;
  display: inline-block;
  transform: translateY(26%);
}

:root {
  --bg-main: radial-gradient(120% 90% at 70% 8%, var(--bg1) 0%, var(--bg0) 58%);
  --surface-panel: #1727428c;
  --surface-panel-strong: #0d1729c7;
  --surface-muted: #5fa47b0f;
  --liquid-glass-strong: #0b1425b8;
  --text-main: var(--ink);
  --text-primary: var(--ink);
  --text-secondary: var(--ink-dim);
  --text-muted: var(--ink-faint);
  --border-soft: var(--line);
  --border-strong: #a8d1b447;
  --accent-hover: var(--accent2);
  --accent-light: #5fa47b21;
  --terminal-accent: var(--accent2);
}

[data-theme="light"] {
  --surface-panel: var(--day-panel);
  --surface-panel-strong: var(--day-panel-strong);
  --surface-muted: var(--day-muted);
  --liquid-glass-strong: var(--day-panel-strong);
  --border-strong: #35537e4d;
  --accent-light: #346cbd1a;
}

.liquid-glass, .divine-card, .tm-panel, .living-feature-card {
  color: var(--ink);
  -webkit-backdrop-filter: blur(14px) saturate(1.25);
  backdrop-filter: blur(14px) saturate(1.25);
  background: linear-gradient(160deg, var(--surface-panel), var(--surface-panel-strong)) !important;
  border-color: var(--line) !important;
}

.news-section, .news-stage, .news-active-card, .news-navigation {
  color: var(--ink);
  border-color: var(--line) !important;
}

.news-active-card, .news-tabs button, .news-arrows button {
  border-color: var(--line) !important;
  background: linear-gradient(160deg, #1727429e, #0d17299e) !important;
}

[data-theme="light"] .news-active-card, [data-theme="light"] .news-tabs button, [data-theme="light"] .news-arrows button {
  background: linear-gradient(160deg, #345b96a6, #19345ea6) !important;
}

.news-heading-row p, .news-date, .news-description, .news-copy-footer, .news-tabs button {
  color: var(--ink-dim) !important;
}

.news-heading-row h2, .news-active-card h3, .news-tabs button.active {
  color: var(--ink) !important;
}

.news-tabs button.active {
  background: #5fa47b26 !important;
  border-color: #5fa47b61 !important;
}

#codeTabs {
  min-height: 55px;
}

.code-window-dots {
  z-index: 2;
  align-items: center;
  gap: 7px;
  padding: 0 2px 0 1px;
  display: flex;
  position: relative;
}

.code-window-dots i {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  box-shadow: inset 0 0 0 1px #00000024;
}

.code-window-dots i:first-child {
  background: #ff5f57;
}

.code-window-dots i:nth-child(2) {
  background: #febc2e;
}

.code-window-dots i:nth-child(3) {
  background: #28c840;
}

.route-model-icons {
  place-items: center;
  width: 58px;
  padding: 0;
  display: grid;
}

.route-model-single {
  animation: routeModelIn .55s var(--ease);
  place-items: center;
  display: grid;
}

@keyframes routeModelIn {
  from {
    opacity: 0;
    transform: scale(.72) rotate(-8deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.routing-status {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border: 0;
  max-width: 520px;
  margin-top: 30px;
  padding: 0;
}

.routing-now {
  max-width: 100%;
  min-height: 40px;
  animation: routingPillIn .7s var(--ease) both,routingPillGlow 4.8s ease-in-out 1s infinite;
  background: #09142661;
  border: 1px solid #a8d1b42b;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 7px 13px;
  display: inline-flex;
  box-shadow: 0 0 #5fa47b00;
}

.routing-now-label {
  color: var(--ink-faint);
  font: 9px var(--mono);
  letter-spacing: .13em;
  flex: none;
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.routing-now-label i {
  background: #39b982;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px #39b982b8;
}

.routing-now-model {
  min-width: 0;
  animation: routingModelSwap .55s var(--ease) both;
  align-items: center;
  gap: 7px;
  display: flex;
}

.routing-now-model code {
  min-width: 0;
  color: var(--ink);
  font: 600 11px var(--mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  padding: 0;
  overflow: hidden;
}

.routing-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 470px;
  margin-top: 20px;
  display: grid;
}

.routing-stats > span {
  border-left: 1px solid var(--line);
  opacity: 0;
  animation: routingStatIn .62s var(--ease) forwards;
  gap: 5px;
  padding: 3px 16px;
  display: grid;
}

.routing-stats > span:nth-child(2) {
  animation-delay: 80ms;
}

.routing-stats > span:nth-child(3) {
  animation-delay: .16s;
}

.routing-stats strong {
  color: var(--ink);
  font-size: 21px;
  line-height: 1;
}

.routing-stats small {
  color: var(--ink-faint);
  font: 8px var(--mono);
  letter-spacing: .12em;
}

@keyframes routingPillIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(.97);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes routingPillGlow {
  0%, 100% {
    box-shadow: 0 0 #5fa47b00;
  }

  50% {
    box-shadow: 0 10px 34px #3677db29, inset 0 0 18px #5fa47b0d;
  }
}

@keyframes routingModelSwap {
  from {
    opacity: 0;
    filter: blur(2px);
    transform: translateX(9px);
  }

  to {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

@keyframes routingStatIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.routing-status-line {
  color: var(--ink-faint);
  font: 9px var(--mono);
  letter-spacing: .14em;
  align-items: center;
  gap: 8px;
  display: flex;
}

.routing-status-line i {
  background: var(--accent);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 8px var(--accent);
  border-radius: 50%;
}

.routing-current {
  align-items: center;
  gap: 12px;
  margin-top: 13px;
  display: flex;
}

.routing-current-icon {
  background: #5fa47b0e;
  border: 1px solid #a8d1b426;
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.routing-current > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.routing-current small {
  color: var(--ink-faint);
  font: 8px var(--mono);
  letter-spacing: .13em;
}

.routing-current code {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--accent2);
  background: none;
  padding: 0;
  font-size: 11px;
  overflow: hidden;
}

.routing-model-icons {
  align-items: center;
  margin-top: 14px;
  display: flex;
}

.routing-model-icons span {
  background: #091426c7;
  border: 1px solid #a8d1b429;
  border-radius: 10px;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-left: -5px;
  display: grid;
}

.routing-model-icons span:first-child {
  margin-left: 0;
}

.routing-model-icons b {
  color: var(--ink-faint);
  font: 9px var(--mono);
  margin-left: 8px;
}

.routing-chips {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 13px;
  display: flex;
}

.routing-chips span {
  color: var(--ink-faint);
  font: 8px var(--mono);
  background: #5fa47b09;
  border: 1px solid #a8d1b41f;
  border-radius: 999px;
  padding: 5px 8px;
}

.hero-particle-logo {
  touch-action: none;
  cursor: crosshair;
  border: 0;
  border-radius: 0;
  justify-self: stretch;
  width: 116%;
  min-height: 560px;
  margin-left: -8%;
  position: relative;
  overflow: visible;
}

.hero-particle-logo:before {
  content: "";
  filter: blur(16px);
  pointer-events: none;
  background: radial-gradient(circle, #5fa47b1b, #0000 68%);
  border-radius: 50%;
  animation: 8s ease-in-out infinite particleAura;
  position: absolute;
  inset: -4% -8%;
}

.hero-particle-logo canvas, .particle-lock canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

@keyframes particleAura {
  0%, 100% {
    opacity: .7;
    transform: scale(.96);
  }

  50% {
    opacity: 1;
    transform: scale(1.03);
  }
}

.cta-section-wide {
  width: 100%;
  padding: 145px max(18px, 50vw - 770px);
  position: relative;
}

.cta-physics-card {
  background: radial-gradient(circle at 50% 42%, #5fa47b1f, #0000 34%), radial-gradient(circle at 12% 110%, #377c5824, #0000 38%), linear-gradient(145deg, #18211e, #263a31);
  border: 1px solid #5fa47b38;
  border-radius: 32px;
  min-height: 660px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 100px #010a1b80, inset 0 1px #d2f8ff12;
}

.provider-physics {
  touch-action: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.provider-physics:before {
  content: "";
  background-image: linear-gradient(#a8d1b40b 1px, #0000 1px), linear-gradient(90deg, #a8d1b40b 1px, #0000 1px);
  background-size: 50px 50px;
  position: absolute;
  inset: 0;
}

.provider-particle {
  will-change: transform;
  background: #031121d6;
  border: 1px solid #5fa47b38;
  border-radius: 17px;
  place-items: center;
  width: 58px;
  height: 58px;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 16px 34px #00000045, inset 0 1px #ffffff0d;
}

.cta-physics-copy {
  z-index: 3;
  text-align: center;
  pointer-events: none;
  width: min(760px, 100% - 56px);
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cta-physics-copy h2 {
  letter-spacing: -.06em;
  text-shadow: 0 10px 42px #030814bf;
  font-size: clamp(46px, 6.5vw, 88px);
  font-weight: 800;
  line-height: .95;
}

.cta-physics-copy h2 span {
  color: #a8d1b4;
}

.cta-physics-copy p {
  color: #eef3fab8;
  text-shadow: 0 4px 20px #030814cc;
  max-width: 650px;
  margin: 24px auto 28px;
  font-size: 15px;
  line-height: 1.7;
}

.cta-physics-copy .cta-row {
  pointer-events: auto;
  justify-content: center;
}

.elysium-shell, .elysium-shell * {
  -webkit-user-select: none !important;
  user-select: none !important;
}

.elysium-shell.admin-ru, .elysium-shell.admin-ru * {
  -webkit-user-select: text !important;
  user-select: text !important;
}

.elysium-shell main > :is(.section, .news-section):before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #a8d1b417 10% 90%, #0000);
  width: 100vw;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.elysium-shell main > :is(.section, .news-section) {
  border-left: 1px solid #a8d1b40e;
  border-right: 1px solid #a8d1b40e;
}

.elysium-shell main > .news-section {
  border-left: 0;
  border-right: 0;
}

html, body, #smooth, #smoothInner, .elysium-shell {
  max-width: 100%;
  overflow-x: clip;
}

body {
  background-image: none !important;
}

[data-theme="dark"] body, html.dark body, [data-theme="light"] body, html:not(.dark) body {
  background-color: var(--bg0) !important;
}

.steps, .step2, .s2conf {
  min-width: 0;
  max-width: 100%;
}

.s2conf {
  overflow: hidden;
}

.s2conf code {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  min-width: 0;
}

.step2:before, .step2:after, .faqItem:before, .faqItem:after {
  display: none !important;
}

.news-section {
  color: var(--ink) !important;
}

.news-heading-row > p, .news-date, .news-description, .news-copy-footer {
  color: var(--ink-dim) !important;
}

.news-heading-row .elysium-section-label {
  color: var(--accent2) !important;
}

.news-heading-row .elysium-section-title, .news-copy h3 {
  color: var(--ink) !important;
  font-family: var(--font-inter), var(--sans) !important;
}

.news-stage {
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  backdrop-filter: blur(16px) saturate(1.3);
  background: #0d172994 !important;
  border-color: #a8d1b424 !important;
  box-shadow: 0 24px 70px #0308146b !important;
}

.news-copy {
  border-right: 0 !important;
}

.news-counter {
  color: var(--accent2) !important;
}

.news-counter i, .news-copy-footer i {
  background: linear-gradient(90deg, #a8d1b473, #0000) !important;
}

.news-counter small {
  color: var(--ink-faint) !important;
}

.news-figure {
  background: var(--bg1) !important;
}

.news-navigation {
  border-color: var(--line) !important;
  background: #0911209e !important;
}

.news-tabs button, .news-arrows button {
  color: var(--ink-dim) !important;
  background: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.news-tabs button:hover, .news-tabs button.active, .news-arrows button:hover {
  color: var(--accent2) !important;
  background: #5fa47b1f !important;
  border-color: #5fa47b61 !important;
}

.news-tabs button b {
  background: var(--accent) !important;
}

.news-symbol, .elysium-label-diamond {
  color: var(--accent2) !important;
  background: #5fa47b1a !important;
  border-color: #5fa47b52 !important;
}

.news-heading-row em, .news-image-mark span {
  color: var(--accent2) !important;
  font-family: var(--font-inter), var(--sans) !important;
}

.news-image-mark small {
  font-family: var(--mono) !important;
  border-left-color: #a8d1b461 !important;
}

.news-image-wash {
  background: linear-gradient(90deg, #040a1647, #0000 38%), linear-gradient(0deg, #040a166b, #0000 48%) !important;
}

[data-theme="light"] .news-stage {
  background: #1e3a6894 !important;
  box-shadow: 0 24px 70px #08183452 !important;
}

[data-theme="light"] .news-navigation {
  background: #14294bb8 !important;
}

[data-theme="light"] .news-copy {
  background: #19325a73 !important;
}

.news-navigation-simple {
  justify-content: space-between;
  align-items: stretch;
  min-height: 74px;
}

.news-current {
  flex: 1;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  min-width: 0;
  padding: 0 24px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.news-current > span {
  color: var(--accent2);
  font: 10px var(--mono);
  letter-spacing: .12em;
}

.news-current > strong {
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.news-current > i {
  transform-origin: 0;
  background: linear-gradient(90deg, var(--accent), var(--accent2));
  height: 2px;
  animation: 9s linear both newsProgress;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.news-navigation-simple .news-arrows button {
  width: 58px;
  min-height: 74px;
}

.news-section {
  max-width: 1280px;
  padding-bottom: 110px;
}

.status-uptime-segments {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  width: 126px;
  height: 30px;
  display: grid;
}

.status-uptime-segments > span {
  background: #a8d1b414;
  border: 1px solid #a8d1b41a;
  border-radius: 6px;
  min-width: 0;
  box-shadow: inset 0 1px #ffffff0a;
}

.status-uptime-segments > .is-healthy {
  background: linear-gradient(#5bda97eb, #2ca96fd1);
  border-color: #4bcd89b3;
  box-shadow: 0 0 12px #4ad38b38, inset 0 1px #ffffff38;
}

.status-uptime-segments > .is-good {
  background: linear-gradient(#2dd4bfe0, #0d9488c7);
  border-color: #2dd4bf9e;
}

.status-uptime-segments > .is-fair {
  background: linear-gradient(#bef264e0, #65a30dc2);
  border-color: #a3e63594;
}

.status-uptime-segments > .is-warning {
  background: linear-gradient(#fbbf24e6, #d97706c7);
  border-color: #fbbf2494;
}

.status-uptime-segments > .is-poor {
  background: linear-gradient(#fb923ceb, #ea580ccc);
  border-color: #fb923ca6;
}

.status-uptime-segments > .is-error {
  background: linear-gradient(#fb7185e6, #e11d48cc);
  border-color: #fb7185ad;
}

.status-uptime-segments > .is-outage {
  background: linear-gradient(#ef4444f0, #991b1be0);
  border-color: #ef4444c7;
  box-shadow: 0 0 10px #ef444429;
}

.status-uptime-segments > .is-idle {
  border-color: var(--line);
  background: #a8d1b412;
}

.status-uptime-segments.is-compact {
  gap: 2px;
  width: 72px;
  height: 16px;
}

.status-uptime-segments.is-compact > span {
  border-radius: 3px;
}

@media (max-width: 1020px) {
  .hero {
    grid-template-columns: 1fr;
    gap: 48px;
    padding-top: 130px;
  }

  .api-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .b2, .b4 {
    grid-column: span 3;
  }

  .b6 {
    grid-column: span 6;
  }

  .steps {
    grid-template-columns: 1fr;
  }

  .stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .plans {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto;
  }

  #header nav {
    display: none;
  }

  .fgrid {
    grid-template-columns: 1fr 1fr;
  }

  .faqGrid {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .faqLeft {
    position: static;
  }

  .rr-grid {
    grid-template-columns: 1fr;
  }

  .rr-left {
    border-right: none;
    border-bottom: 1px solid var(--line);
  }
}

@media (max-width: 600px) {
  .b2, .b4 {
    grid-column: span 6;
  }

  .stats {
    grid-template-columns: 1fr;
  }

  .section {
    padding: 80px 20px;
  }

  #header .hctl .btn {
    display: none;
  }

  .s2num {
    font-size: 48px;
  }

  .n-gate .nbox {
    padding: 11px 12px;
  }

  .rr-log .m {
    white-space: normal;
  }

  .cta-section-wide {
    padding: 80px 20px;
  }

  .cta-physics-card {
    min-height: 640px;
  }

  .provider-particle {
    border-radius: 14px;
    width: 50px;
    height: 50px;
  }

  .physics-center {
    width: 145px;
    height: 94px;
  }

  .cta-physics-copy {
    padding: 22px 18px;
    bottom: 20px;
  }

  .news-current {
    gap: 10px;
    padding: 0 14px;
  }

  .news-current > strong {
    font-size: 11px;
  }

  .news-navigation-simple .news-arrows button {
    width: 48px;
  }

  .status-uptime-segments {
    width: 108px;
  }

  .news-section {
    padding-bottom: 72px;
  }
}

@media (max-width: 520px) {
  .routing-stats > span {
    padding-inline: 10px;
  }

  .routing-stats strong {
    font-size: 18px;
  }

  .routing-stats small {
    font-size: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  .rv, #smoothInner {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

html[data-theme="light"] .elysium-black-intro {
  background: var(--bg0);
}

html[data-theme="light"] #gridFx {
  background-image: linear-gradient(#35537e09 1px, #0000 1px), linear-gradient(90deg, #35537e09 1px, #0000 1px);
}

html[data-theme="light"] .cursor-glow {
  mix-blend-mode: multiply;
  opacity: .12;
}

html[data-theme="light"] :is(.hero h1 .grad, .shead h2 .grad, .st-h .grad, .rr-left h3 .grad, .s2num, .stat .v, #rotWord) {
  color: var(--accent2);
  -webkit-text-fill-color: var(--accent2);
  background: none;
}

html[data-theme="light"] :is(.card, .routing-now, .routing-model-icons span, .provider-particle) {
  background: var(--surface-panel);
  border-color: var(--line);
  box-shadow: var(--day-shadow);
}

html[data-theme="light"] :is(#playCard, #codeCard, .rr, .step2:hover, .node:hover .nbox) {
  box-shadow: var(--day-shadow);
}

html[data-theme="light"] :is(.msg.a, .s2conf, .rr-field, .nbox, .rr-ret span, .rr-log, .mini-code) {
  background: var(--surface-muted);
  color: var(--ink);
}

html[data-theme="light"] :is(.s2conf code, .rr-field code, .mini-code, .tk-k) {
  color: var(--accent2);
}

html[data-theme="light"] :is(.gtop span, .mchip.live, .code-body pre, .tk-f) {
  color: var(--ink);
}

html[data-theme="light"] :is(.rr-log .m, .tk-c) {
  color: var(--ink-dim);
}

html[data-theme="light"] .tk-s {
  color: #215d8a;
}

html[data-theme="light"] .btn-p {
  color: #fff;
  background: linear-gradient(135deg, #2d7654, #245f43);
  box-shadow: 0 8px 24px #346cbd2e;
}

html[data-theme="light"] .btn-p:hover {
  box-shadow: 0 12px 30px #346cbd3d;
}

html[data-theme="light"] :is(.btn-g, .tbtn, .langSeg, .kicker, .fic, .s2chip, .mchip, .gchips span, .ccopy) {
  border-color: var(--line);
}

html[data-theme="light"] .wire {
  background-image: linear-gradient(90deg, #35537e66 55%, #0000 0);
}

html[data-theme="light"] .rr-ret {
  border-color: var(--line);
}

html[data-theme="light"] :is(.news-stage, .news-active-card, .news-navigation, .news-copy, .news-tabs button, .news-arrows button) {
  background: var(--surface-panel) !important;
  border-color: var(--line) !important;
  box-shadow: var(--day-shadow) !important;
}

html[data-theme="light"] :is(.news-tabs button:hover, .news-tabs button.active, .news-arrows button:hover) {
  background: var(--surface-muted) !important;
}

html[data-theme="light"] .cta-physics-card {
  border-color: var(--line);
  box-shadow: var(--day-shadow);
  background: radial-gradient(circle at 50% 42%, #5fa47b24, #0000 38%), linear-gradient(145deg, #f8fbff, #e1eaf7);
}

html[data-theme="light"] .cta-physics-copy h2 {
  color: var(--ink);
  text-shadow: none;
}

html[data-theme="light"] .cta-physics-copy h2 span {
  color: var(--accent2);
}

html[data-theme="light"] .cta-physics-copy p {
  color: var(--ink-dim);
  text-shadow: none;
}

/* [project]/src/app/elysium-app-surfaces.css [app-client] (css) */
.elysium-root-app {
  --bg-main: linear-gradient(180deg, var(--bg0), var(--bg1));
  --surface-panel: #17171aa3;
  --surface-panel-strong: #121212d1;
  --surface-muted: #ffffff0d;
  --surface: var(--surface-panel);
  --liquid-glass-strong: #0e0e0ee0;
  --text-main: var(--ink);
  --text-primary: var(--ink);
  --text-secondary: var(--ink-dim);
  --text-muted: var(--ink-faint);
  --border-soft: var(--line);
  --border-strong: #ffffff38;
  --border-light: #ffffff1a;
  --border-medium: #ffffff29;
  --accent: #5fa47b;
  --accent-hover: #a8d1b4;
  --accent-light: #5fa47b21;
  --accent-soft: #5fa47b1a;
  --terminal-accent: #a8d1b4;
  --white: #ffffff0f;
  --code-bg: #050505b8;
  --code-text: #d4d4d4;
  --docs-code-bg: #0e0e0e;
  --docs-code-border: #ffffff24;
  --docs-code-text: #e5e5e5;
  --docs-code-heading: #c8dcff;
  --docs-code-muted: #a1a1a1;
  --docs-code-line-number: #6e6e6e;
  --docs-code-accent: #5fa47b;
  --docs-code-active: #5fa47b21;
  --docs-code-node: #17171a;
  --docs-code-string: #c5dfcb;
  --docs-code-url: #8fdac4;
  --docs-code-keyword: #ff9d8c;
  --docs-code-literal: #c0caff;
  --docs-code-flag: #d6b1ed;
  --docs-code-shadow: 0 22px 60px #0000004d;
  --provider-icon-bg: #121212b8;
  --provider-icon-border: #ffffff1f;
  --provider-icon-shadow: inset 0 1px #ffffff0d;
  z-index: 2;
  min-height: 100dvh;
  color: var(--ink);
  isolation: isolate;
  position: relative;
}

[data-theme="light"] .elysium-root-app {
  --surface-panel: var(--day-panel);
  --surface-panel-strong: var(--day-panel-strong);
  --surface-muted: var(--day-muted);
  --liquid-glass-strong: var(--day-panel-strong);
  --border-strong: #35537e4d;
  --border-light: #35537e24;
  --border-medium: #35537e38;
  --accent: #2d7654;
  --accent-hover: #245f43;
  --accent-light: #346cbd1a;
  --accent-soft: #346cbd12;
  --terminal-accent: #245f43;
  --white: #346cbd0f;
  --code-bg: #edf3fc;
  --code-text: #245f43;
  --docs-code-bg: #edf3fc;
  --docs-code-border: #35537e33;
  --docs-code-text: #253c5c;
  --docs-code-heading: #182c48;
  --docs-code-muted: #526580;
  --docs-code-line-number: #61718a;
  --docs-code-accent: #2d7654;
  --docs-code-active: #346cbd17;
  --docs-code-node: #e2eaf6;
  --docs-code-string: #215d8a;
  --docs-code-url: #16705b;
  --docs-code-keyword: #9e3b3a;
  --docs-code-literal: #514a9e;
  --docs-code-flag: #785080;
  --docs-code-shadow: var(--day-shadow);
  --provider-icon-bg: #f4f8ff;
  --provider-icon-border: var(--line);
  --provider-icon-shadow: inset 0 1px #fffc;
}

.elysium-root-app:before {
  z-index: -1;
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 12% 4%, #ffffff0a, #0000 32%), linear-gradient(#0a0a0a14, #0a0a0a57);
  position: fixed;
  inset: 0;
}

.elysium-root-app.elysium-modal-portal {
  isolation: isolate;
  min-height: 0;
}

.elysium-root-app.elysium-modal-portal:before {
  display: none;
}

[data-theme="light"] .elysium-root-app:before {
  background: linear-gradient(135deg, #5fa47b12, #0000 48%, #ffffff38);
}

.elysium-root-app .elysium-shell {
  background: none !important;
}

.elysium-root-app .app-page-hero {
  border-bottom: 1px solid var(--line);
  padding: clamp(22px, 3vw, 40px) 0 clamp(20px, 2.5vw, 34px);
  position: relative;
  overflow: hidden;
}

.elysium-root-app .app-page-hero:after {
  content: "";
  background: linear-gradient(90deg, transparent, var(--accent));
  width: min(44vw, 520px);
  height: 1px;
  position: absolute;
  bottom: -1px;
  right: 0;
}

.elysium-root-app .app-page-kicker, .elysium-root-app .eyebrow {
  font-family: var(--font-geist-mono), var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  color: var(--accent2) !important;
}

.elysium-root-app .app-page-title {
  color: var(--ink);
  letter-spacing: -.045em;
  margin-top: 12px;
  font-size: clamp(2rem, 4vw, 3.7rem);
  font-weight: 800;
  line-height: 1.02;
}

.elysium-root-app .app-page-description {
  max-width: 760px;
  color: var(--ink-dim);
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.7;
}

.elysium-root-app .admin-page-header {
  padding-top: clamp(18px, 2.4vw, 30px);
  position: relative;
  overflow: hidden;
}

.elysium-root-app .admin-page-header > div:first-child > h1 {
  color: var(--ink);
  letter-spacing: -.045em;
  margin-top: 10px;
  font-size: clamp(2rem, 3.5vw, 3.35rem);
  font-weight: 800;
  line-height: 1.03;
}

.elysium-root-app .admin-page-header > div:first-child > p:last-child {
  max-width: 760px;
  color: var(--ink-dim);
  font-size: 14px;
  line-height: 1.7;
}

.elysium-root-app :is(.tm-panel, .liquid-glass, .divine-card, .living-feature-card, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card, .legal-paper, .key-hero, .key-secret-card, .key-list, .tm-table-wrap) {
  color: var(--ink);
  -webkit-backdrop-filter: blur(16px) saturate(1.18);
  backdrop-filter: blur(16px) saturate(1.18);
  border-radius: 20px;
  border: 1px solid var(--line) !important;
  background: linear-gradient(155deg, #1b2f4fad, #0a1425c7) !important;
  box-shadow: 0 20px 58px #02081433, inset 0 1px #ffffff0b !important;
}

[data-theme="light"] .elysium-root-app :is(.tm-panel, .liquid-glass, .divine-card, .living-feature-card, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card, .legal-paper, .key-hero, .key-secret-card, .key-list, .tm-table-wrap) {
  border-color: var(--line) !important;
  background: var(--surface-panel) !important;
  box-shadow: var(--day-shadow) !important;
}

html[data-theme] .elysium-root-app .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .living-feature-card, .admin-section-card, .admin-stat-card, .status-overview-card, .status-stat-card, .status-model-card, .legal-paper, .key-hero, .key-secret-card, .key-list, .tm-table-wrap) {
  border-color: var(--line) !important;
  color: var(--ink) !important;
  background: linear-gradient(155deg, #1b2f4fad, #0a1425c7) !important;
  box-shadow: 0 20px 58px #02081433, inset 0 1px #ffffff0b !important;
}

html[data-theme="light"] .elysium-root-app .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card, .living-feature-card, .admin-section-card, .admin-stat-card, .status-overview-card, .status-stat-card, .status-model-card, .legal-paper, .key-hero, .key-secret-card, .key-list, .tm-table-wrap) {
  border-color: var(--line) !important;
  background: var(--surface-panel) !important;
  box-shadow: var(--day-shadow) !important;
}

.elysium-root-app :is(.tm-panel, .liquid-glass, .divine-card):before {
  opacity: .74 !important;
  background: linear-gradient(135deg, #5fa47b14, #0000 42%, #a8d1b409) !important;
}

[data-theme="light"] .elysium-root-app :is(.tm-panel, .liquid-glass, .divine-card):before {
  background: linear-gradient(135deg, #5fa47b12, #0000 48%, #ffffff38) !important;
}

html[data-theme] .elysium-root-app .elysium-shell :is(.tm-panel, .liquid-glass, .divine-card):before {
  opacity: .74 !important;
  background: linear-gradient(135deg, #5fa47b14, #0000 42%, #a8d1b409) !important;
}

.elysium-root-app :is(input, select, textarea, .liquid-toolbar, .models-search) {
  box-shadow: inset 0 1px #ffffff06;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  background: #060f1d7a !important;
}

[data-theme="light"] .elysium-root-app :is(input, select, textarea, .liquid-toolbar, .models-search) {
  box-shadow: inset 0 1px #fffc;
  background: var(--surface-panel-strong) !important;
}

.elysium-root-app :is(input, textarea)::placeholder {
  color: var(--ink-faint) !important;
}

.elysium-root-app :is(input, select, textarea, .liquid-toolbar):focus {
  outline: none;
  box-shadow: 0 0 0 3px #5fa47b1a;
  border-color: #5fa47b85 !important;
}

.elysium-root-app :is(.btn-primary, .promo-redeem-button) {
  border: 1px solid #a8d1b438;
  box-shadow: 0 10px 28px #4d84e83d;
  color: #f7fbf6 !important;
  background: linear-gradient(135deg, #5fa47b, #377c58) !important;
}

.elysium-root-app .btn-secondary {
  border-color: var(--line);
  color: var(--ink);
  background: #5fa47b0f;
}

.elysium-root-app :is(.tm-table, table) {
  color: var(--ink);
}

.elysium-root-app :is(.tm-table th, .silver-thead, thead th) {
  border-color: var(--line) !important;
  color: var(--ink-dim) !important;
  background: #5fa47b13 !important;
}

.elysium-root-app :is(.tm-table td, tbody td) {
  border-color: var(--line) !important;
}

.elysium-root-app [class~="bg-white/30"], .elysium-root-app [class~="bg-white/35"], .elysium-root-app [class~="bg-white/40"], .elysium-root-app [class~="bg-white/45"], .elysium-root-app [class~="bg-white/55"], .elysium-root-app [class~="bg-white/60"], .elysium-root-app [class~="bg-white/65"], .elysium-root-app [class~="bg-white/70"] {
  background-color: #5fa47b0f !important;
}

[data-theme="light"] .elysium-root-app [class~="bg-white/30"], [data-theme="light"] .elysium-root-app [class~="bg-white/35"], [data-theme="light"] .elysium-root-app [class~="bg-white/40"], [data-theme="light"] .elysium-root-app [class~="bg-white/45"], [data-theme="light"] .elysium-root-app [class~="bg-white/55"], [data-theme="light"] .elysium-root-app [class~="bg-white/60"], [data-theme="light"] .elysium-root-app [class~="bg-white/65"], [data-theme="light"] .elysium-root-app [class~="bg-white/70"] {
  background-color: #ffffffa6 !important;
}

.elysium-root-app .dashboard-app-shell, .elysium-root-app .status-page, .elysium-root-app .docs-shell, .elysium-root-app .models-page, .elysium-root-app .page-shell-standard {
  padding-top: 88px !important;
}

.elysium-root-app .dashboard-app-shell > div, .elysium-root-app .status-page > div, .elysium-root-app .page-shell-standard > div {
  position: relative;
}

.elysium-root-app .dashboard-sidebar-brand, .elysium-root-app .admin-sidebar-brand {
  border-bottom: 1px solid var(--line);
}

.elysium-root-app .dashboard-mark {
  color: var(--accent2);
  background: #5fa47b1a;
  border: 1px solid #5fa47b2e;
}

.elysium-root-app .dashboard-nav-link {
  color: var(--ink-dim);
  border: 1px solid #0000;
}

.elysium-root-app .dashboard-nav-link:hover {
  color: var(--ink);
  background: #5fa47b17;
  border-color: #a8d1b433;
}

.elysium-root-app .dashboard-nav-link-active, .elysium-root-app .dashboard-nav-link-active:hover {
  color: var(--accent2);
  box-shadow: inset 3px 0 0 var(--accent), 0 10px 24px #02081426;
  background: linear-gradient(135deg, #5fa47b33, #4d84e81f);
  border-color: #a8d1b447;
}

.elysium-root-app .admin-sidebar {
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  backdrop-filter: blur(20px) saturate(1.18);
  top: 80px;
  border-color: var(--line) !important;
  background: #081222bd !important;
}

[data-theme="light"] .elysium-root-app .admin-sidebar {
  background: #eaf1faf7 !important;
}

.elysium-root-app .admin-mobile-nav {
  border-color: var(--line) !important;
  background: #081222db !important;
  box-shadow: 0 18px 44px #02081433 !important;
}

[data-theme="light"] .elysium-root-app .admin-mobile-nav {
  background: #eaf1faf7 !important;
}

.elysium-root-app :is(.admin-nav-link, .admin-nav-pill) {
  color: var(--ink-dim);
  background: none;
  border-color: #0000;
}

.elysium-root-app :is(.admin-nav-link:hover, .admin-nav-pill:hover) {
  color: var(--ink) !important;
  background: #5fa47b17 !important;
  border-color: #a8d1b433 !important;
}

.elysium-root-app :is(.admin-nav-link-active, .admin-nav-link-active:hover, .admin-nav-pill-active) {
  color: var(--accent2) !important;
  box-shadow: inset 3px 0 0 var(--accent), 0 10px 24px #02081426 !important;
  background: linear-gradient(135deg, #5fa47b33, #4d84e81f) !important;
  border-color: #a8d1b447 !important;
}

.elysium-root-app .admin-nav-pill, .elysium-root-app .admin-nav-pill-active {
  box-shadow: none !important;
}

.elysium-root-app .docs-shell article.docs-article {
  border-color: var(--line) !important;
  background: linear-gradient(155deg, #1b2f4fbd, #0a1425d1) !important;
  box-shadow: 0 24px 72px #02081433 !important;
}

.elysium-root-app .docs-article-header {
  border-color: var(--line) !important;
  background: linear-gradient(135deg, #5fa47b17, #0d1c323d) !important;
}

[data-theme="light"] .elysium-root-app .docs-shell article.docs-article {
  background: var(--surface-panel) !important;
  box-shadow: var(--day-shadow) !important;
}

html[data-theme] .elysium-root-app .elysium-shell.docs-shell article.docs-article {
  border-color: var(--line) !important;
  background: linear-gradient(155deg, #1b2f4fbd, #0a1425d1) !important;
  box-shadow: 0 24px 72px #02081433 !important;
}

html[data-theme] .elysium-root-app .docs-shell {
  --docs-code-bg: #071426 !important;
  --docs-code-border: #5fa47b47 !important;
  --docs-code-text: #e7f0ff !important;
  --docs-code-heading: #c8dcff !important;
  --docs-code-muted: #8da9d4 !important;
  --docs-code-line-number: #5876a3 !important;
  --docs-code-accent: #5fa47b !important;
  --docs-code-active: #5fa47b21 !important;
  --docs-code-node: #0d203b !important;
  --docs-code-string: #c5dfcb !important;
  --docs-code-url: #8fdac4 !important;
  --docs-code-keyword: #ff9d8c !important;
  --docs-code-literal: #c0caff !important;
  --docs-code-flag: #d6b1ed !important;
  --docs-code-shadow: 0 22px 60px #0208144d !important;
}

html[data-theme="light"] .elysium-root-app .docs-shell {
  --docs-code-bg: #edf3fc !important;
  --docs-code-border: #35537e33 !important;
  --docs-code-text: #253c5c !important;
  --docs-code-heading: #182c48 !important;
  --docs-code-muted: #526580 !important;
  --docs-code-line-number: #61718a !important;
  --docs-code-accent: #2d7654 !important;
  --docs-code-active: #346cbd17 !important;
  --docs-code-node: #e2eaf6 !important;
  --docs-code-string: #215d8a !important;
  --docs-code-url: #16705b !important;
  --docs-code-keyword: #9e3b3a !important;
  --docs-code-literal: #514a9e !important;
  --docs-code-flag: #785080 !important;
  --docs-code-shadow: var(--day-shadow) !important;
}

html[data-theme] .elysium-root-app .docs-shell :is(.docs-code, .docs-exchange, .docs-code-surface) {
  border-color: var(--docs-code-border) !important;
  background: var(--docs-code-bg) !important;
  box-shadow: var(--docs-code-shadow) !important;
}

html[data-theme] .elysium-root-app .docs-shell :is(.docs-code, .docs-exchange, .docs-code-surface) :is(pre, code) {
  color: var(--docs-code-text) !important;
}

html[data-theme="light"] .elysium-root-app .elysium-shell.docs-shell article.docs-article {
  background: var(--surface-panel) !important;
  box-shadow: var(--day-shadow) !important;
}

[data-theme="light"] .elysium-root-app .docs-article-header {
  background: var(--surface-panel) !important;
}

.elysium-root-app .models-catalog {
  --models-bg: var(--bg0) !important;
  --models-surface: #1727429e !important;
  --models-surface-strong: #0d1729c2 !important;
  --models-text: var(--ink) !important;
  --models-text-muted: var(--ink-dim) !important;
  --models-text-soft: var(--ink-faint) !important;
  --models-gold: var(--accent) !important;
  --models-gold-strong: var(--accent2) !important;
  --models-border: var(--line) !important;
  --models-border-soft: var(--line) !important;
  --models-shadow: #02081433 !important;
}

[data-theme="light"] .elysium-root-app .models-catalog {
  --models-surface: var(--surface-panel) !important;
  --models-surface-strong: var(--surface-panel-strong) !important;
  --models-text: var(--ink) !important;
  --models-text-muted: var(--ink-dim) !important;
  --models-text-soft: var(--ink-faint) !important;
  --models-gold: var(--accent) !important;
  --models-gold-strong: var(--accent2) !important;
  --models-border: var(--border-medium) !important;
  --models-border-soft: var(--line) !important;
  --models-shadow: #1f3b6214 !important;
}

.elysium-root-app .models-catalog-head {
  max-width: 820px;
  padding: 24px 0 8px;
}

.elysium-root-app .models-catalog-head h1 {
  color: var(--ink);
  font-size: clamp(2.3rem, 5vw, 4.5rem);
}

.elysium-root-app .models-eyebrow {
  color: var(--accent2);
  font-family: var(--font-geist-mono), var(--mono);
}

.elysium-root-app .models-tabs .tab.active {
  color: #f7fbf6;
  background: linear-gradient(135deg, #5fa47b, #377c58);
  box-shadow: 0 6px 16px #4d84e842;
}

.elysium-root-app .model-card {
  border-color: var(--line) !important;
  background: linear-gradient(155deg, var(--models-surface), var(--models-surface-strong)) !important;
  box-shadow: 0 18px 46px var(--models-shadow), inset 0 1px #ffffff0a !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.32) !important;
  backdrop-filter: blur(24px) saturate(1.32) !important;
}

html[data-theme="light"] .elysium-root-app .model-card-with-background .model-card-background {
  filter: saturate(.55) contrast(.82);
  transform: scale(1.01);
  opacity: .075 !important;
}

html[data-theme="light"] .elysium-root-app .model-card-with-background .model-card-background:after {
  background: linear-gradient(90deg, #f9fcfff7, #eaf1fbe6) !important;
}

html[data-theme="light"] .elysium-root-app .model-provider-icon-shell {
  border-color: var(--line) !important;
  background: var(--surface-panel) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .elysium-root-app .model-provider-icon-shell :is(img, svg) {
  opacity: .88;
  filter: none !important;
}

html[data-theme="light"] .elysium-root-app .model-card-with-background :is(.model-name, .model-id-text, .price-value) {
  color: var(--ink) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .elysium-root-app .model-card :is(.model-family-toggle, .model-variant-row, .model-family-health, .model-variant-health, .price-label, .model-internal, .model-context, .provider-count) {
  color: var(--models-text-muted) !important;
}

html[data-theme="light"] .elysium-root-app .model-card :is(.model-name, .price-value, .model-family-toggle strong, .model-variant-row strong, .model-family-health strong, .model-variant-health strong, .model-uptime-window strong) {
  color: var(--models-text) !important;
}

.elysium-root-app :is(.models-toolbar, .models-search, .models-tabs, .model-sale-strip, .model-family-picker, .model-family-options, .model-family-health, .model-variant-detail, .model-prices, .model-uptime-window) {
  -webkit-backdrop-filter: blur(20px) saturate(1.28);
  backdrop-filter: blur(20px) saturate(1.28);
}

.elysium-root-app .model-sale-strip {
  box-shadow: inset 0 1px #ffffff0a;
  background: linear-gradient(135deg, #5fa47b1a, #0d172985) !important;
  border-color: #a8d1b433 !important;
}

[data-theme="light"] .elysium-root-app .model-sale-strip {
  border-color: var(--line) !important;
  background: var(--surface-panel) !important;
}

.elysium-root-app .model-sale-strip-list a:hover {
  background: #5fa47b1a !important;
  border-color: #a8d1b44d !important;
}

html[data-theme] .elysium-root-app .legal-shell {
  min-height: 100dvh;
  padding: 88px 24px 112px;
  color: var(--ink) !important;
  background: none !important;
}

html[data-theme] .elysium-root-app .legal-back-link, html[data-theme] .elysium-root-app :is(.legal-hero-copy > p, .legal-sidebar-label, .legal-sidebar nav a, .legal-toc a, .legal-section p, .legal-section li, .legal-preformatted, .legal-paper-footer p) {
  color: var(--ink-dim) !important;
}

html[data-theme] .elysium-root-app .legal-hero {
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  padding: clamp(24px, 4vw, 48px) 0 clamp(28px, 4vw, 48px) !important;
}

html[data-theme] .elysium-root-app .legal-hero h1 {
  max-width: 900px;
  font-family: var(--font-inter), Inter, sans-serif;
  letter-spacing: -.05em;
  font-size: clamp(2.45rem, 5vw, 4.7rem);
  font-weight: 800;
  line-height: .98;
  color: var(--ink) !important;
}

html[data-theme] .elysium-root-app :is(.legal-eyebrow, .legal-mark-icon, .legal-toc a:hover, .legal-toc a span, .legal-section-index, .legal-paper-footer span) {
  color: var(--accent-hover) !important;
}

html[data-theme] .elysium-root-app .legal-document-mark {
  background: #5fa47b1a !important;
  border-color: #a8d1b43d !important;
  box-shadow: inset 0 1px #ffffff0d, 0 18px 44px #0208142e !important;
}

html[data-theme] .elysium-root-app .legal-document-mark:before {
  border-color: #a8d1b42b !important;
}

html[data-theme] .elysium-root-app .legal-sidebar nav a:hover {
  color: var(--ink) !important;
}

html[data-theme] .elysium-root-app .legal-sidebar nav a.active {
  color: var(--accent-hover) !important;
  box-shadow: inset 3px 0 0 var(--accent), 0 12px 28px #02081424 !important;
  background: #5fa47b1f !important;
  border-color: #a8d1b442 !important;
}

html[data-theme] .elysium-root-app .legal-paper {
  border-color: var(--line) !important;
  background: linear-gradient(155deg, #1b2f4fbd, #0a1425d6) !important;
  box-shadow: 0 24px 72px #02081438, inset 0 1px #ffffff0a !important;
}

html[data-theme="light"] .elysium-root-app .legal-paper {
  border-color: var(--line) !important;
  background: var(--surface-panel) !important;
  box-shadow: var(--day-shadow) !important;
}

html[data-theme] .elysium-root-app :is(.legal-paper-topline, .legal-section) {
  border-color: var(--line) !important;
}

html[data-theme] .elysium-root-app .legal-section h2 {
  font-family: var(--font-inter), Inter, sans-serif;
  letter-spacing: -.025em;
  font-weight: 750;
  color: var(--ink) !important;
}

html[data-theme] .elysium-root-app .legal-section.accent {
  box-shadow: inset 3px 0 0 var(--accent) !important;
  background: linear-gradient(110deg, #5fa47b21, #0000) !important;
}

html[data-theme] .elysium-root-app .legal-section li:before {
  border-color: var(--accent) !important;
}

html[data-theme] .elysium-root-app .legal-support-callout {
  background: #5fa47b16 !important;
  border-color: #a8d1b438 !important;
}

html[data-theme] .elysium-root-app .legal-support-callout > span {
  color: var(--accent-hover) !important;
  background: #5fa47b21 !important;
}

html[data-theme] .elysium-root-app .legal-support-callout a {
  color: var(--accent-hover) !important;
  border-color: #a8d1b440 !important;
}

html[data-theme] .elysium-root-app .legal-paper-footer {
  background: #5fa47b0e !important;
}

.elysium-root-app .analytics-page {
  --analytics-bg: var(--bg0) !important;
  --analytics-surface: #172742a3 !important;
  --analytics-surface-strong: #0d1729cc !important;
  --analytics-text: var(--ink) !important;
  --analytics-muted: var(--ink-dim) !important;
  --analytics-soft: var(--ink-faint) !important;
  --analytics-gold: var(--accent) !important;
  --analytics-gold-2: var(--accent2) !important;
  --analytics-border: var(--line) !important;
  --analytics-border-soft: var(--line) !important;
  --analytics-shadow: #02081438 !important;
  --analytics-green: #71c797 !important;
  --analytics-green-bg: #71c79721 !important;
  --analytics-bar: var(--accent) !important;
}

[data-theme="light"] .elysium-root-app .analytics-page {
  --analytics-surface: var(--surface-panel) !important;
  --analytics-surface-strong: var(--surface-panel-strong) !important;
  --analytics-shadow: #1f3b6214 !important;
  --analytics-green: #17764b !important;
}

.elysium-root-app .analytics-page :is(.analytics-card, .period-card, .request-table-wrap, .analytics-tabs, .key-analytics-preview article, .key-analytics-totals > span, .discount-models-grid > a, .discount-price) {
  border-color: var(--line) !important;
  background: linear-gradient(155deg, var(--analytics-surface), var(--analytics-surface-strong)) !important;
  box-shadow: 0 16px 42px var(--analytics-shadow), inset 0 1px #ffffff0a !important;
}

.elysium-root-app .analytics-page :is(.analytics-tabs .tab.active, .key-analytics-open, .request-window-button) {
  color: #f7fbf6 !important;
  background: linear-gradient(135deg, #5fa47b, #377c58) !important;
  border-color: #a8d1b447 !important;
}

.elysium-root-app :is(.key-modal, .key-overview-card, .key-settings-section, .key-setting-toggle, .key-model-list > button) {
  color: var(--ink);
  border-color: var(--line) !important;
  background: linear-gradient(155deg, #172742c7, #0a1425e6) !important;
  box-shadow: 0 22px 62px #0208143d, inset 0 1px #ffffff0a !important;
}

[data-theme="light"] .elysium-root-app :is(.key-modal, .key-overview-card, .key-settings-section, .key-setting-toggle, .key-model-list > button) {
  background: var(--surface-panel) !important;
}

.elysium-root-app :is(.key-avatar, .key-overview-card > svg, .key-settings-title > svg) {
  color: var(--accent2) !important;
  background: #5fa47b1c !important;
  border-color: #a8d1b433 !important;
}

.elysium-root-app :is(.key-row:hover, .key-row-secret button:hover, .key-actions button:hover, .key-close:hover) {
  border-color: var(--line) !important;
  background: #5fa47b1a !important;
  box-shadow: 0 12px 28px #02081429 !important;
}

.elysium-root-app .key-modal-backdrop {
  background: #02081494;
}

.elysium-root-app .topup-panel {
  border: 1px solid var(--line);
  background: linear-gradient(155deg, #172742ad, #0a1425cc);
  border-radius: 22px;
  box-shadow: 0 20px 58px #02081433, inset 0 1px #ffffff0a;
}

html[data-theme] .elysium-root-app .topup-panel {
  background: radial-gradient(circle at 94% 0, #5fa47b21, #0000 34%), linear-gradient(155deg, #143056c7, #08182ee6) !important;
  border-color: #a8d1b44d !important;
  box-shadow: 0 22px 64px #02081442, inset 0 1px #bed6ff12 !important;
}

html[data-theme] .elysium-root-app .topup-panel :is(.topup-step-card, .topup-amount-block, .topup-method, .topup-summary, .topup-security, .topup-promo) {
  background: #4d84e81f !important;
  border-color: #a8d1b433 !important;
  box-shadow: inset 0 1px #bed6ff0a !important;
}

html[data-theme] .elysium-root-app .topup-panel :is(.topup-eyebrow, .topup-section-label > span:last-child, .topup-amount-input > span, .topup-header-icon, .topup-method-icon) {
  color: #a8d1b4 !important;
}

html[data-theme] .elysium-root-app .topup-panel :is(.topup-header-icon, .topup-method-icon) {
  background: #5fa47b1f !important;
  border-color: #a8d1b43d !important;
}

html[data-theme] .elysium-root-app .topup-panel .topup-amount-input {
  background: #060f1d80 !important;
  border-color: #a8d1b46b !important;
}

html[data-theme] .elysium-root-app .topup-panel :is(.topup-method:hover, .topup-method.is-selected, .topup-presets button:hover, .topup-presets button.is-active) {
  color: var(--ink) !important;
  background: #5fa47b2b !important;
  border-color: #a8d1b47a !important;
}

html[data-theme] .elysium-root-app .support-chat-panel {
  border-color: var(--line) !important;
  background: linear-gradient(155deg, #1b2f4fbd, #0a1425db) !important;
  box-shadow: 0 24px 68px #0208143b, inset 0 1px #ffffff0a !important;
}

html[data-theme="light"] .elysium-root-app .support-chat-panel {
  background: var(--surface-panel) !important;
}

html[data-theme] .elysium-root-app .dashboard-workspace-window {
  background: linear-gradient(155deg, #142642f7, #071120fa) !important;
  border-color: #a8d1b43d !important;
  box-shadow: 0 30px 96px #01061080, inset 0 1px #ffffff0d !important;
}

html[data-theme] .elysium-root-app .dashboard-workspace-titlebar {
  border-color: var(--line) !important;
  background: #5fa47b14 !important;
}

html[data-theme] .elysium-root-app .dashboard-workspace-body {
  background: #071120e6 !important;
}

html[data-theme="light"] .elysium-root-app .dashboard-workspace-window {
  background: var(--surface-panel) !important;
}

html[data-theme="light"] .elysium-root-app .dashboard-workspace-body {
  background: var(--surface-panel-strong) !important;
}

html[data-theme] .elysium-root-app :is(.workspace-detail-window, .request-detail-window) :is(section, .rounded-xl) {
  border-color: var(--line) !important;
  background-color: #5fa47b12 !important;
}

html[data-theme] .elysium-root-app .api-base-url-card {
  border-color: var(--line) !important;
  background: #5fa47b0e !important;
}

html[data-theme] .elysium-root-app .api-base-url-row:after {
  background: linear-gradient(90deg, #071120d1, #0d1e36a8) !important;
}

html[data-theme="light"] .elysium-root-app .api-base-url-row:after {
  background: linear-gradient(90deg, #f9fcfff7, #eaf1fbe6) !important;
}

html[data-theme] .elysium-root-app :is(.api-base-url-copy > span, .api-base-url-copy code) {
  color: var(--ink) !important;
  text-shadow: 0 1px 3px #020814b3 !important;
}

html[data-theme] .elysium-root-app .api-base-url-card button {
  border-color: var(--line) !important;
  color: var(--accent-hover) !important;
  background: #5fa47b1c !important;
}

html[data-theme="light"] .elysium-root-app .status-endpoint-card__scrim {
  background: linear-gradient(90deg, #f9fcfff7, #eaf1fbe6) !important;
}

html[data-theme="light"] .elysium-root-app .status-endpoint-card > .relative {
  text-shadow: none !important;
}

[data-theme="light"] .elysium-root-app .topup-panel {
  background: var(--surface-panel);
}

.elysium-root-app :is(.topup-step-card, .topup-amount-block, .topup-method, .topup-summary, .topup-security, .topup-promo) {
  border-color: var(--line) !important;
  background: #5fa47b11 !important;
  box-shadow: inset 0 1px #ffffff09 !important;
}

.elysium-root-app :is(.topup-eyebrow, .topup-section-label > span:last-child, .topup-amount-input > span) {
  color: var(--accent2) !important;
}

.elysium-root-app :is(.topup-header-icon, .topup-method-icon) {
  color: var(--accent2) !important;
  background: #5fa47b1f !important;
  border-color: #a8d1b433 !important;
}

.elysium-root-app .topup-amount-input {
  background: #060f1d6b !important;
  border-color: #a8d1b452 !important;
}

.elysium-root-app :is(.topup-method:hover, .topup-method.is-selected, .topup-presets button:hover, .topup-presets button.is-active) {
  color: var(--ink) !important;
  background: #5fa47b29 !important;
  border-color: #a8d1b46b !important;
  box-shadow: 0 10px 25px #02081429 !important;
}

.elysium-root-app :is(.topup-checkout-button, .promo-redeem-button) {
  color: #f7fbf6 !important;
  background: linear-gradient(135deg, #5fa47b, #377c58) !important;
  border-color: #a8d1b438 !important;
  box-shadow: 0 14px 30px #4d84e840 !important;
}

[data-theme="light"] .elysium-mobile-menu {
  background: var(--surface-panel-strong) !important;
  box-shadow: var(--day-shadow) !important;
}

@media (min-width: 1024px) {
  .elysium-root-app .admin-main {
    margin-left: 16rem;
  }
}

@media (max-width: 1023px) {
  .elysium-root-app .dashboard-app-shell, .elysium-root-app .status-page, .elysium-root-app .docs-shell, .elysium-root-app .models-page, .elysium-root-app .page-shell-standard {
    padding-top: 82px !important;
  }
}

@media (max-width: 640px) {
  .elysium-root-app .app-page-hero {
    padding-top: 16px;
  }

  .elysium-root-app .app-page-title {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  html[data-theme] .elysium-root-app .legal-shell {
    padding-top: 82px;
  }
}

html[data-theme="light"] .elysium-root-app :is(.btn-primary, .promo-redeem-button, .topup-checkout-button, .analytics-tabs .tab.active, .key-analytics-open, .request-window-button, .models-tabs .tab.active) {
  color: #fff !important;
  background: linear-gradient(135deg, #2d7654, #245f43) !important;
  border-color: #285b9e40 !important;
  box-shadow: 0 8px 24px #346cbd29 !important;
}

html[data-theme="light"] .elysium-root-app .topup-panel {
  background: var(--surface-panel-strong) !important;
  border-color: var(--line) !important;
  box-shadow: var(--day-shadow) !important;
}

html[data-theme="light"] .elysium-root-app .topup-panel :is(.topup-step-card, .topup-amount-block, .topup-method, .topup-summary, .topup-security, .topup-promo) {
  background: var(--surface-muted) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .elysium-root-app .topup-panel .topup-amount-input {
  background: var(--surface-panel-strong) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="light"] .elysium-root-app .topup-panel :is(.topup-eyebrow, .topup-section-label > span:last-child, .topup-amount-input > span, .topup-header-icon, .topup-method-icon) {
  color: var(--accent2) !important;
}

html[data-theme="light"] .elysium-root-app :is(.api-base-url-copy > span, .api-base-url-copy code) {
  text-shadow: none !important;
}

html[data-theme="light"] .elysium-root-app .models-catalog.models-catalog-modern {
  --models-shadow: #1f3b6214 !important;
}

html[data-theme="light"] .elysium-root-app .status-endpoint-card {
  color: var(--ink);
}

html[data-theme="light"] .elysium-root-app .models-catalog-modern .model-family-drawer {
  background: var(--surface-panel-strong);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html[data-theme="light"] .elysium-root-app .model-health-values em:not(.is-empty) {
  color: var(--accent2);
}

html[data-theme="light"] .elysium-root-app .models-catalog-modern .model-cache-bar i b {
  background: #2d7654;
}

/* [project]/src/styles/nacre.css [app-client] (css) */
:root {
  --nc-vib-accent: 0;
  --nc-vib-vivid: 0;
  --nc-vib-title: var(--nc-font-sans);
  --nc-vib-accent-mix: calc(var(--nc-vib-accent) * 100%);
  --nc-vib-vivid-mix: calc(var(--nc-vib-vivid) * 100%);
  --nc-bg: #f5f7f1;
  --nc-surface: #fff;
  --nc-surface-2: #fafbf7;
  --nc-surface-3: #edf1e7;
  --nc-glass: #ffffffb3;
  --nc-glass-strong: #ffffffe0;
  --nc-line: #17201221;
  --nc-line-strong: #1720123d;
  --nc-ink: #0f150b;
  --nc-ink-2: #2a3425;
  --nc-muted: #3f4a37;
  --nc-faint: #4d5744;
  --nc-primary: #1f7d0c;
  --nc-primary-hover: #1a6b0a;
  --nc-on-primary: #fff;
  --nc-hover: #1720120d;
  --nc-pressed: #17201217;
  --nc-accent: #1f7d0c;
  --nc-accent-2: #8fd566;
  --nc-accent-soft: #1f7d0c1a;
  --nc-accent-ink: #1a6b0a;
  --nc-sun: #f5c83b;
  --nc-sun-ink: #7a5800;
  --nc-sun-soft: #fdf1c4;
  --nc-coral: var(--nc-sun);
  --nc-coral-ink: var(--nc-sun-ink);
  --nc-coral-soft: var(--nc-sun-soft);
  --nc-brand-gradient: linear-gradient(110deg, #2f7a1f 0%, #8fd566 55%, #f5c83b 100%);
  --nc-brand-gradient-soft: linear-gradient(110deg, #2f7a1f1f, #8fd5661f 55%, #f5c83b1f);
  --nc-glow-1: #8fd566;
  --nc-glow-2: #3dd1bc;
  --nc-glow-3: #ffe08a;
  --nc-focus-ring: #1f7d0c;
  --nc-ok: #1f7d0c;
  --nc-warn: #8a5a12;
  --nc-err: #b42318;
  --nc-info: #2a67b3;
  --nc-ok-bg: #3a9a2a1a;
  --nc-warn-bg: #b7791f1f;
  --nc-err-bg: #b4231814;
  --nc-info-bg: #3e86d81a;
  --nc-d1: #2f7a1f;
  --nc-d2: #5a6fae;
  --nc-d3: #1f9e8b;
  --nc-d4: #6fb84a;
  --nc-d5: #c2410c;
  --nc-h0: #edf1e7;
  --nc-h1: #cfe6bd;
  --nc-h2: #9fd17f;
  --nc-h3: #5ea83f;
  --nc-h4: #2f7a1f;
  --nc-shadow-1: 0 1px 2px #1720120d, 0 1px 1px #17201208;
  --nc-shadow-2: 0 16px 40px -18px #17201238, 0 2px 6px #1720120d;
  --nc-r-xs: 6px;
  --nc-r-sm: 10px;
  --nc-r-md: 14px;
  --nc-r-lg: 20px;
  --nc-r-xl: 28px;
  --nc-ease: cubic-bezier(.2, .8, .2, 1);
  --nc-ease-in: cubic-bezier(.4, 0, 1, 1);
  --nc-spring: cubic-bezier(.3, 1.4, .5, 1);
  --nc-fast: .15s;
  --nc-base: .22s;
  --nc-slow: .32s;
  --nc-stagger: 35ms;
  --nc-font-sans: var(--nc-golos, "Golos Text"), system-ui, -apple-system, "Segoe UI", sans-serif;
  --nc-font-display: var(--nc-montserrat, "Montserrat"), var(--nc-golos, "Golos Text"), system-ui, sans-serif;
  --nc-font-mono: var(--font-geist-mono, "JetBrains Mono"), ui-monospace, SFMono-Regular, monospace;
}

html[data-theme="dark"] {
  --nc-bg: #0a0a0a;
  --nc-surface: #121212;
  --nc-surface-2: #17171a;
  --nc-surface-3: #1e1e21;
  --nc-glass: #1212129e;
  --nc-glass-strong: #121212db;
  --nc-line: #ffffff14;
  --nc-line-strong: #ffffff29;
  --nc-ink: #ededed;
  --nc-ink-2: #d4d4d4;
  --nc-muted: #bfc3ba;
  --nc-faint: #a8ada1;
  --nc-primary: #8fd566;
  --nc-primary-hover: #a3df80;
  --nc-on-primary: #112008;
  --nc-hover: #ffffff0f;
  --nc-pressed: #ffffff1a;
  --nc-accent: #9edd78;
  --nc-accent-2: #8fd566;
  --nc-accent-soft: #8fd56624;
  --nc-accent-ink: #b9e89a;
  --nc-sun: #f5c83b;
  --nc-sun-ink: #f5d56a;
  --nc-sun-soft: #f7d35c26;
  --nc-brand-gradient: linear-gradient(110deg, #5fb544 0%, #8fd566 55%, #f5c83b 100%);
  --nc-brand-gradient-soft: linear-gradient(110deg, #5fb5440d, #ffffff06 55%, #f5c83b0a);
  --nc-glow-1: #8fd566;
  --nc-glow-2: #3dd1bc;
  --nc-glow-3: #f5d56a;
  --nc-focus-ring: #9edd78;
  --nc-ok: #8fd566;
  --nc-warn: #f0b54a;
  --nc-err: #ff7b72;
  --nc-info: #6fa8f0;
  --nc-ok-bg: #8fd5661f;
  --nc-warn-bg: #f0b54a1f;
  --nc-err-bg: #ff7b721f;
  --nc-info-bg: #6fa8f01f;
  --nc-d1: #5aa63a;
  --nc-d2: #6f86de;
  --nc-d3: #2aa995;
  --nc-d4: #5fb544;
  --nc-d5: #ff8a6b;
  --nc-h0: #17171a;
  --nc-h1: #26401c;
  --nc-h2: #37602a;
  --nc-h3: #5fa83f;
  --nc-h4: #8fd566;
  --nc-shadow-1: 0 1px 2px #0000004d;
  --nc-shadow-2: 0 18px 44px -18px #0009, 0 2px 6px #0000004d;
}

body {
  --font-zoo: var(--nc-golos);
  --font-inter: var(--nc-golos);
}

.nc {
  color: var(--nc-ink);
  font-family: var(--nc-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "tnum" 0;
  font-size: 14px;
  line-height: 1.5;
}

.nc :where(h1, h2, h3, h4, p, ul, ol, dl, figure) {
  margin: 0;
}

.nc :where(a) {
  color: inherit;
  text-decoration: none;
}

.nc :where(button) {
  font: inherit;
  color: inherit;
}

.nc :where(:focus-visible) {
  outline: 2px solid var(--nc-focus-ring);
  outline-offset: 2px;
}

.nc-display, .nc-h1, .nc-h2, .nc-h3 {
  font-family: var(--nc-font-display);
  text-wrap: balance;
  font-weight: 400;
}

.nc-display {
  letter-spacing: -.03em;
  font-size: clamp(42px, 5.6vw, 76px);
  line-height: 1.04;
}

.nc-h1 {
  letter-spacing: -.025em;
  font-size: clamp(30px, 3.2vw, 40px);
  line-height: 1.12;
}

.nc-h2 {
  letter-spacing: -.02em;
  font-size: 24px;
  line-height: 1.2;
}

.nc-h3 {
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.nc-lead {
  color: var(--nc-muted);
  max-width: 64ch;
  font-size: 16px;
  line-height: 1.6;
}

.nc-small {
  font-size: 13px;
}

.nc-muted {
  color: var(--nc-muted);
}

.nc-faint {
  color: var(--nc-faint);
}

.nc-num {
  font-variant-numeric: tabular-nums;
}

.nc-sr-only {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
}

.nc-mono {
  font-family: var(--nc-font-mono);
  font-size: .92em;
}

.nc-btn {
  border: 1px solid var(--nc-line-strong);
  border-radius: var(--nc-r-sm);
  background: var(--nc-surface);
  min-height: 38px;
  color: var(--nc-ink);
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--nc-fast) var(--nc-ease), border-color var(--nc-fast) var(--nc-ease), transform var(--nc-fast) var(--nc-ease);
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.nc-btn:hover {
  background: var(--nc-surface-2);
  border-color: var(--nc-faint);
}

.nc-btn:active {
  transition-duration: 70ms;
  transform: scale(.97);
}

.nc-btn:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.nc-btn svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.nc-btn-primary {
  border-color: var(--nc-primary);
  background: var(--nc-primary);
  color: var(--nc-on-primary);
}

.nc-btn-primary:hover {
  border-color: var(--nc-primary-hover);
  background: var(--nc-primary-hover);
}

.nc-btn-ghost {
  background: none;
  border-color: #0000;
}

.nc-btn-ghost:hover {
  background: var(--nc-hover);
  border-color: #0000;
}

.nc-btn-sm {
  border-radius: var(--nc-r-xs);
  min-height: 30px;
  padding: 0 10px;
  font-size: 13px;
}

.nc-btn-lg {
  min-height: 46px;
  padding: 0 20px;
  font-size: 15px;
}

.nc-btn-danger {
  color: var(--nc-err);
}

.nc-btn-danger:hover {
  background: var(--nc-err-bg);
}

.nc-btn-danger-solid {
  border-color: var(--nc-err);
  background: var(--nc-err);
  color: #fff;
}

.nc-btn-danger-solid:hover {
  border-color: var(--nc-err);
  background: color-mix(in srgb, var(--nc-err) 88%, #000);
}

html[data-theme="dark"] .nc-btn-danger-solid {
  color: #0a0a0a;
}

.nc-icon-btn {
  border-radius: var(--nc-r-sm);
  width: 38px;
  height: 38px;
  color: var(--nc-ink-2);
  cursor: pointer;
  transition: background var(--nc-fast) var(--nc-ease), color var(--nc-fast) var(--nc-ease);
  background: none;
  border: 0;
  place-items: center;
  display: inline-grid;
}

.nc-icon-btn:hover {
  background: var(--nc-hover);
  color: var(--nc-ink);
}

.nc-icon-btn svg {
  width: 18px;
  height: 18px;
}

.nc-seg {
  border-radius: var(--nc-r-sm);
  background: var(--nc-surface-3);
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.nc-seg button {
  min-height: 30px;
  color: var(--nc-muted);
  cursor: pointer;
  transition: background var(--nc-fast) var(--nc-ease), color var(--nc-fast) var(--nc-ease);
  background: none;
  border: 0;
  border-radius: 7px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
}

.nc-seg button:hover {
  color: var(--nc-ink);
}

.nc-seg a {
  min-height: 30px;
  color: var(--nc-muted);
  transition: background var(--nc-fast) var(--nc-ease), color var(--nc-fast) var(--nc-ease);
  border-radius: 7px;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.nc-seg a:hover {
  color: var(--nc-ink);
}

.nc-seg button[aria-pressed="true"], .nc-seg button[aria-selected="true"], .nc-seg a[aria-current="page"] {
  background: var(--nc-surface);
  color: var(--nc-ink);
  box-shadow: var(--nc-shadow-1);
}

.nc-chip {
  border: 1px solid var(--nc-line-strong);
  min-height: 28px;
  color: var(--nc-ink-2);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 13px;
  display: inline-flex;
}

.nc-chip[aria-pressed="true"] {
  border-color: var(--nc-primary);
  background: var(--nc-primary);
  color: var(--nc-on-primary);
}

.nc-badge {
  border-radius: var(--nc-r-xs);
  background: var(--nc-surface-3);
  min-height: 22px;
  color: var(--nc-ink-2);
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.nc-badge svg {
  width: 13px;
  height: 13px;
}

.nc-badge-ok {
  background: var(--nc-ok-bg);
  color: var(--nc-ok);
}

.nc-badge-warn {
  background: var(--nc-warn-bg);
  color: var(--nc-warn);
}

.nc-badge-err {
  background: var(--nc-err-bg);
  color: var(--nc-err);
}

.nc-badge-info {
  background: var(--nc-info-bg);
  color: var(--nc-info);
}

.nc-badge-accent, .nc-badge-lilac {
  background: var(--nc-accent-soft);
  color: var(--nc-accent-ink);
}

.nc-badge-sun, .nc-badge-coral {
  background: var(--nc-sun-soft);
  color: var(--nc-sun-ink);
}

.nc-check {
  width: 16px;
  height: 16px;
  accent-color: var(--nc-primary);
  cursor: pointer;
  margin: 0;
}

.nc-switch {
  background: var(--nc-line-strong);
  cursor: pointer;
  width: 36px;
  height: 22px;
  transition: background var(--nc-fast) var(--nc-ease);
  border: 0;
  border-radius: 999px;
  flex: none;
  padding: 0;
  position: relative;
}

.nc-switch:after {
  content: "";
  width: 16px;
  height: 16px;
  transition: transform var(--nc-fast) var(--nc-ease);
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 2px #00000040;
}

.nc-switch[aria-checked="true"] {
  background: var(--nc-primary);
}

.nc-switch[aria-checked="true"]:after {
  transform: translateX(14px);
}

.nc-switch:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.nc-input {
  border: 1px solid var(--nc-line-strong);
  border-radius: var(--nc-r-sm);
  background: var(--nc-surface);
  width: 100%;
  min-height: 38px;
  color: var(--nc-ink);
  font: inherit;
  transition: border-color var(--nc-fast) var(--nc-ease), box-shadow var(--nc-fast) var(--nc-ease);
  padding: 0 12px;
}

.nc-input::placeholder {
  color: var(--nc-faint);
}

.nc-input:focus {
  border-color: var(--nc-focus-ring);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nc-focus-ring) 22%, transparent);
  outline: none;
}

html .nc-input, html.dark .nc-input, html .nc-input:focus {
  background: var(--nc-surface);
  color: var(--nc-ink);
}

html .nc-input:hover:not(:focus) {
  border-color: var(--nc-faint);
}

html .nc-check, html.dark .nc-check {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 3px;
  padding: 0;
}

.nc-card {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-md);
  background: var(--nc-surface);
}

.nc-panel {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-lg);
  background: var(--nc-surface);
  box-shadow: var(--nc-shadow-1);
}

.nc-glass {
  border: 1px solid color-mix(in srgb, var(--nc-surface) 60%, transparent);
  border-radius: var(--nc-r-lg);
  background: var(--nc-glass);
  box-shadow: var(--nc-shadow-2);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  backdrop-filter: blur(18px) saturate(1.25);
}

.nc-divider {
  background: var(--nc-line);
  border: 0;
  height: 1px;
}

.nc-kbd {
  border: 1px solid var(--nc-line-strong);
  min-width: 20px;
  height: 20px;
  color: var(--nc-muted);
  font-family: var(--nc-font-mono);
  border-bottom-width: 2px;
  border-radius: 5px;
  place-items: center;
  padding: 0 5px;
  font-size: 11px;
  display: inline-grid;
}

.nc-empty {
  border: 1px dashed var(--nc-line-strong);
  border-radius: var(--nc-r-md);
  color: var(--nc-muted);
  justify-items: start;
  gap: 10px;
  padding: 28px;
  display: grid;
}

.nc-empty strong {
  color: var(--nc-ink);
  font-size: 15px;
  font-weight: 560;
}

.nc-spin {
  animation: 1s linear infinite nc-spin;
}

@keyframes nc-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nc-spin {
    animation: none;
  }
}

.nc-skeleton {
  border-radius: var(--nc-r-xs);
  background: linear-gradient(90deg, var(--nc-surface-3), var(--nc-surface-2), var(--nc-surface-3));
  background-size: 200% 100%;
  animation: 1.4s linear infinite nc-shimmer;
}

@keyframes nc-shimmer {
  to {
    background-position: -200% 0;
  }
}

.nc-menu {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-md);
  background: var(--nc-glass-strong);
  min-width: 200px;
  box-shadow: var(--nc-shadow-2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  backdrop-filter: blur(18px) saturate(1.2);
  padding: 6px;
}

.nc-menu :is(a, button) {
  width: 100%;
  min-height: 36px;
  color: var(--nc-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  font-size: 14px;
  display: flex;
}

.nc-menu :is(a, button):hover, .nc-menu :is(a, button)[aria-pressed="true"] {
  background: var(--nc-hover);
}

.nc-menu svg {
  width: 16px;
  height: 16px;
  color: var(--nc-muted);
}

.nc-field {
  gap: 6px;
  display: grid;
}

.nc-field > label {
  color: var(--nc-ink-2);
  font-size: 13px;
  font-weight: 500;
}

.nc-field-hint, .nc-field-error {
  font-size: 12.5px;
  line-height: 1.45;
}

.nc-field-hint {
  color: var(--nc-muted);
}

.nc-field-error {
  color: var(--nc-err);
}

.nc-input[aria-invalid="true"] {
  border-color: var(--nc-err);
}

.nc-toggle-row {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-md);
  background: var(--nc-surface);
  transition: border-color var(--nc-fast) var(--nc-ease), background var(--nc-fast) var(--nc-ease);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px 16px;
  padding: 14px;
  display: grid;
}

.nc-toggle-row[data-on] {
  border-color: var(--nc-line-strong);
  background: var(--nc-surface-2);
}

.nc-toggle-row > label {
  cursor: pointer;
  gap: 3px;
  display: grid;
}

.nc-toggle-row > label span {
  font-weight: 500;
}

.nc-toggle-row > label small {
  color: var(--nc-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.nc-toggle-row > .nc-switch {
  margin-top: 1px;
}

.nc-toggle-body {
  grid-column: 1 / -1;
  gap: 10px;
  display: grid;
}

.nc-picker {
  gap: 8px;
  display: grid;
}

.nc-picker-tools {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  display: flex;
}

.nc-picker-search {
  flex: 200px;
  position: relative;
}

.nc-picker-search svg {
  width: 15px;
  height: 15px;
  color: var(--nc-faint);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.nc-picker-search .nc-input {
  min-height: 34px;
  padding-left: 32px;
}

.nc-picker-list {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-sm);
  background: var(--nc-surface);
  max-height: 260px;
  padding: 4px;
  display: grid;
  overflow-y: auto;
}

.nc-picker[data-invalid] .nc-picker-list {
  border-color: var(--nc-err);
}

.nc-picker-item {
  cursor: pointer;
  border-radius: 7px;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 0 8px;
  display: flex;
}

.nc-picker-item:hover {
  background: var(--nc-hover);
}

.nc-picker-item code {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12.5px;
  overflow: hidden;
}

.nc-picker-empty {
  gap: 8px;
  padding: 10px;
  display: grid;
}

.nc-sheet {
  border: 0;
  border-left: 1px solid var(--nc-line);
  background: var(--nc-surface);
  width: min(560px, 100vw);
  max-width: none;
  height: 100dvh;
  max-height: none;
  color: var(--nc-ink);
  box-shadow: var(--nc-shadow-2);
  overscroll-behavior: contain;
  margin: 0;
  padding: 0;
  position: fixed;
  inset: 0 0 0 auto;
  overflow: hidden;
}

.nc-sheet[open] {
  animation: nc-sheet-in var(--nc-base) var(--nc-ease);
}

.nc-sheet::backdrop {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #0a0a0d57;
}

@keyframes nc-sheet-in {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
}

.nc-sheet-form {
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100%;
  display: grid;
}

.nc-sheet-head {
  border-bottom: 1px solid var(--nc-line);
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 20px 16px;
  display: flex;
}

.nc-sheet-head p {
  margin-top: 4px;
}

.nc-sheet-body {
  align-content: start;
  gap: 22px;
  padding: 20px;
  display: grid;
  overflow-y: auto;
}

.nc-sheet-group {
  gap: 12px;
  display: grid;
}

.nc-sheet-group-title {
  color: var(--nc-muted);
  font-size: 13px;
  font-weight: 560;
}

.nc-sheet-foot {
  padding: 14px 20px calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--nc-line);
  background: var(--nc-surface);
  gap: 10px;
  display: grid;
}

.nc-sheet-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.nc-sheet-actions > .nc-btn-danger {
  margin-right: auto;
}

.nc-sheet-confirm {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.nc-sheet-confirm > span {
  color: var(--nc-err);
  flex: 220px;
}

.nc-sheet-failure {
  border-radius: var(--nc-r-sm);
  background: var(--nc-err-bg);
  color: var(--nc-err);
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.45;
}

.nc-sheet-short {
  max-width: 200px;
}

.nc-sheet-inline {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.nc-sheet-chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.nc-sheet-textarea {
  resize: vertical;
  min-height: 96px;
  padding: 8px 12px;
  line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
  .nc-sheet[open] {
    animation: none;
  }
}

.nc-wordmark {
  --wm-ink: #2f7a1f;
  --wm-fill: #e9f5df;
  --wm-line: 11;
  width: auto;
  height: 22px;
  display: block;
}

html[data-theme="dark"] .nc-wordmark {
  --wm-ink: #8fd566;
  --wm-fill: #161616;
}

.nc-legacy {
  --bg0: var(--nc-bg);
  --bg1: var(--nc-surface-2);
  --ink: var(--nc-ink);
  --ink-dim: var(--nc-muted);
  --ink-faint: var(--nc-faint);
  --line: var(--nc-line);
  --accent: var(--nc-accent);
  --accent2: var(--nc-accent-2);
  --accent-hover: var(--nc-primary-hover);
  --accent-light: var(--nc-accent-soft);
  --terminal-accent: var(--nc-accent);
  --day-panel: var(--nc-surface);
  --day-panel-strong: var(--nc-surface);
  --day-muted: var(--nc-surface-2);
  --day-shadow: var(--nc-shadow-1);
  --surface-panel: var(--nc-surface);
  --surface-panel-strong: var(--nc-surface);
  --surface-muted: var(--nc-surface-2);
  --liquid-glass-strong: var(--nc-glass-strong);
  --text-main: var(--nc-ink);
  --text-primary: var(--nc-ink);
  --text-secondary: var(--nc-ink-2);
  --text-muted: var(--nc-muted);
  --border-soft: var(--nc-line);
  --border-light: var(--nc-line);
  --border-medium: var(--nc-line-strong);
  --border-strong: var(--nc-line-strong);
  --success: var(--nc-ok);
  --danger: var(--nc-err);
  --shadow-sm: var(--nc-shadow-1);
  --shadow-md: var(--nc-shadow-2);
  --shadow-lg: var(--nc-shadow-2);
  min-height: 60vh;
  color: var(--nc-ink);
  font-family: var(--nc-font-sans);
}

.nc-legacy :is(h1, h2) {
  font-family: var(--nc-font-display);
}

@media (prefers-reduced-motion: reduce) {
  .nc * {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}

/* [project]/src/styles/motion.css [app-client] (css) */
.m-enter {
  animation: m-rise var(--nc-base) var(--nc-ease) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}

.m-stagger > * {
  animation: m-rise var(--nc-base) var(--nc-ease) both;
  animation-delay: calc(7 * var(--nc-stagger));
}

.m-stagger > :first-child {
  animation-delay: 0s;
}

.m-stagger > :nth-child(2) {
  animation-delay: calc(1 * var(--nc-stagger));
}

.m-stagger > :nth-child(3) {
  animation-delay: calc(2 * var(--nc-stagger));
}

.m-stagger > :nth-child(4) {
  animation-delay: calc(3 * var(--nc-stagger));
}

.m-stagger > :nth-child(5) {
  animation-delay: calc(4 * var(--nc-stagger));
}

.m-stagger > :nth-child(6) {
  animation-delay: calc(5 * var(--nc-stagger));
}

.m-stagger > :nth-child(7) {
  animation-delay: calc(6 * var(--nc-stagger));
}

@keyframes m-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

.m-fade {
  animation: m-fade var(--nc-base) ease-out both;
}

@keyframes m-fade {
  from {
    opacity: 0;
  }
}

.m-lift {
  transition: transform var(--nc-fast) var(--nc-ease), box-shadow var(--nc-fast) var(--nc-ease);
}

.m-lift:hover {
  box-shadow: var(--nc-shadow-2);
  transform: translateY(-1px);
}

.m-press {
  transition: transform var(--nc-fast) var(--nc-ease);
}

.m-press:active {
  transition-duration: 70ms;
  transform: scale(.97);
}

.m-swap {
  animation: m-swap var(--nc-base) var(--nc-ease);
}

@keyframes m-swap {
  from {
    opacity: 0;
    transform: translateX(calc(var(--dir, 1) * 6px));
  }
}

.m-disclose {
  transition: grid-template-rows var(--nc-base) var(--nc-ease);
  grid-template-rows: 0fr;
  display: grid;
}

.m-disclose > * {
  min-height: 0;
  overflow: hidden;
}

.m-disclose[data-open] {
  grid-template-rows: 1fr;
}

.m-chevron {
  transition: transform var(--nc-base) var(--nc-ease);
}

[aria-expanded="true"] > .m-chevron, [aria-expanded="true"] .m-chevron {
  transform: rotate(90deg);
}

.m-check path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1px;
  animation: m-draw var(--nc-slow) var(--nc-ease) forwards;
}

@keyframes m-draw {
  to {
    stroke-dashoffset: 0;
  }
}

.m-ring {
  position: relative;
}

.m-ring:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  animation: .6s ease-out m-ring;
  position: absolute;
  inset: -1px;
}

@keyframes m-ring {
  from {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--nc-accent) 45%, transparent);
  }

  to {
    box-shadow: 0 0 0 10px #0000;
  }
}

.m-leave {
  animation: m-leave var(--nc-fast) var(--nc-ease-in) forwards;
}

@keyframes m-leave {
  to {
    opacity: 0;
    transform: scale(.98);
  }
}

.m-leave-side {
  animation: m-leave-side var(--nc-fast) var(--nc-ease-in) forwards;
}

@keyframes m-leave-side {
  to {
    opacity: 0;
    transform: translateX(24px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .m-enter, .m-stagger > *, .m-swap, .m-check path, .m-ring:after {
    animation: none !important;
  }

  .m-check path {
    stroke-dashoffset: 0;
  }

  .m-fade {
    animation-duration: .1s;
  }

  .m-leave, .m-leave-side {
    animation: .1s linear reverse forwards m-fade;
  }

  .m-lift, .m-press, .m-disclose, .m-chevron {
    transition: none !important;
  }

  .m-lift:hover, .m-press:active {
    transform: none;
  }
}

html[data-motion="off"] :not(#zr-splash, #zr-splash *), html[data-motion="off"] :not(#zr-splash, #zr-splash *):before, html[data-motion="off"] :not(#zr-splash, #zr-splash *):after {
  transition-duration: 1ms !important;
  animation-duration: 1ms !important;
  animation-iteration-count: 1 !important;
  animation-delay: 0s !important;
}

/* [project]/src/app/home/public-world.css [app-client] (css) */
html:has(.zg-scene.zr-app.zr-world) {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  min-height: 100%;
  background: var(--nc-bg) !important;
}

html:has(.zg-scene.zr-app.zr-world) body {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  min-height: 100%;
  background: var(--nc-bg) !important;
}

html:has(.zg-scene.zr-app.zr-world[data-zr-theme="dark"]) {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: var(--nc-bg) !important;
}

html:has(.zg-scene.zr-app.zr-world[data-zr-theme="dark"]) body {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: var(--nc-bg) !important;
}

body:has(.zr-world):before {
  content: none !important;
  display: none !important;
}

body:has(.zr-world):after {
  content: none !important;
  display: none !important;
}

.zr-world, .zg-scene.zr-app.zr-world, .zg-scene.zr-app.zr-world[data-zr-theme="dark"] {
  --zr-bg: var(--nc-bg);
  --zr-surface: color-mix(in srgb,var(--nc-surface) 78%,transparent);
  --zr-surface-strong: color-mix(in srgb,var(--nc-surface) 92%,transparent);
  --zr-panel: color-mix(in srgb,var(--nc-surface) 52%,transparent);
  --zr-ink: var(--nc-ink);
  --zr-muted: var(--nc-muted);
  --zr-accent: var(--nc-accent);
  --zr-line: var(--nc-line);
  --zr-soft: var(--nc-surface-2);
  --zr-selected: var(--nc-hover);
  --zr-glass: linear-gradient(145deg,#ffffff80,#ffffff1f 58%,#ffffff4d);
  --zr-button-glass: linear-gradient(135deg,#ffffffa8,#ffffff2e 58%,#fff6);
  --zr-rim: inset 0 1px 0 #ffffffd9,inset 1px 0 0 #ffffff59,0 10px 30px #17171a14;
  background: var(--zr-bg);
  min-height: 100svh;
  color: var(--zr-ink);
  overflow: clip visible;
}

.zr-world[data-zr-theme="dark"], .zg-scene.zr-app.zr-world[data-zr-theme="dark"] {
  --zr-glass: linear-gradient(145deg,#ffffff1a,#ffffff08 58%,#ffffff12);
  --zr-button-glass: linear-gradient(135deg,#ffffff24,#ffffff0a 58%,#ffffff17);
  --zr-rim: inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff0f,0 12px 34px #0000004d;
}

.zr-world .zg-engine-stage {
  z-index: 0;
  filter: saturate(.92) contrast(.98);
  position: fixed;
}

.zr-world-veil {
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(#f3f3f10f, #f3f3f138);
  position: fixed;
  inset: 0;
}

.zr-world[data-zr-theme="dark"] .zr-world-veil {
  background: linear-gradient(#10101414, #1010144d);
}

.zr-world-content {
  z-index: 1;
  min-height: 100svh;
  display: flow-root;
  position: relative;
}

.zr-world-home {
  align-items: center;
  width: min(1400px, 100% - 64px);
  min-height: calc(100svh - 92px);
  margin: 0 auto;
  padding: clamp(70px, 11vh, 150px) 4vw;
  display: grid;
}

.zr-world-hero {
  background: var(--nc-glass);
  -webkit-backdrop-filter: blur(10px) saturate(1.03);
  backdrop-filter: blur(10px) saturate(1.03);
  border-radius: 30px;
  width: min(720px, 100%);
  padding: clamp(28px, 5vw, 58px);
  box-shadow: inset 0 1px #ffffffb8, 0 24px 75px #17171a1a;
}

.zr-world[data-zr-theme="dark"] .zr-world-hero {
  box-shadow: inset 0 1px #ffffff24, 0 28px 80px #0000004d;
}

.zr-world-hero h1 {
  letter-spacing: -.04em;
  text-wrap: balance;
  max-width: 13ch;
  margin: 0;
  font-size: clamp(52px, 7.5vw, 108px);
  font-weight: 640;
  line-height: .94;
}

.zr-world-hero p {
  max-width: 58ch;
  color: var(--zr-muted);
  margin: 27px 0 0;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.65;
}

.zr-world-actions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
  display: flex;
}

.zr-world-actions a {
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 12px 18px;
  font-weight: 650;
  display: inline-flex;
}

.zr-world-primary {
  background: var(--nc-primary);
  box-shadow: none;
  color: var(--nc-on-primary) !important;
}

.zr-world-primary:hover {
  background: var(--nc-primary-hover);
  transform: translateY(-1px);
}

.zr-world-secondary {
  background: var(--zr-button-glass);
  box-shadow: var(--zr-rim);
}

.zr-live-catalog {
  width: min(1400px, 100% - 64px);
  min-height: 70svh;
  margin: 0 auto;
  padding: clamp(40px, 7vw, 84px) 0 32px;
}

.zr-catalog-intro {
  border: 1px solid var(--zr-line);
  background: color-mix(in srgb,var(--zr-panel) 80%,transparent);
  box-shadow: var(--zr-rim);
  -webkit-backdrop-filter: blur(18px) saturate(1.06);
  backdrop-filter: blur(18px) saturate(1.06);
  border-radius: 30px;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  align-items: end;
  gap: 28px;
  margin-bottom: 28px;
  padding: clamp(26px, 4vw, 48px);
  display: grid;
}

.zr-catalog-title > span {
  color: var(--zr-accent);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 10px;
  font-weight: 760;
  display: block;
}

.zr-catalog-intro h1 {
  letter-spacing: -.045em;
  text-wrap: balance;
  max-width: 17ch;
  margin: 0;
  font-size: clamp(42px, 5.4vw, 76px);
  font-weight: 640;
  line-height: .96;
}

.zr-catalog-intro p {
  max-width: 64ch;
  color: var(--zr-muted);
  margin: 22px 0 0;
  font-size: 15px;
  line-height: 1.68;
}

.zr-catalog-pulse {
  border: 1px solid var(--zr-line);
  background: color-mix(in srgb,var(--zr-surface) 76%,transparent);
  border-radius: 24px;
  align-content: end;
  min-height: 210px;
  padding: 24px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.zr-catalog-pulse:before, .zr-catalog-pulse:after {
  content: "";
  border: 1px solid color-mix(in srgb,var(--zr-accent) 34%,transparent);
  aspect-ratio: 1;
  border-radius: 50%;
  animation: 5s ease-in-out infinite zrCatalogPulse;
  position: absolute;
  inset: auto -22% -54% 8%;
}

.zr-catalog-pulse:after {
  animation-delay: -2.5s;
  inset: auto -2% -66% 28%;
}

.zr-catalog-pulse i {
  background: var(--zr-accent);
  width: 9px;
  height: 9px;
  box-shadow: 0 0 0 7px color-mix(in srgb,var(--zr-accent) 13%,transparent);
  border-radius: 50%;
  position: absolute;
  top: 22px;
  right: 22px;
}

.zr-catalog-pulse strong {
  z-index: 1;
  letter-spacing: -.06em;
  font-variant-numeric: tabular-nums;
  font-size: clamp(54px, 7vw, 82px);
  font-weight: 580;
  line-height: .85;
  position: relative;
}

.zr-catalog-pulse span {
  z-index: 1;
  color: var(--zr-muted);
  margin-top: 13px;
  font-size: 12px;
  position: relative;
}

@keyframes zrCatalogPulse {
  50% {
    transform: translate3d(-3%, 5%, 0) scale(1.08);
  }
}

.zr-catalog-error {
  color: #842e2e;
  background: #772d2d1f;
  border-radius: 14px;
  gap: 4px;
  margin: 0 0 18px;
  padding: 15px 17px;
  display: grid;
  box-shadow: inset 0 0 0 1px #973a3a33;
}

.zr-world[data-zr-theme="dark"] .zr-catalog-error {
  color: #ffd6d0;
  background: #853a3a38;
}

.zr-catalog-error strong {
  font-size: 13px;
}

.zr-catalog-error span {
  font-size: 12px;
  line-height: 1.5;
}

.zr-live-catalog .models-catalog-modern {
  font-family: var(--font-zoo),sans-serif;
  --models-bg: transparent !important;
  --models-surface: var(--zr-surface) !important;
  --models-surface-strong: var(--zr-surface-strong) !important;
  --models-text: var(--zr-ink) !important;
  --models-text-muted: var(--zr-muted) !important;
  --models-text-soft: color-mix(in srgb,var(--zr-muted) 78%,transparent) !important;
  --models-gold: var(--zr-accent) !important;
  --models-gold-strong: var(--zr-accent) !important;
  --models-border: var(--zr-line) !important;
  --models-border-soft: var(--zr-line) !important;
  --models-shadow: #1434211c !important;
  --models-glass: var(--zr-panel) !important;
  --models-glass-rim: #ffffff59 !important;
  --models-glass-shine: #ffffff47 !important;
  --models-glass-inner: color-mix(in srgb,var(--zr-surface) 48%,transparent) !important;
}

.zr-world[data-zr-theme="dark"] .zr-live-catalog .models-catalog-modern {
  --models-shadow: #0000004d !important;
  --models-glass-rim: #ffffff24 !important;
  --models-glass-shine: #ffffff17 !important;
}

.zr-live-catalog .models-directory-head {
  padding-top: 0;
}

.zr-live-catalog .models-catalog-modern .models-directory-title h1 {
  letter-spacing: -.04em;
  max-width: 12ch;
  font-size: clamp(48px, 7vw, 92px);
  font-weight: 640;
  line-height: .94;
}

.zr-live-catalog .models-catalog-modern .models-directory-head > p {
  max-width: 58ch;
  color: var(--models-text-muted);
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.65;
}

.zr-live-catalog .models-catalog-modern .model-showcase-card {
  background: var(--nc-surface);
  border-color: var(--nc-line);
  box-shadow: var(--nc-shadow-1);
}

.zr-live-catalog .models-catalog-modern .models-toolbar, .zr-live-catalog .models-catalog-modern .models-list, .zr-live-catalog .models-catalog-modern .model-family-drawer {
  background: var(--models-glass);
  box-shadow: inset 0 1px 0 var(--models-glass-rim),0 18px 50px var(--models-shadow);
  -webkit-backdrop-filter: blur(18px) saturate(1.05);
  backdrop-filter: blur(18px) saturate(1.05);
}

.zr-live-catalog .model-directory-scroll {
  overscroll-behavior: contain;
  scrollbar-color: color-mix(in srgb,var(--zr-accent) 38%,transparent) transparent;
  scrollbar-width: thin;
  max-height: min(66svh, 760px);
  margin-top: 18px;
  padding: 0 10px 26px 0;
  overflow-y: auto;
  -webkit-mask-image: linear-gradient(#0000 0, #000 18px calc(100% - 28px), #0000 100%);
  mask-image: linear-gradient(#0000 0, #000 18px calc(100% - 28px), #0000 100%);
}

.zr-live-catalog .models-catalog-modern .provider-group {
  margin-top: 18px;
}

.zr-live-catalog .models-catalog-modern .provider-group:first-child {
  margin-top: 12px;
}

.zr-live-catalog .models-catalog-modern .model-list-row {
  min-height: 72px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.zr-live-catalog .models-catalog-modern .model-list-copy {
  min-height: 30px;
}

.zr-live-catalog .models-catalog-modern .models-list {
  border-color: var(--models-border);
  border-radius: 20px;
  overflow: hidden;
}

.zr-live-catalog .models-catalog-modern .model-list-row {
  background: color-mix(in srgb,var(--models-surface) 78%,transparent);
}

.zr-live-catalog .models-catalog-modern .model-list-row:hover {
  background: var(--models-surface-strong);
}

.zr-live-catalog .models-catalog-modern .model-list-row:before, .zr-live-catalog .models-catalog-modern .model-list-row:after {
  display: none;
}

.zr-live-catalog .models-catalog-modern .models-tabs .tab.active {
  border-color: var(--models-border);
  background: var(--models-surface-strong);
  color: var(--models-text);
  box-shadow: none;
}

.zr-live-catalog .models-catalog-modern .model-cache-bar i b {
  background: var(--nc-ok);
}

.zr-live-catalog .models-catalog-modern .model-health-values em {
  color: var(--nc-ok);
}

.zr-live-catalog .models-catalog-modern .model-health-legend-cache:before {
  background: var(--nc-ok);
}

.zr-live-catalog .models-catalog-modern .model-list-open:hover {
  background: var(--models-surface-strong);
  color: var(--models-text);
}

.zr-live-catalog .models-catalog-modern .model-family-drawer {
  background: color-mix(in srgb,var(--zr-surface-strong) 90%,transparent);
}

.zr-live-catalog .models-catalog-modern .novelai-select {
  color-scheme: normal;
  background: var(--models-surface-strong) !important;
  color: var(--models-text) !important;
  border-color: var(--models-border) !important;
}

.zr-world .zr-site-footer {
  border-top: 1px solid var(--zr-line);
  margin-top: 20px;
  padding-bottom: 28px;
}

.zr-world :focus-visible {
  outline: 2px solid var(--zr-accent);
  outline-offset: 4px;
}

@media (max-width: 760px) {
  .zr-world-home, .zr-live-catalog {
    width: calc(100% - 24px);
  }

  .zr-world-home {
    align-items: end;
    padding: 60px 0 30px;
  }

  .zr-world-hero {
    border-radius: 24px;
    padding: 28px 22px;
  }

  .zr-world-hero h1 {
    font-size: clamp(44px, 15vw, 70px);
  }

  .zr-live-catalog {
    padding-top: 42px;
  }

  .zr-catalog-intro {
    grid-template-columns: 1fr;
    padding: 25px 21px;
  }

  .zr-catalog-intro p {
    margin-top: 18px;
  }

  .zr-catalog-intro h1 {
    font-size: 43px;
  }

  .zr-catalog-pulse {
    min-height: 120px;
  }

  .zr-live-catalog .model-directory-scroll {
    max-height: 72svh;
    padding-right: 3px;
  }

  .zr-live-catalog .models-catalog-modern .models-directory-title h1 {
    font-size: 48px;
  }

  .zr-world .zr-site-footer {
    width: calc(100% - 30px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .zr-world-primary:hover {
    transform: none;
  }

  .zr-catalog-pulse:before, .zr-catalog-pulse:after {
    animation: none;
  }
}

/* [project]/src/components/account/legacy-skin.css [app-client] (css) */
:is(.nc-account, .nc-admin, .nc-legacy) :is(.tm-panel, .liquid-glass, .divine-card, .analytics-card, .app-page-panel, .key-hero, .key-secret-card, .key-list, .key-overview-card, .tm-table-wrap, .admin-section-card, .admin-stat-card, .status-stat-card, .status-model-card) {
  border: 1px solid var(--nc-line) !important;
  border-radius: var(--nc-r-md) !important;
  background: var(--nc-surface) !important;
  box-shadow: var(--nc-shadow-1) !important;
  color: var(--nc-ink) !important;
  text-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is(.tm-panel, .liquid-glass, .divine-card, .key-hero):before, :is(.nc-account, .nc-admin, .nc-legacy) :is(.tm-panel, .liquid-glass, .divine-card, .key-hero):after {
  display: none !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .tm-panel-label {
  color: var(--nc-muted) !important;
  font-family: var(--nc-font-sans) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is(.key-hero h2, .tm-panel h2, .tm-panel h3, .key-settings-title) {
  font-family: var(--nc-font-display);
  letter-spacing: -.015em;
  color: var(--nc-ink) !important;
  font-weight: 560 !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is(.key-hero p, .key-secret-card p, .key-overview-card p, .tm-panel p) {
  color: var(--nc-muted) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is(.key-kicker, .uppercase) {
  color: var(--nc-muted) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .key-secret-card code, :is(.nc-account, .nc-admin, .nc-legacy) .key-row-secret code {
  border: 1px solid var(--nc-line) !important;
  background: var(--nc-surface-2) !important;
  color: var(--nc-ink) !important;
  font-family: var(--nc-font-mono) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .key-list-head {
  color: var(--nc-muted) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .key-list-head p {
  color: var(--nc-ink) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .key-row {
  border-color: var(--nc-line) !important;
  background: none !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .key-row:hover {
  background: var(--nc-surface-2) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .key-avatar {
  background: var(--nc-surface-3) !important;
  color: var(--nc-ink) !important;
  box-shadow: none !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is(.key-switch-on, .key-toggle-on) {
  background: var(--nc-ink) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .btn-primary {
  border: 1px solid var(--nc-primary) !important;
  border-radius: var(--nc-r-sm) !important;
  background: var(--nc-primary) !important;
  color: var(--nc-on-primary) !important;
  box-shadow: none !important;
  font-family: var(--nc-font-sans) !important;
  font-weight: 500 !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .btn-primary:hover {
  background: var(--nc-primary-hover) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .btn-secondary {
  border: 1px solid var(--nc-line-strong) !important;
  border-radius: var(--nc-r-sm) !important;
  background: var(--nc-surface) !important;
  color: var(--nc-ink) !important;
  box-shadow: none !important;
  font-family: var(--nc-font-sans) !important;
  font-weight: 500 !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .btn-secondary:hover {
  background: var(--nc-surface-2) !important;
}

:is(.nc-account .nc-ws-main, .nc-admin .za-main, .nc-legacy) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not(.nc-input), select:not(.nc-input), textarea:not(.nc-input)) {
  border: 1px solid var(--nc-line-strong) !important;
  border-radius: var(--nc-r-sm) !important;
  background: var(--nc-surface) !important;
  color: var(--nc-ink) !important;
  box-shadow: none !important;
}

:is(.nc-account .nc-ws-main, .nc-admin .za-main, .nc-legacy) :is(input, select, textarea):focus {
  outline: none;
  border-color: var(--nc-focus-ring) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nc-focus-ring) 22%, transparent) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is(.key-modal, .key-modal-wide) {
  border: 1px solid var(--nc-line) !important;
  border-radius: var(--nc-r-lg) !important;
  background: var(--nc-surface) !important;
  box-shadow: var(--nc-shadow-2) !important;
  color: var(--nc-ink) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) .key-modal-backdrop {
  background: color-mix(in srgb, var(--nc-bg) 60%, transparent) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  backdrop-filter: blur(6px) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is([class*="text-emerald-"], [class*="text-green-"]) {
  color: var(--nc-ok) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is([class*="text-amber-"], [class*="text-yellow-"]) {
  color: var(--nc-warn) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is([class*="text-red-"], [class*="text-rose-"]) {
  color: var(--nc-err) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) :is([class*="bg-emerald-"], [class*="bg-green-"]) {
  background-color: var(--nc-ok-bg) !important;
}

:is(.nc-account, .nc-admin, .nc-legacy) table :is(th) {
  color: var(--nc-muted);
  font-weight: 500;
}

/* [project]/src/app/prototype/site-footer.css [app-client] (css) */
.zr-site-footer {
  width: 86%;
  max-width: 1240px;
  color: var(--zr-muted, var(--nc-muted));
  font-family: var(--nc-font-sans);
  letter-spacing: normal;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 40px;
  margin: 20px auto 0;
  padding: 60px 0 15px;
  display: grid;
}

.zr-site-footer a {
  color: inherit;
  font-size: 12px;
  text-decoration: none;
}

.zr-site-footer a:hover {
  color: var(--zr-ink, var(--nc-ink));
}

.zr-site-footer-brand > a:first-child {
  display: inline-block;
}

.zr-site-footer .zr-site-footer-brand .zr-brand-clean {
  font-size: 27px;
}

.zr-site-footer .zr-site-footer-brand p {
  max-width: 230px;
  color: inherit;
  margin: 20px 0;
  font-size: 13px;
  line-height: 1.8;
}

.zr-site-footer .zr-footer-status {
  background: var(--zr-panel, var(--nc-surface));
  box-shadow: var(--zr-rim, inset 0 0 0 1px var(--nc-line));
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: inline-flex;
}

.zr-site-footer .zr-site-footer-group h3 {
  color: var(--zr-ink, var(--nc-ink));
  letter-spacing: normal;
  text-transform: none;
  margin: 0 0 16px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
}

.zr-site-footer-group a {
  align-items: center;
  min-height: 34px;
  display: flex;
}

.zr-site-footer-bottom {
  grid-column: 1 / -1;
  justify-content: space-between;
  padding-top: 30px;
  font-size: 10px;
  display: flex;
}

@media (max-width: 760px) {
  .zr-site-footer {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 15px;
    width: 86%;
    padding-top: 35px;
  }

  .zr-site-footer-brand {
    grid-column: 1 / -1;
  }

  .zr-site-footer .zr-site-footer-group h3 {
    font-size: 11px;
  }

  .zr-site-footer-group a {
    min-height: 40px;
    font-size: 10px;
    line-height: 1.4;
  }

  .zr-site-footer-bottom {
    gap: 20px;
    font-size: 9px;
  }

  .zr-site-footer-bottom > span:last-child {
    text-align: right;
  }
}

/* [project]/src/styles/site-header.css [app-client] (css) */
.nc-header {
  --hd-ink: #0f150b;
  --hd-ink-2: #3a4532;
  --hd-accent: color-mix(in srgb, #1f7d0c var(--nc-vib-accent-mix), var(--hd-ink));
  --hd-paper: #f5f7f1;
  --hd-line: #17201224;
  --hd-ease: cubic-bezier(.2, .7, .1, 1);
  --hd-io: cubic-bezier(.7, 0, .2, 1);
  --hd-back: cubic-bezier(.2, 1.3, .35, 1);
  z-index: 100;
  height: 64px;
  color: var(--hd-ink);
  font: 400 14px/1.2 var(--nc-font-sans);
  letter-spacing: .32px;
  word-spacing: normal;
  text-transform: none;
  pointer-events: none;
  align-items: center;
  padding: 0 clamp(16px, 2.2vw, 32px);
  display: flex;
  position: sticky;
  top: 0;
}

html[data-theme="dark"] .nc-header {
  --hd-ink: #ededed;
  --hd-ink-2: #bfc3ba;
  --hd-accent: color-mix(in srgb, #9de072 var(--nc-vib-accent-mix), var(--hd-ink));
  --hd-paper: #0a0a0a;
  --hd-line: #ffffff14;
}

.nc-header[data-tone="dark"]:not([data-open]) {
  --hd-ink: #ededed;
  --hd-ink-2: #bfc3ba;
  --hd-accent: color-mix(in srgb, #9de072 var(--nc-vib-accent-mix), var(--hd-ink));
  --hd-paper: #0a0a0a;
  --hd-line: #ffffff1a;
}

.nc-header[data-overlay] {
  z-index: 150;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nc-header a {
  color: inherit;
  text-decoration: none;
}

.nc.nc-header button {
  min-height: 0;
  font: inherit;
  letter-spacing: inherit;
  text-transform: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  margin: 0;
}

.nc-header :is(a, button):focus-visible {
  outline: 2px solid var(--nc-accent);
  outline-offset: 2px;
}

.nc-header .nc-header-scope {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nc-header:before {
  content: "";
  z-index: -1;
  background: var(--hd-paper);
  box-shadow: 0 1px 0 var(--hd-line);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s;
  position: absolute;
  inset: 0;
}

.nc-header:not([data-overlay]):before, .nc-header[data-scrolled]:before {
  opacity: 1;
}

.nc-header:is(:not([data-overlay]), [data-scrolled]):not([data-open], [data-hidden]) {
  pointer-events: auto;
}

.nc-header:is([data-open], [data-hidden]):before {
  opacity: 0;
}

.nc-header .nc-header-bar {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  color: var(--hd-ink);
  transition: transform .6s var(--hd-io), opacity .3s, color .3s;
  align-items: center;
  gap: 30px;
  display: flex;
  position: relative;
}

.nc-header[data-hidden] .nc-header-bar {
  transform: translateY(-100%);
}

.nc-header[data-sheet] .nc-header-bar {
  opacity: 0;
  pointer-events: none;
}

.nc-header .nc-header-brand {
  border-radius: 6px;
  flex: none;
  align-items: center;
  padding: 4px 0;
  display: inline-flex;
}

.nc-header .nc-header-brand .nc-wordmark {
  --wm-line: 10;
  width: auto;
  height: 23px;
}

.nc-header[data-tone="dark"]:not([data-open]) .nc-header-brand .nc-wordmark {
  --wm-ink: #8fd566;
  --wm-fill: #1b2715;
}

.nc-header .nc-header-nav {
  gap: 24px;
  display: flex;
}

.nc-header .nc-header-nav a {
  color: var(--hd-ink-2);
  padding: 6px 0;
  font-size: 14.5px;
  font-weight: 400;
  transition: color .18s;
}

.nc-header .nc-header-nav a:is(:hover, :focus-visible) {
  color: var(--hd-ink);
}

.nc-header .nc-header-nav a[aria-current="page"] {
  color: var(--hd-accent);
  font-weight: 600;
}

.nc-header .nc-header-end {
  align-items: center;
  gap: 18px;
  margin-left: auto;
  display: flex;
}

.nc-header .nc-header-login {
  color: var(--hd-ink-2);
  padding: 6px 0;
  font-size: 14.5px;
  transition: color .18s, opacity .3s;
}

.nc-header .nc-header-login:is(:hover, :focus-visible) {
  color: var(--hd-ink);
  text-underline-offset: 5px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.nc-header .nc-header-login[aria-current="page"] {
  color: var(--hd-accent);
  font-weight: 600;
}

.nc-header .nc-header-login[data-pending] {
  opacity: 0;
}

.nc-header .nc-lang {
  font: 400 13.5px/1 var(--nc-font-sans);
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.nc-header .nc-lang button {
  color: var(--hd-ink-2);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 6px 1px;
  transition: color .18s;
}

.nc-header .nc-lang button:hover {
  color: var(--hd-ink);
}

.nc-header .nc-lang button[aria-pressed="true"] {
  color: var(--hd-ink);
  font-weight: 600;
}

.nc-header .nc-lang-dot {
  color: var(--hd-ink-2);
  opacity: .7;
}

.nc-header .nc-theme {
  width: 32px;
  height: 32px;
  color: var(--hd-ink-2);
  cursor: pointer;
  transition: color .18s, transform .4s var(--hd-back);
  background: none;
  border: 0;
  border-radius: 50%;
  flex: none;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.nc-header .nc-theme:hover {
  color: var(--hd-ink);
  transform: rotate(12deg);
}

.nc-header .nc-theme:active {
  transform: scale(.92);
}

.nc-header .nc-theme-sun, .nc-header .nc-theme-moon {
  transition: transform .6s var(--hd-back), opacity .4s;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}

.nc-header .nc-theme-sun {
  background: currentColor;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  box-shadow: 0 -8px 0 -3.5px, 0 8px 0 -3.5px, 8px 0 0 -3.5px, -8px 0 0 -3.5px, 5.6px 5.6px 0 -3.5px, -5.6px -5.6px 0 -3.5px, 5.6px -5.6px 0 -3.5px, -5.6px 5.6px 0 -3.5px;
}

.nc-header .nc-theme-moon {
  opacity: 0;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  transform: translate(14px, -14px) rotate(-30deg);
  box-shadow: inset -4px -3px;
}

.nc-header .nc-theme[aria-pressed="true"] .nc-theme-sun {
  opacity: 0;
  transform: scale(.4) rotate(90deg);
}

.nc-header .nc-theme[aria-pressed="true"] .nc-theme-moon {
  opacity: 1;
  transform: none;
}

html.nc-theme-reveal::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}

html.nc-theme-reveal::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}

.nc-header .nc-header-burger {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  flex: none;
  width: 40px;
  height: 40px;
  padding: 0;
  display: none;
  position: relative;
}

.nc-header .nc-header-burger i {
  background: var(--hd-ink);
  height: 1.6px;
  transition: transform .5s var(--hd-back), background-color .3s;
  position: absolute;
  left: 10px;
  right: 10px;
}

.nc-header .nc-header-burger i:first-child {
  top: 16px;
}

.nc-header .nc-header-burger i:last-child {
  top: 22px;
}

.nc-header .nc-header-burger[aria-expanded="true"] i:first-child {
  transform: translateY(3px) rotate(45deg);
}

.nc-header .nc-header-burger[aria-expanded="true"] i:last-child {
  transform: translateY(-3px) rotate(-45deg);
}

.nc-header .nc-header-menu {
  z-index: -1;
  padding: 96px clamp(18px, 5vw, 40px) max(28px, env(safe-area-inset-bottom));
  overscroll-behavior: contain;
  background: var(--hd-paper);
  color: var(--hd-ink);
  pointer-events: auto;
  visibility: hidden;
  clip-path: inset(0 0 100%);
  transition: clip-path .7s var(--hd-io), visibility 0s linear .7s;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.nc-header[data-open] .nc-header-menu {
  visibility: visible;
  clip-path: inset(0);
  transition: clip-path .7s var(--hd-io), visibility 0s;
}

.nc-header .nc-header-menu-links {
  gap: 0;
  display: grid;
}

.nc-header .nc-header-menu-links a {
  border-bottom: 1px solid var(--hd-line);
  color: var(--hd-ink-2);
  font: 400 22px/1.25 var(--nc-font-sans);
  letter-spacing: 0;
  opacity: 0;
  transition: transform .6s var(--hd-back), opacity .4s, color .18s;
  padding: 14px 0;
  transform: translateY(16px);
}

.nc-header .nc-header-menu-links a:is(:hover, :focus-visible) {
  color: var(--hd-ink);
}

.nc-header .nc-header-menu-links a[aria-current="page"] {
  color: var(--hd-accent);
  font-weight: 600;
}

.nc-header[data-open] .nc-header-menu-links a {
  opacity: 1;
  transform: none;
}

.nc-header[data-open] .nc-header-menu-links a:nth-child(2) {
  transition-delay: 50ms;
}

.nc-header[data-open] .nc-header-menu-links a:nth-child(3) {
  transition-delay: .1s;
}

.nc-header[data-open] .nc-header-menu-links a:nth-child(4) {
  transition-delay: .15s;
}

.nc-header .nc-header-menu-foot {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding-top: 18px;
  display: flex;
}

.nc-header .nc-header-menu-foot .nc-header-login {
  margin-left: auto;
  font-size: 15px;
}

html[data-nc-menu], html[data-nc-menu] body {
  overflow: hidden;
}

@media (max-width: 1080px) {
  .nc-header .nc-header-nav, .nc-header .nc-header-bar .nc-header-login {
    display: none;
  }

  .nc-header .nc-header-burger {
    display: block;
  }
}

@media (max-width: 768px) {
  .nc-header {
    padding: 0 8px 0 16px;
  }

  .nc-header .nc-header-end {
    gap: 6px;
  }

  .nc-header .nc-header-bar .nc-lang {
    display: none;
  }
}

@media (min-width: 1081px) {
  .nc-header .nc-header-menu {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nc-header, .nc-header *, .nc-header :before {
    transition-duration: 1ms !important;
    transition-delay: 0s !important;
  }
}

/* [project]/src/styles/flow-background.css [app-client] (css) */
.zr-flow {
  z-index: 0;
  pointer-events: none;
  background: color-mix(in srgb, #eef6e2 var(--nc-vib-vivid-mix), #f2f5ec);
  position: fixed;
  inset: 0;
  overflow: hidden;
}

html[data-theme="dark"] .zr-flow {
  background: color-mix(in srgb, #040705 var(--nc-vib-vivid-mix), #090c0a);
}

.zr-flow canvas {
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .6s;
  display: none;
  position: absolute;
  inset: 0;
}

html[data-theme="dark"] .zr-flow canvas {
  display: block;
}

.zr-flow[data-drawn] canvas {
  opacity: 1;
}

html[data-theme="dark"] .zr-flow:after {
  content: "";
  background-image: var(--zr-flow-grain);
  opacity: .07;
  mix-blend-mode: screen;
  background-size: 160px 160px;
  position: absolute;
  inset: 0;
}

.zr-fields {
  position: absolute;
  inset: 0;
}

html[data-theme="dark"] .zr-fields {
  display: none;
}

.zr-fields i {
  will-change: transform;
  border-radius: 50%;
  width: 70%;
  height: 90%;
  animation: 46s ease-in-out infinite alternate zr-field-1;
  position: absolute;
}

.zr-fields i:first-child {
  background: radial-gradient(closest-side, var(--f), transparent);
  --f: color-mix(in srgb, #80e0529e var(--nc-vib-vivid-mix), #96cd7887);
  top: -25%;
  left: -15%;
}

.zr-fields i:nth-child(2) {
  background: radial-gradient(closest-side, var(--f), transparent);
  --f: color-mix(in srgb, #78ded68c var(--nc-vib-vivid-mix), #80c8d278);
  animation-name: zr-field-2;
  animation-duration: 58s;
  top: -10%;
  right: -18%;
}

.zr-fields i:nth-child(3) {
  background: radial-gradient(closest-side, var(--f), transparent);
  --f: color-mix(in srgb, #fcd6789e var(--nc-vib-vivid-mix), #eed29682);
  animation-name: zr-field-3;
  animation-duration: 52s;
  bottom: -45%;
  left: 20%;
}

.zr-fields i:nth-child(4) {
  background: radial-gradient(closest-side, var(--f), transparent);
  --f: color-mix(in srgb, #a8ec7099 var(--nc-vib-vivid-mix), #bee4a078);
  width: 50%;
  height: 70%;
  animation-name: zr-field-4;
  animation-duration: 40s;
  bottom: -30%;
  right: 5%;
}

@keyframes zr-field-1 {
  to {
    transform: translate(38%, 30%) scale(1.15);
  }
}

@keyframes zr-field-2 {
  to {
    transform: translate(-45%, 35%) scale(.9);
  }
}

@keyframes zr-field-3 {
  to {
    transform: translate(-30%, -40%) scale(1.2);
  }
}

@keyframes zr-field-4 {
  to {
    transform: translate(-60%, -35%) scale(1.1);
  }
}

html[data-motion="off"] .zr-fields i {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .zr-fields i {
    animation: none;
  }
}

/* [project]/src/styles/splash.css [app-client] (css) */
#zr-splash {
  --zr-ink: #2f7a1f;
  --zr-fill: #e9f5df;
  --zr-leaf: #8fd566;
  --zr-teal: #3dd1bc;
  --zr-track: #17201214;
  --zr-delay: .3s;
  z-index: 2147483000;
  background: var(--nc-bg, #f5f7f1);
  opacity: 0;
  pointer-events: none;
  visibility: visible;
  animation: zr-splash-in .2s ease-out var(--zr-delay) forwards, zr-splash-out .35s ease-in 1.5s forwards;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
}

html[data-theme="dark"] #zr-splash {
  --zr-ink: #8fd566;
  --zr-fill: #161616;
  --zr-track: #ffffff14;
}

html.zr-ready #zr-splash {
  animation: none;
}

#zr-splash[data-state="idle"] {
  display: none;
}

html.zr-ready #zr-splash[data-state="wait"] {
  animation: zr-splash-in .2s ease-out var(--zr-delay) forwards;
}

@keyframes zr-splash-in {
  to {
    opacity: 1;
  }
}

@keyframes zr-splash-out {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

#zr-splash .zr-splash-art {
  justify-items: center;
  gap: 18px;
  display: grid;
  position: relative;
}

#zr-splash .zr-splash-mark {
  width: min(300px, 64vw);
  height: auto;
  overflow: visible;
}

#zr-splash .zr-splash-mark path {
  stroke: var(--zr-ink);
  stroke-width: 9px;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1px;
  fill-opacity: 0;
  animation: zr-trace .7s cubic-bezier(.6, 0, .3, 1) calc(var(--zr-delay) + var(--i) * 70ms) forwards, zr-fill .35s ease-out calc(var(--zr-delay) + .6s + var(--i) * 70ms) forwards;
}

#zr-splash .solid {
  fill: var(--zr-ink);
}

#zr-splash .line {
  fill: var(--zr-fill);
  stroke-width: 11px;
}

@keyframes zr-trace {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes zr-fill {
  to {
    fill-opacity: 1;
  }
}

#zr-splash .zr-splash-mark {
  animation: zr-breathe 2.2s ease-in-out calc(var(--zr-delay) + 1.6s) infinite;
}

@keyframes zr-breathe {
  50% {
    transform: scale(1.025);
  }
}

#zr-splash .zr-splash-burst {
  position: absolute;
  top: 34%;
  left: 31%;
  overflow: visible;
}

#zr-splash .zr-splash-burst path {
  fill: var(--zr-leaf);
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: zr-leaf 1.1s cubic-bezier(.2, .7, .3, 1) calc(var(--zr-delay) + 1.15s + var(--i) * 30ms) infinite;
}

#zr-splash .zr-splash-burst path:nth-child(3n) {
  fill: var(--zr-ink);
}

#zr-splash .zr-splash-burst path:nth-child(4n) {
  fill: var(--zr-teal);
}

@keyframes zr-leaf {
  0% {
    opacity: 0;
    transform: rotate(var(--a)) translateX(0) scale(.3);
  }

  18% {
    opacity: 1;
  }

  70% {
    opacity: .9;
  }

  100% {
    opacity: 0;
    transform: rotate(var(--a)) translateX(var(--d)) rotate(160deg) scale(1);
  }
}

#zr-splash .zr-splash-bar {
  background: var(--zr-track);
  border-radius: 2px;
  width: 160px;
  height: 3px;
  display: block;
  overflow: hidden;
}

#zr-splash .zr-splash-bar i {
  border-radius: inherit;
  background: var(--zr-ink);
  width: 40%;
  height: 100%;
  animation: zr-slide 1.1s ease-in-out var(--zr-delay) infinite;
  display: block;
}

@keyframes zr-slide {
  from {
    transform: translateX(-110%);
  }

  to {
    transform: translateX(260%);
  }
}

@media (prefers-reduced-motion: reduce) {
  #zr-splash .zr-splash-mark, #zr-splash .zr-splash-mark path {
    stroke-dashoffset: 0;
    fill-opacity: 1;
    animation: none;
  }

  #zr-splash .zr-splash-burst, #zr-splash .zr-splash-bar {
    display: none;
  }
}

html[data-motion="off"] #zr-splash .zr-splash-mark, html[data-motion="off"] #zr-splash .zr-splash-mark path {
  stroke-dashoffset: 0;
  fill-opacity: 1;
  animation: none;
}

html[data-motion="off"] #zr-splash .zr-splash-burst, html[data-motion="off"] #zr-splash .zr-splash-bar {
  display: none;
}

/*# sourceMappingURL=src_18n4i_sxu_19a._.css.map*/