/* [next]/internal/font/google/inter_19d2945c.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.0wxq9webf.ew4.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.p.16ipb6fqu393i.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_19d2945c-module__e4KC9a__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_19d2945c-module__e4KC9a__variable {
  --font-sans: "Inter", "Inter Fallback";
}

/* [project]/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-sans), ui-sans-serif, system-ui, 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-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  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::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

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;
}

:root {
  --background: 0 0% 100%;
  --foreground: 222 47% 11%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;
  --popover: 0 0% 100%;
  --popover-foreground: 222 47% 11%;
  --primary: 165 95% 41%;
  --primary-foreground: 222 47% 11%;
  --secondary: 220 14% 96%;
  --secondary-foreground: 222 47% 11%;
  --muted: 220 14% 96%;
  --muted-foreground: 220 9% 46%;
  --accent: 220 14% 96%;
  --accent-foreground: 222 47% 11%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 210 40% 98%;
  --success: 142 71% 45%;
  --success-foreground: 0 0% 100%;
  --warning: 38 92% 50%;
  --warning-foreground: 222 47% 11%;
  --border: 220 13% 91%;
  --input: 220 13% 91%;
  --ring: 165 95% 41%;
  --brand: 165 95% 41%;
  --brand-glow: 175 95% 50%;
  --bull: 142 71% 45%;
  --bear: 0 75% 60%;
  --radius: .75rem;
}

.dark {
  --background: 240 7% 10%;
  --foreground: 240 5% 95%;
  --card: 240 6% 13%;
  --card-foreground: 240 5% 95%;
  --popover: 240 6% 13%;
  --popover-foreground: 240 5% 95%;
  --primary: 42 70% 65%;
  --primary-foreground: 38 25% 14%;
  --secondary: 240 6% 14%;
  --secondary-foreground: 240 5% 95%;
  --muted: 240 6% 14%;
  --muted-foreground: 240 5% 65%;
  --accent: 240 6% 16%;
  --accent-foreground: 240 5% 95%;
  --destructive: 14 75% 58%;
  --destructive-foreground: 0 0% 98%;
  --success: 155 50% 60%;
  --success-foreground: 240 7% 10%;
  --warning: 75 55% 65%;
  --warning-foreground: 240 7% 10%;
  --border: 240 6% 21%;
  --input: 240 6% 14%;
  --ring: 42 70% 65%;
  --brand: 42 70% 65%;
  --brand-glow: 70 65% 60%;
  --bull: 155 50% 60%;
  --bear: 14 75% 58%;
}

* {
  border-color: hsl(var(--border));
}

html {
  scroll-behavior: smooth;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  font-feature-settings: "ss01", "cv11", "rlig", "calt";
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:focus-visible {
  box-shadow: 0 0 0 3px hsl(var(--ring) / .3);
  outline: none;
}

input:focus-visible, textarea:focus-visible, select:focus-visible, [contenteditable="true"]:focus-visible {
  border-color: hsl(var(--ring));
  box-shadow: none;
  outline: none;
}

::selection {
  background-color: hsl(var(--primary) / .3);
  color: hsl(var(--foreground));
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: hsl(var(--background));
}

::-webkit-scrollbar-thumb {
  background: hsl(var(--border));
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--muted-foreground));
}

blockquote {
  quotes: "„" "”" "‚" "'";
}

.\!container {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

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

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

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  font-size: 1.25em;
  line-height: 1.6;
}

.prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  font-weight: 500;
  text-decoration: underline;
}

.prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
  list-style-type: decimal;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
  list-style-type: disc;
}

.prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
  color: var(--tw-prose-counters);
  font-weight: 400;
}

.prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.25em;
  font-weight: 600;
}

.prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-quotes);
  border-inline-start-width: .25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "“""”""‘""’";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  font-style: italic;
  font-weight: 500;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 0;
  margin-bottom: .888889em;
  font-size: 2.25em;
  font-weight: 800;
  line-height: 1.11111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 900;
}

.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.33333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 800;
}

.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.6em;
  margin-bottom: .6em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 700;
}

.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.5em;
  margin-bottom: .5em;
  font-weight: 600;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 700;
}

.prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
  display: block;
}

.prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  padding-top: .1875em;
  padding-inline-end: .375em;
  padding-bottom: .1875em;
  border-radius: .3125rem;
  padding-inline-start: .375em;
  font-family: inherit;
  font-size: .875em;
  font-weight: 500;
}

.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-size: .875em;
  font-weight: 600;
}

.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: .875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: .9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  padding-top: .857143em;
  padding-inline-end: 1.14286em;
  padding-bottom: .857143em;
  border-radius: .375rem;
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
  padding-inline-start: 1.14286em;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.71429;
  overflow-x: auto;
}

.prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  table-layout: auto;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: .875em;
  line-height: 1.71429;
}

.prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  vertical-align: bottom;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
  font-weight: 600;
}

.prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  text-align: start;
}

.prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  margin-top: .857143em;
  font-size: .875em;
  line-height: 1.42857;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: #1118271a;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: #ffffff1a;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: #00000080;
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  margin-bottom: .5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: .375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .571429em;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-sm {
  font-size: .875rem;
  line-height: 1.71429;
}

.prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
  margin-bottom: 1.14286em;
}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .888889em;
  margin-bottom: .888889em;
  font-size: 1.28571em;
  line-height: 1.55556;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.33333em;
  margin-bottom: 1.33333em;
  padding-inline-start: 1.11111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: .8em;
  font-size: 2.14286em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.6em;
  margin-bottom: .8em;
  font-size: 1.42857em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.55556em;
  margin-bottom: .444444em;
  font-size: 1.28571em;
  line-height: 1.55556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.42857em;
  margin-bottom: .571429em;
  line-height: 1.42857;
}

.prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
}

.prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
}

.prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .142857em;
  padding-inline-end: .357143em;
  padding-bottom: .142857em;
  border-radius: .3125rem;
  padding-inline-start: .357143em;
  font-size: .857143em;
}

.prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .857143em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .666667em;
  padding-inline-end: 1em;
  padding-bottom: .666667em;
  border-radius: .25rem;
  margin-top: 1.66667em;
  margin-bottom: 1.66667em;
  padding-inline-start: 1em;
  font-size: .857143em;
  line-height: 1.66667;
}

.prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
  margin-bottom: 1.14286em;
  padding-inline-start: 1.57143em;
}

.prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .285714em;
  margin-bottom: .285714em;
}

.prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: .428571em;
}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .571429em;
  margin-bottom: .571429em;
}

.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
}

.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.14286em;
}

.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
}

.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.14286em;
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .571429em;
  margin-bottom: .571429em;
}

.prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
  margin-bottom: 1.14286em;
}

.prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.14286em;
}

.prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .285714em;
  padding-inline-start: 1.57143em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2.85714em;
  margin-bottom: 2.85714em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .857143em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 1em;
  padding-bottom: .666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .666667em;
  padding-inline-end: 1em;
  padding-bottom: .666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
}

.prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .666667em;
  font-size: .857143em;
  line-height: 1.33333;
}

.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-base {
  font-size: 1rem;
  line-height: 1.75;
}

.prose-base :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-base :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  font-size: 1.25em;
  line-height: 1.6;
}

.prose-base :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose-base :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: .888889em;
  font-size: 2.25em;
  line-height: 1.11111;
}

.prose-base :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.5em;
  line-height: 1.33333;
}

.prose-base :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.6em;
  margin-bottom: .6em;
  font-size: 1.25em;
  line-height: 1.6;
}

.prose-base :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.5em;
  margin-bottom: .5em;
  line-height: 1.5;
}

.prose-base :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-base :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .1875em;
  padding-inline-end: .375em;
  padding-bottom: .1875em;
  border-radius: .3125rem;
  padding-inline-start: .375em;
  font-size: .875em;
}

.prose-base :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .875em;
}

.prose-base :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .9em;
}

.prose-base :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .857143em;
  padding-inline-end: 1.14286em;
  padding-bottom: .857143em;
  border-radius: .375rem;
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
  padding-inline-start: 1.14286em;
  font-size: .875em;
  line-height: 1.71429;
}

.prose-base :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose-base :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  margin-bottom: .5em;
}

.prose-base :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: .375em;
}

.prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose-base :where(.prose-base > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(.prose-base > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-base :where(.prose-base > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(.prose-base > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose-base :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-base :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-base :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  padding-inline-start: 1.625em;
}

.prose-base :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose-base :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .875em;
  line-height: 1.71429;
}

.prose-base :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
}

.prose-base :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-base :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .571429em;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
}

.prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-base :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-base :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-base :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .857143em;
  font-size: .875em;
  line-height: 1.42857;
}

.prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-invert {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

.text-gradient {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(var(--brand)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--brand-glow)) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

.badge-bull {
  border-radius: calc(var(--radius) - 2px);
  background-color: hsl(var(--bull) / .1);
  color: hsl(var(--bull));
  --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(1px + 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);
  --tw-ring-color: hsl(var(--bull) / .2);
  align-items: center;
  gap: .25rem;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  display: inline-flex;
}

.badge-bear {
  border-radius: calc(var(--radius) - 2px);
  background-color: hsl(var(--bear) / .1);
  color: hsl(var(--bear));
  --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(1px + 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);
  --tw-ring-color: hsl(var(--bear) / .2);
  align-items: center;
  gap: .25rem;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  display: inline-flex;
}

.prose-financial {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose-financial :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-financial :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  font-size: 1.25em;
  line-height: 1.6;
}

.prose-financial :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  font-weight: 500;
  text-decoration: underline;
}

.prose-financial :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose-financial :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose-financial :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
  list-style-type: decimal;
}

.prose-financial :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose-financial :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose-financial :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose-financial :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose-financial :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose-financial :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose-financial :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose-financial :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose-financial :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose-financial :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
  list-style-type: disc;
}

.prose-financial :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
  color: var(--tw-prose-counters);
  font-weight: 400;
}

.prose-financial :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose-financial :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.25em;
  font-weight: 600;
}

.prose-financial :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose-financial :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-quotes);
  border-inline-start-width: .25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "“""”""‘""’";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  font-style: italic;
  font-weight: 500;
}

.prose-financial :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
  content: open-quote;
}

.prose-financial :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: close-quote;
}

.prose-financial :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 0;
  margin-bottom: .888889em;
  font-size: 2.25em;
  font-weight: 800;
  line-height: 1.11111;
}

.prose-financial :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 900;
}

.prose-financial :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.33333;
}

.prose-financial :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 800;
}

.prose-financial :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.6em;
  margin-bottom: .6em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.prose-financial :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 700;
}

.prose-financial :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.5em;
  margin-bottom: .5em;
  font-weight: 600;
  line-height: 1.5;
}

.prose-financial :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 700;
}

.prose-financial :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-financial :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
  display: block;
}

.prose-financial :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-financial :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  padding-top: .1875em;
  padding-inline-end: .375em;
  padding-bottom: .1875em;
  border-radius: .3125rem;
  padding-inline-start: .375em;
  font-family: inherit;
  font-size: .875em;
  font-weight: 500;
}

.prose-financial :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-size: .875em;
  font-weight: 600;
}

.prose-financial :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose-financial :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: "`";
}

.prose-financial :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose-financial :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: .875em;
}

.prose-financial :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: .9em;
}

.prose-financial :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose-financial :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  padding-top: .857143em;
  padding-inline-end: 1.14286em;
  padding-bottom: .857143em;
  border-radius: .375rem;
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
  padding-inline-start: 1.14286em;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.71429;
  overflow-x: auto;
}

.prose-financial :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.prose-financial :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose-financial :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: none;
}

.prose-financial :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  table-layout: auto;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: .875em;
  line-height: 1.71429;
}

.prose-financial :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose-financial :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  vertical-align: bottom;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
  font-weight: 600;
}

.prose-financial :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose-financial :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose-financial :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose-financial :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose-financial :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: top;
}

.prose-financial :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  text-align: start;
}

.prose-financial :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-financial :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  margin-top: .857143em;
  font-size: .875em;
  line-height: 1.42857;
}

.prose-financial {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: #1118271a;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: #ffffff1a;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: #00000080;
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose-financial :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-financial :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  margin-bottom: .5em;
}

.prose-financial :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: .375em;
}

.prose-financial :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose-financial :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-financial :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-financial :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-financial :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-financial :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose-financial :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-financial :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  padding-inline-start: 1.625em;
}

.prose-financial :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-financial :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-financial :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-financial :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-financial :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .571429em;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
}

.prose-financial :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-financial :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-financial :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-financial :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-financial :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-financial {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  max-width: none;
}

.prose-financial img.discord-emoji {
  vertical-align: -.2em;
  cursor: default;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  max-width: 1.4em;
  height: 1.2em;
  max-height: 1.4em;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  margin: 0 .1em;
  display: inline;
}

.prose-financial img.discord-emoji:hover {
  filter: none;
  box-shadow: none;
}

.prose-financial img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  cursor: zoom-in;
  border-radius: 8px;
  width: auto;
  max-width: 100%;
  max-height: 500px;
}

@media (max-width: 640px) {
  .prose-financial img {
    max-height: 380px;
  }
}

.prose-financial :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  letter-spacing: -.025em;
  font-weight: 700;
}

.prose-financial :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.prose-financial :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.prose-financial :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.prose-financial :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  line-height: 1.625;
}

.prose-financial :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: hsl(var(--brand));
  text-decoration-line: none;
}

.prose-financial :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)):hover {
  text-decoration-line: underline;
}

.prose-financial :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-left-color: hsl(var(--brand));
  background-color: hsl(var(--card));
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-style: normal;
}

.prose-financial :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: hsl(var(--foreground));
  font-weight: 600;
}

.prose-financial :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  background-color: hsl(var(--secondary));
  color: hsl(var(--brand));
  border-radius: .25rem;
  padding: .125rem .25rem;
}

.prose-financial :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose-financial :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  --tw-content: none;
  content: var(--tw-content);
}

.prose-financial :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-width: 1px;
  border-color: hsl(var(--border));
  background-color: hsl(var(--secondary));
}

.prose-financial :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-radius: var(--radius);
  border-width: 1px;
  border-color: hsl(var(--border));
}

.prose-financial :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-color: hsl(var(--border));
}

.prose-summary {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose-summary :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-summary :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  font-size: 1.25em;
  line-height: 1.6;
}

.prose-summary :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  font-weight: 500;
  text-decoration: underline;
}

.prose-summary :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose-summary :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose-summary :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
  list-style-type: decimal;
}

.prose-summary :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose-summary :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose-summary :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose-summary :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose-summary :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose-summary :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose-summary :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose-summary :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose-summary :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose-summary :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
  list-style-type: disc;
}

.prose-summary :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
  color: var(--tw-prose-counters);
  font-weight: 400;
}

.prose-summary :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose-summary :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.25em;
  font-weight: 600;
}

.prose-summary :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose-summary :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-quotes);
  border-inline-start-width: .25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "“""”""‘""’";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
  font-style: italic;
  font-weight: 500;
}

.prose-summary :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
  content: open-quote;
}

.prose-summary :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: close-quote;
}

.prose-summary :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 0;
  margin-bottom: .888889em;
  font-size: 2.25em;
  font-weight: 800;
  line-height: 1.11111;
}

.prose-summary :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 900;
}

.prose-summary :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.33333;
}

.prose-summary :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 800;
}

.prose-summary :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.6em;
  margin-bottom: .6em;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
}

.prose-summary :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 700;
}

.prose-summary :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  margin-top: 1.5em;
  margin-bottom: .5em;
  font-weight: 600;
  line-height: 1.5;
}

.prose-summary :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-weight: 700;
}

.prose-summary :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-summary :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
  display: block;
}

.prose-summary :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-summary :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  padding-top: .1875em;
  padding-inline-end: .375em;
  padding-bottom: .1875em;
  border-radius: .3125rem;
  padding-inline-start: .375em;
  font-family: inherit;
  font-size: .875em;
  font-weight: 500;
}

.prose-summary :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-size: .875em;
  font-weight: 600;
}

.prose-summary :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose-summary :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: "`";
}

.prose-summary :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose-summary :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: .875em;
}

.prose-summary :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: .9em;
}

.prose-summary :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}

.prose-summary :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  padding-top: .857143em;
  padding-inline-end: 1.14286em;
  padding-bottom: .857143em;
  border-radius: .375rem;
  margin-top: 1.71429em;
  margin-bottom: 1.71429em;
  padding-inline-start: 1.14286em;
  font-size: .875em;
  font-weight: 400;
  line-height: 1.71429;
  overflow-x: auto;
}

.prose-summary :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  background-color: #0000;
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.prose-summary :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose-summary :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: none;
}

.prose-summary :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  table-layout: auto;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: .875em;
  line-height: 1.71429;
}

.prose-summary :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose-summary :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  vertical-align: bottom;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
  font-weight: 600;
}

.prose-summary :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose-summary :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose-summary :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose-summary :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose-summary :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: top;
}

.prose-summary :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  text-align: start;
}

.prose-summary :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-summary :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  margin-top: .857143em;
  font-size: .875em;
  line-height: 1.42857;
}

.prose-summary {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: #1118271a;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: #ffffff1a;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: #00000080;
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose-summary :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-summary :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  margin-bottom: .5em;
}

.prose-summary :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: .375em;
}

.prose-summary :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose-summary :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-summary :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-summary :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose-summary :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose-summary :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .75em;
  margin-bottom: .75em;
}

.prose-summary :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose-summary :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: .5em;
  padding-inline-start: 1.625em;
}

.prose-summary :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-summary :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-summary :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-summary :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-summary :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .571429em;
  padding-inline-end: .571429em;
  padding-bottom: .571429em;
  padding-inline-start: .571429em;
}

.prose-summary :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-summary :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-summary :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose-summary :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-summary :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-summary {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  max-width: none;
}

.prose-summary img.discord-emoji {
  vertical-align: -.2em;
  cursor: default;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  max-width: 1.4em;
  height: 1.2em;
  max-height: 1.4em;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  margin: 0 .1em;
  display: inline;
}

.prose-summary img.discord-emoji:hover {
  filter: none;
  box-shadow: none;
}

.prose-summary img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  cursor: zoom-in;
  border-radius: 8px;
  width: auto;
  max-width: 100%;
  max-height: 500px;
}

@media (max-width: 640px) {
  .prose-summary img {
    max-height: 380px;
  }
}

.prose-summary :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  letter-spacing: -.025em;
  color: hsl(var(--foreground));
  font-weight: 600;
}

.prose-summary :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-color: hsl(var(--border) / .4);
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.prose-summary :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.prose-summary :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: hsl(var(--foreground) / .95);
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.625;
}

.prose-summary :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
  border-left-width: 4px;
  border-left-color: hsl(var(--brand));
  background-color: hsl(var(--card) / .5);
  color: hsl(var(--foreground) / .95);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  font-style: normal;
}

.prose-summary :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: hsl(var(--foreground));
  font-weight: 600;
}

.prose-summary :where(em):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: hsl(var(--foreground) / .9);
}

.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;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

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

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-x-3 {
  left: .75rem;
  right: .75rem;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.bottom-0 {
  bottom: 0;
}

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

.bottom-20 {
  bottom: 5rem;
}

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

.bottom-4 {
  bottom: 1rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0;
}

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

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

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

.left-4 {
  left: 1rem;
}

.right-0 {
  right: 0;
}

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

.right-16 {
  right: 4rem;
}

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

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

.right-4 {
  right: 1rem;
}

.right-6 {
  right: 1.5rem;
}

.top-0 {
  top: 0;
}

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

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

.top-10 {
  top: 2.5rem;
}

.top-14 {
  top: 3.5rem;
}

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

.top-20 {
  top: 5rem;
}

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

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

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

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

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

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

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

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

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

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

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

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

.row-span-2 {
  grid-row: span 2 / span 2;
}

.m-auto {
  margin: auto;
}

.-mx-1 {
  margin-left: -.25rem;
  margin-right: -.25rem;
}

.mx-0\.5 {
  margin-left: .125rem;
  margin-right: .125rem;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

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

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}

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

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

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

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

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.\!mb-0 {
  margin-bottom: 0 !important;
}

.\!mt-0 {
  margin-top: 0 !important;
}

.-mb-px {
  margin-bottom: -1px;
}

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

.-ml-px {
  margin-left: -1px;
}

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

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

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

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

.mb-10 {
  margin-bottom: 2.5rem;
}

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

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

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

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

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

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

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

.mb-7 {
  margin-bottom: 1.75rem;
}

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

.ml-0\.5 {
  margin-left: .125rem;
}

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

.ml-1\.5 {
  margin-left: .375rem;
}

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

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

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

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

.ml-6 {
  margin-left: 1.5rem;
}

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

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

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

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

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

.mr-3 {
  margin-right: .75rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

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

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

.mt-1\.5 {
  margin-top: .375rem;
}

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

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

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

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

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

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

.mt-3\.5 {
  margin-top: .875rem;
}

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

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

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

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

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

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

.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;
}

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

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

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

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

.contents {
  display: contents;
}

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

.hidden {
  display: none;
}

.aspect-\[1\.414\/1\] {
  aspect-ratio: 1.414;
}

.aspect-\[16\/10\] {
  aspect-ratio: 16 / 10;
}

.aspect-\[16\/6\] {
  aspect-ratio: 16 / 6;
}

.aspect-\[16\/9\] {
  aspect-ratio: 16 / 9;
}

.aspect-\[3\/1\] {
  aspect-ratio: 3;
}

.aspect-\[3\/4\] {
  aspect-ratio: 3 / 4;
}

.aspect-square {
  aspect-ratio: 1;
}

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

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}

.size-16 {
  width: 4rem;
  height: 4rem;
}

.size-3 {
  width: .75rem;
  height: .75rem;
}

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

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}

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

.size-full {
  width: 100%;
  height: 100%;
}

.h-0\.5 {
  height: .125rem;
}

.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-16 {
  height: 4rem;
}

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

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

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

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

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

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-60 {
  height: 15rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100vh-4rem\)\] {
  height: calc(100vh - 4rem);
}

.h-\[min\(80vh\,900px\)\] {
  height: min(80vh, 900px);
}

.h-auto {
  height: auto;
}

.h-fit {
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

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

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

.max-h-60 {
  max-height: 15rem;
}

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

.max-h-72 {
  max-height: 18rem;
}

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

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

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

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

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

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

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

.max-h-full {
  max-height: 100%;
}

.max-h-none {
  max-height: none;
}

.min-h-0 {
  min-height: 0;
}

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

.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-\[calc\(100vh-3\.5rem\)\] {
  min-height: calc(100vh - 3.5rem);
}

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

.w-1 {
  width: .25rem;
}

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

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

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

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

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

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

.w-2\/3 {
  width: 66.6667%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

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

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

.w-3\/4 {
  width: 75%;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

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

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

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

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

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

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

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

.w-\[88vw\] {
  width: 88vw;
}

.w-\[92vw\] {
  width: 92vw;
}

.w-\[95vw\] {
  width: 95vw;
}

.w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
  width: min(20rem, 100vw - 2rem);
}

.w-\[min\(480px\,calc\(100vw-32px\)\)\] {
  width: min(480px, 100vw - 32px);
}

.w-\[min\(560px\,calc\(100vw-32px\)\)\] {
  width: min(560px, 100vw - 32px);
}

.w-\[min\(90vw\,1200px\)\] {
  width: min(90vw, 1200px);
}

.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-\[1\.5rem\] {
  min-width: 1.5rem;
}

.min-w-\[10rem\] {
  min-width: 10rem;
}

.min-w-\[12rem\] {
  min-width: 12rem;
}

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

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

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

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

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

.min-w-\[3rem\] {
  min-width: 3rem;
}

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

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

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

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

.min-w-\[8rem\] {
  min-width: 8rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[88vw\] {
  max-width: 88vw;
}

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

.max-w-\[90vw\] {
  max-width: 90vw;
}

.max-w-\[95vw\] {
  max-width: 95vw;
}

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

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

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

.max-w-none {
  max-width: none;
}

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

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

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

.flex-1 {
  flex: 1;
}

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

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

.grow {
  flex-grow: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.-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));
}

.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));
}

.-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));
}

.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 ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

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

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

  0%, 100% {
    opacity: 1;
  }
}

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

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide-up {
  animation: .4s ease-out slide-up;
}

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

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

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-help {
  cursor: help;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.touch-none {
  touch-action: none;
}

.touch-manipulation {
  touch-action: manipulation;
}

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

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

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

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

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

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

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-\[10rem_1fr\] {
  grid-template-columns: 10rem 1fr;
}

.grid-cols-\[2fr_1fr\] {
  grid-template-columns: 2fr 1fr;
}

.grid-cols-\[40px_repeat\(24\,_1fr\)\] {
  grid-template-columns: 40px repeat(24, 1fr);
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

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

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

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

.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-start {
  justify-content: flex-start;
}

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

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

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

.gap-0 {
  gap: 0;
}

.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-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}

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

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

.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

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

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

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

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

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

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

.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-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * 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));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-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-\[hsl\(var\(--border\)\)\] > :not([hidden]) ~ :not([hidden]), .divide-border > :not([hidden]) ~ :not([hidden]) {
  border-color: hsl(var(--border));
}

.divide-slate-700\/50 > :not([hidden]) ~ :not([hidden]) {
  border-color: #33415580;
}

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

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

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

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

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

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

.text-balance {
  text-wrap: balance;
}

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

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

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

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

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

.rounded-\[calc\(var\(--radius-lg-2026\)-4px\)\] {
  border-radius: calc(var(--radius-lg-2026) - 4px);
}

.rounded-\[var\(--radius-lg-2026\)\] {
  border-radius: var(--radius-lg-2026);
}

.rounded-\[var\(--radius-xl-2026\)\] {
  border-radius: var(--radius-xl-2026);
}

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

.rounded-lg {
  border-radius: var(--radius);
}

.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}

.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}

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

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}

.rounded-l-xl {
  border-top-left-radius: .75rem;
  border-bottom-left-radius: .75rem;
}

.rounded-r-lg {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
}

.rounded-t-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.rounded-br-md {
  border-bottom-right-radius: calc(var(--radius) - 2px);
}

.rounded-tl-md {
  border-top-left-radius: calc(var(--radius) - 2px);
}

.border {
  border-width: 1px;
}

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

.border-2 {
  border-width: 2px;
}

.border-8 {
  border-width: 8px;
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

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

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

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

.border-l {
  border-left-width: 1px;
}

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

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

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

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

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

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

.border-\[\#2a2f36\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 47 54 / var(--tw-border-opacity, 1));
}

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

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

.border-\[hsl\(var\(--border\)\)\]\/50 {
  border-color: hsl(var(--border) / .5);
}

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

.border-\[hsl\(var\(--destructive\)\)\]\/30 {
  border-color: hsl(var(--destructive) / .3);
}

.border-\[hsl\(var\(--destructive\)\)\]\/40 {
  border-color: hsl(var(--destructive) / .4);
}

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

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

.border-\[hsl\(var\(--primary\)\)\]\/30 {
  border-color: hsl(var(--primary) / .3);
}

.border-\[hsl\(var\(--primary\)\)\]\/40 {
  border-color: hsl(var(--primary) / .4);
}

.border-\[hsl\(var\(--success\)\)\]\/30 {
  border-color: hsl(var(--success) / .3);
}

.border-\[hsl\(var\(--success\)\)\]\/40 {
  border-color: hsl(var(--success) / .4);
}

.border-\[hsl\(var\(--warning\,45_100\%_45\%\)\)\]\/40 {
  border-color: hsl(var(--warning, 45_100%_45%) / .4);
}

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

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

.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

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

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

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

.border-amber-500\/20 {
  border-color: #f59e0b33;
}

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

.border-amber-500\/40 {
  border-color: #f59e0b66;
}

.border-amber-500\/50 {
  border-color: #f59e0b80;
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.border-blue-500\/20 {
  border-color: #3b82f633;
}

.border-blue-500\/30 {
  border-color: #3b82f64d;
}

.border-blue-500\/40 {
  border-color: #3b82f666;
}

.border-border {
  border-color: hsl(var(--border));
}

.border-border\/50 {
  border-color: hsl(var(--border) / .5);
}

.border-border\/60 {
  border-color: hsl(var(--border) / .6);
}

.border-brand {
  border-color: hsl(var(--brand));
}

.border-brand\/20 {
  border-color: hsl(var(--brand) / .2);
}

.border-brand\/30 {
  border-color: hsl(var(--brand) / .3);
}

.border-brand\/40 {
  border-color: hsl(var(--brand) / .4);
}

.border-brand\/60 {
  border-color: hsl(var(--brand) / .6);
}

.border-bull\/40 {
  border-color: hsl(var(--bull) / .4);
}

.border-cyan-500\/15 {
  border-color: #06b6d426;
}

.border-cyan-500\/20 {
  border-color: #06b6d433;
}

.border-cyan-500\/30 {
  border-color: #06b6d44d;
}

.border-cyan-500\/40 {
  border-color: #06b6d466;
}

.border-destructive {
  border-color: hsl(var(--destructive));
}

.border-destructive\/30 {
  border-color: hsl(var(--destructive) / .3);
}

.border-destructive\/40 {
  border-color: hsl(var(--destructive) / .4);
}

.border-destructive\/50 {
  border-color: hsl(var(--destructive) / .5);
}

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

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

.border-emerald-500\/20 {
  border-color: #10b98133;
}

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

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

.border-emerald-500\/60 {
  border-color: #10b98199;
}

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

.border-fuchsia-500 {
  --tw-border-opacity: 1;
  border-color: rgb(217 70 239 / var(--tw-border-opacity, 1));
}

.border-fuchsia-500\/30 {
  border-color: #d946ef4d;
}

.border-green-300 {
  --tw-border-opacity: 1;
  border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}

.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.border-input {
  border-color: hsl(var(--input));
}

.border-muted {
  border-color: hsl(var(--muted));
}

.border-orange-500\/30 {
  border-color: #f973164d;
}

.border-orange-500\/40 {
  border-color: #f9731666;
}

.border-pink-500\/40 {
  border-color: #ec489966;
}

.border-primary {
  border-color: hsl(var(--primary));
}

.border-primary-foreground\/20 {
  border-color: hsl(var(--primary-foreground) / .2);
}

.border-primary\/30 {
  border-color: hsl(var(--primary) / .3);
}

.border-purple-300 {
  --tw-border-opacity: 1;
  border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}

.border-purple-500\/30 {
  border-color: #a855f74d;
}

.border-purple-500\/40 {
  border-color: #a855f766;
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

.border-red-500\/30 {
  border-color: #ef44444d;
}

.border-red-500\/40 {
  border-color: #ef444466;
}

.border-rose-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 164 175 / var(--tw-border-opacity, 1));
}

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

.border-rose-500\/30 {
  border-color: #f43f5e4d;
}

.border-rose-500\/40 {
  border-color: #f43f5e66;
}

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

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

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

.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

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

.border-violet-500 {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}

.border-violet-500\/20 {
  border-color: #8b5cf633;
}

.border-violet-500\/40 {
  border-color: #8b5cf666;
}

.border-warning\/30 {
  border-color: hsl(var(--warning) / .3);
}

.border-yellow-300 {
  --tw-border-opacity: 1;
  border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}

.border-yellow-500\/40 {
  border-color: #eab30866;
}

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

.bg-\[\#161a1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 26 30 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1a1e23\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 30 35 / var(--tw-bg-opacity, 1));
}

.bg-\[color-mix\(in_oklab\,oklch\(0\.65_0\.22_25\)_18\%\,transparent\)\] {
  background-color: #f941442e;
  background-color: lab(57.1752% 69.5963 43.0458 / .18);
}

.bg-\[color-mix\(in_oklab\,oklch\(0\.82_0\.16_80\)_16\%\,transparent\)\] {
  background-color: #fab72a29;
  background-color: lab(79.137% 16.9725 73.9414 / .16);
}

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

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

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

.bg-\[hsl\(var\(--background\)\)\]\/60 {
  background-color: hsl(var(--background) / .6);
}

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

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

.bg-\[hsl\(var\(--card\)\)\]\/30 {
  background-color: hsl(var(--card) / .3);
}

.bg-\[hsl\(var\(--card\)\)\]\/40 {
  background-color: hsl(var(--card) / .4);
}

.bg-\[hsl\(var\(--card\)\)\]\/60 {
  background-color: hsl(var(--card) / .6);
}

.bg-\[hsl\(var\(--card\)\)\]\/70 {
  background-color: hsl(var(--card) / .7);
}

.bg-\[hsl\(var\(--card\)\)\]\/80 {
  background-color: hsl(var(--card) / .8);
}

.bg-\[hsl\(var\(--card\)\)\]\/85 {
  background-color: hsl(var(--card) / .85);
}

.bg-\[hsl\(var\(--card\)\)\]\/90 {
  background-color: hsl(var(--card) / .9);
}

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

.bg-\[hsl\(var\(--destructive\)\)\]\/10 {
  background-color: hsl(var(--destructive) / .1);
}

.bg-\[hsl\(var\(--destructive\)\)\]\/15 {
  background-color: hsl(var(--destructive) / .15);
}

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

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

.bg-\[hsl\(var\(--muted\)\)\]\/20 {
  background-color: hsl(var(--muted) / .2);
}

.bg-\[hsl\(var\(--muted\)\)\]\/30 {
  background-color: hsl(var(--muted) / .3);
}

.bg-\[hsl\(var\(--muted\)\)\]\/40 {
  background-color: hsl(var(--muted) / .4);
}

.bg-\[hsl\(var\(--muted\)\)\]\/50 {
  background-color: hsl(var(--muted) / .5);
}

.bg-\[hsl\(var\(--muted-foreground\)\)\]\/40 {
  background-color: hsl(var(--muted-foreground) / .4);
}

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

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

.bg-\[hsl\(var\(--primary\)\)\]\/10 {
  background-color: hsl(var(--primary) / .1);
}

.bg-\[hsl\(var\(--primary\)\)\]\/15 {
  background-color: hsl(var(--primary) / .15);
}

.bg-\[hsl\(var\(--primary\)\)\]\/5 {
  background-color: hsl(var(--primary) / .05);
}

.bg-\[hsl\(var\(--primary-foreground\)\)\]\/20 {
  background-color: hsl(var(--primary-foreground) / .2);
}

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

.bg-\[hsl\(var\(--secondary\)\)\]\/30 {
  background-color: hsl(var(--secondary) / .3);
}

.bg-\[hsl\(var\(--secondary\)\)\]\/50 {
  background-color: hsl(var(--secondary) / .5);
}

.bg-\[hsl\(var\(--success\)\)\]\/10 {
  background-color: hsl(var(--success) / .1);
}

.bg-\[hsl\(var\(--success\)\)\]\/15 {
  background-color: hsl(var(--success) / .15);
}

.bg-\[hsl\(var\(--success\)\)\]\/5 {
  background-color: hsl(var(--success) / .05);
}

.bg-\[hsl\(var\(--warning\)\)\]\/10 {
  background-color: hsl(var(--warning) / .1);
}

.bg-\[hsl\(var\(--warning\,45_100\%_45\%\)\)\]\/10 {
  background-color: hsl(var(--warning, 45_100%_45%) / .1);
}

.bg-\[hsl\(var\(--warning\,45_100\%_45\%\)\)\]\/5 {
  background-color: hsl(var(--warning, 45_100%_45%) / .05);
}

.bg-\[oklch\(0\.235_0\.015_250\)\] {
  background-color: #191f25;
  background-color: lab(11.235% -1.39898 -5.24546);
}

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

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

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

.bg-accent {
  background-color: hsl(var(--accent));
}

.bg-accent\/20 {
  background-color: hsl(var(--accent) / .2);
}

.bg-accent\/30 {
  background-color: hsl(var(--accent) / .3);
}

.bg-accent\/40 {
  background-color: hsl(var(--accent) / .4);
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

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

.bg-amber-400\/10 {
  background-color: #fbbf241a;
}

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

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-50\/95 {
  background-color: #fffbebf2;
}

.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\/20 {
  background-color: #f59e0b33;
}

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

.bg-amber-500\/5 {
  background-color: #f59e0b0d;
}

.bg-amber-500\/90 {
  background-color: #f59e0be6;
}

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

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

.bg-amber-950\/40 {
  background-color: #451a0366;
}

.bg-background {
  background-color: hsl(var(--background));
}

.bg-background\/50 {
  background-color: hsl(var(--background) / .5);
}

.bg-background\/60 {
  background-color: hsl(var(--background) / .6);
}

.bg-background\/80 {
  background-color: hsl(var(--background) / .8);
}

.bg-background\/90 {
  background-color: hsl(var(--background) / .9);
}

.bg-background\/95 {
  background-color: hsl(var(--background) / .95);
}

.bg-bear\/15 {
  background-color: hsl(var(--bear) / .15);
}

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

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

.bg-black\/50 {
  background-color: #00000080;
}

.bg-black\/55 {
  background-color: #0000008c;
}

.bg-black\/60 {
  background-color: #0009;
}

.bg-black\/70 {
  background-color: #000000b3;
}

.bg-black\/85 {
  background-color: #000000d9;
}

.bg-black\/90 {
  background-color: #000000e6;
}

.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\/15 {
  background-color: #3b82f626;
}

.bg-blue-500\/20 {
  background-color: #3b82f633;
}

.bg-blue-500\/5 {
  background-color: #3b82f60d;
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-border {
  background-color: hsl(var(--border));
}

.bg-brand {
  background-color: hsl(var(--brand));
}

.bg-brand-glow\/10 {
  background-color: hsl(var(--brand-glow) / .1);
}

.bg-brand\/10 {
  background-color: hsl(var(--brand) / .1);
}

.bg-brand\/15 {
  background-color: hsl(var(--brand) / .15);
}

.bg-brand\/5 {
  background-color: hsl(var(--brand) / .05);
}

.bg-bull {
  background-color: hsl(var(--bull));
}

.bg-bull\/10 {
  background-color: hsl(var(--bull) / .1);
}

.bg-bull\/15 {
  background-color: hsl(var(--bull) / .15);
}

.bg-card {
  background-color: hsl(var(--card));
}

.bg-card\/30 {
  background-color: hsl(var(--card) / .3);
}

.bg-card\/40 {
  background-color: hsl(var(--card) / .4);
}

.bg-card\/50 {
  background-color: hsl(var(--card) / .5);
}

.bg-card\/60 {
  background-color: hsl(var(--card) / .6);
}

.bg-card\/80 {
  background-color: hsl(var(--card) / .8);
}

.bg-card\/95 {
  background-color: hsl(var(--card) / .95);
}

.bg-current {
  background-color: currentColor;
}

.bg-cyan-500\/20 {
  background-color: #06b6d433;
}

.bg-cyan-500\/5 {
  background-color: #06b6d40d;
}

.bg-destructive {
  background-color: hsl(var(--destructive));
}

.bg-destructive\/10 {
  background-color: hsl(var(--destructive) / .1);
}

.bg-destructive\/15 {
  background-color: hsl(var(--destructive) / .15);
}

.bg-destructive\/20 {
  background-color: hsl(var(--destructive) / .2);
}

.bg-destructive\/5 {
  background-color: hsl(var(--destructive) / .05);
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

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

.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\/20 {
  background-color: #10b98133;
}

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

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

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

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

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

.bg-fuchsia-500\/15 {
  background-color: #d946ef26;
}

.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-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

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

.bg-indigo-500\/10 {
  background-color: #6366f11a;
}

.bg-muted {
  background-color: hsl(var(--muted));
}

.bg-muted-foreground\/30 {
  background-color: hsl(var(--muted-foreground) / .3);
}

.bg-muted-foreground\/40 {
  background-color: hsl(var(--muted-foreground) / .4);
}

.bg-muted\/10 {
  background-color: hsl(var(--muted) / .1);
}

.bg-muted\/20 {
  background-color: hsl(var(--muted) / .2);
}

.bg-muted\/30 {
  background-color: hsl(var(--muted) / .3);
}

.bg-muted\/40 {
  background-color: hsl(var(--muted) / .4);
}

.bg-muted\/50 {
  background-color: hsl(var(--muted) / .5);
}

.bg-muted\/70 {
  background-color: hsl(var(--muted) / .7);
}

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

.bg-orange-500\/20 {
  background-color: #f9731633;
}

.bg-orange-500\/5 {
  background-color: #f973160d;
}

.bg-pink-500\/20 {
  background-color: #ec489933;
}

.bg-popover {
  background-color: hsl(var(--popover));
}

.bg-primary {
  background-color: hsl(var(--primary));
}

.bg-primary-foreground\/15 {
  background-color: hsl(var(--primary-foreground) / .15);
}

.bg-primary\/10 {
  background-color: hsl(var(--primary) / .1);
}

.bg-primary\/5 {
  background-color: hsl(var(--primary) / .05);
}

.bg-purple-500\/10 {
  background-color: #a855f71a;
}

.bg-purple-500\/20 {
  background-color: #a855f733;
}

.bg-purple-500\/5 {
  background-color: #a855f70d;
}

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

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

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.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\/15 {
  background-color: #ef444426;
}

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

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

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

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

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

.bg-rose-500\/5 {
  background-color: #f43f5e0d;
}

.bg-rose-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
}

.bg-secondary {
  background-color: hsl(var(--secondary));
}

.bg-secondary\/30 {
  background-color: hsl(var(--secondary) / .3);
}

.bg-secondary\/40 {
  background-color: hsl(var(--secondary) / .4);
}

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

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

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-slate-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

.bg-slate-700\/50 {
  background-color: #33415580;
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-slate-800\/20 {
  background-color: #1e293b33;
}

.bg-slate-800\/30 {
  background-color: #1e293b4d;
}

.bg-slate-800\/40 {
  background-color: #1e293b66;
}

.bg-slate-800\/60 {
  background-color: #1e293b99;
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-slate-900\/40 {
  background-color: #0f172a66;
}

.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

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

.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

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

.bg-violet-500\/15 {
  background-color: #8b5cf626;
}

.bg-violet-500\/5 {
  background-color: #8b5cf60d;
}

.bg-warning\/10 {
  background-color: hsl(var(--warning) / .1);
}

.bg-warning\/15 {
  background-color: hsl(var(--warning) / .15);
}

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

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

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

.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}

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

.bg-yellow-50\/50 {
  background-color: #fefce880;
}

.bg-yellow-500\/10 {
  background-color: #eab3081a;
}

.bg-yellow-500\/20 {
  background-color: #eab30833;
}

.bg-yellow-500\/5 {
  background-color: #eab3080d;
}

.bg-gradient-brand {
  background-image: linear-gradient(135deg, hsl(var(--brand)) 0%, hsl(var(--brand-glow)) 100%);
}

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

.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-\[hsl\(var\(--background\)\)\] {
  --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-400\/30 {
  --tw-gradient-from: #fbbf244d var(--tw-gradient-from-position);
  --tw-gradient-to: #fbbf2400 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-500 {
  --tw-gradient-from: #f59e0b 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-amber-500\/10 {
  --tw-gradient-from: #f59e0b1a 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-amber-500\/15 {
  --tw-gradient-from: #f59e0b26 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-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-amber-500\/\[0\.07\] {
  --tw-gradient-from: #f59e0b12 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\/10 {
  --tw-gradient-from: #0000001a 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-blue-500\/5 {
  --tw-gradient-from: #3b82f60d 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-brand\/20 {
  --tw-gradient-from: hsl(var(--brand) / .2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--brand) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-card {
  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-400\/25 {
  --tw-gradient-from: #34d39940 var(--tw-gradient-from-position);
  --tw-gradient-to: #34d39900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-500\/10 {
  --tw-gradient-from: #10b9811a 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-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-emerald-500\/5 {
  --tw-gradient-from: #10b9810d 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-pink-500\/10 {
  --tw-gradient-from: #ec48991a var(--tw-gradient-from-position);
  --tw-gradient-to: #ec489900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary {
  --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/5 {
  --tw-gradient-from: hsl(var(--primary) / .05) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-950 {
  --tw-gradient-from: #020617 var(--tw-gradient-from-position);
  --tw-gradient-to: #02061700 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);
}

.from-violet-400\/25 {
  --tw-gradient-from: #a78bfa40 var(--tw-gradient-from-position);
  --tw-gradient-to: #a78bfa00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-500\/20 {
  --tw-gradient-from: #8b5cf633 var(--tw-gradient-from-position);
  --tw-gradient-to: #8b5cf600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[hsl\(var\(--background\)\)\]\/80 {
  --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / .8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[hsl\(var\(--card\)\)\] {
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

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

.via-black\/30 {
  --tw-gradient-to: #0000  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0000004d var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-card {
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-card\/70 {
  --tw-gradient-to: hsl(var(--card) / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / .7) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-orange-500\/10 {
  --tw-gradient-to: #f9731600  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f973161a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-slate-900 {
  --tw-gradient-to: #0f172a00  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

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

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

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

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

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

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

.to-emerald-500 {
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}

.to-emerald-500\/10 {
  --tw-gradient-to: #10b9811a var(--tw-gradient-to-position);
}

.to-fuchsia-500 {
  --tw-gradient-to: #d946ef var(--tw-gradient-to-position);
}

.to-fuchsia-500\/10 {
  --tw-gradient-to: #d946ef1a var(--tw-gradient-to-position);
}

.to-fuchsia-500\/20 {
  --tw-gradient-to: #d946ef33 var(--tw-gradient-to-position);
}

.to-orange-500 {
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}

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

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

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

.to-primary\/85 {
  --tw-gradient-to: hsl(var(--primary) / .85) var(--tw-gradient-to-position);
}

.to-purple-500\/10 {
  --tw-gradient-to: #a855f71a var(--tw-gradient-to-position);
}

.to-slate-800 {
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}

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

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

.to-violet-500\/10 {
  --tw-gradient-to: #8b5cf61a var(--tw-gradient-to-position);
}

.to-yellow-500\/10 {
  --tw-gradient-to: #eab3081a var(--tw-gradient-to-position);
}

.to-yellow-500\/15 {
  --tw-gradient-to: #eab30826 var(--tw-gradient-to-position);
}

.fill-amber-400 {
  fill: #fbbf24;
}

.fill-current {
  fill: currentColor;
}

.fill-yellow-400 {
  fill: #facc15;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

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

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

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

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

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-16 {
  padding: 4rem;
}

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

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

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

.p-3\.5 {
  padding: .875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

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

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

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

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.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-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem;
}

.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;
}

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

.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-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;
}

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

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

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

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

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

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

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

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

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\] {
  padding-bottom: max(12px, env(safe-area-inset-bottom));
}

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

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

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

.pl-2 {
  padding-left: .5rem;
}

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

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

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

.pr-10 {
  padding-right: 2.5rem;
}

.pr-2 {
  padding-right: .5rem;
}

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

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

.pr-7 {
  padding-right: 1.75rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pt-0 {
  padding-top: 0;
}

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

.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;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

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

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

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

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

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

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

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

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
}

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

.font-serif {
  font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, 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-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

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

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

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

.text-\[12\.5px\] {
  font-size: 12.5px;
}

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

.text-\[13\.5px\] {
  font-size: 13.5px;
}

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

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

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

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

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

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

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

.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-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;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.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-none {
  line-height: 1;
}

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

.leading-snug {
  line-height: 1.375;
}

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

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

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

.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-\[color\:var\(--ms-text\)\] {
  color: var(--ms-text);
}

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

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

.text-\[hsl\(var\(--card-foreground\)\)\] {
  color: hsl(var(--card-foreground));
}

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

.text-\[hsl\(var\(--destructive-foreground\)\)\] {
  color: hsl(var(--destructive-foreground));
}

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

.text-\[hsl\(var\(--foreground\)\)\]\/80 {
  color: hsl(var(--foreground) / .8);
}

.text-\[hsl\(var\(--foreground\)\)\]\/90 {
  color: hsl(var(--foreground) / .9);
}

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

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

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

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

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

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

.text-\[hsl\(var\(--warning\,45_100\%_45\%\)\)\] {
  color: hsl(var(--warning, 45 100% 45%));
}

.text-\[oklch\(0\.65_0\.22_25\)\] {
  color: #f94144;
  color: lab(57.1752% 69.5963 43.0458);
}

.text-\[oklch\(0\.7_0\.012_250\)\] {
  color: #999fa6;
  color: lab(65.1887% -1.28675 -4.27156);
}

.text-\[oklch\(0\.82_0\.16_80\)\] {
  color: #fab72a;
  color: lab(79.137% 16.9725 73.9414);
}

.text-\[oklch\(0\.96_0\.005_250\)\] {
  color: #eff2f5;
  color: lab(95.3562% -.55328 -1.78928);
}

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

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

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

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

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

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

.text-accent-foreground {
  color: hsl(var(--accent-foreground));
}

.text-amber-100 {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.text-amber-100\/80 {
  color: #fef3c7cc;
}

.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

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

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

.text-amber-50 {
  --tw-text-opacity: 1;
  color: rgb(255 251 235 / var(--tw-text-opacity, 1));
}

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

.text-amber-500\/70 {
  color: #f59e0bb3;
}

.text-amber-500\/80 {
  color: #f59e0bcc;
}

.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-700\/90 {
  color: #b45309e6;
}

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

.text-amber-800\/80 {
  color: #92400ecc;
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}

.text-background {
  color: hsl(var(--background));
}

.text-bear {
  color: hsl(var(--bear));
}

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

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

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

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

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-brand {
  color: hsl(var(--brand));
}

.text-bull {
  color: hsl(var(--bull));
}

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

.text-destructive {
  color: hsl(var(--destructive));
}

.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}

.text-destructive\/80 {
  color: hsl(var(--destructive) / .8);
}

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

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

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / 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-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.text-emerald-950 {
  --tw-text-opacity: 1;
  color: rgb(2 44 34 / var(--tw-text-opacity, 1));
}

.text-foreground {
  color: hsl(var(--foreground));
}

.text-foreground\/80 {
  color: hsl(var(--foreground) / .8);
}

.text-foreground\/90 {
  color: hsl(var(--foreground) / .9);
}

.text-fuchsia-300 {
  --tw-text-opacity: 1;
  color: rgb(240 171 252 / var(--tw-text-opacity, 1));
}

.text-fuchsia-400 {
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity, 1));
}

.text-fuchsia-500 {
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

.text-muted-foreground\/40 {
  color: hsl(var(--muted-foreground) / .4);
}

.text-muted-foreground\/50 {
  color: hsl(var(--muted-foreground) / .5);
}

.text-muted-foreground\/70 {
  color: hsl(var(--muted-foreground) / .7);
}

.text-muted-foreground\/80 {
  color: hsl(var(--muted-foreground) / .8);
}

.text-muted\/30 {
  color: hsl(var(--muted) / .3);
}

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

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}

.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}

.text-primary {
  color: hsl(var(--primary));
}

.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}

.text-primary-foreground\/70 {
  color: hsl(var(--primary-foreground) / .7);
}

.text-primary\/60 {
  color: hsl(var(--primary) / .6);
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / 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-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

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

.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

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

.text-rose-900 {
  --tw-text-opacity: 1;
  color: rgb(136 19 55 / var(--tw-text-opacity, 1));
}

.text-sky-300 {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

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

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

.text-slate-100 {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

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

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

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / 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-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}

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

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

.text-warning {
  color: hsl(var(--warning));
}

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

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

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

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

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.decoration-\[hsl\(var\(--primary\)\)\]\/60 {
  -webkit-text-decoration-color: hsl(var(--primary) / .6);
  text-decoration-color: hsl(var(--primary) / .6);
}

.decoration-primary-foreground\/40 {
  -webkit-text-decoration-color: hsl(var(--primary-foreground) / .4);
  text-decoration-color: hsl(var(--primary-foreground) / .4);
}

.decoration-dotted {
  text-decoration-style: dotted;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

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

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

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

.accent-brand {
  accent-color: hsl(var(--brand));
}

.accent-emerald-500 {
  accent-color: #10b981;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.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_0_60px_rgba\(245\,158\,11\,0\.15\)\] {
  --tw-shadow: 0 0 60px #f59e0b26;
  --tw-shadow-colored: 0 0 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-card-hover {
  --tw-shadow: 0 8px 32px -8px hsl(var(--brand) / .2);
  --tw-shadow-colored: 0 8px 32px -8px 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-glow {
  --tw-shadow: 0 0 0 1px hsl(var(--brand) / .3), 0 4px 24px -4px hsl(var(--brand) / .4);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 4px 24px -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-glow-sm {
  --tw-shadow: 0 0 0 1px hsl(var(--brand) / .2), 0 2px 12px -2px hsl(var(--brand) / .25);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 12px -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);
}

.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-md {
  --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);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  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-xl {
  --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-500\/25 {
  --tw-shadow-color: #f59e0b40;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary\/20 {
  --tw-shadow-color: hsl(var(--primary) / .2);
  --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);
}

.ring-1 {
  --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(1px + 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);
}

.ring-2 {
  --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);
}

.ring-inset {
  --tw-ring-inset: inset;
}

.ring-\[color-mix\(in_oklab\,oklch\(0\.65_0\.22_25\)_35\%\,transparent\)\] {
  --tw-ring-color: #f9414459;
}

@supports (color: lab(0% 0 0)) {
  .ring-\[color-mix\(in_oklab\,oklch\(0\.65_0\.22_25\)_35\%\,transparent\)\] {
    --tw-ring-color: lab(57.1752% 69.5963 43.0458 / .35);
  }
}

.ring-\[color-mix\(in_oklab\,oklch\(0\.82_0\.16_80\)_30\%\,transparent\)\] {
  --tw-ring-color: #fab72a4d;
}

@supports (color: lab(0% 0 0)) {
  .ring-\[color-mix\(in_oklab\,oklch\(0\.82_0\.16_80\)_30\%\,transparent\)\] {
    --tw-ring-color: lab(79.137% 16.9725 73.9414 / .3);
  }
}

.ring-\[hsl\(var\(--background\)\)\] {
  --tw-ring-color: hsl(var(--background));
}

.ring-\[hsl\(var\(--primary\)\)\] {
  --tw-ring-color: hsl(var(--primary));
}

.ring-\[hsl\(var\(--primary\)\)\]\/20 {
  --tw-ring-color: hsl(var(--primary) / .2);
}

.ring-\[oklch\(0\.29_0\.015_250\)\] {
  --tw-ring-color: #262c33;
}

@supports (color: lab(0% 0 0)) {
  .ring-\[oklch\(0\.29_0\.015_250\)\] {
    --tw-ring-color: lab(17.6179% -1.45447 -5.26749);
  }
}

.ring-amber-500\/15 {
  --tw-ring-color: #f59e0b26;
}

.ring-amber-500\/30 {
  --tw-ring-color: #f59e0b4d;
}

.ring-background {
  --tw-ring-color: hsl(var(--background));
}

.ring-border {
  --tw-ring-color: hsl(var(--border));
}

.ring-brand\/20 {
  --tw-ring-color: hsl(var(--brand) / .2);
}

.ring-card {
  --tw-ring-color: hsl(var(--card));
}

.ring-destructive\/20 {
  --tw-ring-color: hsl(var(--destructive) / .2);
}

.ring-emerald-500\/20 {
  --tw-ring-color: #10b98133;
}

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

.ring-primary\/30 {
  --tw-ring-color: hsl(var(--primary) / .3);
}

.ring-primary\/40 {
  --tw-ring-color: hsl(var(--primary) / .4);
}

.ring-rose-500\/15 {
  --tw-ring-color: #f43f5e26;
}

.ring-violet-500\/20 {
  --tw-ring-color: #8b5cf633;
}

.ring-warning\/20 {
  --tw-ring-color: hsl(var(--warning) / .2);
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}

.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-\[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);
}

.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);
}

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

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

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

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

.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  -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-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, 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-\[background-color\,color\,box-shadow\] {
  transition-property: background-color, color, box-shadow;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

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

.transition-\[padding-left\] {
  transition-property: padding-left;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[width\] {
  transition-property: width;
  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-shadow {
  transition-property: box-shadow;
  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-150 {
  transition-duration: .15s;
}

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

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

.duration-700 {
  transition-duration: .7s;
}

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

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

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.animate-in {
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
  animation-name: enter;
  animation-duration: .15s;
}

.fade-in {
  --tw-enter-opacity: 0;
}

.zoom-in {
  --tw-enter-scale: 0;
}

.slide-in-from-bottom {
  --tw-enter-translate-y: 100%;
}

.slide-in-from-bottom-1 {
  --tw-enter-translate-y: .25rem;
}

.duration-150 {
  animation-duration: .15s;
}

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

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

.duration-700 {
  animation-duration: .7s;
}

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

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

.running {
  animation-play-state: running;
}

.paused {
  animation-play-state: paused;
}

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

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

.\[background-image\:radial-gradient\(circle_at_30\%_20\%\,rgba\(0\,245\,180\,0\.25\)\,transparent_60\%\)\,radial-gradient\(circle_at_70\%_80\%\,rgba\(64\,154\,255\,0\.18\)\,transparent_55\%\)\] {
  background-image: radial-gradient(circle at 30% 20%, #00f5b440, #0000 60%), radial-gradient(circle at 70% 80%, #409aff2e, #0000 55%);
}

.\[crypto-reconcile\:SWEEP\] {
  crypto-reconcile: SWEEP;
}

.\[crypto\:grant\] {
  crypto: grant;
}

.\[crypto\:matcher\] {
  crypto: matcher;
}

.\[og-image\:post\] {
  og-image: post;
}

.\[og-image\:profile\] {
  og-image: profile;
}

.\[og-image\:share-cikk\] {
  og-image: share-cikk;
}

.\[og-image\:share-post\] {
  og-image: share-post;
}

.\[sse\:crypto\] {
  sse: crypto;
}

html.ek-large-font {
  font-size: 18px;
}

html.ek-large-font body {
  line-height: 1.7;
}

.prose-financial img {
  cursor: zoom-in;
  margin: 1.75rem auto;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

.text-mode-large {
  font-size: 1.0625rem;
  line-height: 1.65;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

:root {
  --tk-long: #2ec97a;
  --tk-short: #fc4447;
  --tk-warn: #f2a618;
  --tk-accent: #fab72a;
  --tk-accent-deep: #e39000;
  --tk-accent-soft: color-mix(in oklab, var(--tk-accent) 18%, transparent);
  --tk-accent-glow: color-mix(in oklab, var(--tk-accent) 28%, transparent);
  --tk-accent-ink: #281600;
  --tk-blue: #2da6fa;
  --tk-purple: #be85f9;
  --tk-green: #2ec97a;
  --tk-orange: #fe860f;
  --tk-radius-sm: 8px;
  --tk-radius-md: 12px;
  --tk-radius-lg: 16px;
  --tk-radius-xl: 22px;
  --tk-pad-card: 22px;
  --tk-pad-card-y: 20px;
  --tk-gap-feed: 16px;
  --tk-row-h: 38px;
  --tk-avatar-md: 40px;
  --tk-post-title-size: 17px;
  --tk-post-body-size: 14.5px;
  --tk-post-body-leading: 1.55;
  --tk-tracking-cap: .04em;
  --tk-letter-spacing-display: -.025em;
  --tk-transition: .2s cubic-bezier(.2,.7,.3,1);
  --tk-transition-fast: .12s cubic-bezier(.2,.7,.3,1);
  --tk-transition-spring: .38s cubic-bezier(.16,1.1,.3,1);
  --tk-bg: #090e11;
  --tk-bg-elev: #101418;
  --tk-bg-card: #12181c;
  --tk-bg-soft: #161b20;
  --tk-bg-input: #0e1216;
  --tk-bg-hover: #191f24;
  --tk-bg-active: color-mix(in oklab, var(--tk-accent) 14%, transparent);
  --tk-border: #21272c;
  --tk-border-soft: #191e21;
  --tk-border-strong: #2f363c;
  --tk-text: #eff2f5;
  --tk-text-muted: #98a0a5;
  --tk-text-dim: #6c7378;
  --tk-shadow-sm: 0 1px 2px #0000000f;
  --tk-shadow-md: 0 4px 16px #00000014;
  --tk-shadow-lg: 0 12px 40px #0000002e;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --tk-long: lab(72.0369% -54.4859 28.1338);
    --tk-short: lab(58.3383% 69.5703 42.8339);
    --tk-warn: lab(74.3059% 21.7584 74.0995);
    --tk-accent: lab(79.137% 16.9725 73.9414);
    --tk-accent-deep: lab(67.0951% 28.6103 84.4444);
    --tk-accent-ink: lab(9.40381% 8.98444 16.8305);
    --tk-blue: lab(64.7188% -10.8973 -52.0531);
    --tk-purple: lab(65.0273% 38.5535 -50.1185);
    --tk-green: lab(72.0369% -54.4859 28.1338);
    --tk-orange: lab(68.8705% 42.4477 73.1367);
    --tk-bg: lab(3.70517% -.878364 -2.13724);
    --tk-bg-elev: lab(6.20425% -1.26427 -2.9783);
    --tk-bg-card: lab(7.79301% -1.7447 -3.88147);
    --tk-bg-soft: lab(9.53184% -1.82016 -3.88986);
    --tk-bg-input: lab(5.27539% -1.12788 -2.68247);
    --tk-bg-hover: lab(11.2727% -1.9691 -4.21291);
    --tk-border: lab(15.3334% -1.85275 -3.90374);
    --tk-border-soft: lab(10.6913% -1.54661 -3.25424);
    --tk-border-strong: lab(22.296% -2.16916 -4.55769);
    --tk-text: lab(95.3681% -.823021 -1.65217);
    --tk-text-muted: lab(65.2177% -1.93867 -3.94517);
    --tk-text-dim: lab(47.817% -1.92422 -3.93761);
  }
}

.tk-ticker-strip {
  border-bottom: 1px solid var(--tk-border);
  background: var(--tk-bg-elev);
  align-items: center;
  height: 36px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tk-ticker-strip:before, .tk-ticker-strip:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  width: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.tk-ticker-strip:before {
  background: linear-gradient(90deg, var(--tk-bg-elev), transparent);
  left: 0;
}

.tk-ticker-strip:after {
  background: linear-gradient(-90deg, var(--tk-bg-elev), transparent);
  right: 0;
}

.tk-ticker-label {
  font-family: var(--font-mono, ui-monospace, monospace);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--tk-text-dim);
  border-right: 1px solid var(--tk-border);
  z-index: 3;
  background: var(--tk-bg-elev);
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 0 14px;
  font-size: 10.5px;
  display: flex;
}

.tk-ticker-label .tk-pulse {
  background: var(--tk-long);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.6s ease-in-out infinite tk-pulse;
}

@keyframes tk-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(.85);
  }
}

.tk-ticker-track {
  white-space: nowrap;
  flex-shrink: 0;
  gap: 28px;
  padding: 0 24px;
  animation: 60s linear infinite tk-ticker-scroll;
  display: flex;
}

.tk-ticker-strip:hover .tk-ticker-track {
  animation-play-state: paused;
}

@keyframes tk-ticker-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.tk-ticker-item {
  font-family: var(--font-mono, ui-monospace, monospace);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.tk-ticker-item .sym {
  color: var(--tk-text);
  letter-spacing: .02em;
  font-weight: 600;
}

.tk-ticker-item .price {
  color: var(--tk-text-muted);
  font-variant-numeric: tabular-nums;
}

.tk-ticker-item .change {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.tk-ticker-item .change.up {
  color: var(--tk-long);
}

.tk-ticker-item .change.down {
  color: var(--tk-short);
}

.tk-post {
  background: var(--tk-bg-card);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius-lg);
  padding: var(--tk-pad-card-y) var(--tk-pad-card);
  transition: border-color var(--tk-transition), transform var(--tk-transition), box-shadow var(--tk-transition);
  animation: .38s cubic-bezier(.16, 1.1, .3, 1) both tk-post-in;
  position: relative;
  box-shadow: 0 2px 8px #0000000f;
}

@keyframes tk-post-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tk-post:hover {
  border-color: var(--tk-border-strong);
  transform: translateY(-2px);
  box-shadow: 0 12px 32px #00000029;
}

@media (prefers-reduced-motion: reduce) {
  .tk-post {
    transition: none;
    animation: none;
  }

  .tk-post:hover {
    transform: none;
  }
}

.tk-post[data-direction="LONG"]:before, .tk-post[data-direction="SHORT"]:before {
  content: "";
  width: 3px;
  transition: box-shadow var(--tk-transition);
  border-radius: 0 2px 2px 0;
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
}

.tk-post[data-direction="LONG"]:before {
  background: linear-gradient(180deg, var(--tk-long) 0%, var(--tk-long) 60%, color-mix(in oklab, var(--tk-long) 40%, transparent) 100%);
  box-shadow: 0 0 12px color-mix(in oklab, var(--tk-long) 30%, transparent);
}

.tk-post[data-direction="SHORT"]:before {
  background: linear-gradient(180deg, var(--tk-short) 0%, var(--tk-short) 60%, color-mix(in oklab, var(--tk-short) 40%, transparent) 100%);
  box-shadow: 0 0 12px color-mix(in oklab, var(--tk-short) 30%, transparent);
}

.tk-post:hover[data-direction="LONG"]:before {
  box-shadow: 0 0 18px color-mix(in oklab, var(--tk-long) 50%, transparent);
}

.tk-post:hover[data-direction="SHORT"]:before {
  box-shadow: 0 0 18px color-mix(in oklab, var(--tk-short) 50%, transparent);
}

.tk-post-head {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.tk-post-meta {
  flex: 1;
  min-width: 0;
}

.tk-post-meta-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.tk-post-author {
  color: var(--tk-text);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.tk-post-author > span:first-child {
  white-space: nowrap;
}

.tk-role-pill {
  letter-spacing: .04em;
  background: var(--tk-bg-soft);
  color: var(--tk-text-dim);
  text-transform: uppercase;
  border: 1px solid var(--tk-border-soft);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 600;
}

.tk-post-time {
  color: var(--tk-text-dim);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 12px;
}

.tk-avatar {
  color: var(--tk-accent-ink);
  background: linear-gradient(135deg, var(--tk-accent), var(--tk-accent-deep));
  letter-spacing: -.02em;
  width: var(--tk-avatar-md);
  height: var(--tk-avatar-md);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
  display: grid;
  overflow: hidden;
}

.tk-avatar-sm {
  width: 26px;
  height: 26px;
  font-size: 10.5px;
}

.tk-post-tags {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 10px 0 8px;
  display: flex;
}

.tk-tag {
  letter-spacing: .03em;
  background: var(--tk-bg-soft);
  color: var(--tk-text-muted);
  border: 1px solid var(--tk-border-soft);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.tk-tag.long {
  background: color-mix(in oklab, var(--tk-long) 15%, transparent);
  color: var(--tk-long);
  border-color: color-mix(in oklab, var(--tk-long) 25%, transparent);
}

.tk-tag.short {
  background: color-mix(in oklab, var(--tk-short) 15%, transparent);
  color: var(--tk-short);
  border-color: color-mix(in oklab, var(--tk-short) 25%, transparent);
}

.tk-tag.tier {
  background: color-mix(in oklab, var(--tk-accent) 15%, transparent);
  color: var(--tk-accent);
  border-color: color-mix(in oklab, var(--tk-accent) 25%, transparent);
}

.tk-post-title {
  letter-spacing: -.012em;
  color: var(--tk-text);
  border-bottom: 1px solid var(--tk-border-soft);
  text-wrap: pretty;
  margin-bottom: 14px;
  padding-bottom: 12px;
  font-family: "Source Sans 3", Source Sans Pro, system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
}

.tk-post-body {
  color: var(--tk-text);
  white-space: pre-wrap;
  text-wrap: pretty;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "Source Sans 3", Source Sans Pro, system-ui, sans-serif;
  font-size: 15.5px;
  line-height: 1.7;
}

.tk-post-body h1, .tk-post-body h2, .tk-post-body h3, .tk-post-body h4 {
  color: var(--tk-text);
  margin: 1.1em 0 .35em;
  font-weight: 700;
  line-height: 1.3;
}

.tk-post-body h1 {
  font-size: 1.42em;
}

.tk-post-body h2 {
  font-size: 1.22em;
}

.tk-post-body h3 {
  font-size: 1.08em;
}

.tk-post-body p {
  margin: 0 0 .7em;
}

.tk-post-body blockquote {
  border-left: 3px solid var(--tk-accent);
  color: var(--tk-text-muted, var(--tk-text));
  margin: .6em 0;
  padding-left: .85em;
}

.tk-post-body > :first-child {
  margin-top: 0;
}

.tk-post-body-clamp {
  max-height: 640px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(#000 calc(100% - 72px), #0000);
  mask-image: linear-gradient(#000 calc(100% - 72px), #0000);
}

.tk-read-more-btn {
  color: var(--tk-accent);
  cursor: pointer;
  background: none;
  border: 0;
  margin-top: 8px;
  padding: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
}

.tk-read-more-btn:hover {
  text-decoration: underline;
}

.tk-post-body img {
  border: 1px solid var(--tk-border-soft);
  cursor: zoom-in;
  background: var(--tk-bg-soft);
  border-radius: 10px;
  transition: filter .2s, box-shadow .2s;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: center top !important;
  object-position: center top !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 500px !important;
  margin: 14px 0 !important;
  display: block !important;
}

.tk-post-body img:hover {
  filter: brightness(1.04);
  box-shadow: 0 6px 18px #00000038;
}

.tk-post-body iframe {
  border: 1px solid var(--tk-border-soft);
  border-radius: 10px;
  max-width: 100%;
  margin: 14px 0;
}

.tk-post-body .discord-msg {
  white-space: normal;
  margin: 0;
}

.tk-post-body .discord-msg + .discord-msg {
  border-top: 1px solid var(--tk-border-soft);
  margin-top: .9em;
  padding-top: .7em;
  position: relative;
}

.tk-post-body .discord-msg + .discord-msg:after {
  content: "";
  background: var(--accent-2026);
  pointer-events: none;
  border-radius: 1px;
  width: 64px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.tk-post-body .discord-msg p {
  margin: .5em 0;
}

.tk-post-body .discord-msg > :first-child {
  margin-top: 0 !important;
}

.tk-post-body .discord-msg > :last-child {
  margin-bottom: 0 !important;
}

.tk-post-body .discord-attachment {
  margin: .4em 0 !important;
}

.tk-post-body .discord-attachment img {
  margin: 0 !important;
}

.tk-post-body .discord-gallery {
  background-color: var(--tk-border-soft);
  background-repeat: no-repeat;
  border-radius: 10px;
  gap: 4px;
  width: 100%;
  margin: .4em 0;
  display: grid;
  overflow: hidden;
}

.tk-post-body .discord-gallery img {
  background: var(--tk-bg-soft);
  cursor: zoom-in;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: center !important;
  object-position: center !important;
  border: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  display: block !important;
}

.tk-post-body .discord-gallery img:hover {
  filter: brightness(1.04);
}

.tk-post-body .discord-gallery-2 {
  aspect-ratio: 16 / 9;
  background-image: linear-gradient(to right,
    transparent calc(50% - 1px),
    var(--accent-2026) calc(50% - 1px),
    var(--accent-2026) calc(50% + 1px),
    transparent calc(50% + 1px));
  grid-template-columns: 1fr 1fr;
}

.tk-post-body .discord-gallery-3 {
  aspect-ratio: 16 / 9;
  background-image: linear-gradient(to right,
      transparent calc(66.67% - 1px),
      var(--accent-2026) calc(66.67% - 1px),
      var(--accent-2026) calc(66.67% + 1px),
      transparent calc(66.67% + 1px)),
    linear-gradient(to bottom,
      transparent calc(50% - 1px),
      var(--accent-2026) calc(50% - 1px),
      var(--accent-2026) calc(50% + 1px),
      transparent calc(50% + 1px));
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 2fr 1fr;
}

.tk-post-body .discord-gallery-3 img:first-child {
  grid-row: 1 / 3;
}

.tk-post-body .discord-gallery-4 {
  aspect-ratio: 4 / 3;
  background-image: linear-gradient(to right,
      transparent calc(50% - 1px),
      var(--accent-2026) calc(50% - 1px),
      var(--accent-2026) calc(50% + 1px),
      transparent calc(50% + 1px)),
    linear-gradient(to bottom,
      transparent calc(50% - 1px),
      var(--accent-2026) calc(50% - 1px),
      var(--accent-2026) calc(50% + 1px),
      transparent calc(50% + 1px));
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.tk-post-body .discord-gallery-5 {
  aspect-ratio: 3 / 2;
  background-image: linear-gradient(to right,
      transparent calc(33.33% - 1px),
      var(--accent-2026) calc(33.33% - 1px),
      var(--accent-2026) calc(33.33% + 1px),
      transparent calc(33.33% + 1px)),
    linear-gradient(to right,
      transparent calc(66.67% - 1px),
      var(--accent-2026) calc(66.67% - 1px),
      var(--accent-2026) calc(66.67% + 1px),
      transparent calc(66.67% + 1px)),
    linear-gradient(to bottom,
      transparent calc(50% - 1px),
      var(--accent-2026) calc(50% - 1px),
      var(--accent-2026) calc(50% + 1px),
      transparent calc(50% + 1px));
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.tk-post-body .discord-subtext {
  color: var(--tk-text-muted, hsl(var(--muted-foreground)));
  margin: 4px 0;
  font-size: .85em;
}

.tk-post-body .mention, .tk-post-body .mention-channel {
  color: #5865f2;
  background: #5865f226;
  border-radius: 3px;
  padding: 0 4px;
  font-weight: 500;
}

.tk-post-body .spoiler {
  background: var(--tk-text);
  color: var(--tk-text);
  cursor: pointer;
  border-radius: 3px;
  padding: 0 4px;
  transition: background .2s, color .2s;
}

.tk-post-body .spoiler:hover, .tk-post-body .spoiler.revealed {
  background: var(--tk-bg-soft);
  color: inherit;
}

.tk-post-body img.discord-emoji, .prose img.discord-emoji, .kb-article img.discord-emoji {
  vertical-align: -.2em;
  cursor: default !important;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  width: auto !important;
  max-width: 1.4em !important;
  height: 1.2em !important;
  max-height: 1.4em !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 .1em !important;
  display: inline !important;
}

.tk-post-body img.discord-emoji:hover, .prose img.discord-emoji:hover, .kb-article img.discord-emoji:hover {
  filter: none !important;
  box-shadow: none !important;
}

.tk-post-body ul, .tk-post-body ol {
  margin: 8px 0;
  padding-left: 1.5em;
}

.tk-post-body ul {
  list-style: outside;
}

.tk-post-body ol {
  list-style: decimal;
}

.tk-post-body li {
  margin: 4px 0;
}

.tk-post-body li > p {
  margin: 0;
}

.tk-post {
  overflow: hidden;
}

.tk-post-body {
  max-width: 100%;
  overflow: auto visible;
}

.tk-post-body table {
  border-collapse: collapse;
  min-width: max-content;
  margin: 14px 0;
}

.tk-post-body table th, .tk-post-body table td {
  white-space: normal;
  word-break: normal;
  border: 1px solid var(--tk-border-soft);
  vertical-align: top;
  padding: 8px 12px;
}

.tk-post-body table th {
  background: var(--tk-bg-soft);
  font-weight: 600;
}

.tk-post-body pre, .tk-post-body code {
  white-space: pre-wrap;
  word-wrap: break-word;
  max-width: 100%;
}

.tk-post-body blockquote {
  overflow-wrap: break-word;
  max-width: 100%;
}

@media (max-width: 640px) {
  table.tk-table-stackable {
    border-collapse: separate;
    border: none;
    width: 100%;
    margin: 18px 0;
    display: block;
    min-width: 0 !important;
  }

  table.tk-table-stackable thead, table.tk-table-stackable colgroup {
    display: none;
  }

  table.tk-table-stackable tbody {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  table.tk-table-stackable tr {
    border: 1px solid var(--tk-border);
    background: var(--tk-bg-card);
    border-radius: 14px;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    box-shadow: 0 1px 3px #0000002e;
  }

  table.tk-table-stackable td {
    text-align: left;
    color: var(--tk-text);
    background: none;
    border: none;
    padding: 12px 16px;
    font-size: 14.5px;
    line-height: 1.55;
    display: block;
  }

  table.tk-table-stackable td:before {
    content: attr(data-label);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--tk-text-muted);
    margin-bottom: 5px;
    font-size: 10.5px;
    font-weight: 700;
    display: block;
  }

  table.tk-table-stackable td[data-label=""]:before, table.tk-table-stackable td:not([data-label]):before {
    display: none;
  }

  table.tk-table-stackable td:first-child {
    background: linear-gradient(180deg, var(--tk-bg-soft) 0%, var(--tk-bg-card) 100%);
    border-bottom: 1px solid var(--tk-border-soft);
    color: var(--tk-accent);
    letter-spacing: -.01em;
    padding: 14px 16px;
    font-size: 16.5px;
    font-weight: 700;
  }

  table.tk-table-stackable td:first-child:before {
    display: none;
  }

  table.tk-table-stackable td:not(:first-child):not(:last-child) {
    border-bottom: 1px solid var(--tk-border-soft);
  }

  table.tk-table-stackable td:not(:first-child) {
    font-variant-numeric: tabular-nums;
  }
}

.tk-trade-block {
  background: var(--tk-border-soft);
  border-radius: var(--tk-radius-md);
  border: 1px solid var(--tk-border-soft);
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin-top: 14px;
  display: grid;
  overflow: hidden;
}

@media (max-width: 640px) {
  .tk-trade-block {
    grid-template-columns: repeat(2, 1fr);
  }
}

.tk-trade-cell {
  background: var(--tk-bg-soft);
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  display: flex;
}

.tk-trade-cell .label {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--tk-text-dim);
  font-size: 10.5px;
  font-weight: 600;
}

.tk-trade-cell .value {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--tk-text);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 600;
}

.tk-trade-cell.stop .value {
  color: var(--tk-short);
}

.tk-trade-cell.target .value {
  color: var(--tk-long);
}

.tk-trade-cell.rr .value {
  color: var(--tk-accent);
}

.tk-outcome-list {
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.tk-outcome-row {
  background: var(--tk-bg-soft);
  border-radius: var(--tk-radius-md);
  border: 1px solid var(--tk-border-soft);
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  display: flex;
}

.tk-outcome-row .label {
  color: var(--tk-text-muted);
  flex: 1;
  font-size: 12.5px;
}

.tk-outcome-row .value {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  font-weight: 600;
}

.tk-outcome-row .value.long {
  color: var(--tk-long);
}

.tk-outcome-row .value.short {
  color: var(--tk-short);
}

.tk-outcome-row .value.neutral {
  color: var(--tk-text);
}

.tk-outcome-row .icon-bullet {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.tk-pnl-badge {
  border-radius: var(--tk-radius-md);
  font-family: var(--font-mono, ui-monospace, monospace);
  background: color-mix(in oklab, var(--tk-long) 15%, transparent);
  color: var(--tk-long);
  border: 1px solid color-mix(in oklab, var(--tk-long) 25%, transparent);
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 6px 10px 6px 8px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
}

.tk-pnl-badge.negative {
  background: color-mix(in oklab, var(--tk-short) 15%, transparent);
  color: var(--tk-short);
  border-color: color-mix(in oklab, var(--tk-short) 25%, transparent);
}

.tk-pnl-detail {
  color: var(--tk-text-muted);
  font-size: 11.5px;
  font-weight: 500;
}

.tk-ticker-chip {
  border-radius: var(--tk-radius-md);
  background: var(--tk-bg-soft);
  border: 1px solid var(--tk-border-soft);
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--tk-text);
  font-variant-numeric: tabular-nums;
  align-items: center;
  gap: 8px;
  padding: 4px 8px 4px 6px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.tk-ticker-chip .sym {
  background: var(--tk-bg-elev);
  letter-spacing: .02em;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 10.5px;
}

.tk-ticker-chip .change.up {
  color: var(--tk-long);
}

.tk-ticker-chip .change.down {
  color: var(--tk-short);
}

.tk-post-actions {
  border-top: 1px solid var(--tk-border-soft);
  align-items: center;
  gap: 4px;
  margin-top: 14px;
  padding-top: 12px;
  display: flex;
}

.tk-action-btn {
  border-radius: var(--tk-radius-md);
  color: var(--tk-text-muted);
  font-variant-numeric: tabular-nums;
  transition: all var(--tk-transition-fast);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 12.5px;
  display: inline-flex;
}

.tk-action-btn:hover {
  background: var(--tk-bg-hover);
  color: var(--tk-text);
}

.tk-action-btn[data-active="heart"] {
  color: var(--tk-short);
}

.tk-action-btn[data-active="boost"], .tk-action-btn[data-active="bookmark"] {
  color: var(--tk-accent);
}

.tk-action-btn .count {
  font-size: 12px;
  font-weight: 600;
}

.tk-action-btn.spacer {
  margin-left: auto;
}

.tk-feed-tabs {
  border-bottom: 1px solid var(--tk-border);
  scrollbar-width: none;
  z-index: 30;
  background: color-mix(in oklab, var(--tk-bg-elev, var(--tk-bg)) 92%, transparent);
  -webkit-backdrop-filter: blur(12px) saturate(110%);
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
  position: sticky;
  top: 56px;
  overflow-x: auto;
}

@media (max-width: 767px) {
  .tk-feed-tabs {
    top: 0;
  }
}

.tk-feed-tabs::-webkit-scrollbar {
  display: none;
}

.tk-feed-tab {
  color: var(--tk-text-muted);
  white-space: nowrap;
  transition: all var(--tk-transition-fast);
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 6px;
  margin-bottom: -1px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.tk-feed-tab:hover {
  color: var(--tk-text);
}

.tk-feed-tab[data-active="true"] {
  color: var(--tk-text);
  border-bottom-color: var(--tk-accent);
}

.tk-feed-tab .count {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--tk-text-dim);
  font-variant-numeric: tabular-nums;
  font-size: 10.5px;
}

.tk-aside-card {
  background: var(--tk-bg-card);
  border: 1px solid var(--tk-border);
  border-radius: var(--tk-radius-lg);
  padding: 14px 16px;
}

.tk-aside-title {
  letter-spacing: var(--tk-tracking-cap);
  text-transform: uppercase;
  color: var(--tk-text-dim);
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.tk-live-card {
  position: relative;
  overflow: hidden;
}

.tk-live-card:before {
  content: "";
  background: radial-gradient(120% 80% at 100% 0%, color-mix(in oklab, var(--tk-short) 20%, transparent), transparent 60%);
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.tk-live-badge {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--tk-short);
  align-items: center;
  gap: 5px;
  margin-bottom: 8px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.tk-live-badge .dot {
  background: var(--tk-short);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.6s ease-in-out infinite tk-pulse;
}

.tk-trending-row {
  border-radius: var(--tk-radius-sm);
  transition: background var(--tk-transition-fast);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  font-size: 12.5px;
  display: flex;
}

.tk-trending-row:hover {
  background: var(--tk-bg-hover);
}

.tk-trending-row .tag-name {
  color: var(--tk-text);
  font-weight: 600;
}

.tk-trending-row .post-count {
  color: var(--tk-text-dim);
  font-family: var(--font-mono, ui-monospace, monospace);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
}

.tk-leaderboard-row {
  border-radius: var(--tk-radius-sm);
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  display: flex;
}

.tk-leaderboard-row .rank {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--tk-text-dim);
  font-variant-numeric: tabular-nums;
  width: 16px;
  font-size: 11px;
}

.tk-leaderboard-row .rank.top {
  color: var(--tk-warn);
  font-weight: 700;
}

.tk-leaderboard-row .name {
  color: var(--tk-text);
  flex: 1;
  font-size: 12.5px;
  font-weight: 500;
}

.tk-leaderboard-row .pnl {
  font-family: var(--font-mono, ui-monospace, monospace);
  color: var(--tk-long);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-weight: 600;
}

.tk-verified-icon {
  color: var(--tk-accent);
  align-items: center;
  display: inline-flex;
}

@media (max-width: 1023px) {
  .tk-feed-aside-wrapper {
    max-width: 600px;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
  }
}

.composer-content-with-toolbar > textarea {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (max-width: 640px) {
  .tk-sb-badge.tk-sb-badge-mobile-hidden {
    display: none;
  }
}

.ek-app-shell {
  padding-left: 0;
}

@media (min-width: 768px) {
  .ek-app-shell {
    padding-left: var(--app-sidebar-width, 272px);
  }
}

.ek-app-sidebar-aside::-webkit-scrollbar {
  width: 6px;
}

.ek-app-sidebar-aside::-webkit-scrollbar-track {
  background: none;
}

.ek-app-sidebar-aside::-webkit-scrollbar-thumb {
  background: var(--tk-border);
  border-radius: 3px;
}

.ek-app-sidebar-aside::-webkit-scrollbar-thumb:hover {
  background: var(--tk-border-strong, var(--tk-text-dim));
}

[data-sidebar-collapsed="1"] .ek-app-sidebar-aside {
  width: 56px !important;
}

[data-sidebar-collapsed="1"] .ek-app-sidebar-label, [data-sidebar-collapsed="1"] .ek-app-sidebar-section, [data-sidebar-collapsed="1"] .ek-app-sidebar-badge {
  display: none !important;
}

[data-sidebar-collapsed="1"] .ek-app-sidebar-navitem {
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[data-sidebar-collapsed="1"] .ek-app-sidebar-inner {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

:root {
  --tudastar-sidebar-width: 288px;
}

@media (min-width: 1280px) {
  :root {
    --tudastar-sidebar-width: 320px;
  }
}

[data-tudastar-sidebar-collapsed="1"] .ek-tudastar-sidebar-desktop, [data-focus-mode="1"] .ek-tudastar-toc {
  display: none !important;
}

.tk-post-body img, .kb-article img, .prose img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  cursor: zoom-in;
  border-radius: 8px;
  width: auto;
  max-width: 100%;
  max-height: 500px;
}

@media (max-width: 640px) {
  .tk-post-body img, .kb-article img, .prose img {
    max-height: 380px;
  }
}

.ek-tudastar-article {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: max-width .2s ease-out;
  max-width: 768px !important;
}

[data-sidebar-collapsed="1"] .ek-tudastar-article, [data-tudastar-sidebar-collapsed="1"] .ek-tudastar-article {
  max-width: 896px !important;
}

[data-sidebar-collapsed="1"][data-tudastar-sidebar-collapsed="1"] .ek-tudastar-article, [data-focus-mode="1"] .ek-tudastar-article {
  max-width: 1024px !important;
}

.ek-loyalty-ring {
  position: relative;
}

.ek-loyalty-ring-bronze {
  box-shadow: 0 0 0 2px #dd873c;
}

.ek-loyalty-ring-silver {
  box-shadow: 0 0 0 2px #bfbfbf;
}

.ek-loyalty-ring-gold {
  animation: 2s ease-in-out infinite ek-loyalty-pulse;
  box-shadow: 0 0 0 2px #f4c025;
}

.ek-loyalty-ring-platinum {
  background: linear-gradient(45deg, #6791e4, #bb67e4, #e467bb, #f6ce55, #3cdda7, #6791e4) 0 0 / 400% 400%;
  border-radius: 50%;
  padding: 2px;
  animation: 4s infinite ek-loyalty-rainbow;
}

.ek-loyalty-ring-diamond {
  animation: 2.5s ease-in-out infinite ek-loyalty-glow;
  box-shadow: 0 0 0 2px #6ec9f7, 0 0 12px #3db8f5;
}

.ek-loyalty-ring-legend {
  background: linear-gradient(135deg, #ffc61a, #ff8000, #ff4000, #ff1a1a, #ffc61a) 0 0 / 300% 300%;
  border-radius: 50%;
  padding: 3px;
  animation: 3s linear infinite ek-loyalty-legend;
}

@keyframes ek-loyalty-pulse {
  0%, 100% {
    box-shadow: 0 0 0 2px #f4c025;
  }

  50% {
    box-shadow: 0 0 0 3px #f6ce55, 0 0 8px #f4c025;
  }
}

@keyframes ek-loyalty-rainbow {
  0%, 100% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }
}

@keyframes ek-loyalty-glow {
  0%, 100% {
    box-shadow: 0 0 0 2px #6ec9f7, 0 0 8px #3db8f5;
  }

  50% {
    box-shadow: 0 0 0 2px #9edbfa, 0 0 16px #55c1f6;
  }
}

@keyframes ek-loyalty-legend {
  0% {
    background-position: 0%;
  }

  100% {
    background-position: 100%;
  }
}

.dark\:prose-invert:is(.dark *) {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

.file\:border-0::file-selector-button {
  border-width: 0;
}

.file\:bg-transparent::file-selector-button {
  background-color: #0000;
}

.file\:text-sm::file-selector-button {
  font-size: .875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

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

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}

.placeholder\:text-muted-foreground\/70::placeholder {
  color: hsl(var(--muted-foreground) / .7);
}

.placeholder\:opacity-90::placeholder {
  opacity: .9;
}

.first\:border-t-0:first-child {
  border-top-width: 0;
}

.first\:pt-0:first-child {
  padding-top: 0;
}

.last\:mb-0:last-child {
  margin-bottom: 0;
}

.last\:border-0:last-child {
  border-width: 0;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0;
}

.last\:pb-0:last-child {
  padding-bottom: 0;
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

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

.focus-within\:ring-2:focus-within {
  --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-within\:ring-\[hsl\(var\(--ring\)\)\]:focus-within {
  --tw-ring-color: hsl(var(--ring));
}

.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-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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-\[hsl\(var\(--border\)\)\]:hover {
  border-color: hsl(var(--border));
}

.hover\:border-\[hsl\(var\(--border\)\)\]\/0:hover {
  border-color: hsl(var(--border) / 0);
}

.hover\:border-\[hsl\(var\(--border\)\)\]\/80:hover {
  border-color: hsl(var(--border) / .8);
}

.hover\:border-\[hsl\(var\(--muted-foreground\)\)\]:hover {
  border-color: hsl(var(--muted-foreground));
}

.hover\:border-\[hsl\(var\(--primary\)\)\]:hover {
  border-color: hsl(var(--primary));
}

.hover\:border-\[hsl\(var\(--primary\)\)\]\/40:hover {
  border-color: hsl(var(--primary) / .4);
}

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

.hover\:border-amber-500\/30:hover {
  border-color: #f59e0b4d;
}

.hover\:border-amber-500\/40:hover {
  border-color: #f59e0b66;
}

.hover\:border-amber-500\/50:hover {
  border-color: #f59e0b80;
}

.hover\:border-amber-500\/60:hover {
  border-color: #f59e0b99;
}

.hover\:border-border:hover {
  border-color: hsl(var(--border));
}

.hover\:border-brand:hover {
  border-color: hsl(var(--brand));
}

.hover\:border-brand\/30:hover {
  border-color: hsl(var(--brand) / .3);
}

.hover\:border-brand\/40:hover {
  border-color: hsl(var(--brand) / .4);
}

.hover\:border-brand\/50:hover {
  border-color: hsl(var(--brand) / .5);
}

.hover\:border-brand\/60:hover {
  border-color: hsl(var(--brand) / .6);
}

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

.hover\:border-emerald-500\/40:hover {
  border-color: #10b98166;
}

.hover\:border-emerald-500\/50:hover {
  border-color: #10b98180;
}

.hover\:border-primary\/50:hover {
  border-color: hsl(var(--primary) / .5);
}

.hover\:border-violet-500\/50:hover {
  border-color: #8b5cf680;
}

.hover\:bg-\[color-mix\(in_oklab\,var\(--tk-accent\)_8\%\,transparent\)\]:hover {
  background-color: color-mix(in oklab,var(--tk-accent) 8%,transparent);
}

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

.hover\:bg-\[hsl\(var\(--accent\)\)\]\/30:hover {
  background-color: hsl(var(--accent) / .3);
}

.hover\:bg-\[hsl\(var\(--accent\)\)\]\/40:hover {
  background-color: hsl(var(--accent) / .4);
}

.hover\:bg-\[hsl\(var\(--accent\)\)\]\/50:hover {
  background-color: hsl(var(--accent) / .5);
}

.hover\:bg-\[hsl\(var\(--card\)\)\]:hover {
  background-color: hsl(var(--card));
}

.hover\:bg-\[hsl\(var\(--destructive\)\)\]\/10:hover {
  background-color: hsl(var(--destructive) / .1);
}

.hover\:bg-\[hsl\(var\(--destructive\)\)\]\/20:hover {
  background-color: hsl(var(--destructive) / .2);
}

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

.hover\:bg-\[hsl\(var\(--muted\)\)\]\/20:hover {
  background-color: hsl(var(--muted) / .2);
}

.hover\:bg-\[hsl\(var\(--muted\)\)\]\/30:hover {
  background-color: hsl(var(--muted) / .3);
}

.hover\:bg-\[hsl\(var\(--muted\)\)\]\/40:hover {
  background-color: hsl(var(--muted) / .4);
}

.hover\:bg-\[hsl\(var\(--secondary\)\)\]:hover {
  background-color: hsl(var(--secondary));
}

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

.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}

.hover\:bg-accent\/20:hover {
  background-color: hsl(var(--accent) / .2);
}

.hover\:bg-accent\/30:hover {
  background-color: hsl(var(--accent) / .3);
}

.hover\:bg-accent\/40:hover {
  background-color: hsl(var(--accent) / .4);
}

.hover\:bg-accent\/50:hover {
  background-color: hsl(var(--accent) / .5);
}

.hover\:bg-accent\/60:hover {
  background-color: hsl(var(--accent) / .6);
}

.hover\:bg-amber-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1));
}

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

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

.hover\:bg-amber-500\/20:hover {
  background-color: #f59e0b33;
}

.hover\:bg-amber-500\/25:hover {
  background-color: #f59e0b40;
}

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

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

.hover\:bg-background:hover {
  background-color: hsl(var(--background));
}

.hover\:bg-background\/40:hover {
  background-color: hsl(var(--background) / .4);
}

.hover\:bg-black\/80:hover {
  background-color: #000c;
}

.hover\:bg-brand\/10:hover {
  background-color: hsl(var(--brand) / .1);
}

.hover\:bg-brand\/20:hover {
  background-color: hsl(var(--brand) / .2);
}

.hover\:bg-brand\/90:hover {
  background-color: hsl(var(--brand) / .9);
}

.hover\:bg-card:hover {
  background-color: hsl(var(--card));
}

.hover\:bg-card\/60:hover {
  background-color: hsl(var(--card) / .6);
}

.hover\:bg-destructive:hover {
  background-color: hsl(var(--destructive));
}

.hover\:bg-destructive\/10:hover {
  background-color: hsl(var(--destructive) / .1);
}

.hover\:bg-destructive\/20:hover {
  background-color: hsl(var(--destructive) / .2);
}

.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / .9);
}

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

.hover\:bg-emerald-500\/20:hover {
  background-color: #10b98133;
}

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

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

.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}

.hover\:bg-muted\/20:hover {
  background-color: hsl(var(--muted) / .2);
}

.hover\:bg-muted\/30:hover {
  background-color: hsl(var(--muted) / .3);
}

.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / .5);
}

.hover\:bg-muted\/60:hover {
  background-color: hsl(var(--muted) / .6);
}

.hover\:bg-muted\/80:hover {
  background-color: hsl(var(--muted) / .8);
}

.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-red-500\/20:hover {
  background-color: #ef444433;
}

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

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

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

.hover\:bg-violet-500\/5:hover {
  background-color: #8b5cf60d;
}

.hover\:bg-white\/10:hover {
  background-color: #ffffff1a;
}

.hover\:bg-white\/20:hover {
  background-color: #fff3;
}

.hover\:bg-yellow-500\/20:hover {
  background-color: #eab30833;
}

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

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

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

.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}

.hover\:text-amber-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.hover\:text-bear:hover {
  color: hsl(var(--bear));
}

.hover\:text-brand:hover {
  color: hsl(var(--brand));
}

.hover\:text-bull:hover {
  color: hsl(var(--bull));
}

.hover\:text-destructive:hover {
  color: hsl(var(--destructive));
}

.hover\:text-destructive-foreground:hover {
  color: hsl(var(--destructive-foreground));
}

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

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

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

.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}

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

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:decoration-\[hsl\(var\(--primary\)\)\]:hover {
  -webkit-text-decoration-color: hsl(var(--primary));
  text-decoration-color: hsl(var(--primary));
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-80:hover {
  opacity: .8;
}

.hover\:opacity-90:hover {
  opacity: .9;
}

.hover\:opacity-95:hover {
  opacity: .95;
}

.hover\:shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.22\)\]:hover {
  --tw-shadow: 0 12px 32px #00000038;
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-card-hover:hover {
  --tw-shadow: 0 8px 32px -8px hsl(var(--brand) / .2);
  --tw-shadow-colored: 0 8px 32px -8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-glow:hover {
  --tw-shadow: 0 0 0 1px hsl(var(--brand) / .3), 0 4px 24px -4px hsl(var(--brand) / .4);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 4px 24px -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);
}

.hover\:shadow-lg:hover {
  --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);
}

.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);
}

.hover\:shadow-sm:hover {
  --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);
}

.hover\:shadow-amber-500\/30:hover {
  --tw-shadow-color: #f59e0b4d;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-amber-500\/35:hover {
  --tw-shadow-color: #f59e0b59;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-amber-500\/5:hover {
  --tw-shadow-color: #f59e0b0d;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:ring-brand\/40:hover {
  --tw-ring-color: hsl(var(--brand) / .4);
}

.focus\:not-sr-only:focus {
  clip: auto;
  white-space: normal;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  position: static;
  overflow: visible;
}

.focus\:fixed:focus {
  position: fixed;
}

.focus\:left-4:focus {
  left: 1rem;
}

.focus\:top-4:focus {
  top: 1rem;
}

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

.focus\:rounded-md:focus {
  border-radius: calc(var(--radius) - 2px);
}

.focus\:border-\[hsl\(var\(--ring\)\)\]:focus {
  border-color: hsl(var(--ring));
}

.focus\:border-brand:focus {
  border-color: hsl(var(--brand));
}

.focus\:border-brand\/40:focus {
  border-color: hsl(var(--brand) / .4);
}

.focus\:border-brand\/50:focus {
  border-color: hsl(var(--brand) / .5);
}

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

.focus\:border-primary\/60:focus {
  border-color: hsl(var(--primary) / .6);
}

.focus\:bg-\[hsl\(var\(--destructive\)\)\]\/10:focus {
  background-color: hsl(var(--destructive) / .1);
}

.focus\:bg-\[hsl\(var\(--primary\)\)\]:focus {
  background-color: hsl(var(--primary));
}

.focus\:bg-\[var\(--tk-bg-hover\,\#27272a\)\]:focus {
  background-color: var(--tk-bg-hover, #27272a);
}

.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}

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

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

.focus\:text-\[hsl\(var\(--destructive\)\)\]:focus {
  color: hsl(var(--destructive));
}

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

.focus\:text-red-300:focus {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.focus\:opacity-100:focus {
  opacity: 1;
}

.focus\:shadow-lg:focus {
  --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);
}

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

.focus\:ring-1:focus {
  --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(1px + 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\:ring-2:focus {
  --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\:ring-\[hsl\(var\(--primary\)\)\]\/40:focus {
  --tw-ring-color: hsl(var(--primary) / .4);
}

.focus\:ring-\[hsl\(var\(--ring\)\)\]:focus {
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-\[hsl\(var\(--ring\)\)\]\/30:focus {
  --tw-ring-color: hsl(var(--ring) / .3);
}

.focus\:ring-amber-500\/30:focus {
  --tw-ring-color: #f59e0b4d;
}

.focus\:ring-brand:focus {
  --tw-ring-color: hsl(var(--brand));
}

.focus\:ring-brand\/20:focus {
  --tw-ring-color: hsl(var(--brand) / .2);
}

.focus\:ring-brand\/30:focus {
  --tw-ring-color: hsl(var(--brand) / .3);
}

.focus\:ring-destructive:focus {
  --tw-ring-color: hsl(var(--destructive));
}

.focus\:ring-emerald-500\/30:focus {
  --tw-ring-color: #10b9814d;
}

.focus\:ring-primary\/40:focus {
  --tw-ring-color: hsl(var(--primary) / .4);
}

.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:border-amber-500\/40:focus-visible {
  border-color: #f59e0b66;
}

.focus-visible\:bg-\[hsl\(var\(--card\)\)\]:focus-visible {
  background-color: hsl(var(--card));
}

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

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-brand:focus-visible {
  outline-color: hsl(var(--brand));
}

.focus-visible\:ring-0: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(0px + 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-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-\[hsl\(var\(--ring\)\)\]:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-amber-500\/20:focus-visible {
  --tw-ring-color: #f59e0b33;
}

.focus-visible\:ring-amber-500\/60:focus-visible {
  --tw-ring-color: #f59e0b99;
}

.focus-visible\:ring-brand:focus-visible {
  --tw-ring-color: hsl(var(--brand));
}

.focus-visible\:ring-brand\/50:focus-visible {
  --tw-ring-color: hsl(var(--brand) / .5);
}

.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}

.focus-visible\:ring-violet-500\/50:focus-visible {
  --tw-ring-color: #8b5cf680;
}

.focus-visible\:ring-white\/60:focus-visible {
  --tw-ring-color: #fff9;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.active\:scale-\[0\.99\]:active {
  --tw-scale-x: .99;
  --tw-scale-y: .99;
  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));
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

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

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

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

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

.disabled\:opacity-30:disabled {
  opacity: .3;
}

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.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\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  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\:scale-\[1\.02\] {
  --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));
}

.group:hover .group-hover\:gap-2 {
  gap: .5rem;
}

.group:hover .group-hover\:bg-violet-500\/25 {
  background-color: #8b5cf640;
}

.group:hover .group-hover\:text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-brand {
  color: hsl(var(--brand));
}

.group:hover .group-hover\:text-emerald-600\/70 {
  color: #059669b3;
}

.group:hover .group-hover\:opacity-100, .group:focus-visible .group-focus-visible\:opacity-100 {
  opacity: 1;
}

.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}

.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: .7;
}

.aria-selected\:bg-accent[aria-selected="true"] {
  background-color: hsl(var(--accent));
}

.aria-selected\:text-accent-foreground[aria-selected="true"] {
  color: hsl(var(--accent-foreground));
}

.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}

.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}

.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: .5;
}

.data-\[state\=closed\]\:duration-200[data-state="closed"] {
  transition-duration: .2s;
}

.data-\[state\=open\]\:duration-300[data-state="open"] {
  transition-duration: .3s;
}

.data-\[state\=open\]\:animate-in[data-state="open"] {
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
  animation-name: enter;
  animation-duration: .15s;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
  animation-name: exit;
  animation-duration: .15s;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
  --tw-exit-translate-y: 100%;
}

.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
  --tw-exit-translate-x: -100%;
}

.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
  --tw-exit-translate-x: 100%;
}

.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
  --tw-exit-translate-y: -100%;
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
  --tw-enter-translate-y: 100%;
}

.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
  --tw-enter-translate-x: -100%;
}

.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
  --tw-enter-translate-x: 100%;
}

.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
  --tw-enter-translate-y: -100%;
}

.data-\[state\=closed\]\:duration-200[data-state="closed"] {
  animation-duration: .2s;
}

.data-\[state\=open\]\:duration-300[data-state="open"] {
  animation-duration: .3s;
}

.prose-headings\:scroll-mt-20 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  scroll-margin-top: 5rem;
}

.prose-headings\:font-bold :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 700;
}

.prose-h2\:mt-10 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2.5rem;
}

.prose-h2\:text-2xl :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 1.5rem;
  line-height: 2rem;
}

.prose-h3\:mt-7 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.75rem;
}

.prose-h3\:text-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.prose-p\:leading-relaxed :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  line-height: 1.625;
}

.prose-a\:text-amber-400 :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.prose-a\:no-underline :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  text-decoration-line: none;
}

.hover\:prose-a\:underline :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)):hover {
  text-decoration-line: underline;
}

.prose-blockquote\:border-l-amber-500\/50 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-left-color: #f59e0b80;
}

.prose-blockquote\:bg-amber-500\/5 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  background-color: #f59e0b0d;
}

.prose-blockquote\:px-5 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.prose-blockquote\:py-3 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.prose-blockquote\:not-italic :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-style: normal;
}

.prose-strong\:text-\[hsl\(var\(--foreground\)\)\] :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: hsl(var(--foreground));
}

.prose-code\:rounded :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-radius: .25rem;
}

.prose-code\:bg-\[hsl\(var\(--muted\)\)\] :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  background-color: hsl(var(--muted));
}

.prose-code\:px-1\.5 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-left: .375rem;
  padding-right: .375rem;
}

.prose-code\:py-0\.5 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.prose-code\:text-amber-300 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.prose-pre\:bg-\[hsl\(var\(--muted\)\)\] :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  background-color: hsl(var(--muted));
}

.prose-table\:text-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: .875rem;
  line-height: 1.25rem;
}

@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
  .supports-\[backdrop-filter\]\:bg-card\/80 {
    background-color: hsl(var(--card) / .8);
  }
}

.dark\:border-amber-500\/30:is(.dark *) {
  border-color: #f59e0b4d;
}

.dark\:border-red-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
}

.dark\:border-yellow-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(113 63 18 / var(--tw-border-opacity, 1));
}

.dark\:bg-amber-900\/30:is(.dark *) {
  background-color: #78350f4d;
}

.dark\:bg-amber-950\/20:is(.dark *) {
  background-color: #451a0333;
}

.dark\:bg-amber-950\/40:is(.dark *) {
  background-color: #451a0366;
}

.dark\:bg-black\/20:is(.dark *) {
  background-color: #0003;
}

.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: #1e3a8a4d;
}

.dark\:bg-emerald-900\/30:is(.dark *) {
  background-color: #064e3b4d;
}

.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark\:bg-gray-800\/40:is(.dark *) {
  background-color: #1f293766;
}

.dark\:bg-green-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.dark\:bg-green-900\/40:is(.dark *) {
  background-color: #14532d66;
}

.dark\:bg-green-950\/20:is(.dark *) {
  background-color: #052e1633;
}

.dark\:bg-red-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

.dark\:bg-red-900\/30:is(.dark *) {
  background-color: #7f1d1d4d;
}

.dark\:bg-red-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}

.dark\:bg-red-950\/20:is(.dark *) {
  background-color: #450a0a33;
}

.dark\:bg-slate-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.dark\:bg-yellow-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

.dark\:bg-yellow-950\/20:is(.dark *) {
  background-color: #42200633;
}

.dark\:text-amber-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-200\/70:is(.dark *) {
  color: #fde68ab3;
}

.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-300\/90:is(.dark *) {
  color: #fcd34de6;
}

.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-cyan-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 250 229 / 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-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.dark\:text-green-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / 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-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.dark\:text-pink-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}

.dark\:text-purple-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / 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-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / 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-rose-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / 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\:text-violet-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.dark\:text-yellow-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-emerald-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .sm\:bottom-4 {
    bottom: 1rem;
  }

  .sm\:left-auto {
    left: auto;
  }

  .sm\:right-4 {
    right: 1rem;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

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

  .sm\:hidden {
    display: none;
  }

  .sm\:h-auto {
    height: auto;
  }

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

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-auto {
    width: auto;
  }

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

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

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

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

  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sm\:grid-cols-\[180px_1fr_180px_auto\] {
    grid-template-columns: 180px 1fr 180px auto;
  }

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

  .sm\:flex-row {
    flex-direction: row;
  }

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

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

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

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

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

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

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

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

  .sm\:border {
    border-width: 1px;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

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

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

  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

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

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

  .sm\:py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .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-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

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

  .sm\:slide-in-from-bottom-4 {
    --tw-enter-translate-y: 1rem;
  }
}

@media (min-width: 768px) {
  .md\:fixed {
    position: fixed;
  }

  .md\:bottom-6 {
    bottom: 1.5rem;
  }

  .md\:left-0 {
    left: 0;
  }

  .md\:left-\[var\(--app-sidebar-width\,272px\)\] {
    left: var(--app-sidebar-width, 272px);
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:aspect-auto {
    aspect-ratio: auto;
  }

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

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

  .md\:w-60 {
    width: 15rem;
  }

  .md\:w-auto {
    width: auto;
  }

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

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-\[180px_1fr_auto\] {
    grid-template-columns: 180px 1fr auto;
  }

  .md\:grid-cols-\[3fr_4fr\] {
    grid-template-columns: 3fr 4fr;
  }

  .md\:flex-row {
    flex-direction: row;
  }

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

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

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

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

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

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

  .md\:gap-6 {
    gap: 1.5rem;
  }

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

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:p-9 {
    padding: 2.25rem;
  }

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

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

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

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

  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

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

  .md\:pb-0 {
    padding-bottom: 0;
  }

  .md\:pl-60 {
    padding-left: 15rem;
  }

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

  .md\:pr-80 {
    padding-right: 20rem;
  }

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

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

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

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

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

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

@media (min-width: 1024px) {
  .lg\:static {
    position: static;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:inset-auto {
    inset: auto;
  }

  .lg\:top-20 {
    top: 5rem;
  }

  .lg\:top-4 {
    top: 1rem;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-\[calc\(100vh-8rem\)\] {
    height: calc(100vh - 8rem);
  }

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

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

  .lg\:w-72 {
    width: 18rem;
  }

  .lg\:w-80 {
    width: 20rem;
  }

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

  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1fr_1\.4fr\] {
    grid-template-columns: 1fr 1.4fr;
  }

  .lg\:grid-cols-\[1fr_320px\] {
    grid-template-columns: 1fr 320px;
  }

  .lg\:grid-cols-\[1fr_400px\] {
    grid-template-columns: 1fr 400px;
  }

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

  .lg\:grid-cols-\[320px_1fr\] {
    grid-template-columns: 320px 1fr;
  }

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

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

  .lg\:grid-cols-\[minmax\(0\,1fr\)_auto_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:rounded-lg {
    border-radius: var(--radius);
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\: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);
  }
}

@media (min-width: 1280px) {
  .xl\:block {
    display: block;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:w-80 {
    width: 20rem;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:pr-8 {
    padding-right: 2rem;
  }

  .xl\:pt-12 {
    padding-top: 3rem;
  }
}

@media print {
  .print\:hidden {
    display: none;
  }

  .print\:max-w-none {
    max-width: none;
  }

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

  .print\:rounded-none {
    border-radius: 0;
  }

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

  .print\:border-amber-700\/40 {
    border-color: #b4530966;
  }

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

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

  .print\:p-8 {
    padding: 2rem;
  }

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

  .print\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

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

  .print\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }

  .print\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }

  .print\:text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }

  .print\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.\[\&\>\*\:first-child\]\:mt-0 > :first-child {
  margin-top: 0;
}

.\[\&\>\*\:last-child\]\:mb-0 > :last-child {
  margin-bottom: 0;
}

.\[\&_a\]\:text-\[hsl\(var\(--primary\)\)\] a {
  color: hsl(var(--primary));
}

.\[\&_a\]\:underline a {
  text-decoration-line: underline;
}

.\[\&_b\]\:font-bold b {
  font-weight: 700;
}

.\[\&_b\]\:text-amber-300 b {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.\[\&_code\]\:rounded code {
  border-radius: .25rem;
}

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

.\[\&_code\]\:px-1 code {
  padding-left: .25rem;
  padding-right: .25rem;
}

.\[\&_code\]\:py-0\.5 code {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.\[\&_h2\]\:mb-1\.5 h2 {
  margin-bottom: .375rem;
}

.\[\&_h2\]\:mb-2 h2 {
  margin-bottom: .5rem;
}

.\[\&_h2\]\:mt-3 h2 {
  margin-top: .75rem;
}

.\[\&_h2\]\:mt-4 h2 {
  margin-top: 1rem;
}

.\[\&_h3\]\:mb-1 h3 {
  margin-bottom: .25rem;
}

.\[\&_h3\]\:mb-1\.5 h3 {
  margin-bottom: .375rem;
}

.\[\&_h3\]\:mt-2\.5 h3 {
  margin-top: .625rem;
}

.\[\&_h3\]\:mt-3 h3 {
  margin-top: .75rem;
}

.\[\&_iframe\]\:h-full iframe {
  height: 100%;
}

.\[\&_iframe\]\:w-full iframe {
  width: 100%;
}

.\[\&_li\]\:my-0\.5 li {
  margin-top: .125rem;
  margin-bottom: .125rem;
}

.\[\&_ol\]\:my-2 ol, .\[\&_p\]\:my-2 p {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}

.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}

.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.\[\&_ul\]\:my-2 ul {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

/* [project]/app/_design/tokens-2026.css [app-client] (css) */
.uxn2026 {
  --font-sans-2026: "Inter Tight", system-ui, sans-serif;
  --font-mono-2026: "JetBrains Mono", ui-monospace, monospace;
  --font-serif-2026: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-content-2026: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  --bg-2026: #080d11;
  --bg-elev-2026: #0f141a;
  --bg-card-2026: #13191f;
  --bg-soft-2026: #191f25;
  --bg-hover-2026: #1e252c;
  --bg-input-2026: #0f1318;
  --border-2026: #262c33;
  --border-soft-2026: #1c2127;
  --border-strong-2026: #343b44;
  --text-2026: #eff2f5;
  --text-muted-2026: #999fa6;
  --text-dim-2026: #5e646a;
  --accent-2026: #fab72a;
  --accent-deep-2026: #e39000;
  --accent-soft-2026: color-mix(in oklab, var(--accent-2026) 16%, transparent);
  --accent-glow-2026: color-mix(in oklab, var(--accent-2026) 32%, transparent);
  --accent-ink-2026: #281600;
  --long-2026: #41d686;
  --short-2026: #f94144;
  --good-2026: #3ec87d;
  --warn-2026: #ffa746;
  --info-2026: #25baf2;
  --bad-2026: #f14d4c;
  --magenta-2026: #d36dea;
  --pink-2026: #f46eb4;
  --streak-2026: #ff653f;
  --radius-2026: 12px;
  --radius-lg-2026: 16px;
  --radius-xl-2026: 22px;
  --shadow-sm-2026: 0 1px 2px #0000004d;
  --shadow-2026: 0 8px 32px #00000040;
  --shadow-lg-2026: 0 20px 60px #0006;
  font-family: var(--font-sans-2026);
  font-feature-settings: "ss01", "cv11";
  color: var(--text-2026);
  background: radial-gradient(900px 600px at 90% -10%, var(--accent-soft-2026), transparent 60%),
    radial-gradient(700px 500px at -10% 80%, color-mix(in oklab, var(--info-2026) 8%, transparent), transparent 60%),
    var(--bg-2026);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background-attachment: fixed;
  min-height: 100vh;
}

@supports (color: lab(0% 0 0)) {
  .uxn2026 {
    --bg-2026: lab(3.35109% -.590004 -2.66882);
    --bg-elev-2026: lab(6.17421% -1.04858 -4.60462);
    --bg-card-2026: lab(8.33604% -1.29348 -4.89114);
    --bg-soft-2026: lab(11.235% -1.39898 -5.24546);
    --bg-hover-2026: lab(14.1339% -1.50354 -5.59948);
    --bg-input-2026: lab(5.70321% -.879385 -3.74194);
    --border-2026: lab(17.6179% -1.45447 -5.26749);
    --border-soft-2026: lab(12.4006% -1.25527 -4.56298);
    --border-strong-2026: lab(24.5735% -1.747 -6.32166);
    --text-2026: lab(95.3562% -.55328 -1.78928);
    --text-muted-2026: lab(65.1887% -1.28675 -4.27156);
    --text-dim-2026: lab(41.9875% -1.26275 -4.25921);
    --accent-2026: lab(79.137% 16.9725 73.9414);
    --accent-deep-2026: lab(67.0951% 28.6103 84.4444);
    --accent-ink-2026: lab(9.40381% 8.98444 16.8305);
    --long-2026: lab(76.6826% -54.3513 28.0449);
    --short-2026: lab(57.1752% 69.5963 43.0458);
    --good-2026: lab(71.9138% -51.1358 26.3831);
    --warn-2026: lab(76.3098% 29.6964 67.3442);
    --info-2026: lab(70.1238% -23.8343 -38.958);
    --bad-2026: lab(57.3944% 63.124 38.0626);
    --magenta-2026: lab(62.1202% 54.3556 -46.292);
    --pink-2026: lab(65.0967% 57.6389 -11.1469);
    --streak-2026: lab(63.3517% 62.9157 57.7377);
  }
}

.uxn2026 .eyebrow-2026 {
  font-family: var(--font-mono-2026);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent-2026);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.uxn2026 .eyebrow-2026:before {
  content: "";
  background: var(--accent-2026);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px var(--accent-2026);
  border-radius: 50%;
}

.uxn2026 .h1-2026 {
  letter-spacing: -.02em;
  color: var(--text-2026);
  margin: 0;
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 700;
  line-height: 1.05;
}

.uxn2026 .h1-2026 em {
  color: var(--accent-2026);
  background-image: linear-gradient(135deg, var(--accent-2026), #ffb98e);
  font-style: normal;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

@supports (color: lab(0% 0 0)) {
  .uxn2026 .h1-2026 em {
    background-image: linear-gradient(135deg, var(--accent-2026), lab(81.6027% 42.1929 58.093));
  }
}

.uxn2026 .h1-serif-2026 {
  font-family: var(--font-serif-2026);
  letter-spacing: -.025em;
  margin: 0 0 12px;
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 600;
  line-height: 1;
}

.uxn2026 .h1-serif-2026 em {
  color: var(--accent-2026);
  background-image: linear-gradient(135deg, var(--accent-2026), #ffb98e);
  font-style: italic;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

@supports (color: lab(0% 0 0)) {
  .uxn2026 .h1-serif-2026 em {
    background-image: linear-gradient(135deg, var(--accent-2026), lab(81.6027% 42.1929 58.093));
  }
}

.uxn2026 .card-2026 {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
}

.uxn2026 .btn-primary-2026 {
  border-radius: var(--radius-2026);
  background: var(--accent-2026);
  color: var(--accent-ink-2026);
  cursor: pointer;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  font-size: 14px;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.uxn2026 .btn-primary-2026:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.uxn2026 .btn-ghost-2026 {
  border-radius: var(--radius-2026);
  background: var(--bg-soft-2026);
  color: var(--text-2026);
  border: 1px solid var(--border-soft-2026);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  font-size: 14px;
  font-weight: 500;
  transition: all .18s;
  display: inline-flex;
}

.uxn2026 .btn-ghost-2026:hover {
  background: var(--bg-hover-2026);
  border-color: var(--border-2026);
}

.uxn2026 .pill-2026 {
  background: var(--accent-soft-2026);
  color: var(--accent-2026);
  border: 1px solid color-mix(in oklab, var(--accent-2026) 30%, transparent);
  letter-spacing: .02em;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.uxn2026 .pill-2026.long {
  background: color-mix(in oklab, var(--long-2026) 16%, transparent);
  color: var(--long-2026);
  border-color: color-mix(in oklab, var(--long-2026) 30%, transparent);
}

.uxn2026 .pill-2026.short {
  background: color-mix(in oklab, var(--short-2026) 16%, transparent);
  color: var(--short-2026);
  border-color: color-mix(in oklab, var(--short-2026) 30%, transparent);
}

.uxn2026 .pill-2026.muted {
  background: var(--bg-soft-2026);
  color: var(--text-muted-2026);
  border-color: var(--border-soft-2026);
}

.uxn2026 .topbar-2026 {
  z-index: 30;
  background: color-mix(in oklab, var(--bg-2026) 75%, transparent);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border-soft-2026);
  align-items: center;
  gap: 14px;
  padding: 16px 28px;
  display: flex;
  position: sticky;
  top: 0;
}

.uxn2026 .back-btn-2026 {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  color: var(--text-muted-2026);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-size: 13.5px;
  font-weight: 500;
  text-decoration: none;
  transition: all .18s;
  display: inline-flex;
}

.uxn2026 .back-btn-2026:hover {
  background: var(--bg-hover-2026);
  color: var(--text-2026);
}

.uxn2026 .breadcrumb-2026 {
  color: var(--text-dim-2026);
  font-size: 13px;
  font-family: var(--font-mono-2026);
}

.uxn2026 .breadcrumb-2026 b {
  color: var(--text-muted-2026);
  font-weight: 600;
}

.uxn2026 * {
  box-sizing: border-box;
}

.uxn2026 button {
  cursor: pointer;
  color: inherit;
  background: none;
  border: 0;
  font-family: inherit;
}

.uxn2026 a {
  color: inherit;
  text-decoration: none;
}

.uxn2026 ::selection {
  background: var(--accent-soft-2026);
}

.uxn2026-bare {
  --font-sans-2026: "Inter Tight", system-ui, sans-serif;
  --font-mono-2026: "JetBrains Mono", ui-monospace, monospace;
  --font-serif-2026: "Fraunces", "Iowan Old Style", Georgia, serif;
  --bg-2026: #080d11;
  --bg-elev-2026: #0f141a;
  --bg-card-2026: #13191f;
  --bg-soft-2026: #191f25;
  --bg-hover-2026: #1e252c;
  --bg-input-2026: #0f1318;
  --border-2026: #262c33;
  --border-soft-2026: #1c2127;
  --border-strong-2026: #343b44;
  --text-2026: #eff2f5;
  --text-muted-2026: #999fa6;
  --text-dim-2026: #5e646a;
  --accent-2026: #fab72a;
  --accent-deep-2026: #e39000;
  --accent-soft-2026: color-mix(in oklab, var(--accent-2026) 16%, transparent);
  --accent-glow-2026: color-mix(in oklab, var(--accent-2026) 32%, transparent);
  --accent-ink-2026: #281600;
  --long-2026: #41d686;
  --short-2026: #f94144;
  --good-2026: #3ec87d;
  --warn-2026: #ffa746;
  --info-2026: #25baf2;
  --bad-2026: #f14d4c;
  --magenta-2026: #d36dea;
  --pink-2026: #f46eb4;
  --streak-2026: #ff653f;
  --radius-2026: 12px;
  --radius-lg-2026: 16px;
  --radius-xl-2026: 22px;
  --shadow-sm-2026: 0 1px 2px #0000004d;
  --shadow-2026: 0 8px 32px #00000040;
  --shadow-lg-2026: 0 20px 60px #0006;
}

@supports (color: lab(0% 0 0)) {
  .uxn2026-bare {
    --bg-2026: lab(3.35109% -.590004 -2.66882);
    --bg-elev-2026: lab(6.17421% -1.04858 -4.60462);
    --bg-card-2026: lab(8.33604% -1.29348 -4.89114);
    --bg-soft-2026: lab(11.235% -1.39898 -5.24546);
    --bg-hover-2026: lab(14.1339% -1.50354 -5.59948);
    --bg-input-2026: lab(5.70321% -.879385 -3.74194);
    --border-2026: lab(17.6179% -1.45447 -5.26749);
    --border-soft-2026: lab(12.4006% -1.25527 -4.56298);
    --border-strong-2026: lab(24.5735% -1.747 -6.32166);
    --text-2026: lab(95.3562% -.55328 -1.78928);
    --text-muted-2026: lab(65.1887% -1.28675 -4.27156);
    --text-dim-2026: lab(41.9875% -1.26275 -4.25921);
    --accent-2026: lab(79.137% 16.9725 73.9414);
    --accent-deep-2026: lab(67.0951% 28.6103 84.4444);
    --accent-ink-2026: lab(9.40381% 8.98444 16.8305);
    --long-2026: lab(76.6826% -54.3513 28.0449);
    --short-2026: lab(57.1752% 69.5963 43.0458);
    --good-2026: lab(71.9138% -51.1358 26.3831);
    --warn-2026: lab(76.3098% 29.6964 67.3442);
    --info-2026: lab(70.1238% -23.8343 -38.958);
    --bad-2026: lab(57.3944% 63.124 38.0626);
    --magenta-2026: lab(62.1202% 54.3556 -46.292);
    --pink-2026: lab(65.0967% 57.6389 -11.1469);
    --streak-2026: lab(63.3517% 62.9157 57.7377);
  }
}

.uxn2026-bare * {
  box-sizing: border-box;
}

.uxn2026-bare ::selection {
  background: var(--accent-soft-2026);
}

/* [project]/app/_design/tools-workbench.css [app-client] (css) */
.uxn-tools {
  --wb-canvas: #06080f;
  --wb-panel: #0f1422;
  --wb-panel-2: #0c1019;
  --wb-card: #0b0f1a;
  --wb-border: #1a2138;
  --wb-border-hover: #2b3454;
  --wb-text: #f3f6fc;
  --wb-text-soft: #9aa6c3;
  --wb-muted: #8b95b0;
  --wb-chip: #11172a;
  --wb-chip-2: #0b0f1a;
  color: var(--wb-text);
  background: radial-gradient(900px 600px at 100% 0%, #fab72a0d, transparent 55%),
    var(--wb-canvas);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  box-sizing: border-box;
  background-attachment: fixed;
  flex-direction: column;
  gap: 16px;
  min-height: 100vh;
  padding: 16px;
  font-family: Inter Tight, system-ui, sans-serif;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .uxn-tools {
    background: radial-gradient(900px 600px at 100% 0%, lab(79.137% 16.9725 73.9414 / .05), transparent 55%),
    var(--wb-canvas);
  }
}

.uxn-tools * {
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .uxn-tools {
    gap: 22px;
    padding: 32px;
  }
}

.wb-topbar {
  background: var(--wb-panel);
  border: 1px solid var(--wb-border);
  border-radius: 16px;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

@media (min-width: 1024px) {
  .wb-topbar {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
  }
}

.wb-metapill {
  background: var(--wb-chip-2);
  border: 1px solid var(--wb-border);
  color: var(--wb-text-soft);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: 11px;
  display: inline-flex;
}

.wb-body {
  flex: 1;
  grid-template-columns: 1fr;
  gap: 16px;
  min-height: 0;
  display: grid;
}

@media (min-width: 1024px) {
  .wb-body {
    grid-template-columns: 320px 1fr;
    gap: 22px;
  }
}

.wb-sidebar {
  background: var(--wb-panel-2);
  border: 1px solid var(--wb-border);
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-radius: 18px;
  flex-direction: row;
  gap: 8px;
  padding: 10px;
  display: flex;
  overflow: auto hidden;
}

.wb-sidebar::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .wb-sidebar {
    flex-direction: column;
    gap: 4px;
    padding: 16px;
    overflow: visible;
  }
}

.wb-sidebar-head, .wb-sidebar-foot {
  display: none;
}

@media (min-width: 1024px) {
  .wb-sidebar-head {
    display: block;
  }

  .wb-sidebar-foot {
    border-top: 1px dashed var(--wb-border);
    margin-top: auto;
    padding-top: 16px;
    display: block;
  }
}

.wb-tab {
  min-width: 168px;
  min-height: 48px;
  color: var(--wb-text-soft);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 1px solid #0000;
  border-left-width: 3px;
  border-radius: 10px;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  transition: background .15s, border-color .15s, color .15s;
  display: flex;
}

.wb-tab:hover {
  color: var(--wb-text);
}

@media (min-width: 1024px) {
  .wb-tab {
    align-items: flex-start;
    width: 100%;
    min-width: 0;
  }
}

.wb-tab-tagline {
  display: none;
}

@media (min-width: 1024px) {
  .wb-tab-tagline {
    display: block;
  }
}

.wb-detail {
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  display: flex;
}

.wb-header-card {
  background: var(--wb-panel);
  border: 1px solid var(--wb-border);
  border-radius: 18px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 640px) {
  .wb-header-card {
    padding: 26px;
  }
}

.wb-header-inner {
  flex-direction: column;
  gap: 16px;
  display: flex;
  position: relative;
}

@media (min-width: 640px) {
  .wb-header-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
  }
}

.wb-cta {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 0 18px;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

@media (min-width: 640px) {
  .wb-cta {
    width: auto;
  }
}

.wb-stats {
  border-top: 1px dashed var(--wb-border);
  flex-wrap: wrap;
  gap: 14px 24px;
  margin-top: 20px;
  padding-top: 18px;
  display: flex;
  position: relative;
}

.wb-wip-note {
  background: #f1cb1c12;
  background: lab(83.1625% 2.86227 79.6939 / .07);
  border: 1px solid #f1cb1c40;
  border: 1px solid lab(83.1625% 2.86227 79.6939 / .25);
  border-radius: 14px;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  display: flex;
}

.wb-cards {
  grid-template-columns: 1fr;
  gap: 12px;
  display: grid;
}

@media (min-width: 640px) {
  .wb-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.wb-card {
  background: var(--wb-card);
  border: 1px solid var(--wb-border);
  border-radius: 14px;
  grid-template-columns: 1fr;
  min-height: 130px;
  transition: border-color .18s, transform .18s;
  display: grid;
  overflow: hidden;
}

@media (min-width: 480px) {
  .wb-card {
    grid-template-columns: 150px 1fr;
  }
}

@media (min-width: 1024px) {
  .wb-card {
    grid-template-columns: 170px 1fr;
  }
}

.wb-card:hover {
  border-color: var(--wb-border-hover);
}

.uxn-tools .wb-realgrid-wrap {
  flex-direction: column;
  gap: 22px;
  display: flex;
}

.uxn-tools .wb-realsection {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.uxn-tools .wb-realsection-h {
  color: var(--wb-text);
  align-items: baseline;
  gap: 8px;
  margin: 0;
  font-family: Fraunces, serif;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.uxn-tools .wb-realcount {
  color: var(--wb-muted);
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: 11px;
  font-weight: 700;
}

.uxn-tools .wb-realgrid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 258px), 1fr));
  gap: 12px;
  display: grid;
}

.uxn-tools .wb-panel-empty {
  text-align: center;
  color: var(--wb-muted);
  border: 1px dashed var(--wb-border);
  border-radius: 14px;
  padding: 32px;
  font-size: 14px;
}

.wb-pulse {
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.8s ease-in-out infinite wb-pulse;
  display: inline-block;
}

@keyframes wb-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .45;
    transform: scale(.85);
  }
}

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

/* [project]/app/_design/uplot.css [app-client] (css) */
.uplot, .uplot *, .uplot :before, .uplot :after {
  box-sizing: border-box;
}

.uplot {
  width: min-content;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

.u-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.u-wrap {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.u-over, .u-under {
  position: absolute;
}

.u-under {
  overflow: hidden;
}

.uplot canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.u-axis {
  position: absolute;
}

.u-legend {
  text-align: center;
  margin: auto;
  font-size: 14px;
}

.u-inline {
  display: block;
}

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

.u-inline tr {
  margin-right: 16px;
}

.u-legend th {
  font-weight: 600;
}

.u-legend th > * {
  vertical-align: middle;
  display: inline-block;
}

.u-legend .u-marker {
  width: 1em;
  height: 1em;
  margin-right: 4px;
  background-clip: padding-box !important;
}

.u-inline.u-live th:after {
  content: ":";
  vertical-align: middle;
}

.u-inline:not(.u-live) .u-value {
  display: none;
}

.u-series > * {
  padding: 4px;
}

.u-series th {
  cursor: pointer;
}

.u-legend .u-off > * {
  opacity: .3;
}

.u-select {
  pointer-events: none;
  background: #00000012;
  position: absolute;
}

.u-cursor-x, .u-cursor-y {
  pointer-events: none;
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
}

.u-hz .u-cursor-x, .u-vt .u-cursor-y {
  border-right: 1px dashed #607d8b;
  height: 100%;
}

.u-hz .u-cursor-y, .u-vt .u-cursor-x {
  border-bottom: 1px dashed #607d8b;
  width: 100%;
}

.u-cursor-pt {
  pointer-events: none;
  will-change: transform;
  border: 0 solid;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-clip: padding-box !important;
}

.u-axis.u-off, .u-select.u-off, .u-cursor-x.u-off, .u-cursor-y.u-off, .u-cursor-pt.u-off {
  display: none;
}

/* [project]/app/_design/profile-settings-2026.css [app-client] (css) */
.ps-stage {
  --ps-font-sans: "Inter Tight","Inter",system-ui,-apple-system,sans-serif;
  --ps-font-mono: "JetBrains Mono",ui-monospace,monospace;
  --ps-font-serif: "Fraunces",Georgia,serif;
  --ps-bg: #05080c;
  --ps-bg-elev: #0b1015;
  --ps-bg-card: #11171c;
  --ps-bg-soft: #181e24;
  --ps-bg-hover: #21272e;
  --ps-bg-input: #0b1015;
  --ps-border: #262c33;
  --ps-border-soft: #1b2025;
  --ps-border-strong: #363e46;
  --ps-text: #f3f5f8;
  --ps-text-muted: #999fa6;
  --ps-text-dim: #5e646a;
  --ps-accent: #fab72a;
  --ps-accent-deep: #e39000;
  --ps-accent-soft: color-mix(in oklab, var(--ps-accent) 16%, transparent);
  --ps-accent-glow: color-mix(in oklab, var(--ps-accent) 32%, transparent);
  --ps-accent-ink: #221200;
  --ps-good: #3ec87d;
  --ps-good-soft: color-mix(in oklab, var(--ps-good) 16%, transparent);
  --ps-info: #25baf2;
  --ps-magenta: #d36dea;
  --ps-short: #fc4447;
  --ps-radius-sm: 6px;
  --ps-radius-md: 10px;
  --ps-radius-lg: 14px;
  --ps-radius-xl: 20px;
  --ps-radius-2xl: 28px;
  --ps-transition: .2s cubic-bezier(.2,.7,.3,1);
  --ps-transition-fast: .12s cubic-bezier(.2,.7,.3,1);
  --ps-transition-spring: .38s cubic-bezier(.16,1.1,.3,1);
  background: var(--ps-bg);
  color: var(--ps-text);
  font-family: var(--ps-font-sans);
  font-feature-settings: "ss01","cv11";
  -webkit-font-smoothing: antialiased;
}

@supports (color: lab(0% 0 0)) {
  .ps-stage {
    --ps-bg: lab(1.97449% -.392072 -1.91281);
    --ps-bg-elev: lab(4.41937% -.812896 -3.76877);
    --ps-bg-card: lab(7.20331% -1.17743 -4.83751);
    --ps-bg-soft: lab(10.6547% -1.39258 -5.24302);
    --ps-bg-hover: lab(15.2945% -1.51472 -5.60384);
    --ps-bg-input: lab(4.42354% -.727616 -3.18275);
    --ps-border: lab(17.6179% -1.45447 -5.26749);
    --ps-border-soft: lab(11.8203% -1.25089 -4.5612);
    --ps-border-strong: lab(25.7339% -1.75481 -6.3249);
    --ps-text: lab(96.5162% -.553399 -1.78931);
    --ps-text-muted: lab(65.1887% -1.28675 -4.27156);
    --ps-text-dim: lab(41.9875% -1.26275 -4.25921);
    --ps-accent: lab(79.137% 16.9725 73.9414);
    --ps-accent-deep: lab(67.0951% 28.6103 84.4444);
    --ps-accent-ink: lab(7.10029% 9.13489 13.4621);
    --ps-good: lab(71.9138% -51.1358 26.3831);
    --ps-info: lab(70.1238% -23.8343 -38.958);
    --ps-magenta: lab(62.1202% 54.3556 -46.292);
    --ps-short: lab(58.3383% 69.5703 42.8339);
  }
}

.ps-stage :where(h1, h2, h3, h4, h5, p, figure) {
  margin: 0;
}

.ps-stage :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ps-stage button {
  cursor: pointer;
  font-family: inherit;
}

.ps-stage a {
  color: inherit;
  text-decoration: none;
}

.ps-stage input, .ps-stage textarea, .ps-stage select {
  font-family: inherit;
}

@keyframes ps-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }
}

.pf-hero {
  background: var(--ps-bg-elev);
  border-bottom: 1px solid var(--ps-border-soft);
  position: relative;
}

.pf-cover {
  background: linear-gradient(135deg,
      color-mix(in oklab, var(--ps-accent) 30%, var(--ps-bg-elev)) 0%,
      color-mix(in oklab, #7c271c 50%, var(--ps-bg-elev)) 40%,
      color-mix(in oklab, #192f46 50%, var(--ps-bg-elev)) 100%);
  height: 220px;
  position: relative;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .pf-cover {
    background: linear-gradient(135deg,
      color-mix(in oklab, var(--ps-accent) 30%, var(--ps-bg-elev)) 0%,
      color-mix(in oklab, lab(29.2695% 37.0176 27.6691) 50%, var(--ps-bg-elev)) 40%,
      color-mix(in oklab, lab(18.631% -2.98554 -17.0241) 50%, var(--ps-bg-elev)) 100%);
  }
}

.pf-cover:before {
  content: "";
  background: radial-gradient(800px 300px at 70% 50%,
      color-mix(in oklab, var(--ps-accent) 20%, transparent),
      transparent 60%),
    radial-gradient(500px 200px at 0% 100%,
      color-mix(in oklab, var(--ps-magenta) 18%, transparent),
      transparent 70%);
  position: absolute;
  inset: 0;
}

.pf-cover-gradient-bottom {
  background: linear-gradient(180deg, transparent 50%, color-mix(in oklab, var(--ps-bg-elev) 90%, transparent) 100%);
  position: absolute;
  inset: 0;
}

.pf-cover-fake-title {
  font-family: var(--ps-font-sans);
  letter-spacing: -.04em;
  text-align: right;
  text-transform: uppercase;
  color: #ffffff14;
  pointer-events: none;
  font-size: 48px;
  font-weight: 900;
  line-height: .9;
  position: absolute;
  bottom: 24px;
  right: 32px;
}

.pf-cover-fake-title em {
  color: #ffffff29;
  background: linear-gradient(180deg, transparent, color-mix(in oklab, var(--ps-accent) 40%, transparent));
  -webkit-background-clip: text;
  background-clip: text;
  font-style: normal;
}

.pf-info {
  z-index: 2;
  align-items: flex-end;
  gap: 24px;
  margin-top: -60px;
  padding: 0 32px 24px;
  display: flex;
  position: relative;
}

.pf-avatar {
  border: 5px solid var(--ps-bg-elev);
  background: linear-gradient(135deg, var(--ps-accent), var(--ps-accent-deep));
  width: 132px;
  height: 132px;
  color: var(--ps-accent-ink);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 44px;
  font-weight: 800;
  display: grid;
  position: relative;
  box-shadow: 0 8px 32px #00000080;
}

.pf-avatar:after {
  content: "";
  background: var(--ps-good);
  border: 3px solid var(--ps-bg-elev);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 6px;
  right: 6px;
}

.pf-info-main {
  flex: 1;
  min-width: 0;
  padding-bottom: 4px;
}

.pf-name-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.pf-name {
  font-family: var(--ps-font-serif);
  letter-spacing: -.025em;
  font-size: 38px;
  font-weight: 600;
  line-height: 1;
}

.pf-badge-verified {
  background: var(--ps-accent-soft);
  color: var(--ps-accent);
  border: 1px solid color-mix(in oklab, var(--ps-accent) 30%, transparent);
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  font-family: var(--ps-font-mono);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 3px 10px 3px 8px;
  display: inline-flex;
}

.pf-handle-row {
  color: var(--ps-text-muted);
  align-items: center;
  gap: 10px;
  margin-top: 6px;
  font-size: 13.5px;
  display: flex;
}

.pf-handle {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-muted);
  font-weight: 500;
}

.pf-handle-row .sep {
  color: var(--ps-text-dim);
}

.pf-handle-row .online {
  color: var(--ps-good);
  font-family: var(--ps-font-mono);
  letter-spacing: .04em;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  display: inline-flex;
}

.pf-handle-row .online .dot {
  background: var(--ps-good);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.6s ease-in-out infinite ps-pulse;
}

.pf-actions {
  flex-shrink: 0;
  gap: 8px;
  padding-bottom: 4px;
  display: flex;
}

.pf-meta {
  border-top: 1px solid var(--ps-border-soft);
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 22px 32px 24px;
  display: grid;
}

.pf-bio {
  color: var(--ps-text);
  max-width: 720px;
  font-size: 14.5px;
  line-height: 1.55;
}

.pf-bio b {
  color: var(--ps-accent);
  font-weight: 600;
}

.pf-stats {
  background: var(--ps-bg-soft);
  border: 1px solid var(--ps-border-soft);
  border-radius: 14px;
  gap: 4px;
  padding: 4px;
  display: flex;
}

.pf-stat {
  cursor: pointer;
  min-width: 84px;
  transition: all var(--ps-transition-fast);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 10px 18px;
  display: flex;
}

.pf-stat:hover {
  background: var(--ps-bg-hover);
}

.pf-stat .v {
  font-family: var(--ps-font-mono);
  color: var(--ps-text);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  font-size: 19px;
  font-weight: 700;
}

.pf-stat .v.accent {
  color: var(--ps-accent);
}

.pf-stat .l {
  font-family: var(--ps-font-mono);
  letter-spacing: .06em;
  color: var(--ps-text-dim);
  text-transform: uppercase;
  font-size: 10.5px;
}

.pf-body {
  grid-template-columns: 1fr 320px;
  align-items: flex-start;
  gap: 28px;
  padding: 28px 32px 60px;
  display: grid;
}

.pf-tabs {
  border-bottom: 1px solid var(--ps-border-soft);
  gap: 0;
  margin-bottom: 18px;
  display: flex;
}

.pf-tab {
  color: var(--ps-text-dim);
  cursor: pointer;
  transition: color var(--ps-transition-fast);
  align-items: center;
  gap: 6px;
  margin-right: 24px;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}

.pf-tab[data-on="true"] {
  color: var(--ps-text);
}

.pf-tab[data-on="true"]:after {
  content: "";
  background: var(--ps-accent);
  border-radius: 2px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.pf-tab .count {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  background: var(--ps-bg-soft);
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 600;
}

.pf-tab:hover {
  color: var(--ps-text-muted);
}

.pf-card {
  background: var(--ps-bg-card);
  border: 1px solid var(--ps-border-soft);
  border-radius: 14px;
  padding: 18px;
}

.pf-card-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  display: flex;
}

.pf-card-title {
  letter-spacing: -.01em;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  display: inline-flex;
}

.pf-card-title .ic {
  color: var(--ps-accent);
  display: inline-flex;
}

.pf-card-title .count {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  letter-spacing: .04em;
  font-size: 11px;
  font-weight: 500;
}

.pf-card-link {
  font-family: var(--ps-font-mono);
  color: var(--ps-accent);
  letter-spacing: .04em;
  font-size: 11px;
}

.pf-card-link:hover {
  text-decoration: underline;
}

.pf-badges {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.pf-badge {
  background: var(--ps-bg-soft);
  border: 1px solid var(--ps-border-soft);
  text-align: center;
  cursor: pointer;
  transition: all var(--ps-transition-fast);
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 8px;
  display: flex;
  position: relative;
}

.pf-badge:hover {
  background: var(--ps-bg-hover);
  transform: translateY(-1px);
}

.pf-badge.locked {
  opacity: .55;
}

.pf-badge.locked .pf-badge-ic {
  filter: grayscale();
}

.pf-badge-ic {
  background: linear-gradient(135deg, var(--ps-accent), var(--ps-accent-deep));
  width: 36px;
  height: 36px;
  color: var(--ps-accent-ink);
  border-radius: 10px;
  place-items: center;
  font-size: 18px;
  display: grid;
}

.pf-badge.locked .pf-badge-ic {
  background: var(--ps-bg-card);
  color: var(--ps-text-dim);
  border: 1px dashed var(--ps-border-strong);
}

.pf-badge-name {
  color: var(--ps-text);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}

.pf-badge.locked .pf-badge-name {
  color: var(--ps-text-muted);
}

.pf-recent {
  flex-direction: column;
  display: flex;
}

.pf-recent-item {
  border-bottom: 1px solid var(--ps-border-soft);
  color: var(--ps-text-muted);
  cursor: pointer;
  transition: color var(--ps-transition-fast);
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 13px;
  display: flex;
}

.pf-recent-item:last-child {
  border-bottom: 0;
}

.pf-recent-item:hover {
  color: var(--ps-text);
}

.pf-recent-item .ic {
  background: var(--ps-bg-soft);
  width: 22px;
  height: 22px;
  color: var(--ps-text-muted);
  border-radius: 6px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.pf-recent-item .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.pf-recent-item .title b {
  color: var(--ps-text);
  font-weight: 600;
}

.pf-recent-item .t {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  letter-spacing: .02em;
  flex-shrink: 0;
  font-size: 10.5px;
}

.pf-heat {
  grid-template-columns: repeat(14, 1fr);
  gap: 3px;
  margin-top: 6px;
  display: grid;
}

.pf-heat-cell {
  aspect-ratio: 1;
  background: var(--ps-bg-soft);
  border-radius: 2px;
}

.pf-heat-cell.l1 {
  background: color-mix(in oklab, var(--ps-accent) 15%, var(--ps-bg-soft));
}

.pf-heat-cell.l2 {
  background: color-mix(in oklab, var(--ps-accent) 35%, var(--ps-bg-soft));
}

.pf-heat-cell.l3 {
  background: color-mix(in oklab, var(--ps-accent) 60%, var(--ps-bg-soft));
}

.pf-heat-cell.l4 {
  background: var(--ps-accent);
}

.pf-heat-foot {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  letter-spacing: .04em;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 10.5px;
  display: flex;
}

.pf-heat-foot .legend {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.pf-heat-foot .legend span {
  background: var(--ps-bg-soft);
  border-radius: 2px;
  width: 9px;
  height: 9px;
}

.pf-heat-foot .legend span.l1 {
  background: color-mix(in oklab, var(--ps-accent) 15%, var(--ps-bg-soft));
}

.pf-heat-foot .legend span.l2 {
  background: color-mix(in oklab, var(--ps-accent) 35%, var(--ps-bg-soft));
}

.pf-heat-foot .legend span.l3 {
  background: color-mix(in oklab, var(--ps-accent) 60%, var(--ps-bg-soft));
}

.pf-heat-foot .legend span.l4 {
  background: var(--ps-accent);
}

.pf-post {
  background: var(--ps-bg-card);
  border: 1px solid var(--ps-border-soft);
  transition: border-color var(--ps-transition-fast);
  border-radius: 14px;
  margin-bottom: 14px;
  overflow: hidden;
}

.pf-post:hover {
  border-color: var(--ps-border-strong);
}

.pf-post-head {
  align-items: flex-start;
  gap: 12px;
  padding: 16px 18px 12px;
  display: flex;
}

.pf-post-av {
  background: linear-gradient(135deg, var(--ps-accent), var(--ps-accent-deep));
  width: 38px;
  height: 38px;
  color: var(--ps-accent-ink);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.pf-post-meta {
  flex: 1;
  min-width: 0;
  line-height: 1.3;
}

.pf-post-meta .name {
  font-size: 13.5px;
  font-weight: 700;
}

.pf-post-meta .name .pill {
  font-family: var(--ps-font-mono);
  background: var(--ps-accent-soft);
  color: var(--ps-accent);
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 4px;
  margin-left: 6px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 600;
}

.pf-post-meta .when {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  letter-spacing: .02em;
  font-size: 11px;
}

.pf-post-more {
  width: 30px;
  height: 30px;
  color: var(--ps-text-dim);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.pf-post-more:hover {
  background: var(--ps-bg-soft);
  color: var(--ps-text);
}

.pf-post-title {
  font-family: var(--ps-font-serif);
  letter-spacing: -.02em;
  padding: 4px 18px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}

.pf-post-body {
  color: var(--ps-text-muted);
  padding: 6px 18px 14px;
  font-size: 14px;
  line-height: 1.55;
}

.pf-post-cover {
  background: radial-gradient(600px 300px at 30% 40%, color-mix(in oklab, var(--ps-magenta) 25%, transparent), transparent 60%),
    linear-gradient(135deg,
      color-mix(in oklab, #333463 60%, var(--ps-bg-soft)),
      color-mix(in oklab, #142a41 60%, var(--ps-bg-soft)));
  border-radius: 10px;
  height: 220px;
  margin: 0 18px 14px;
  position: relative;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .pf-post-cover {
    background: radial-gradient(600px 300px at 30% 40%, color-mix(in oklab, var(--ps-magenta) 25%, transparent), transparent 60%),
    linear-gradient(135deg,
      color-mix(in oklab, lab(23.6619% 10.0332 -28.2371) 60%, var(--ps-bg-soft)),
      color-mix(in oklab, lab(16.3006% -2.77984 -16.9855) 60%, var(--ps-bg-soft)));
  }
}

.pf-post-cover:before {
  content: "";
  background: radial-gradient(circle at 20% 30%, #fff6, transparent 50%),
    radial-gradient(circle at 80% 70%, var(--ps-accent), color-mix(in oklab, var(--ps-magenta) 60%, var(--ps-accent)) 60%, transparent);
  filter: blur(20px);
  opacity: .5;
  border-radius: 50%;
  position: absolute;
  inset: 20% 30%;
}

.pf-post-foot {
  border-top: 1px solid var(--ps-border-soft);
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  display: flex;
}

.pf-post-act {
  color: var(--ps-text-dim);
  font-size: 12.5px;
  font-weight: 500;
  font-family: var(--ps-font-mono);
  letter-spacing: .02em;
  transition: all var(--ps-transition-fast);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  display: inline-flex;
}

.pf-post-act:hover {
  background: var(--ps-bg-soft);
  color: var(--ps-text);
}

.pf-post-act.like:hover {
  color: var(--ps-short);
}

.pf-post-act.up {
  color: var(--ps-accent);
}

.pf-post-foot .spacer {
  flex: 1;
}

.pf-ed {
  border-bottom: 1px solid var(--ps-border-soft);
  min-height: 460px;
  position: relative;
  overflow: hidden;
}

.pf-ed-cover {
  background: linear-gradient(135deg,
      color-mix(in oklab, var(--ps-accent) 28%, var(--ps-bg)) 0%,
      color-mix(in oklab, #7c271c 50%, var(--ps-bg)) 40%,
      color-mix(in oklab, #192f46 50%, var(--ps-bg)) 100%);
  position: absolute;
  inset: 0;
}

@supports (color: lab(0% 0 0)) {
  .pf-ed-cover {
    background: linear-gradient(135deg,
      color-mix(in oklab, var(--ps-accent) 28%, var(--ps-bg)) 0%,
      color-mix(in oklab, lab(29.2695% 37.0176 27.6691) 50%, var(--ps-bg)) 40%,
      color-mix(in oklab, lab(18.631% -2.98554 -17.0241) 50%, var(--ps-bg)) 100%);
  }
}

.pf-ed-cover:before {
  content: "";
  background: radial-gradient(900px 500px at 70% 30%,
      color-mix(in oklab, var(--ps-accent) 26%, transparent),
      transparent 60%),
    radial-gradient(600px 300px at 0% 100%,
      color-mix(in oklab, var(--ps-magenta) 22%, transparent),
      transparent 70%);
  position: absolute;
  inset: 0;
}

.pf-ed-cover:after {
  content: "";
  background: linear-gradient(180deg, transparent 30%, color-mix(in oklab, var(--ps-bg) 80%, transparent) 100%);
  position: absolute;
  inset: 0;
}

.pf-ed-content {
  z-index: 2;
  grid-template-columns: auto 1fr auto;
  align-items: flex-end;
  gap: 28px;
  min-height: 460px;
  padding: 40px 48px 32px;
  display: grid;
  position: relative;
}

.pf-ed-avatar {
  background: linear-gradient(135deg, var(--ps-accent), var(--ps-accent-deep));
  width: 168px;
  height: 168px;
  color: var(--ps-accent-ink);
  border: 6px solid color-mix(in oklab, var(--ps-bg) 70%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  place-items: center;
  font-size: 60px;
  font-weight: 900;
  display: grid;
  position: relative;
  box-shadow: 0 16px 64px #00000080;
}

.pf-ed-avatar:after {
  content: "";
  background: var(--ps-good);
  border: 4px solid var(--ps-bg);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.pf-ed-main {
  padding-bottom: 8px;
}

.pf-ed-kicker {
  font-family: var(--ps-font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ps-accent);
  background: color-mix(in oklab, var(--ps-bg) 50%, transparent);
  border: 1px solid color-mix(in oklab, var(--ps-accent) 30%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.pf-ed-kicker .dot {
  background: var(--ps-accent);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 8px var(--ps-accent);
  border-radius: 50%;
}

.pf-ed-name {
  font-family: var(--ps-font-serif);
  letter-spacing: -.04em;
  text-wrap: balance;
  font-size: 76px;
  font-style: italic;
  font-weight: 600;
  line-height: .92;
}

.pf-ed-bio {
  max-width: 580px;
  color: var(--ps-text);
  text-wrap: pretty;
  margin-top: 20px;
  font-size: 17px;
  line-height: 1.5;
}

.pf-ed-side {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  padding-bottom: 4px;
  display: flex;
}

.pf-ed-handle {
  font-family: var(--ps-font-mono);
  color: var(--ps-text);
  background: color-mix(in oklab, var(--ps-bg) 60%, transparent);
  border: 1px solid var(--ps-border-soft);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 14px;
}

.pf-ed-bar {
  border-bottom: 1px solid var(--ps-border-soft);
  background: var(--ps-bg);
  z-index: 3;
  align-items: center;
  gap: 32px;
  padding: 0 48px;
  display: flex;
  position: sticky;
  top: 0;
}

.pf-ed-bar-stats {
  border-right: 1px solid var(--ps-border-soft);
  align-items: center;
  gap: 24px;
  padding: 14px 28px 14px 0;
  display: flex;
}

.pf-ed-bar-stat {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  letter-spacing: .04em;
  text-transform: uppercase;
  flex-direction: column;
  font-size: 11px;
  display: flex;
}

.pf-ed-bar-stat .v {
  color: var(--ps-text);
  letter-spacing: -.01em;
  text-transform: none;
  font-size: 18px;
  font-weight: 700;
}

.pf-ed-bar-stat .v.accent {
  color: var(--ps-accent);
}

.pf-ed-tabs {
  gap: 4px;
  display: flex;
}

.pf-ed-tab {
  color: var(--ps-text-dim);
  cursor: pointer;
  transition: color var(--ps-transition-fast);
  align-items: center;
  gap: 6px;
  padding: 14px 16px;
  font-size: 13.5px;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}

.pf-ed-tab[data-on="true"] {
  color: var(--ps-text);
}

.pf-ed-tab[data-on="true"]:after {
  content: "";
  background: var(--ps-accent);
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 16px;
  right: 16px;
}

.pf-ed-actions {
  gap: 8px;
  margin-left: auto;
  padding: 8px 0;
  display: flex;
}

.pf-ed-body {
  grid-template-columns: 1fr 360px;
  align-items: flex-start;
  gap: 36px;
  padding: 28px 48px 80px;
  display: grid;
}

.st-shell {
  flex: 1;
  grid-template-columns: 260px 1fr;
  gap: 0;
  min-height: 0;
  display: grid;
}

.st-side {
  background: var(--ps-bg);
  border-right: 1px solid var(--ps-border-soft);
  padding: 28px 16px;
  overflow-y: auto;
}

.st-side-title {
  font-family: var(--ps-font-serif);
  letter-spacing: -.025em;
  padding: 0 10px 16px;
  font-size: 28px;
  font-weight: 600;
}

.st-search {
  margin-bottom: 16px;
  padding: 0 6px;
  position: relative;
}

.st-search input {
  background: var(--ps-bg-soft);
  border: 1px solid var(--ps-border-soft);
  width: 100%;
  color: var(--ps-text);
  transition: all var(--ps-transition-fast);
  border-radius: 8px;
  outline: none;
  padding: 8px 10px 8px 32px;
  font-family: inherit;
  font-size: 13px;
}

.st-search input:focus {
  border-color: var(--ps-accent);
  background: var(--ps-bg-input);
}

.st-search input::placeholder {
  color: var(--ps-text-dim);
}

.st-search .ic {
  color: var(--ps-text-dim);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.st-search kbd {
  font-family: var(--ps-font-mono);
  background: var(--ps-bg-card);
  border: 1px solid var(--ps-border);
  color: var(--ps-text-dim);
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

.st-side-section {
  font-family: var(--ps-font-mono);
  letter-spacing: .14em;
  color: var(--ps-text-dim);
  text-transform: uppercase;
  padding: 12px 10px 6px;
  font-size: 10.5px;
  font-weight: 600;
}

.st-side-item {
  color: var(--ps-text-muted);
  cursor: pointer;
  transition: all var(--ps-transition-fast);
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.st-side-item:hover {
  background: var(--ps-bg-soft);
  color: var(--ps-text);
}

.st-side-item[data-active="true"] {
  background: var(--ps-accent-soft);
  color: var(--ps-accent);
  font-weight: 600;
}

.st-side-item[data-active="true"] .ic {
  color: var(--ps-accent);
}

.st-side-item .ic {
  width: 18px;
  height: 18px;
  color: var(--ps-text-dim);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.st-side-item:hover .ic {
  color: var(--ps-text);
}

.st-side-item .badge {
  font-family: var(--ps-font-mono);
  background: var(--ps-short);
  color: #fff;
  border-radius: 4px;
  margin-left: auto;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 700;
}

.st-content {
  width: 100%;
  max-width: 760px;
  padding: 36px 44px 80px;
  overflow-y: auto;
}

.st-content-head {
  margin-bottom: 28px;
}

.st-content-title {
  font-family: var(--ps-font-serif);
  letter-spacing: -.025em;
  margin-bottom: 6px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.05;
}

.st-content-sub {
  color: var(--ps-text-muted);
  font-size: 14px;
  line-height: 1.5;
}

.st-group {
  background: var(--ps-bg-card);
  border: 1px solid var(--ps-border-soft);
  border-radius: 14px;
  margin-bottom: 18px;
  overflow: hidden;
}

.st-group-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px 12px;
  display: flex;
}

.st-group-title {
  letter-spacing: -.01em;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
}

.st-group-title .ic {
  background: var(--ps-accent-soft);
  width: 24px;
  height: 24px;
  color: var(--ps-accent);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.st-group-sub {
  color: var(--ps-text-muted);
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.5;
}

.st-group-body {
  padding: 0 20px 18px;
}

.st-group-body.divided > .row + .row {
  border-top: 1px solid var(--ps-border-soft);
  margin-top: 12px;
  padding-top: 12px;
}

.st-row {
  align-items: center;
  gap: 16px;
  padding: 10px 0;
  display: flex;
}

.st-row-body {
  flex: 1;
  min-width: 0;
}

.st-row-label {
  color: var(--ps-text);
  font-size: 13.5px;
  font-weight: 600;
}

.st-row-sub {
  color: var(--ps-text-muted);
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.45;
}

.st-row-control {
  flex-shrink: 0;
}

.st-toggle {
  background: var(--ps-bg-soft);
  border: 1px solid var(--ps-border);
  cursor: pointer;
  width: 38px;
  height: 22px;
  transition: all var(--ps-transition);
  border-radius: 999px;
  position: relative;
}

.st-toggle:after {
  content: "";
  background: var(--ps-text-muted);
  width: 16px;
  height: 16px;
  transition: all var(--ps-transition);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}

.st-toggle[data-on="true"] {
  background: var(--ps-accent);
  border-color: var(--ps-accent);
}

.st-toggle[data-on="true"]:after {
  background: var(--ps-accent-ink);
  left: 18px;
}

.st-radio-card {
  background: var(--ps-bg-soft);
  border: 1.5px solid var(--ps-border);
  cursor: pointer;
  transition: all var(--ps-transition-fast);
  border-radius: 12px;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 8px;
  padding: 14px;
  display: flex;
}

.st-radio-card:hover {
  background: var(--ps-bg-hover);
}

.st-radio-card[data-on="true"] {
  background: var(--ps-accent-soft);
  border-color: var(--ps-accent);
}

.st-radio-card .dot {
  border: 1.5px solid var(--ps-border-strong);
  width: 18px;
  height: 18px;
  transition: all var(--ps-transition-fast);
  background: none;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  margin-top: 1px;
  display: grid;
}

.st-radio-card[data-on="true"] .dot {
  border-color: var(--ps-accent);
}

.st-radio-card[data-on="true"] .dot:after {
  content: "";
  background: var(--ps-accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.st-radio-card .body {
  flex: 1;
  min-width: 0;
}

.st-radio-card .label {
  color: var(--ps-text);
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  display: flex;
}

.st-radio-card .label .pill {
  font-family: var(--ps-font-mono);
  background: var(--ps-accent);
  color: var(--ps-accent-ink);
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 9.5px;
  font-weight: 700;
}

.st-radio-card .sub {
  color: var(--ps-text-muted);
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.45;
}

.st-theme-picker {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.st-theme-tile {
  background: var(--ps-bg-soft);
  border: 1.5px solid var(--ps-border);
  cursor: pointer;
  transition: all var(--ps-transition-fast);
  border-radius: 10px;
  flex-direction: column;
  gap: 10px;
  padding: 14px 12px;
  display: flex;
}

.st-theme-tile:hover {
  background: var(--ps-bg-hover);
}

.st-theme-tile[data-on="true"] {
  border-color: var(--ps-accent);
  background: var(--ps-accent-soft);
}

.st-theme-tile .swatch {
  border: 1px solid var(--ps-border-soft);
  border-radius: 6px;
  height: 60px;
  position: relative;
  overflow: hidden;
}

.st-theme-tile .swatch.dark {
  background: linear-gradient(135deg, #05080c 0%, #0e1217 100%);
  background: linear-gradient(135deg, lab(1.97449% -.392072 -1.91281) 0%, lab(5.2525% -.827231 -3.55052) 100%);
}

.st-theme-tile .swatch.light {
  background: linear-gradient(135deg, #f6f9fc 0%, #ebeff4 100%);
  background: linear-gradient(135deg, lab(97.6762% -.553429 -1.78936) 0%, lab(94.1936% -.878036 -2.85866) 100%);
}

.st-theme-tile .swatch.system {
  background: linear-gradient(90deg, #f6f9fc 0% 50%, #0e1217 50% 100%);
  background: linear-gradient(90deg, lab(97.6762% -.553429 -1.78936) 0% 50%, lab(5.2525% -.827231 -3.55052) 50% 100%);
}

.st-theme-tile .swatch:after {
  content: "";
  background: var(--ps-accent);
  opacity: .4;
  border-radius: 3px;
  height: 6px;
  position: absolute;
  inset: 12px 12px auto;
}

.st-theme-tile .swatch.light:after {
  opacity: .5;
}

.st-theme-tile .label {
  text-align: center;
  font-size: 12.5px;
  font-weight: 600;
}

.st-savebar {
  background: color-mix(in oklab, var(--ps-bg-card) 95%, transparent);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border: 1px solid var(--ps-border);
  border-radius: 12px;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
  padding: 12px 18px;
  display: flex;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -8px 32px #0006;
}

.st-savebar .body {
  color: var(--ps-text-muted);
  flex: 1;
  font-size: 13px;
}

.st-savebar .body b {
  color: var(--ps-text);
  font-weight: 600;
}

.st-savebar .body .dot {
  background: var(--ps-accent);
  vertical-align: middle;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  animation: 1.6s ease-in-out infinite ps-pulse;
  display: inline-block;
}

.st-plan {
  background: linear-gradient(135deg,
    color-mix(in oklab, var(--ps-accent) 10%, var(--ps-bg-card)) 0%,
    var(--ps-bg-card) 100%);
  border: 1px solid color-mix(in oklab, var(--ps-accent) 25%, var(--ps-border));
  border-radius: 14px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  margin-bottom: 18px;
  padding: 22px 24px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.st-plan:after {
  content: "";
  background: radial-gradient(circle, var(--ps-accent-soft), transparent 70%);
  pointer-events: none;
  width: 200px;
  height: 200px;
  position: absolute;
  top: -50%;
  right: -10%;
}

.st-plan-body {
  z-index: 1;
  position: relative;
}

.st-plan-tier {
  font-family: var(--ps-font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ps-accent);
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.st-plan-name {
  font-family: var(--ps-font-serif);
  letter-spacing: -.02em;
  font-size: 26px;
  font-weight: 600;
}

.st-plan-price {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-muted);
  margin-top: 4px;
  font-size: 13px;
}

.st-plan-price b {
  color: var(--ps-text);
  font-size: 18px;
  font-weight: 700;
}

.st-plan-meta {
  color: var(--ps-text-muted);
  gap: 16px;
  margin-top: 10px;
  font-size: 12px;
  display: flex;
}

.st-plan-meta .item {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.st-plan-meta .item b {
  color: var(--ps-text);
  font-weight: 600;
}

.st-plan-meta .item .ok {
  color: var(--ps-good);
}

.st-sess {
  background: var(--ps-bg-soft);
  border: 1px solid var(--ps-border-soft);
  transition: all var(--ps-transition-fast);
  border-radius: 10px;
  align-items: center;
  gap: 14px;
  margin-bottom: 6px;
  padding: 12px 14px;
  display: flex;
}

.st-sess:hover {
  background: var(--ps-bg-hover);
}

.st-sess-ic {
  background: var(--ps-bg-card);
  border: 1px solid var(--ps-border-soft);
  width: 36px;
  height: 36px;
  color: var(--ps-text-muted);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.st-sess-body {
  flex: 1;
  min-width: 0;
}

.st-sess-title {
  color: var(--ps-text);
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
}

.st-sess-meta {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  letter-spacing: .02em;
  margin-top: 2px;
  font-size: 11px;
}

.st-sess-this {
  background: var(--ps-good-soft);
  color: var(--ps-good);
  font-family: var(--ps-font-mono);
  letter-spacing: .06em;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.st-sess .revoke {
  color: var(--ps-short);
  transition: all var(--ps-transition-fast);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
}

.st-sess .revoke:hover {
  background: color-mix(in oklab, var(--ps-short) 12%, transparent);
}

.st-notif-row {
  background: var(--ps-bg-soft);
  border: 1px solid var(--ps-border-soft);
  border-radius: 10px;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 6px;
  padding: 12px 14px;
  display: grid;
}

.st-notif-row-body {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.st-notif-row .ic-cat {
  background: var(--ps-bg-card);
  width: 28px;
  height: 28px;
  color: var(--ps-accent);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.st-notif-row .label-block {
  min-width: 0;
}

.st-notif-row .label {
  color: var(--ps-text);
  font-size: 13px;
  font-weight: 600;
}

.st-notif-row .sub {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  letter-spacing: .04em;
  margin-top: 2px;
  font-size: 10.5px;
}

.st-notif-select {
  background: var(--ps-bg-input);
  border: 1px solid var(--ps-border);
  color: var(--ps-text);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23888' stroke-width='1.5'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  border-radius: 7px;
  padding: 5px 28px 5px 10px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
}

.st-channel-icons {
  gap: 4px;
  display: flex;
}

.st-channel-btn {
  background: var(--ps-bg-input);
  border: 1px solid var(--ps-border);
  width: 30px;
  height: 30px;
  color: var(--ps-text-dim);
  cursor: pointer;
  transition: all var(--ps-transition-fast);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.st-channel-btn:hover {
  background: var(--ps-bg-hover);
  color: var(--ps-text-muted);
}

.st-channel-btn[data-on="true"] {
  background: var(--ps-accent-soft);
  border-color: color-mix(in oklab, var(--ps-accent) 35%, var(--ps-border));
  color: var(--ps-accent);
}

.st-cover-upload {
  border: 1px solid var(--ps-border-soft);
  background: linear-gradient(135deg,
      color-mix(in oklab, var(--ps-accent) 28%, var(--ps-bg-soft)) 0%,
      color-mix(in oklab, #7c271c 30%, var(--ps-bg-soft)) 50%,
      color-mix(in oklab, #192f46 30%, var(--ps-bg-soft)) 100%);
  cursor: pointer;
  border-radius: 12px;
  height: 200px;
  margin-bottom: 14px;
  position: relative;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .st-cover-upload {
    background: linear-gradient(135deg,
      color-mix(in oklab, var(--ps-accent) 28%, var(--ps-bg-soft)) 0%,
      color-mix(in oklab, lab(29.2695% 37.0176 27.6691) 30%, var(--ps-bg-soft)) 50%,
      color-mix(in oklab, lab(18.631% -2.98554 -17.0241) 30%, var(--ps-bg-soft)) 100%);
  }
}

.st-cover-upload:before {
  content: "";
  background: radial-gradient(800px 250px at 60% 50%,
    color-mix(in oklab, var(--ps-accent) 15%, transparent),
    transparent 60%);
  position: absolute;
  inset: 0;
}

.st-cover-upload-actions {
  z-index: 2;
  gap: 6px;
  display: flex;
  position: absolute;
  top: 12px;
  right: 12px;
}

.st-cover-upload-actions button {
  background: color-mix(in oklab, var(--ps-bg) 70%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--ps-border-soft);
  color: var(--ps-text);
  transition: all var(--ps-transition-fast);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.st-cover-upload-actions button:hover {
  background: color-mix(in oklab, var(--ps-bg) 85%, transparent);
}

.st-cover-upload-actions button.danger {
  color: var(--ps-short);
}

.st-avatar-row {
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  display: flex;
}

.st-avatar-preview {
  background: linear-gradient(135deg, var(--ps-accent), var(--ps-accent-deep));
  width: 88px;
  height: 88px;
  color: var(--ps-accent-ink);
  border: 3px solid var(--ps-bg-card);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 32px;
  font-weight: 800;
  display: grid;
}

.st-avatar-meta {
  flex: 1;
  min-width: 0;
}

.st-avatar-meta .title {
  font-size: 14px;
  font-weight: 700;
}

.st-avatar-meta .meta {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-dim);
  letter-spacing: .02em;
  margin-top: 4px;
  font-size: 11px;
}

.st-avatar-actions {
  gap: 6px;
  display: flex;
}

.st-avatar-actions button {
  border: 1px solid var(--ps-border);
  background: var(--ps-bg-soft);
  color: var(--ps-text);
  transition: all var(--ps-transition-fast);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.st-avatar-actions button:hover {
  background: var(--ps-bg-hover);
}

.st-avatar-actions button.danger {
  color: var(--ps-short);
}

.st-field {
  flex-direction: column;
  gap: 6px;
  margin: 14px 0;
  display: flex;
}

.st-field label {
  color: var(--ps-text);
  font-size: 12.5px;
  font-weight: 600;
}

.st-field input, .st-field textarea {
  background: var(--ps-bg-input);
  border: 1px solid var(--ps-border);
  color: var(--ps-text);
  transition: all var(--ps-transition-fast);
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
}

.st-field input:focus, .st-field textarea:focus {
  border-color: var(--ps-accent);
  box-shadow: 0 0 0 3px var(--ps-accent-soft);
}

.st-field textarea {
  resize: vertical;
  min-height: 90px;
  line-height: 1.5;
}

.st-field .help {
  color: var(--ps-text-dim);
  font-size: 11.5px;
  line-height: 1.4;
}

.st-field .help.with-url {
  font-family: var(--ps-font-mono);
}

.st-field .help b {
  color: var(--ps-accent);
}

.st-tag-connected {
  background: var(--ps-good-soft);
  color: var(--ps-good);
  font-family: var(--ps-font-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.st-service-card {
  background: var(--ps-bg-soft);
  border: 1px solid var(--ps-border-soft);
  border-radius: 10px;
  align-items: center;
  gap: 14px;
  margin-bottom: 8px;
  padding: 14px;
  display: flex;
}

.st-service-ic {
  background: var(--ps-bg-card);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.st-service-body {
  flex: 1;
  min-width: 0;
}

.st-service-title {
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  display: flex;
}

.st-service-sub {
  color: var(--ps-text-muted);
  margin-top: 2px;
  font-size: 12px;
}

.st-banner {
  background: var(--ps-good-soft);
  border: 1px solid color-mix(in oklab, var(--ps-good) 30%, transparent);
  color: var(--ps-text);
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding: 12px 16px;
  font-size: 13px;
  display: flex;
}

.st-banner .ic {
  background: color-mix(in oklab, var(--ps-good) 25%, transparent);
  width: 28px;
  height: 28px;
  color: var(--ps-good);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.st-banner b {
  font-weight: 600;
}

.st-banner .meta {
  font-family: var(--ps-font-mono);
  color: var(--ps-text-muted);
  margin-left: auto;
  font-size: 11.5px;
}

.st-btn {
  cursor: pointer;
  transition: all var(--ps-transition-fast);
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.st-btn.primary {
  background: var(--ps-accent);
  color: var(--ps-accent-ink);
  box-shadow: 0 1px 0 #ffffff2e inset, 0 4px 12px var(--ps-accent-soft);
}

.st-btn.primary:hover {
  background: var(--ps-accent-deep);
}

.st-btn.ghost {
  background: var(--ps-bg-soft);
  color: var(--ps-text);
  border-color: var(--ps-border);
}

.st-btn.ghost:hover {
  background: var(--ps-bg-hover);
}

.st-btn.danger {
  color: var(--ps-short);
  border-color: color-mix(in oklab, var(--ps-short) 35%, var(--ps-border));
  background: none;
}

.st-btn.danger:hover {
  background: color-mix(in oklab, var(--ps-short) 10%, transparent);
}

.st-btn.danger.solid {
  background: var(--ps-short);
  color: #fff;
  border-color: var(--ps-short);
}

.st-btn.lg {
  height: 42px;
  padding: 0 18px;
  font-size: 13.5px;
}

.ps-stage .st-shell {
  grid-template-columns: 260px 1fr;
  min-height: 72vh;
  display: grid;
}

.ps-stage .pf-ed-name {
  font-size: clamp(40px, 6vw, 64px);
}

.ps-stage .pf-heat {
  grid-template-rows: repeat(7, 1fr);
  grid-template-columns: none;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

@media (max-width: 1100px) {
  .ps-stage .pf-ed-body, .ps-stage .pf-body {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .ps-stage .st-shell {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .ps-stage .st-side {
    border-right: 0;
    border-bottom: 1px solid var(--ps-border-soft);
    padding: 18px 12px;
  }

  .ps-stage .st-content {
    max-width: 100%;
    padding: 24px 16px 64px;
  }

  .ps-stage .pf-ed-content {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 0;
    padding: 28px 18px 24px;
  }

  .ps-stage .pf-ed {
    min-height: 0;
  }

  .ps-stage .pf-ed-side {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .ps-stage .pf-ed-bar {
    gap: 16px;
    padding: 0 18px;
    overflow-x: auto;
  }

  .ps-stage .pf-ed-bar-stats {
    gap: 16px;
    padding-right: 16px;
  }

  .ps-stage .pf-ed-body {
    padding: 24px 18px 64px;
  }

  .ps-stage .pf-info {
    gap: 16px;
    margin-top: -48px;
    padding: 0 18px 18px;
  }

  .ps-stage .pf-avatar {
    width: 96px;
    height: 96px;
    font-size: 32px;
  }

  .ps-stage .pf-name {
    font-size: 28px;
  }

  .ps-stage .pf-meta {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px 18px;
  }

  .ps-stage .pf-stats {
    overflow-x: auto;
  }

  .ps-stage .pf-body {
    padding: 24px 18px 64px;
  }

  .ps-stage .pf-cover, .ps-stage .pf-cover-fake-title {
    font-size: 32px;
  }

  .ps-stage .pf-cover {
    height: 160px;
  }
}

@media (max-width: 560px) {
  .ps-stage .pf-actions, .ps-stage .pf-ed-actions {
    width: 100%;
  }

  .ps-stage .pf-info {
    flex-direction: column;
    align-items: flex-start;
  }
}

.ps-stage .st-btn.lg, .ps-stage .st-side-item {
  min-height: 44px;
}

.ps-stage .st-group-head-action {
  flex-shrink: 0;
}

.ps-stage .st-side-empty {
  color: var(--ps-text-dim);
  padding: 10px;
  font-size: 12.5px;
}

.ps-stage .st-banner-neutral {
  background: var(--ps-bg-soft);
  border-color: var(--ps-border-soft);
}

.ps-stage .st-banner-neutral .ic {
  background: var(--ps-bg-card);
  color: var(--ps-text-muted);
}

.ps-stage .st-banner-warning {
  background: color-mix(in oklab, var(--ps-accent) 12%, transparent);
  border-color: color-mix(in oklab, var(--ps-accent) 30%, transparent);
}

.ps-stage .st-banner-warning .ic {
  background: color-mix(in oklab, var(--ps-accent) 22%, transparent);
  color: var(--ps-accent);
}

.ps-stage a:focus-visible, .ps-stage button:focus-visible, .ps-stage input:focus-visible, .ps-stage textarea:focus-visible, .ps-stage select:focus-visible {
  outline: 2px solid var(--ps-accent);
  outline-offset: 2px;
  border-radius: 6px;
}

.ps-stage .st-danger-zone {
  border: 1px solid color-mix(in oklab, var(--ps-short) 35%, var(--ps-border-soft));
  background: color-mix(in oklab, var(--ps-short) 5%, var(--ps-bg-card));
  border-radius: 14px;
  margin-bottom: 18px;
  padding: 18px 20px;
}

.ps-stage .st-danger-zone-title {
  color: var(--ps-short);
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 13.5px;
  font-weight: 700;
  display: inline-flex;
}

.ps-stage .st-danger-zone-sub {
  color: var(--ps-text-muted);
  margin-bottom: 14px;
  font-size: 12.5px;
  line-height: 1.5;
}

.ps-stage .st-empty {
  text-align: center;
  color: var(--ps-text-dim);
  border: 1px dashed var(--ps-border-soft);
  border-radius: 14px;
  padding: 40px 20px;
  font-size: 13.5px;
}

.ps-stage .pf-heat-cell {
  transition: transform var(--ps-transition-fast);
}

.ps-stage .pf-heat-cell:hover {
  outline: 1px solid var(--ps-accent);
  transform: scale(1.25);
}

.ps-stage a.pf-ed-bar-stat:hover .v, .ps-stage a.pf-stat:hover .v {
  color: var(--ps-accent);
}

.ps-stage .pf-side {
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  display: flex;
}

.ps-stage .pf-feed-col {
  min-width: 0;
}

.ps-stage .pf-ed-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.ps-stage .pf-heat-cell.future {
  opacity: .28;
  background: var(--ps-bg-soft);
}

.ps-stage .pf-heat-cell.future:hover {
  outline: none;
  transform: none;
}

.ps-stage .pf-ed-side > * {
  white-space: nowrap;
}

/* [project]/app/_design/trading-journal-2026.css [app-client] (css) */
.tj-stage {
  --tj-accent: #00c3cb;
  --tj-accent-deep: #0098ac;
  --tj-accent-soft: color-mix(in oklab, var(--tj-accent) 14%, transparent);
  --tj-accent-glow: color-mix(in oklab, var(--tj-accent) 30%, transparent);
  --tj-accent-ink: #001114;
  --tj-win: var(--good-2026);
  --tj-loss: var(--bad-2026);
  --tj-be: var(--text-dim-2026);
  --tj-win-soft: color-mix(in oklab, var(--tj-win) 13%, transparent);
  --tj-loss-soft: color-mix(in oklab, var(--tj-loss) 13%, transparent);
  --tj-win-border: color-mix(in oklab, var(--tj-win) 35%, transparent);
  --tj-loss-border: color-mix(in oklab, var(--tj-loss) 35%, transparent);
  background: var(--bg-2026);
  color: var(--text-2026);
  font-family: var(--font-sans-2026);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

@supports (color: lab(0% 0 0)) {
  .tj-stage {
    --tj-accent: lab(71.1868% -43.7196 -17.9149);
    --tj-accent-deep: lab(56.8726% -35.2418 -23.8873);
    --tj-accent-ink: lab(3.87352% -5.7416 -5.5895);
  }
}

.tj-stage :where(h1, h2, h3, h4, p, figure) {
  margin: 0;
}

.tj-stage :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tj-stage button {
  cursor: pointer;
  font-family: inherit;
}

.tj-stage a {
  color: inherit;
  text-decoration: none;
}

.tj-stage input, .tj-stage textarea, .tj-stage select {
  font-family: inherit;
}

.tj-stage :where(a, button, input, textarea, select):focus-visible {
  outline: 2px solid var(--tj-accent);
  outline-offset: 2px;
  border-radius: 6px;
}

.tj-stage .tj-num {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
}

.tj-stage .tj-pos {
  color: var(--tj-win);
}

.tj-stage .tj-neg {
  color: var(--tj-loss);
}

.tj-stage .tj-flat {
  color: var(--tj-be);
}

.tj-stage .tj-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px 80px;
}

.tj-stage .tj-topbar {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 0 14px;
  display: flex;
}

.tj-stage .tj-topbar-left {
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.tj-stage .tj-back {
  color: var(--text-muted-2026);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  font-size: 12.5px;
  transition: all .18s;
  display: inline-flex;
}

.tj-stage .tj-back:hover {
  background: var(--bg-soft-2026);
  color: var(--text-2026);
}

.tj-stage .tj-title {
  letter-spacing: -.02em;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 750;
}

.tj-stage .tj-title .beta {
  font-family: var(--font-mono-2026);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--tj-accent);
  background: var(--tj-accent-soft);
  border: 1px solid color-mix(in oklab, var(--tj-accent) 30%, transparent);
  vertical-align: middle;
  border-radius: 999px;
  margin-left: 10px;
  padding: 3px 8px;
  font-size: 10px;
}

.tj-stage .tj-tabs {
  z-index: 20;
  background: color-mix(in oklab, var(--bg-2026) 88%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-soft-2026);
  scrollbar-width: none;
  align-items: center;
  gap: 4px;
  margin: 0 -24px;
  padding: 0 24px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-x: auto;
}

.tj-stage .tj-tabs::-webkit-scrollbar {
  display: none;
}

.tj-stage .tj-tab {
  color: var(--text-dim-2026);
  white-space: nowrap;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  min-height: 48px;
  padding: 13px 14px;
  font-size: 13.5px;
  font-weight: 600;
  transition: color .18s;
  display: inline-flex;
  position: relative;
}

.tj-stage .tj-tab:hover {
  color: var(--text-muted-2026);
}

.tj-stage .tj-tab[data-active="true"] {
  color: var(--text-2026);
}

.tj-stage .tj-tab[data-active="true"]:after {
  content: "";
  background: var(--tj-accent);
  border-radius: 2px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 12px;
  right: 12px;
}

.tj-stage .tj-tabs-spacer {
  flex: 1;
}

.tj-stage .tj-cta {
  height: 40px;
  color: var(--tj-accent-ink);
  background: linear-gradient(135deg, var(--tj-accent), var(--tj-accent-deep));
  box-shadow: 0 1px 0 #ffffff2e inset, 0 6px 18px var(--tj-accent-glow);
  white-space: nowrap;
  border: 0;
  border-radius: 10px;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  font-size: 13.5px;
  font-weight: 700;
  transition: transform .18s, box-shadow .18s;
  display: inline-flex;
}

.tj-stage .tj-cta:hover {
  box-shadow: 0 1px 0 #ffffff2e inset, 0 10px 26px var(--tj-accent-glow);
  transform: translateY(-1px);
}

.tj-stage .tj-cta:active {
  transform: translateY(0);
}

.tj-stage .tj-btn {
  height: 38px;
  color: var(--text-2026);
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-2026);
  white-space: nowrap;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.tj-stage .tj-btn:hover {
  background: var(--bg-hover-2026);
  border-color: var(--border-strong-2026);
}

.tj-stage .tj-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.tj-stage .tj-btn.danger {
  color: var(--tj-loss);
  border-color: var(--tj-loss-border);
  background: none;
}

.tj-stage .tj-btn.danger:hover {
  background: var(--tj-loss-soft);
}

.tj-stage .tj-btn.sm {
  height: 32px;
  padding: 0 10px;
  font-size: 12px;
}

.tj-stage .tj-fab {
  z-index: 40;
  width: 56px;
  height: 56px;
  color: var(--tj-accent-ink);
  background: linear-gradient(135deg, var(--tj-accent), var(--tj-accent-deep));
  box-shadow: 0 8px 28px var(--tj-accent-glow);
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 700;
  display: none;
  position: fixed;
  bottom: 84px;
  right: 18px;
}

.tj-stage .tj-switcher {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: 11px;
  gap: 4px;
  padding: 4px;
  display: inline-flex;
}

.tj-stage .tj-switch-pill {
  color: var(--text-muted-2026);
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 7px 13px;
  font-size: 12.5px;
  font-weight: 600;
  transition: all .18s;
}

.tj-stage .tj-switch-pill:hover {
  color: var(--text-2026);
}

.tj-stage .tj-switch-pill[data-active="true"] {
  background: var(--bg-elev-2026);
  color: var(--text-2026);
  box-shadow: var(--shadow-sm-2026);
}

.tj-stage .tj-card {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  box-shadow: var(--shadow-2026);
  padding: 18px 20px;
}

.tj-stage .tj-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.tj-stage .tj-eyebrow {
  font-family: var(--font-mono-2026);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--text-dim-2026);
  font-size: 10.5px;
  font-weight: 600;
}

.tj-stage .tj-card-title {
  letter-spacing: -.01em;
  align-items: center;
  gap: 8px;
  font-size: 14.5px;
  font-weight: 700;
  display: inline-flex;
}

.tj-stage .tj-card-title .ic {
  background: var(--tj-accent-soft);
  width: 24px;
  height: 24px;
  color: var(--tj-accent);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.tj-stage .tj-info {
  width: 16px;
  height: 16px;
  color: var(--text-dim-2026);
  border: 1px solid var(--border-2026);
  cursor: help;
  border-radius: 50%;
  place-items: center;
  font-size: 10px;
  display: inline-grid;
}

.tj-stage .tj-kpi-grid {
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  display: grid;
}

.tj-stage .tj-kpi {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 14px 16px;
  display: flex;
}

.tj-stage .tj-kpi .label {
  font-family: var(--font-mono-2026);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-dim-2026);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.tj-stage .tj-kpi .value {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 700;
  line-height: 1.1;
}

.tj-stage .tj-kpi .sub {
  color: var(--text-muted-2026);
  font-size: 11.5px;
}

.tj-stage .tj-side-pill {
  font-family: var(--font-mono-2026);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.tj-stage .tj-side-pill.long {
  color: var(--tj-win);
  background: var(--tj-win-soft);
  border: 1px solid var(--tj-win-border);
}

.tj-stage .tj-side-pill.short {
  color: var(--tj-loss);
  background: var(--tj-loss-soft);
  border: 1px solid var(--tj-loss-border);
}

.tj-stage .tj-status-pill {
  font-family: var(--font-mono-2026);
  letter-spacing: .05em;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.tj-stage .tj-status-pill.open {
  color: var(--info-2026);
  background: color-mix(in oklab, var(--info-2026) 13%, transparent);
  border: 1px solid color-mix(in oklab, var(--info-2026) 32%, transparent);
}

.tj-stage .tj-status-pill.partial {
  color: var(--warn-2026);
  background: color-mix(in oklab, var(--warn-2026) 13%, transparent);
  border: 1px solid color-mix(in oklab, var(--warn-2026) 32%, transparent);
}

.tj-stage .tj-status-pill.closed {
  color: var(--text-muted-2026);
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
}

.tj-stage .tj-chip {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-2026);
  color: var(--text-muted-2026);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.tj-stage .tj-chip.setup {
  color: var(--tj-accent);
  border-color: color-mix(in oklab, var(--tj-accent) 32%, transparent);
  background: var(--tj-accent-soft);
}

.tj-stage .tj-chip.mistake {
  color: var(--tj-loss);
  border-color: var(--tj-loss-border);
  background: var(--tj-loss-soft);
}

.tj-stage .tj-chip.emotion {
  color: var(--magenta-2026);
  border-color: color-mix(in oklab, var(--magenta-2026) 32%, transparent);
  background: color-mix(in oklab, var(--magenta-2026) 12%, transparent);
}

.tj-stage button.tj-chip {
  cursor: pointer;
}

.tj-stage button.tj-chip:hover {
  border-color: var(--border-strong-2026);
  color: var(--text-2026);
}

.tj-stage button.tj-chip[data-on="true"] {
  color: var(--tj-accent);
  border-color: var(--tj-accent);
  background: var(--tj-accent-soft);
}

.tj-stage .tj-table-wrap {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  overflow: auto;
}

.tj-stage table.tj-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.tj-stage .tj-table thead th {
  z-index: 5;
  background: var(--bg-elev-2026);
  font-family: var(--font-mono-2026);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--text-dim-2026);
  text-align: left;
  border-bottom: 1px solid var(--border-soft-2026);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  padding: 10px 14px;
  font-size: 10.5px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.tj-stage .tj-table thead th.sortable {
  cursor: pointer;
}

.tj-stage .tj-table thead th.sortable:hover {
  color: var(--text-muted-2026);
}

.tj-stage .tj-table tbody td {
  border-bottom: 1px solid var(--border-soft-2026);
  white-space: nowrap;
  padding: 11px 14px;
}

.tj-stage .tj-table tbody tr {
  transition: background .12s;
}

.tj-stage .tj-table tbody tr:hover {
  background: var(--bg-soft-2026);
  cursor: pointer;
}

.tj-stage .tj-table tbody tr:last-child td {
  border-bottom: 0;
}

.tj-stage .tj-table tbody tr.win td:first-child {
  box-shadow: inset 2px 0 0 var(--tj-win);
}

.tj-stage .tj-table tbody tr.loss td:first-child {
  box-shadow: inset 2px 0 0 var(--tj-loss);
}

.tj-stage .tj-table tfoot td {
  background: var(--bg-elev-2026);
  border-top: 1px solid var(--border-2026);
  padding: 11px 14px;
  font-weight: 700;
}

.tj-stage .tj-filterbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.tj-stage .tj-field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.tj-stage .tj-field > label {
  color: var(--text-2026);
  font-size: 12.5px;
  font-weight: 600;
}

.tj-stage .tj-field .hint {
  color: var(--text-dim-2026);
  font-size: 11.5px;
}

.tj-stage .tj-field .err {
  color: var(--tj-loss);
  font-size: 12px;
}

.tj-stage .tj-input, .tj-stage .tj-select, .tj-stage .tj-textarea {
  background: var(--bg-input-2026);
  border: 1px solid var(--border-2026);
  color: var(--text-2026);
  border-radius: 9px;
  outline: none;
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 14px;
  transition: border-color .15s, box-shadow .15s;
}

.tj-stage .tj-input.mono {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
}

.tj-stage .tj-input:focus, .tj-stage .tj-select:focus, .tj-stage .tj-textarea:focus {
  border-color: var(--tj-accent);
  box-shadow: 0 0 0 3px var(--tj-accent-soft);
}

.tj-stage .tj-input[aria-invalid="true"], .tj-stage .tj-select[aria-invalid="true"] {
  border-color: var(--tj-loss);
}

.tj-stage .tj-textarea {
  resize: vertical;
  min-height: 88px;
  line-height: 1.5;
}

.tj-stage .tj-side-toggle {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.tj-stage .tj-side-btn {
  height: 48px;
  font-family: var(--font-mono-2026);
  letter-spacing: .05em;
  background: var(--bg-soft-2026);
  border: 1.5px solid var(--border-2026);
  color: var(--text-muted-2026);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  transition: all .15s;
  display: flex;
}

.tj-stage .tj-side-btn:hover {
  border-color: var(--border-strong-2026);
}

.tj-stage .tj-side-btn.long[data-on="true"] {
  color: var(--tj-win);
  border-color: var(--tj-win);
  background: var(--tj-win-soft);
}

.tj-stage .tj-side-btn.short[data-on="true"] {
  color: var(--tj-loss);
  border-color: var(--tj-loss);
  background: var(--tj-loss-soft);
}

.tj-stage .tj-stars {
  gap: 4px;
  display: inline-flex;
}

.tj-stage .tj-star {
  width: 34px;
  height: 34px;
  color: var(--text-dim-2026);
  background: none;
  border: 0;
  border-radius: 8px;
  place-items: center;
  transition: all .12s;
  display: grid;
}

.tj-stage .tj-star:hover {
  color: var(--warn-2026);
  transform: scale(1.1);
}

.tj-stage .tj-star[data-on="true"] {
  color: var(--warn-2026);
}

.tj-stage .tj-form-nav {
  flex-direction: column;
  gap: 2px;
  display: flex;
  position: sticky;
  top: 64px;
}

.tj-stage .tj-form-nav a {
  color: var(--text-muted-2026);
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 600;
  transition: all .15s;
  display: flex;
}

.tj-stage .tj-form-nav a:hover {
  background: var(--bg-soft-2026);
  color: var(--text-2026);
}

.tj-stage .tj-form-nav .dot {
  background: var(--border-strong-2026);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.tj-stage .tj-form-nav a[data-state="filled"] .dot {
  background: var(--tj-accent);
}

.tj-stage .tj-form-nav a[data-state="error"] .dot {
  background: var(--tj-loss);
}

.tj-stage .tj-summary-rail {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  flex-direction: column;
  gap: 0;
  padding: 16px 18px;
  display: flex;
  position: sticky;
  top: 64px;
}

.tj-stage .tj-summary-row {
  border-bottom: 1px solid var(--border-soft-2026);
  color: var(--text-muted-2026);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 12.5px;
  display: flex;
}

.tj-stage .tj-summary-row:last-child {
  border-bottom: 0;
}

.tj-stage .tj-summary-row .v {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  color: var(--text-2026);
  font-weight: 700;
}

.tj-stage .tj-mobile-summary {
  z-index: 40;
  background: color-mix(in oklab, var(--bg-elev-2026) 96%, transparent);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-top: 1px solid var(--border-2026);
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.tj-stage .tj-exec-row {
  border: 1px solid var(--border-soft-2026);
  background: var(--bg-soft-2026);
  border-radius: 10px;
  grid-template-columns: 130px 1fr 1fr 1fr 1fr 40px;
  align-items: end;
  gap: 8px;
  padding: 10px;
  display: grid;
}

.tj-stage .tj-exec-type {
  font-family: var(--font-mono-2026);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 10.5px;
  font-weight: 700;
}

.tj-stage .tj-exec-type.entry, .tj-stage .tj-exec-type.add {
  color: var(--tj-win);
}

.tj-stage .tj-exec-type.exit, .tj-stage .tj-exec-type.reduce, .tj-stage .tj-exec-type.stop_hit, .tj-stage .tj-exec-type.tp_hit, .tj-stage .tj-exec-type.liquidation {
  color: var(--tj-loss);
}

.tj-stage .tj-dropzone {
  border: 1.5px dashed var(--border-strong-2026);
  border-radius: var(--radius-lg-2026);
  text-align: center;
  color: var(--text-muted-2026);
  cursor: pointer;
  padding: 26px 20px;
  font-size: 13px;
  transition: all .18s;
}

.tj-stage .tj-dropzone:hover, .tj-stage .tj-dropzone[data-drag="true"] {
  border-color: var(--tj-accent);
  background: var(--tj-accent-soft);
  color: var(--text-2026);
}

.tj-stage .tj-thumbs {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.tj-stage .tj-thumb {
  border: 1px solid var(--border-soft-2026);
  aspect-ratio: 16 / 10;
  background: var(--bg-soft-2026);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.tj-stage .tj-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.tj-stage .tj-thumb .rm {
  background: color-mix(in oklab, var(--bg-2026) 75%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: 26px;
  height: 26px;
  color: var(--text-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: 7px;
  place-items: center;
  display: grid;
  position: absolute;
  top: 6px;
  right: 6px;
}

.tj-stage .tj-thumb .rm:hover {
  color: var(--tj-loss);
  border-color: var(--tj-loss-border);
}

.tj-stage .tj-thumb .tf {
  font-family: var(--font-mono-2026);
  background: color-mix(in oklab, var(--bg-2026) 78%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border-soft-2026);
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  bottom: 6px;
  left: 6px;
}

.tj-stage .tj-heat {
  grid-template-rows: repeat(7, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 3px;
  display: grid;
}

.tj-stage .tj-heat-cell {
  aspect-ratio: 1;
  background: var(--bg-soft-2026);
  border: 0;
  border-radius: 3px;
  padding: 0;
  transition: transform .12s;
}

.tj-stage button.tj-heat-cell {
  cursor: pointer;
}

.tj-stage .tj-heat-cell:hover {
  outline: 1px solid var(--tj-accent);
  transform: scale(1.25);
}

.tj-stage .tj-heat-cell.w1 {
  background: color-mix(in oklab, var(--tj-win) 22%, var(--bg-soft-2026));
}

.tj-stage .tj-heat-cell.w2 {
  background: color-mix(in oklab, var(--tj-win) 45%, var(--bg-soft-2026));
}

.tj-stage .tj-heat-cell.w3 {
  background: color-mix(in oklab, var(--tj-win) 70%, var(--bg-soft-2026));
}

.tj-stage .tj-heat-cell.w4 {
  background: var(--tj-win);
}

.tj-stage .tj-heat-cell.l1 {
  background: color-mix(in oklab, var(--tj-loss) 22%, var(--bg-soft-2026));
}

.tj-stage .tj-heat-cell.l2 {
  background: color-mix(in oklab, var(--tj-loss) 45%, var(--bg-soft-2026));
}

.tj-stage .tj-heat-cell.l3 {
  background: color-mix(in oklab, var(--tj-loss) 70%, var(--bg-soft-2026));
}

.tj-stage .tj-heat-cell.l4 {
  background: var(--tj-loss);
}

.tj-stage .tj-heat-cell.future {
  opacity: .25;
}

.tj-stage .tj-heat-foot {
  font-family: var(--font-mono-2026);
  letter-spacing: .04em;
  color: var(--text-dim-2026);
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  font-size: 10.5px;
  display: flex;
}

.tj-stage .tj-heat-foot .legend {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.tj-stage .tj-heat-foot .legend i {
  border-radius: 2px;
  width: 9px;
  height: 9px;
  display: inline-block;
}

.tj-stage .tj-verdict {
  font-family: var(--font-serif-2026);
  letter-spacing: -.02em;
  font-size: clamp(20px, 2.6vw, 28px);
  font-style: italic;
  font-weight: 600;
  line-height: 1.3;
}

.tj-stage .tj-ring-wrap {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
}

.tj-stage .tj-ring-label {
  font-family: var(--font-mono-2026);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-dim-2026);
  font-size: 10.5px;
}

.tj-stage .tj-flag {
  border: 1px solid var(--border-soft-2026);
  background: var(--bg-soft-2026);
  border-radius: 12px;
  overflow: hidden;
}

.tj-stage .tj-flag > summary {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  font-size: 13.5px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.tj-stage .tj-flag > summary::-webkit-details-marker {
  display: none;
}

.tj-stage .tj-flag .body {
  color: var(--text-muted-2026);
  padding: 0 14px 14px;
  font-size: 13px;
  line-height: 1.55;
}

.tj-stage .tj-flag.critical {
  border-color: var(--tj-loss-border);
}

.tj-stage .tj-flag.critical > summary {
  color: var(--tj-loss);
}

.tj-stage .tj-flag.warning {
  border-color: color-mix(in oklab, var(--warn-2026) 35%, transparent);
}

.tj-stage .tj-flag.warning > summary {
  color: var(--warn-2026);
}

.tj-stage .tj-flag.info > summary {
  color: var(--info-2026);
}

.tj-stage .tj-next-rules {
  background: linear-gradient(135deg, color-mix(in oklab, var(--tj-accent) 10%, var(--bg-card-2026)), var(--bg-card-2026));
  border: 1px solid color-mix(in oklab, var(--tj-accent) 28%, var(--border-soft-2026));
  border-radius: var(--radius-lg-2026);
  padding: 18px 20px;
}

.tj-stage .tj-timeline {
  flex-direction: column;
  display: flex;
}

.tj-stage .tj-timeline-item {
  border-bottom: 1px solid var(--border-soft-2026);
  gap: 12px;
  padding: 10px 0;
  font-size: 13px;
  display: flex;
}

.tj-stage .tj-timeline-item:last-child {
  border-bottom: 0;
}

.tj-stage .tj-timeline-item .marker {
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-top: 5px;
}

.tj-stage .tj-timeline-item .marker.buy {
  background: var(--tj-win);
}

.tj-stage .tj-timeline-item .marker.sell {
  background: var(--tj-loss);
}

.tj-stage .tj-empty {
  text-align: center;
  border: 1.5px dashed var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  color: var(--text-muted-2026);
  padding: 44px 24px;
}

.tj-stage .tj-empty .t {
  color: var(--text-2026);
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
}

.tj-stage .tj-empty .l {
  max-width: 460px;
  margin: 0 auto 16px;
  font-size: 13.5px;
  line-height: 1.55;
}

.tj-stage .tj-skel {
  background: linear-gradient(90deg, var(--bg-soft-2026) 25%, var(--bg-hover-2026) 50%, var(--bg-soft-2026) 75%);
  background-size: 200% 100%;
  border-radius: 10px;
  animation: 1.4s ease-in-out infinite tj-shimmer;
}

@keyframes tj-shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media (max-width: 1100px) {
  .tj-stage .tj-kpi-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1024px) {
  .tj-stage .tj-form-nav, .tj-stage .tj-summary-rail {
    display: none;
  }

  .tj-stage .tj-mobile-summary {
    display: flex;
  }
}

@media (max-width: 760px) {
  .tj-stage .tj-container {
    padding: 0 14px 96px;
  }

  .tj-stage .tj-tabs {
    margin: 0 -14px;
    padding: 0 14px;
  }

  .tj-stage .tj-kpi-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .tj-stage .tj-topbar {
    flex-wrap: wrap;
  }

  .tj-stage .tj-cta.desktop {
    display: none;
  }

  .tj-stage .tj-fab {
    display: flex;
  }

  .tj-stage .tj-exec-row {
    grid-template-columns: 1fr 1fr;
  }

  .tj-stage .tj-table tbody td, .tj-stage .tj-table thead th {
    padding: 9px 10px;
  }

  .tj-stage .tj-heat-scroll {
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
    overflow-x: auto;
  }

  .tj-stage .tj-heat {
    grid-auto-columns: 14px;
    min-width: max-content;
  }

  .tj-stage .tj-heat-cell {
    aspect-ratio: auto;
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 640px) {
  .tj-stage.tj-drawer-content {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}

@media (max-width: 760px) {
  .tj-stage .tj-filterbar {
    gap: 8px;
  }

  .tj-stage .tj-filterbar > * {
    flex: calc(50% - 8px);
    min-width: 140px;
  }

  .tj-stage .tj-filterbar .tj-input, .tj-stage .tj-filterbar .tj-select {
    min-height: 44px;
  }
}

@media (max-width: 560px) {
  .tj-stage .tj-cta, .tj-stage .tj-btn {
    min-height: 44px;
  }

  .tj-stage .tj-stars .tj-star {
    width: 44px;
    height: 44px;
  }

  .tj-stage .tj-side-btn {
    height: 52px;
  }

  .tj-stage .tj-thumbs {
    grid-template-columns: repeat(2, 1fr);
  }

  .tj-stage .tj-kpi .value {
    font-size: 19px;
  }
}

@media (min-width: 761px) and (max-width: 1024px) {
  .tj-stage .tj-kpi-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.tj-stage .tj-lightbox-img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 95vw;
  max-height: 82vh;
}

.tj-stage .tj-container {
  overflow-x: clip;
}

.tj-stage .tj-card {
  min-width: 0;
}

@media (max-width: 760px) {
  .tj-stage .tj-input, .tj-stage .tj-select, .tj-stage .tj-textarea {
    min-height: 44px;
    font-size: 16px;
  }
}

@media (max-width: 1024px) {
  .tj-stage .tj-cta, .tj-stage .tj-btn {
    min-height: 44px;
  }

  .tj-stage .tj-btn.sm {
    min-width: 44px;
    min-height: 40px;
  }

  .tj-stage .tj-stars .tj-star {
    width: 44px;
    height: 44px;
  }

  .tj-stage .tj-switch-pill {
    min-height: 44px;
    padding: 10px 14px;
  }

  .tj-stage .tj-back {
    min-height: 44px;
  }

  .tj-stage button.tj-chip {
    min-height: 40px;
    padding: 8px 13px;
  }

  .tj-stage .tj-thumb .rm {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 560px) {
  .tj-stage .tj-title {
    white-space: normal;
    font-size: clamp(17px, 5.2vw, 22px);
  }

  .tj-stage .tj-topbar-left {
    flex-wrap: wrap;
  }

  .tj-stage .tj-filterbar .tj-field:has(.tj-switcher) {
    flex: 100%;
  }

  .tj-stage .tj-filterbar .tj-switcher {
    display: flex;
  }

  .tj-stage .tj-filterbar .tj-switch-pill {
    text-align: center;
    flex: 1;
    justify-content: center;
  }
}

@media (min-width: 761px) and (max-width: 1024px) {
  .tj-stage .tj-exec-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .tj-stage .tj-exec-row input[type="datetime-local"] {
    grid-column: 1 / -1;
  }
}

.tj-stage .tj-chart-scroll {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

@media (max-width: 760px) {
  .tj-stage .tj-container {
    padding-bottom: calc(110px + env(safe-area-inset-bottom));
  }

  .tj-stage .tj-heat {
    grid-auto-columns: 22px;
  }

  .tj-stage .tj-heat-cell {
    width: 22px;
    height: 22px;
  }
}

/* [project]/app/_design/pricing-2026.css [app-client] (css) */
.pk-stage {
  background: radial-gradient(1100px 700px at 85% -10%, var(--accent-soft-2026), transparent 62%),
    radial-gradient(800px 600px at -15% 35%, color-mix(in oklab, var(--info-2026) 7%, transparent), transparent 60%),
    radial-gradient(900px 700px at 50% 110%, color-mix(in oklab, var(--accent-2026) 6%, transparent), transparent 55%),
    var(--bg-2026);
  color: var(--text-2026);
  font-family: var(--font-sans-2026);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  min-height: 100vh;
}

.pk-stage :where(h1, h2, h3, h4, p, figure) {
  margin: 0;
}

.pk-stage :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pk-stage a {
  color: inherit;
  text-decoration: none;
}

.pk-stage button {
  cursor: pointer;
  font-family: inherit;
}

.pk-stage :where(a, button, summary):focus-visible {
  outline: 2px solid var(--accent-2026);
  outline-offset: 3px;
  border-radius: 8px;
}

.pk-stage .pk-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

.pk-stage .pk-topbar {
  z-index: 30;
  background: color-mix(in oklab, var(--bg-2026) 80%, transparent);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-soft-2026);
  position: sticky;
  top: 0;
}

.pk-stage .pk-topbar-inner {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
}

.pk-stage .pk-brand {
  letter-spacing: -.01em;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 750;
  display: inline-flex;
}

.pk-stage .pk-brand .dot {
  background: var(--accent-2026);
  width: 9px;
  height: 9px;
  box-shadow: 0 0 12px var(--accent-glow-2026);
  border-radius: 50%;
}

.pk-stage .pk-login {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  min-height: 44px;
  color: var(--text-muted-2026);
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.pk-stage .pk-login:hover {
  background: var(--bg-hover-2026);
  color: var(--text-2026);
  border-color: var(--border-2026);
}

.pk-stage .pk-hero {
  text-align: center;
  padding: 72px 0 28px;
}

.pk-stage .pk-eyebrow {
  font-family: var(--font-mono-2026);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent-2026);
  align-items: center;
  gap: 8px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.pk-stage .pk-eyebrow:before {
  content: "";
  background: var(--accent-2026);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px var(--accent-2026);
  border-radius: 50%;
}

.pk-stage .pk-h1 {
  font-family: var(--font-serif-2026);
  letter-spacing: -.02em;
  max-width: 17ch;
  margin: 16px auto 0;
  font-size: clamp(38px, 5.4vw, 62px);
  font-weight: 600;
  line-height: 1.04;
}

.pk-stage .pk-h1 em {
  color: var(--accent-2026);
  background-image: linear-gradient(135deg, var(--accent-2026), #ffb98e);
  font-style: italic;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

@supports (color: lab(0% 0 0)) {
  .pk-stage .pk-h1 em {
    background-image: linear-gradient(135deg, var(--accent-2026), lab(81.6027% 42.1929 58.093));
  }
}

.pk-stage .pk-sub {
  max-width: 56ch;
  color: var(--text-muted-2026);
  margin: 18px auto 0;
  font-size: 17px;
  line-height: 1.6;
}

.pk-stage .pk-trust-chips {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 26px;
  display: flex;
}

.pk-stage .pk-chip {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  color: var(--text-muted-2026);
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  font-size: 13.5px;
  font-weight: 550;
  display: inline-flex;
}

.pk-stage .pk-chip svg {
  color: var(--good-2026);
}

.pk-stage .pk-toggle-row {
  justify-content: center;
  margin: 34px 0 8px;
  display: flex;
}

.pk-stage .pk-toggle {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: 999px;
  gap: 4px;
  padding: 5px;
  display: inline-flex;
}

.pk-stage .pk-toggle button {
  min-height: 46px;
  color: var(--text-muted-2026);
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 22px;
  font-size: 15px;
  font-weight: 650;
  transition: all .18s;
  display: inline-flex;
}

.pk-stage .pk-toggle button[data-active="true"] {
  background: var(--accent-2026);
  color: var(--accent-ink-2026);
  box-shadow: 0 6px 18px var(--accent-glow-2026);
}

.pk-stage .pk-save-badge {
  font-family: var(--font-mono-2026);
  background: color-mix(in oklab, var(--good-2026) 18%, transparent);
  color: var(--good-2026);
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 11.5px;
  font-weight: 700;
}

.pk-stage .pk-toggle button[data-active="true"] .pk-save-badge {
  background: color-mix(in oklab, var(--accent-ink-2026) 18%, transparent);
  color: var(--accent-ink-2026);
}

.pk-stage .pk-cards {
  grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
  justify-content: center;
  gap: 22px;
  max-width: 760px;
  margin: 26px auto 0;
  display: grid;
}

.pk-stage .pk-cards[data-count="1"] {
  max-width: 480px;
}

.pk-stage .pk-card {
  background: linear-gradient(180deg, color-mix(in oklab, var(--bg-card-2026) 92%, var(--accent-2026) 2%), var(--bg-card-2026));
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-xl-2026);
  box-shadow: var(--shadow-2026);
  flex-direction: column;
  padding: 30px 28px 26px;
  display: flex;
  position: relative;
}

.pk-stage .pk-card[data-highlight="true"] {
  border-color: color-mix(in oklab, var(--accent-2026) 45%, transparent);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--accent-2026) 30%, transparent),
    0 24px 70px #00000073,
    0 0 60px color-mix(in oklab, var(--accent-2026) 10%, transparent);
}

.pk-stage .pk-pop-badge {
  background: linear-gradient(135deg, var(--accent-2026), var(--accent-deep-2026));
  color: var(--accent-ink-2026);
  letter-spacing: .02em;
  box-shadow: 0 8px 22px var(--accent-glow-2026);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 750;
  display: inline-flex;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
}

.pk-stage .pk-card-name {
  letter-spacing: -.015em;
  font-size: 24px;
  font-weight: 750;
}

.pk-stage .pk-card-desc {
  color: var(--text-muted-2026);
  margin-top: 8px;
  font-size: 14.5px;
  line-height: 1.55;
}

.pk-stage .pk-price-row {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.pk-stage .pk-price {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  font-size: clamp(34px, 4vw, 44px);
  font-weight: 700;
  line-height: 1;
}

.pk-stage .pk-per {
  color: var(--text-dim-2026);
  font-size: 15px;
  font-weight: 550;
}

.pk-stage .pk-price-note {
  color: var(--text-dim-2026);
  font-size: 13.5px;
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  margin-top: 8px;
}

.pk-stage .pk-trial {
  background: color-mix(in oklab, var(--good-2026) 12%, transparent);
  border: 1px solid color-mix(in oklab, var(--good-2026) 28%, transparent);
  color: var(--good-2026);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 9px 14px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.pk-stage .pk-feats {
  gap: 12px;
  margin-top: 22px;
  display: grid;
}

.pk-stage .pk-feat {
  color: var(--text-2026);
  align-items: flex-start;
  gap: 10px;
  font-size: 15px;
  line-height: 1.45;
  display: flex;
}

.pk-stage .pk-feat svg {
  color: var(--good-2026);
  flex-shrink: 0;
  margin-top: 2px;
}

.pk-stage .pk-card-ctas {
  flex-direction: column;
  gap: 10px;
  margin-top: 26px;
  display: flex;
}

.pk-stage .pk-cta-main {
  background: linear-gradient(135deg, var(--accent-2026), var(--accent-deep-2026));
  width: 100%;
  min-height: 52px;
  color: var(--accent-ink-2026);
  box-shadow: 0 1px 0 #ffffff2e inset, 0 10px 28px var(--accent-glow-2026);
  border: 0;
  border-radius: 13px;
  font-size: 16px;
  font-weight: 700;
  transition: transform .18s, box-shadow .18s, filter .18s;
}

.pk-stage .pk-cta-main:hover {
  background: linear-gradient(135deg, var(--accent-2026), var(--accent-deep-2026));
  filter: brightness(1.06);
  color: var(--accent-ink-2026);
  transform: translateY(-1px);
}

.pk-stage .pk-cta-alt {
  background: var(--bg-soft-2026);
  width: 100%;
  min-height: 48px;
  color: var(--text-2026);
  border: 1px solid var(--border-2026);
  border-radius: 13px;
  font-size: 15px;
  font-weight: 600;
  transition: all .18s;
}

.pk-stage .pk-cta-alt:hover {
  background: var(--bg-hover-2026);
  border-color: var(--border-strong-2026);
  color: var(--text-2026);
}

.pk-stage .pk-secure-note {
  color: var(--text-dim-2026);
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin-top: 4px;
  font-size: 12.5px;
  display: flex;
}

.pk-stage .pk-section {
  padding: 64px 0 0;
}

.pk-stage .pk-section-head {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 34px;
}

.pk-stage .pk-h2 {
  letter-spacing: -.02em;
  font-size: clamp(26px, 3.2vw, 36px);
  font-weight: 720;
  line-height: 1.15;
}

.pk-stage .pk-section-sub {
  color: var(--text-muted-2026);
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.6;
}

.pk-stage .pk-showcase {
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  gap: 14px;
  display: grid;
}

.pk-stage .pk-show-card {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  padding: 20px;
  transition: border-color .18s, transform .18s;
}

.pk-stage .pk-show-card:hover {
  border-color: color-mix(in oklab, var(--accent-2026) 30%, transparent);
  transform: translateY(-2px);
}

.pk-stage .pk-show-icon {
  background: var(--accent-soft-2026);
  width: 40px;
  height: 40px;
  color: var(--accent-2026);
  border-radius: 11px;
  place-items: center;
  margin-bottom: 13px;
  display: grid;
}

.pk-stage .pk-show-title {
  letter-spacing: -.01em;
  font-size: 15.5px;
  font-weight: 700;
}

.pk-stage .pk-show-desc {
  color: var(--text-muted-2026);
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.5;
}

.pk-stage .pk-compare-wrap {
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  background: var(--bg-card-2026);
  overflow-x: auto;
}

.pk-stage .pk-compare {
  border-collapse: collapse;
  width: 100%;
  min-width: 560px;
  font-size: 14.5px;
}

.pk-stage .pk-compare th, .pk-stage .pk-compare td {
  text-align: left;
  border-bottom: 1px solid var(--border-soft-2026);
  padding: 15px 18px;
}

.pk-stage .pk-compare tr:last-child :where(td, th) {
  border-bottom: 0;
}

.pk-stage .pk-compare thead th {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-dim-2026);
  background: color-mix(in oklab, var(--bg-soft-2026) 70%, transparent);
  font-size: 13px;
  font-weight: 700;
}

.pk-stage .pk-compare thead th.mm {
  color: var(--accent-2026);
}

.pk-stage .pk-compare td.feature {
  color: var(--text-2026);
  font-weight: 600;
}

.pk-stage .pk-compare td.val {
  color: var(--text-muted-2026);
}

.pk-stage .pk-compare td.val .yes {
  color: var(--good-2026);
  align-items: center;
  gap: 7px;
  font-weight: 600;
  display: inline-flex;
}

.pk-stage .pk-compare td.val .no {
  color: var(--text-dim-2026);
}

.pk-stage .pk-compare td.val.mm-col {
  background: color-mix(in oklab, var(--accent-2026) 4%, transparent);
}

.pk-stage .pk-faq {
  gap: 10px;
  max-width: 760px;
  margin: 0 auto;
  display: grid;
}

.pk-stage .pk-faq details {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  transition: border-color .18s;
  overflow: hidden;
}

.pk-stage .pk-faq details[open] {
  border-color: color-mix(in oklab, var(--accent-2026) 32%, transparent);
}

.pk-stage .pk-faq summary {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 16px 20px;
  font-size: 15.5px;
  font-weight: 650;
  list-style: none;
  display: flex;
}

.pk-stage .pk-faq summary::-webkit-details-marker {
  display: none;
}

.pk-stage .pk-faq summary:after {
  content: "+";
  background: var(--bg-soft-2026);
  width: 28px;
  height: 28px;
  color: var(--text-muted-2026);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 17px;
  font-weight: 600;
  transition: transform .2s;
  display: grid;
}

.pk-stage .pk-faq details[open] summary:after {
  content: "−";
  color: var(--accent-2026);
  transform: rotate(180deg);
}

.pk-stage .pk-faq .faq-body {
  color: var(--text-muted-2026);
  padding: 0 20px 18px;
  font-size: 14.5px;
  line-height: 1.65;
}

.pk-stage .pk-trust-band {
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 14px;
  display: grid;
}

.pk-stage .pk-trust-card {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  display: flex;
}

.pk-stage .pk-trust-card svg {
  color: var(--accent-2026);
  flex-shrink: 0;
  margin-top: 2px;
}

.pk-stage .pk-trust-title {
  font-size: 15px;
  font-weight: 700;
}

.pk-stage .pk-trust-desc {
  color: var(--text-muted-2026);
  margin-top: 5px;
  font-size: 13.5px;
  line-height: 1.55;
}

.pk-stage .pk-final {
  text-align: center;
  border-top: 1px solid var(--border-soft-2026);
  background: radial-gradient(700px 360px at 50% 0%, color-mix(in oklab, var(--accent-2026) 9%, transparent), transparent 70%);
  margin: 72px 0 0;
  padding: 56px 24px 64px;
}

.pk-stage .pk-final .pk-h2 {
  max-width: 22ch;
  margin: 0 auto;
}

.pk-stage .pk-final-sub {
  max-width: 52ch;
  color: var(--text-muted-2026);
  margin: 14px auto 26px;
  font-size: 15.5px;
  line-height: 1.6;
}

.pk-stage .pk-final .pk-cta-main {
  width: auto;
  min-width: 280px;
  display: inline-flex;
}

.pk-stage .pk-foot {
  text-align: center;
  color: var(--text-dim-2026);
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 24px 40px;
  font-size: 12.5px;
  line-height: 1.6;
}

.pk-stage .pk-foot a {
  color: var(--text-muted-2026);
  text-decoration: underline;
}

@media (max-width: 760px) {
  .pk-stage .pk-hero {
    padding-top: 48px;
  }

  .pk-stage .pk-sub {
    font-size: 15.5px;
  }

  .pk-stage .pk-card {
    padding: 24px 20px 22px;
  }

  .pk-stage .pk-toggle button {
    padding: 0 16px;
    font-size: 14px;
  }

  .pk-stage .pk-section {
    padding-top: 48px;
  }

  .pk-stage .pk-compare th, .pk-stage .pk-compare td {
    padding: 12px 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pk-stage * {
    transition: none !important;
  }
}

/* [project]/app/_design/portfolio-manager-2026.css [app-client] (css) */
.pm-stage {
  --pm-accent: #ad8dfd;
  --pm-accent-deep: #9163d5;
  --pm-accent-soft: color-mix(in oklab, var(--pm-accent) 14%, transparent);
  --pm-accent-glow: color-mix(in oklab, var(--pm-accent) 30%, transparent);
  --pm-accent-ink: #150b24;
  --pm-pos: var(--good-2026);
  --pm-neg: var(--bad-2026);
  --pm-flat-c: var(--text-dim-2026);
  --pm-pos-soft: color-mix(in oklab, var(--pm-pos) 13%, transparent);
  --pm-neg-soft: color-mix(in oklab, var(--pm-neg) 13%, transparent);
  --pm-pos-border: color-mix(in oklab, var(--pm-pos) 35%, transparent);
  --pm-neg-border: color-mix(in oklab, var(--pm-neg) 35%, transparent);
  --pm-c-violet: #ad8dfd;
  --pm-c-blue: #53a3f2;
  --pm-c-cyan: #22cde5;
  --pm-c-green: #52cd86;
  --pm-c-amber: #f0bb3b;
  --pm-c-orange: #f68c36;
  --pm-c-rose: #f75c66;
  --pm-c-pink: #ec71c8;
  background: var(--bg-2026);
  color: var(--text-2026);
  font-family: var(--font-sans-2026);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

@supports (color: lab(0% 0 0)) {
  .pm-stage {
    --pm-accent: lab(65.3317% 30.1816 -52.1393);
    --pm-accent-deep: lab(51.0214% 36.9749 -52.6699);
    --pm-accent-ink: lab(4.71801% 8.60591 -14.4785);
    --pm-c-violet: lab(65.3317% 30.1816 -52.1393);
    --pm-c-blue: lab(64.644% -6.73145 -47.3827);
    --pm-c-cyan: lab(75.4572% -35.8728 -24.0775);
    --pm-c-green: lab(74.1123% -47.7574 24.6149);
    --pm-c-amber: lab(79.3236% 11.1274 68.2268);
    --pm-c-orange: lab(69.0195% 37.0844 61.0352);
    --pm-c-rose: lab(60.8802% 60.8678 28.1094);
    --pm-c-pink: lab(64.9629% 55.5452 -22.3525);
  }
}

.pm-stage :where(h1, h2, h3, h4, p, figure) {
  margin: 0;
}

.pm-stage :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pm-stage button {
  cursor: pointer;
  font-family: inherit;
}

.pm-stage a {
  color: inherit;
  text-decoration: none;
}

.pm-stage input, .pm-stage textarea, .pm-stage select {
  font-family: inherit;
}

.pm-stage :where(a, button, input, textarea, select):focus-visible {
  outline: 2px solid var(--pm-accent);
  outline-offset: 2px;
  border-radius: 6px;
}

.pm-stage .pm-num {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
}

.pm-stage .pm-pos {
  color: var(--pm-pos);
}

.pm-stage .pm-neg {
  color: var(--pm-neg);
}

.pm-stage .pm-flat {
  color: var(--pm-flat-c);
}

.pm-stage .pm-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px 80px;
  overflow-x: clip;
}

.pm-stage .pm-topbar {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 0 14px;
  display: flex;
}

.pm-stage .pm-topbar-left {
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.pm-stage .pm-topbar-cta {
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  display: flex;
}

.pm-stage .pm-back {
  color: var(--text-muted-2026);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  font-size: 12.5px;
  transition: all .18s;
  display: inline-flex;
}

.pm-stage .pm-back:hover {
  background: var(--bg-soft-2026);
  color: var(--text-2026);
}

.pm-stage .pm-title {
  letter-spacing: -.02em;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 750;
}

.pm-stage .pm-title .beta {
  font-family: var(--font-mono-2026);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pm-accent);
  background: var(--pm-accent-soft);
  border: 1px solid color-mix(in oklab, var(--pm-accent) 30%, transparent);
  vertical-align: middle;
  border-radius: 999px;
  margin-left: 10px;
  padding: 3px 8px;
  font-size: 10px;
}

.pm-stage .pm-tabs {
  z-index: 20;
  background: color-mix(in oklab, var(--bg-2026) 88%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border-soft-2026);
  scrollbar-width: none;
  align-items: center;
  gap: 4px;
  margin: 0 -24px;
  padding: 0 24px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-x: auto;
}

.pm-stage .pm-tabs::-webkit-scrollbar {
  display: none;
}

.pm-stage .pm-tab {
  color: var(--text-dim-2026);
  white-space: nowrap;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  min-height: 48px;
  padding: 13px 14px;
  font-size: 13.5px;
  font-weight: 600;
  transition: color .18s;
  display: inline-flex;
  position: relative;
}

.pm-stage .pm-tab:hover {
  color: var(--text-muted-2026);
}

.pm-stage .pm-tab[data-active="true"] {
  color: var(--text-2026);
}

.pm-stage .pm-tab[data-active="true"]:after {
  content: "";
  background: var(--pm-accent);
  border-radius: 2px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 12px;
  right: 12px;
}

.pm-stage .pm-tabs-spacer {
  flex: 1;
}

.pm-stage .pm-content {
  padding-top: 20px;
}

.pm-stage .pm-cta {
  height: 40px;
  color: var(--pm-accent-ink);
  background: linear-gradient(135deg, var(--pm-accent), var(--pm-accent-deep));
  box-shadow: 0 1px 0 #ffffff2e inset, 0 6px 18px var(--pm-accent-glow);
  white-space: nowrap;
  border: 0;
  border-radius: 10px;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  font-size: 13.5px;
  font-weight: 700;
  transition: transform .18s, box-shadow .18s;
  display: inline-flex;
}

.pm-stage .pm-cta:hover {
  box-shadow: 0 1px 0 #ffffff2e inset, 0 10px 26px var(--pm-accent-glow);
  transform: translateY(-1px);
}

.pm-stage .pm-cta:active {
  transform: translateY(0);
}

.pm-stage .pm-cta:disabled {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}

.pm-stage .pm-btn {
  height: 38px;
  color: var(--text-2026);
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-2026);
  white-space: nowrap;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.pm-stage .pm-btn:hover {
  background: var(--bg-hover-2026);
  border-color: var(--border-strong-2026);
}

.pm-stage .pm-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.pm-stage .pm-btn.danger {
  color: var(--pm-neg);
  border-color: var(--pm-neg-border);
  background: none;
}

.pm-stage .pm-btn.danger:hover {
  background: var(--pm-neg-soft);
}

.pm-stage .pm-btn.sm {
  height: 32px;
  padding: 0 10px;
  font-size: 12px;
}

.pm-stage .pm-fab {
  z-index: 40;
  width: 56px;
  height: 56px;
  color: var(--pm-accent-ink);
  background: linear-gradient(135deg, var(--pm-accent), var(--pm-accent-deep));
  box-shadow: 0 8px 28px var(--pm-accent-glow);
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 700;
  display: none;
  position: fixed;
  bottom: 84px;
  right: 18px;
}

.pm-stage .pm-switcher {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: 11px;
  gap: 4px;
  padding: 4px;
  display: inline-flex;
}

.pm-stage .pm-switch-pill {
  color: var(--text-muted-2026);
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  font-size: 12.5px;
  font-weight: 600;
  transition: all .18s;
  display: inline-flex;
}

.pm-stage .pm-switch-pill:hover {
  color: var(--text-2026);
}

.pm-stage .pm-switch-pill[data-active="true"] {
  background: var(--bg-elev-2026);
  color: var(--text-2026);
  box-shadow: var(--shadow-sm-2026);
}

.pm-stage .pm-card {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  box-shadow: var(--shadow-2026);
  min-width: 0;
  padding: 18px 20px;
}

.pm-stage .pm-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.pm-stage .pm-eyebrow {
  font-family: var(--font-mono-2026);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--text-dim-2026);
  font-size: 10.5px;
  font-weight: 600;
}

.pm-stage .pm-card-title {
  letter-spacing: -.01em;
  align-items: center;
  gap: 8px;
  font-size: 14.5px;
  font-weight: 700;
  display: inline-flex;
}

.pm-stage .pm-card-title .ic {
  background: var(--pm-accent-soft);
  width: 24px;
  height: 24px;
  color: var(--pm-accent);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.pm-stage .pm-info {
  width: 16px;
  height: 16px;
  color: var(--text-dim-2026);
  border: 1px solid var(--border-2026);
  cursor: help;
  border-radius: 50%;
  place-items: center;
  font-size: 10px;
  display: inline-grid;
}

.pm-stage .pm-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.pm-stage .pm-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.pm-stage .pm-grid-main {
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  display: grid;
}

.pm-stage .pm-kpi-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.pm-stage .pm-kpi {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 14px 16px;
  display: flex;
}

.pm-stage .pm-kpi .label {
  font-family: var(--font-mono-2026);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-dim-2026);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.pm-stage .pm-kpi .value {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 700;
  line-height: 1.1;
}

.pm-stage .pm-kpi .sub {
  color: var(--text-muted-2026);
  font-size: 11.5px;
}

.pm-stage .pm-kpi.hero {
  background: linear-gradient(135deg, color-mix(in oklab, var(--pm-accent) 10%, var(--bg-card-2026)), var(--bg-card-2026));
  border-color: color-mix(in oklab, var(--pm-accent) 28%, var(--border-soft-2026));
}

.pm-stage .pm-pnl-pill {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.pm-stage .pm-pnl-pill.pos {
  color: var(--pm-pos);
  background: var(--pm-pos-soft);
  border: 1px solid var(--pm-pos-border);
}

.pm-stage .pm-pnl-pill.neg {
  color: var(--pm-neg);
  background: var(--pm-neg-soft);
  border: 1px solid var(--pm-neg-border);
}

.pm-stage .pm-pnl-pill.flat {
  color: var(--text-muted-2026);
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
}

.pm-stage .pm-badge {
  font-family: var(--font-mono-2026);
  letter-spacing: .05em;
  color: var(--pm-accent);
  background: var(--pm-accent-soft);
  border: 1px solid color-mix(in oklab, var(--pm-accent) 32%, transparent);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.pm-stage .pm-chip {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-2026);
  color: var(--text-muted-2026);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: 11.5px;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.pm-stage button.pm-chip:hover {
  border-color: var(--border-strong-2026);
  color: var(--text-2026);
}

.pm-stage button.pm-chip[data-on="true"] {
  color: var(--pm-accent);
  border-color: var(--pm-accent);
  background: var(--pm-accent-soft);
}

.pm-stage .pm-table-wrap {
  background: var(--bg-card-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  overflow: auto;
}

.pm-stage table.pm-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.pm-stage .pm-table thead th {
  z-index: 5;
  background: var(--bg-elev-2026);
  font-family: var(--font-mono-2026);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--text-dim-2026);
  text-align: left;
  border-bottom: 1px solid var(--border-soft-2026);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  padding: 10px 14px;
  font-size: 10.5px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.pm-stage .pm-table thead th.sortable {
  cursor: pointer;
}

.pm-stage .pm-table thead th.sortable:hover {
  color: var(--text-muted-2026);
}

.pm-stage .pm-table thead th.sortable[data-dir="asc"], .pm-stage .pm-table thead th.sortable[data-dir="desc"] {
  color: var(--pm-accent);
}

.pm-stage .pm-table thead th.sortable[data-dir="asc"]:after {
  content: " ▲";
  font-size: 9px;
}

.pm-stage .pm-table thead th.sortable[data-dir="desc"]:after {
  content: " ▼";
  font-size: 9px;
}

.pm-stage .pm-table thead th.num, .pm-stage .pm-table tbody td.num {
  text-align: right;
}

.pm-stage .pm-table tbody td {
  border-bottom: 1px solid var(--border-soft-2026);
  white-space: nowrap;
  padding: 11px 14px;
}

.pm-stage .pm-table tbody tr {
  transition: background .12s;
}

.pm-stage .pm-table tbody tr:hover {
  background: var(--bg-soft-2026);
}

.pm-stage .pm-table tbody tr.clickable:hover {
  cursor: pointer;
}

.pm-stage .pm-table tbody tr:last-child td {
  border-bottom: 0;
}

.pm-stage .pm-table tbody tr.pos td:first-child {
  box-shadow: inset 2px 0 0 var(--pm-pos);
}

.pm-stage .pm-table tbody tr.neg td:first-child {
  box-shadow: inset 2px 0 0 var(--pm-neg);
}

.pm-stage .pm-table tfoot td {
  background: var(--bg-elev-2026);
  border-top: 1px solid var(--border-2026);
  padding: 11px 14px;
  font-weight: 700;
}

.pm-stage .pm-coin-cell {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.pm-stage .pm-coin-cell img {
  border-radius: 50%;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
}

.pm-stage .pm-coin-cell .sym {
  font-family: var(--font-mono-2026);
  font-size: 12.5px;
  font-weight: 700;
}

.pm-stage .pm-coin-cell .name {
  color: var(--text-dim-2026);
  text-overflow: ellipsis;
  font-size: 11.5px;
  overflow: hidden;
}

.pm-dialog-overlay {
  z-index: 50;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #020306b8;
  background: lab(.898048% -.187442 -.952324 / .72);
  position: fixed;
  inset: 0;
}

.pm-stage.pm-dialog {
  z-index: 51;
  background: var(--bg-elev-2026);
  border: 1px solid var(--border-2026);
  border-radius: var(--radius-xl-2026);
  width: min(520px, 100vw - 32px);
  min-height: 0;
  max-height: 86vh;
  box-shadow: var(--shadow-lg-2026);
  padding: 22px 22px 18px;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow-y: auto;
  transform: translate(-50%, -50%);
}

.pm-stage .pm-dialog-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.pm-stage .pm-dialog-title {
  letter-spacing: -.015em;
  font-size: 17px;
  font-weight: 750;
}

.pm-stage .pm-dialog-desc {
  color: var(--text-muted-2026);
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.5;
}

.pm-stage .pm-dialog-close {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  width: 32px;
  height: 32px;
  color: var(--text-muted-2026);
  border-radius: 8px;
  place-items: center;
  display: grid;
}

.pm-stage .pm-dialog-close:hover {
  color: var(--text-2026);
  background: var(--bg-hover-2026);
}

.pm-stage .pm-dialog-foot {
  border-top: 1px solid var(--border-soft-2026);
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding-top: 14px;
  display: flex;
}

.pm-stage .pm-field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.pm-stage .pm-field > label {
  color: var(--text-2026);
  font-size: 12.5px;
  font-weight: 600;
}

.pm-stage .pm-field .hint {
  color: var(--text-dim-2026);
  font-size: 11.5px;
}

.pm-stage .pm-field .err {
  color: var(--pm-neg);
  font-size: 12px;
}

.pm-stage .pm-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.pm-stage .pm-input, .pm-stage .pm-select, .pm-stage .pm-textarea {
  background: var(--bg-input-2026);
  border: 1px solid var(--border-2026);
  color: var(--text-2026);
  border-radius: 9px;
  outline: none;
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 14px;
  transition: border-color .15s, box-shadow .15s;
}

.pm-stage .pm-input.mono {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
}

.pm-stage .pm-input:focus, .pm-stage .pm-select:focus, .pm-stage .pm-textarea:focus {
  border-color: var(--pm-accent);
  box-shadow: 0 0 0 3px var(--pm-accent-soft);
}

.pm-stage .pm-input[aria-invalid="true"], .pm-stage .pm-select[aria-invalid="true"] {
  border-color: var(--pm-neg);
}

.pm-stage .pm-textarea {
  resize: vertical;
  min-height: 88px;
  line-height: 1.5;
}

.pm-stage .pm-combo {
  position: relative;
}

.pm-stage .pm-combo-list {
  z-index: 30;
  background: var(--bg-elev-2026);
  border: 1px solid var(--border-2026);
  max-height: 280px;
  box-shadow: var(--shadow-lg-2026);
  border-radius: 12px;
  padding: 5px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow-y: auto;
}

.pm-stage .pm-combo-item {
  width: 100%;
  color: var(--text-2026);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  font-size: 13.5px;
  transition: background .12s;
  display: flex;
}

.pm-stage .pm-combo-item:hover, .pm-stage .pm-combo-item[data-active="true"] {
  background: var(--bg-soft-2026);
}

.pm-stage .pm-combo-item img {
  border-radius: 50%;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

.pm-stage .pm-combo-item .sym {
  font-family: var(--font-mono-2026);
  font-size: 12px;
  font-weight: 700;
}

.pm-stage .pm-combo-item .name {
  color: var(--text-muted-2026);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  overflow: hidden;
}

.pm-stage .pm-combo-empty {
  color: var(--text-dim-2026);
  text-align: center;
  padding: 14px 12px;
  font-size: 13px;
}

.pm-stage .pm-dot-row {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.pm-stage .pm-dot {
  background: var(--dot, var(--pm-accent));
  border: 2px solid #0000;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: transform .12s, box-shadow .12s;
}

.pm-stage .pm-dot:hover {
  transform: scale(1.12);
}

.pm-stage .pm-dot[data-on="true"] {
  border-color: var(--text-2026);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--dot, var(--pm-accent)) 35%, transparent);
}

.pm-stage .pm-dot-violet {
  --dot: var(--pm-c-violet);
}

.pm-stage .pm-dot-blue {
  --dot: var(--pm-c-blue);
}

.pm-stage .pm-dot-cyan {
  --dot: var(--pm-c-cyan);
}

.pm-stage .pm-dot-green {
  --dot: var(--pm-c-green);
}

.pm-stage .pm-dot-amber {
  --dot: var(--pm-c-amber);
}

.pm-stage .pm-dot-orange {
  --dot: var(--pm-c-orange);
}

.pm-stage .pm-dot-rose {
  --dot: var(--pm-c-rose);
}

.pm-stage .pm-dot-pink {
  --dot: var(--pm-c-pink);
}

.pm-stage .pm-progress {
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: 999px;
  height: 10px;
  position: relative;
  overflow: hidden;
}

.pm-stage .pm-progress-bar {
  background: linear-gradient(90deg, var(--pm-accent-deep), var(--pm-accent));
  border-radius: 999px;
  height: 100%;
  transition: width .6s;
}

.pm-stage .pm-progress-bar[data-done="true"] {
  background: linear-gradient(90deg, var(--pm-pos), color-mix(in oklab, var(--pm-pos) 70%, white));
  box-shadow: 0 0 12px color-mix(in oklab, var(--pm-pos) 60%, transparent);
}

.pm-stage .pm-progress-tick {
  background: var(--text-dim-2026);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pm-stage .pm-progress-tick[data-hit="true"] {
  background: var(--text-2026);
}

.pm-stage .pm-progress-meta {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  color: var(--text-muted-2026);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  font-size: 11px;
  display: flex;
}

.pm-stage .pm-donut-wrap {
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  display: flex;
}

.pm-stage .pm-donut {
  flex-shrink: 0;
  position: relative;
}

.pm-stage .pm-donut-center {
  pointer-events: none;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  display: flex;
  position: absolute;
  inset: 0;
}

.pm-stage .pm-legend {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.pm-stage .pm-legend-item {
  align-items: center;
  gap: 9px;
  min-width: 0;
  font-size: 12.5px;
  display: flex;
}

.pm-stage .pm-legend-swatch {
  border-radius: 3px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.pm-stage .pm-legend-label {
  color: var(--text-muted-2026);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.pm-stage .pm-legend-val {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  margin-left: auto;
  font-weight: 700;
}

.pm-stage .pm-chart-wrap {
  min-width: 0;
}

.pm-stage .pm-chart-scroll {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

.pm-stage .pm-empty {
  text-align: center;
  border: 1.5px dashed var(--border-soft-2026);
  border-radius: var(--radius-lg-2026);
  color: var(--text-muted-2026);
  padding: 44px 24px;
}

.pm-stage .pm-empty .ic {
  background: var(--pm-accent-soft);
  width: 48px;
  height: 48px;
  color: var(--pm-accent);
  border-radius: 50%;
  place-items: center;
  margin: 0 auto 12px;
  display: grid;
}

.pm-stage .pm-empty .t {
  color: var(--text-2026);
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 700;
}

.pm-stage .pm-empty .l {
  max-width: 460px;
  margin: 0 auto 16px;
  font-size: 13.5px;
  line-height: 1.55;
}

.pm-stage .pm-skel {
  background: linear-gradient(90deg, var(--bg-soft-2026) 25%, var(--bg-hover-2026) 50%, var(--bg-soft-2026) 75%);
  background-size: 200% 100%;
  border-radius: 10px;
  animation: 1.4s ease-in-out infinite pm-shimmer;
}

@keyframes pm-shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.pm-stage .pm-milestone-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.pm-stage .pm-milestone {
  font-family: var(--font-mono-2026);
  font-variant-numeric: tabular-nums;
  color: var(--text-dim-2026);
  background: var(--bg-soft-2026);
  border: 1px solid var(--border-soft-2026);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  font-size: 11.5px;
  font-weight: 700;
  display: inline-flex;
}

.pm-stage .pm-milestone[data-hit="true"] {
  color: var(--pm-accent-ink);
  background: linear-gradient(135deg, var(--pm-accent), var(--pm-accent-deep));
  box-shadow: 0 4px 14px var(--pm-accent-glow);
  border-color: #0000;
}

.pm-stage .pm-confetti-layer {
  z-index: 60;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.pm-stage .pm-confetti-piece {
  background: var(--dot, var(--pm-accent));
  border-radius: 2px;
  width: 8px;
  height: 12px;
  animation: 2.8s ease-in forwards pm-confetti-fall;
  position: absolute;
  top: -14px;
}

@keyframes pm-confetti-fall {
  0% {
    opacity: 1;
    transform: translateY(0)rotate(0);
  }

  100% {
    opacity: .6;
    transform: translateY(105vh)rotate(540deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pm-stage .pm-confetti-piece {
    animation: none;
    display: none;
  }

  .pm-stage .pm-skel {
    animation: none;
  }
}

@media (max-width: 1100px) {
  .pm-stage .pm-kpi-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1024px) {
  .pm-stage .pm-grid-main {
    grid-template-columns: 1fr;
  }

  .pm-stage .pm-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pm-stage .pm-cta, .pm-stage .pm-btn {
    min-height: 44px;
  }

  .pm-stage .pm-btn.sm {
    min-width: 44px;
    min-height: 40px;
  }

  .pm-stage .pm-switch-pill {
    min-height: 44px;
    padding: 10px 14px;
  }

  .pm-stage .pm-back {
    min-height: 44px;
  }

  .pm-stage button.pm-chip {
    min-height: 40px;
    padding: 8px 13px;
  }

  .pm-stage .pm-dot {
    width: 44px;
    height: 44px;
  }

  .pm-stage .pm-dialog-close {
    width: 40px;
    height: 40px;
  }

  .pm-stage .pm-combo-item {
    min-height: 44px;
  }
}

@media (max-width: 760px) {
  .pm-stage .pm-container {
    padding: 0 14px calc(110px + env(safe-area-inset-bottom));
  }

  .pm-stage .pm-tabs {
    margin: 0 -14px;
    padding: 0 14px;
  }

  .pm-stage .pm-grid-2, .pm-stage .pm-grid-3 {
    grid-template-columns: 1fr;
  }

  .pm-stage .pm-topbar {
    flex-wrap: wrap;
  }

  .pm-stage .pm-cta.desktop {
    display: none;
  }

  .pm-stage .pm-fab {
    display: flex;
  }

  .pm-stage .pm-input, .pm-stage .pm-select, .pm-stage .pm-textarea {
    min-height: 44px;
    font-size: 16px;
  }

  .pm-stage .pm-form-grid {
    grid-template-columns: 1fr;
  }

  .pm-stage .pm-table tbody td, .pm-stage .pm-table thead th {
    padding: 9px 10px;
  }

  .pm-stage .pm-donut-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .pm-stage .pm-donut {
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  .pm-stage.pm-dialog {
    border-radius: var(--radius-xl-2026) var(--radius-xl-2026) 0 0;
    width: 100vw;
    max-height: 90vh;
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
    inset: auto 0 0;
    transform: none;
  }
}

@media (max-width: 560px) {
  .pm-stage .pm-kpi-grid {
    grid-template-columns: 1fr;
  }

  .pm-stage .pm-kpi .value {
    font-size: 22px;
  }

  .pm-stage .pm-title {
    white-space: normal;
    font-size: clamp(17px, 5.2vw, 22px);
  }

  .pm-stage .pm-topbar-left {
    flex-wrap: wrap;
  }

  .pm-stage .pm-dialog-foot {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .pm-stage .pm-dialog-foot .pm-btn, .pm-stage .pm-dialog-foot .pm-cta {
    justify-content: center;
  }
}

/* [project]/app/_design/content-creators-2026.css [app-client] (css) */
.cc-stage {
  --cc-font-sans: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;
  --cc-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --cc-font-serif: "Fraunces", Georgia, serif;
  --cc-bg: #05080c;
  --cc-bg-elev: #0b1015;
  --cc-bg-card: #11171c;
  --cc-bg-soft: #181e24;
  --cc-bg-hover: #21272e;
  --cc-bg-input: #0b1015;
  --cc-border: #262c33;
  --cc-border-soft: #1b2025;
  --cc-border-strong: #363e46;
  --cc-text: #f3f5f8;
  --cc-text-muted: #999fa6;
  --cc-text-dim: #5e646a;
  --cc-accent: #fab72a;
  --cc-accent-deep: #e39000;
  --cc-accent-soft: color-mix(in oklab, var(--cc-accent) 16%, transparent);
  --cc-accent-glow: color-mix(in oklab, var(--cc-accent) 32%, transparent);
  --cc-accent-ink: #221200;
  --cc-good: #3ec87d;
  --cc-good-soft: color-mix(in oklab, var(--cc-good) 16%, transparent);
  --cc-info: #25baf2;
  --cc-magenta: #d36dea;
  --cc-short: #fc4447;
  --cc-radius-sm: 6px;
  --cc-radius-md: 10px;
  --cc-radius-lg: 14px;
  --cc-radius-xl: 20px;
  --cc-radius-2xl: 28px;
  --cc-transition: .2s cubic-bezier(.2, .7, .3, 1);
  --cc-transition-fast: .12s cubic-bezier(.2, .7, .3, 1);
  --cc-transition-spring: .38s cubic-bezier(.16, 1.1, .3, 1);
  color: var(--cc-text);
  font-family: var(--cc-font-sans);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
}

@supports (color: lab(0% 0 0)) {
  .cc-stage {
    --cc-bg: lab(1.97449% -.392072 -1.91281);
    --cc-bg-elev: lab(4.41937% -.812896 -3.76877);
    --cc-bg-card: lab(7.20331% -1.17743 -4.83751);
    --cc-bg-soft: lab(10.6547% -1.39258 -5.24302);
    --cc-bg-hover: lab(15.2945% -1.51472 -5.60384);
    --cc-bg-input: lab(4.42354% -.727616 -3.18275);
    --cc-border: lab(17.6179% -1.45447 -5.26749);
    --cc-border-soft: lab(11.8203% -1.25089 -4.5612);
    --cc-border-strong: lab(25.7339% -1.75481 -6.3249);
    --cc-text: lab(96.5162% -.553399 -1.78931);
    --cc-text-muted: lab(65.1887% -1.28675 -4.27156);
    --cc-text-dim: lab(41.9875% -1.26275 -4.25921);
    --cc-accent: lab(79.137% 16.9725 73.9414);
    --cc-accent-deep: lab(67.0951% 28.6103 84.4444);
    --cc-accent-ink: lab(7.10029% 9.13489 13.4621);
    --cc-good: lab(71.9138% -51.1358 26.3831);
    --cc-info: lab(70.1238% -23.8343 -38.958);
    --cc-magenta: lab(62.1202% 54.3556 -46.292);
    --cc-short: lab(58.3383% 69.5703 42.8339);
  }
}

.cc-stage :where(h1, h2, h3, h4, h5, p, figure):not(.prose-financial *) {
  margin: 0;
}

.cc-stage :where(ul, ol):not(.prose-financial *) {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc-stage button {
  cursor: pointer;
  font-family: inherit;
}

.cc-stage a:not(.prose-financial *) {
  color: inherit;
  text-decoration: none;
}

.cc-stage input, .cc-stage textarea, .cc-stage select {
  font-family: inherit;
}

@keyframes cc-blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.cc-stage .cmp-entry-wrap {
  background: var(--cc-bg);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.cc-stage .cmp-entry {
  width: 100%;
}

.cc-stage .cmp-entry-label {
  font-family: var(--cc-font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--cc-text-dim);
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  font-size: 10.5px;
  display: flex;
}

.cc-stage .cmp-entry-label:before, .cc-stage .cmp-entry-label:after {
  content: "";
  background: var(--cc-border-soft);
  flex: 1;
  height: 1px;
}

.cc-stage .cmp-entry-bar {
  background: var(--cc-bg-card);
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius-lg);
  transition: all var(--cc-transition-fast);
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  display: flex;
}

.cc-stage .cmp-entry-bar:hover {
  border-color: var(--cc-border-strong);
}

.cc-stage .cmp-entry-av {
  background: linear-gradient(135deg, var(--cc-accent), var(--cc-accent-deep));
  width: 40px;
  height: 40px;
  color: var(--cc-accent-ink);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 15px;
  font-weight: 700;
  display: grid;
  overflow: hidden;
}

.cc-stage .cmp-entry-av img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cc-stage .cmp-entry-input {
  color: var(--cc-text-dim);
  flex: 1;
  font-size: 14.5px;
}

.cc-stage .cmp-entry-btn {
  border-radius: var(--cc-radius-md);
  background: var(--cc-accent);
  height: 48px;
  color: var(--cc-accent-ink);
  transition: all var(--cc-transition-fast);
  box-shadow: 0 4px 14px var(--cc-accent-soft);
  flex-shrink: 0;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.cc-stage .cmp-entry-btn:hover {
  background: var(--cc-accent-deep);
  transform: translateY(-1px);
}

.cc-stage .cmp-entry-quick {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.cc-stage .cmp-entry-chip {
  background: var(--cc-bg-soft);
  border: 1px solid var(--cc-border-soft);
  min-height: 40px;
  color: var(--cc-text-muted);
  cursor: pointer;
  transition: all var(--cc-transition-fast);
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.cc-stage .cmp-entry-chip:hover {
  background: var(--cc-bg-hover);
  color: var(--cc-text);
  border-color: var(--cc-border-strong);
}

.cc-stage .cmp-entry-chip .ic {
  color: var(--cc-accent);
  display: inline-flex;
}

.cc-stage .cmp-backdrop {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.cc-stage .cmp-modal {
  background: var(--cc-bg-elev);
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius-2xl);
  z-index: 1;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 120px #0000008c, inset 0 0 0 1px #ffffff05;
}

.cc-stage .cmp-modal-head {
  border-bottom: 1px solid var(--cc-border-soft);
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  display: flex;
}

.cc-stage .cmp-modal-head .ic-badge {
  background: var(--cc-accent-soft);
  width: 34px;
  height: 34px;
  color: var(--cc-accent);
  border-radius: 10px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.cc-stage .cmp-modal-title {
  letter-spacing: -.01em;
  font-size: 17px;
  font-weight: 700;
}

.cc-stage .cmp-modal-sub {
  color: var(--cc-text-muted);
  margin-top: 1px;
  font-size: 12px;
}

.cc-stage .cmp-modal-close {
  width: 40px;
  height: 40px;
  color: var(--cc-text-dim);
  transition: all var(--cc-transition-fast);
  border-radius: 9px;
  place-items: center;
  margin-left: auto;
  display: grid;
}

.cc-stage .cmp-modal-close:hover {
  background: var(--cc-bg-soft);
  color: var(--cc-text);
}

.cc-stage .cmp-modal-body {
  flex-direction: column;
  gap: 18px;
  padding: 20px 22px;
  display: flex;
}

.cc-stage .cmp-modal-foot {
  border-top: 1px solid var(--cc-border-soft);
  background: color-mix(in oklab, var(--cc-bg-card) 50%, transparent);
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  display: flex;
}

.cc-stage .cmp-foot-meta {
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  letter-spacing: .02em;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  display: inline-flex;
}

.cc-stage .cmp-foot-spacer {
  flex: 1;
}

.cc-stage .cmp-types {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.cc-stage .cmp-type {
  background: var(--cc-bg-soft);
  border: 1px solid var(--cc-border-soft);
  min-height: 44px;
  color: var(--cc-text-muted);
  cursor: pointer;
  transition: all var(--cc-transition-fast);
  border-radius: 10px;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.cc-stage .cmp-type .ic {
  color: var(--cc-text-dim);
  transition: color var(--cc-transition-fast);
  display: inline-flex;
}

.cc-stage .cmp-type:hover {
  background: var(--cc-bg-hover);
  color: var(--cc-text);
}

.cc-stage .cmp-type:hover .ic {
  color: var(--cc-text-muted);
}

.cc-stage .cmp-type[data-on="true"] {
  background: var(--cc-accent-soft);
  border-color: color-mix(in oklab, var(--cc-accent) 45%, var(--cc-border));
  color: var(--cc-accent);
}

.cc-stage .cmp-type[data-on="true"] .ic {
  color: var(--cc-accent);
}

.cc-stage .cmp-type.special {
  background: linear-gradient(135deg, color-mix(in oklab, var(--cc-accent) 12%, var(--cc-bg-soft)), var(--cc-bg-soft));
  border-color: color-mix(in oklab, var(--cc-accent) 30%, var(--cc-border));
  color: var(--cc-text);
  margin-left: auto;
}

.cc-stage .cmp-type.special .ic {
  color: var(--cc-accent);
}

.cc-stage .cmp-type.special:hover {
  border-color: var(--cc-accent);
}

.cc-stage .cmp-type-note {
  color: var(--cc-text-muted);
  padding: 2px 2px 0;
  font-size: 12px;
  line-height: 1.5;
}

.cc-stage .cmp-type-note b {
  color: var(--cc-accent);
  font-weight: 600;
}

.cc-stage .cmp-field {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.cc-stage .cmp-field-label {
  color: var(--cc-text);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 4px 8px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.cc-stage .cmp-field-label .req {
  color: var(--cc-accent);
  margin-left: 3px;
}

.cc-stage .cmp-field-count {
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  letter-spacing: .02em;
  font-size: 11px;
  font-weight: 500;
}

.cc-stage .cmp-field-count b {
  color: var(--cc-text-muted);
}

.cc-stage .cmp-input {
  background: var(--cc-bg-input);
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius-md);
  width: 100%;
  color: var(--cc-text);
  transition: all var(--cc-transition-fast);
  outline: none;
  padding: 13px 14px;
  font-family: inherit;
  font-size: 15px;
}

.cc-stage .cmp-input.title {
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 600;
}

.cc-stage .cmp-input::placeholder {
  color: var(--cc-text-dim);
  font-weight: 400;
}

.cc-stage .cmp-input:focus {
  border-color: var(--cc-accent);
  box-shadow: 0 0 0 3px var(--cc-accent-soft);
  background: color-mix(in oklab, var(--cc-bg-input) 80%, var(--cc-bg-elev));
}

.cc-stage .cmp-slug {
  background: var(--cc-bg-input);
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius-md);
  transition: all var(--cc-transition-fast);
  align-items: center;
  display: flex;
  overflow: hidden;
}

.cc-stage .cmp-slug:focus-within {
  border-color: var(--cc-accent);
  box-shadow: 0 0 0 3px var(--cc-accent-soft);
}

.cc-stage .cmp-slug .prefix {
  background: var(--cc-bg-soft);
  border-right: 1px solid var(--cc-border);
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  padding: 11px 12px;
  font-size: 13px;
}

.cc-stage .cmp-slug input {
  font-family: var(--cc-font-mono);
  color: var(--cc-text);
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  padding: 11px 14px;
  font-size: 13.5px;
}

.cc-stage .cmp-slug input::placeholder {
  color: var(--cc-text-dim);
}

.cc-stage .cmp-editor {
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius-md);
  background: var(--cc-bg-input);
  transition: all var(--cc-transition-fast);
  overflow: hidden;
}

.cc-stage .cmp-editor:focus-within {
  border-color: var(--cc-accent);
  box-shadow: 0 0 0 3px var(--cc-accent-soft);
}

.cc-stage .cmp-toolbar {
  border-bottom: 1px solid var(--cc-border-soft);
  background: var(--cc-bg-elev);
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 7px 8px;
  display: flex;
}

.cc-stage .cmp-tb-btn {
  width: 36px;
  height: 36px;
  color: var(--cc-text-muted);
  cursor: pointer;
  transition: all var(--cc-transition-fast);
  border-radius: 7px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.cc-stage .cmp-tb-btn:hover {
  background: var(--cc-bg-hover);
  color: var(--cc-text);
}

.cc-stage .cmp-tb-btn[data-on="true"] {
  background: var(--cc-accent-soft);
  color: var(--cc-accent);
}

.cc-stage .cmp-tb-btn.accent {
  color: var(--cc-accent);
}

.cc-stage .cmp-tb-sep {
  background: var(--cc-border);
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  margin: 0 5px;
}

.cc-stage .cmp-tb-spacer {
  flex: 1;
}

.cc-stage .cmp-editor-area {
  min-height: 200px;
  color: var(--cc-text);
  padding: 16px;
  font-size: 14.5px;
  line-height: 1.6;
}

.cc-stage .cmp-editor-area.tall {
  min-height: 320px;
}

.cc-stage .cmp-editor-area .placeholder {
  color: var(--cc-text-dim);
}

.cc-stage .cmp-editor-area p {
  margin-bottom: 12px;
}

.cc-stage .cmp-editor-area h2 {
  letter-spacing: -.02em;
  margin: 18px 0 10px;
  font-size: 22px;
  font-weight: 700;
}

.cc-stage .cmp-editor-area h3 {
  margin: 16px 0 8px;
  font-size: 18px;
  font-weight: 700;
}

.cc-stage .cmp-editor-area .cursor {
  background: var(--cc-accent);
  vertical-align: text-bottom;
  width: 2px;
  height: 1.1em;
  animation: 1s steps(2, end) infinite cc-blink;
  display: inline-block;
}

.cc-stage .cmp-editor-foot {
  border-top: 1px solid var(--cc-border-soft);
  background: var(--cc-bg-elev);
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  letter-spacing: .02em;
  justify-content: space-between;
  align-items: center;
  padding: 9px 14px;
  font-size: 10.5px;
  display: flex;
}

.cc-stage .cmp-editor-foot .hint {
  flex-wrap: wrap;
  gap: 12px;
  display: inline-flex;
}

.cc-stage .cmp-editor-foot .hint b {
  color: var(--cc-accent);
}

.cc-stage .cmp-token {
  color: var(--cc-accent);
  font-weight: 600;
}

.cc-stage .cmp-token.tag {
  color: var(--cc-info);
}

.cc-stage .cmp-token.ticker {
  color: var(--cc-good);
}

.cc-stage .cmp-drop {
  border: 1.5px dashed var(--cc-border-strong);
  border-radius: var(--cc-radius-lg);
  text-align: center;
  cursor: pointer;
  transition: all var(--cc-transition);
  background: repeating-linear-gradient(135deg, transparent 0, transparent 16px,
      color-mix(in oklab, var(--cc-text) 2.5%, transparent) 16px,
      color-mix(in oklab, var(--cc-text) 2.5%, transparent) 18px);
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 26px;
  display: flex;
}

.cc-stage .cmp-drop:hover {
  border-color: var(--cc-accent);
  background: var(--cc-accent-soft);
}

.cc-stage .cmp-drop .ic-circle {
  background: var(--cc-bg-soft);
  border: 1px solid var(--cc-border-soft);
  width: 44px;
  height: 44px;
  color: var(--cc-accent);
  border-radius: 12px;
  place-items: center;
  margin-bottom: 4px;
  display: grid;
}

.cc-stage .cmp-drop .title {
  color: var(--cc-text);
  font-size: 13.5px;
  font-weight: 600;
}

.cc-stage .cmp-drop .sub {
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  letter-spacing: .02em;
  font-size: 11px;
}

.cc-stage .cmp-drop .pick {
  background: var(--cc-bg-soft);
  border: 1px solid var(--cc-border);
  min-height: 40px;
  color: var(--cc-text);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 10px 14px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
}

.cc-stage .cmp-cover {
  border: 1.5px dashed var(--cc-border-strong);
  border-radius: var(--cc-radius-lg);
  cursor: pointer;
  text-align: center;
  height: 180px;
  transition: all var(--cc-transition);
  background: radial-gradient(500px 200px at 50% 30%, var(--cc-accent-soft), transparent 65%),
    var(--cc-bg-input);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.cc-stage .cmp-cover:hover {
  border-color: var(--cc-accent);
}

.cc-stage .cmp-cover .ic-circle {
  background: var(--cc-bg-soft);
  border: 1px solid var(--cc-border-soft);
  width: 46px;
  height: 46px;
  color: var(--cc-accent);
  border-radius: 14px;
  place-items: center;
  display: grid;
}

.cc-stage .cmp-cover .title {
  font-size: 14px;
  font-weight: 600;
}

.cc-stage .cmp-cover .sub {
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  letter-spacing: .02em;
  font-size: 11px;
}

.cc-stage .cmp-collapse {
  border: 1px solid var(--cc-border-soft);
  border-radius: var(--cc-radius-md);
  overflow: hidden;
}

.cc-stage .cmp-collapse-head {
  cursor: pointer;
  min-height: 48px;
  color: var(--cc-text);
  transition: background var(--cc-transition-fast);
  align-items: center;
  gap: 10px;
  padding: 15px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.cc-stage .cmp-collapse-head:hover {
  background: var(--cc-bg-soft);
}

.cc-stage .cmp-collapse-head .chev {
  color: var(--cc-text-dim);
  transition: transform var(--cc-transition);
}

.cc-stage .cmp-collapse-head[data-open="true"] .chev {
  transform: rotate(180deg);
}

.cc-stage .cmp-collapse-head .ic {
  color: var(--cc-accent);
  display: inline-flex;
}

.cc-stage .cmp-collapse-head .sub {
  color: var(--cc-text-dim);
  margin-left: 2px;
  font-size: 12px;
  font-weight: 400;
}

.cc-stage .cmp-collapse-head .spacer {
  flex: 1;
}

.cc-stage .cmp-collapse-body {
  border-top: 1px solid var(--cc-border-soft);
  flex-direction: column;
  gap: 14px;
  padding: 4px 15px 16px;
  display: flex;
}

.cc-stage .cmp-mini-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.cc-stage .cmp-select {
  background: var(--cc-bg-input);
  border: 1px solid var(--cc-border);
  width: 100%;
  min-height: 44px;
  color: var(--cc-text);
  appearance: none;
  cursor: pointer;
  transition: all var(--cc-transition-fast);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23888' stroke-width='1.5'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 11px center;
  background-repeat: no-repeat;
  border-radius: 8px;
  padding: 12px 30px 12px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
}

.cc-stage .cmp-select:focus {
  border-color: var(--cc-accent);
  outline: none;
}

.cc-stage .cmp-seg {
  background: var(--cc-bg-input);
  border: 1px solid var(--cc-border);
  border-radius: 9px;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  padding: 3px;
  display: grid;
}

.cc-stage .cmp-seg button {
  height: 44px;
  color: var(--cc-text-muted);
  transition: all var(--cc-transition-fast);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.cc-stage .cmp-seg button .ic {
  display: inline-flex;
}

.cc-stage .cmp-seg button[data-on="true"] {
  background: var(--cc-accent-soft);
  color: var(--cc-accent);
  box-shadow: inset 0 1px #ffffff08;
}

.cc-stage .cmp-preview-label {
  font-family: var(--cc-font-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cc-text-dim);
  align-items: center;
  gap: 7px;
  font-size: 10.5px;
  font-weight: 600;
  display: inline-flex;
}

.cc-stage .cmp-preview-label .ic {
  color: var(--cc-accent);
}

.cc-stage .cmp-preview {
  background: var(--cc-bg-card);
  border: 1px solid var(--cc-border-soft);
  border-radius: var(--cc-radius-lg);
  margin-top: 10px;
  padding: 16px;
}

.cc-stage .cmp-preview-head {
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.cc-stage .cmp-preview-av {
  background: linear-gradient(135deg, var(--cc-accent), var(--cc-accent-deep));
  width: 36px;
  height: 36px;
  color: var(--cc-accent-ink);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  display: grid;
  overflow: hidden;
}

.cc-stage .cmp-preview-av img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cc-stage .cmp-preview-meta {
  flex: 1;
  min-width: 0;
}

.cc-stage .cmp-preview-name {
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  font-weight: 700;
  display: flex;
}

.cc-stage .cmp-preview-name .type-pill {
  font-family: var(--cc-font-mono);
  background: var(--cc-accent-soft);
  color: var(--cc-accent);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 9.5px;
  font-weight: 700;
}

.cc-stage .cmp-preview-when {
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  margin-top: 1px;
  font-size: 11px;
}

.cc-stage .cmp-preview-title {
  font-family: var(--cc-font-serif);
  letter-spacing: -.02em;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.cc-stage .cmp-preview-title.empty {
  color: var(--cc-text-dim);
  font-style: italic;
}

.cc-stage .cmp-preview-body {
  color: var(--cc-text-muted);
  font-size: 14px;
  line-height: 1.55;
}

.cc-stage .cmp-preview-foot {
  border-top: 1px solid var(--cc-border-soft);
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  padding-top: 12px;
  font-size: 11.5px;
  display: flex;
}

.cc-stage .cmp-preview-foot .act {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.cc-stage.art, .cc-stage .art {
  background: var(--cc-bg);
  width: 100%;
  color: var(--cc-text);
  font-family: var(--cc-font-sans);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  flex-direction: column;
  display: flex;
}

.cc-stage .art-topbar {
  border-bottom: 1px solid var(--cc-border-soft);
  background: color-mix(in oklab, var(--cc-bg-elev) 70%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 14px;
  padding: 14px 28px;
  display: flex;
}

.cc-stage .art-topbar .back {
  width: 40px;
  height: 40px;
  color: var(--cc-text-muted);
  transition: all var(--cc-transition-fast);
  border-radius: 9px;
  place-items: center;
  display: grid;
}

.cc-stage .art-topbar .back:hover {
  background: var(--cc-bg-soft);
  color: var(--cc-text);
}

.cc-stage .art-topbar .ic-badge {
  background: var(--cc-accent-soft);
  width: 34px;
  height: 34px;
  color: var(--cc-accent);
  border-radius: 10px;
  place-items: center;
  display: grid;
}

.cc-stage .art-topbar-title {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 700;
}

.cc-stage .art-topbar-sub {
  color: var(--cc-text-muted);
  margin-top: 1px;
  font-size: 12px;
}

.cc-stage .art-topbar-status {
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  letter-spacing: .02em;
  background: var(--cc-bg-soft);
  border: 1px solid var(--cc-border-soft);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  font-size: 11px;
  display: inline-flex;
}

.cc-stage .art-topbar-status .dot {
  background: var(--cc-text-dim);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.cc-stage .art-topbar-status.saved .dot {
  background: var(--cc-good);
}

.cc-stage .art-topbar-spacer {
  flex: 1;
}

.cc-stage .art-topbar-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cc-stage .art-grid {
  flex: 1;
  grid-template-columns: 1fr 360px;
  min-height: 0;
  display: grid;
}

.cc-stage .art-main {
  flex-direction: column;
  align-items: center;
  padding: 36px 32px 80px;
  display: flex;
}

.cc-stage .art-doc {
  width: 100%;
  max-width: 920px;
}

.cc-stage .art-title-input {
  width: 100%;
  font-family: var(--cc-font-serif);
  letter-spacing: -.03em;
  color: var(--cc-text);
  background: none;
  border: 0;
  outline: 0;
  margin-bottom: 8px;
  padding: 0;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.1;
}

.cc-stage .art-title-input::placeholder {
  color: var(--cc-text-dim);
}

.cc-stage .art-slug-row {
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 12.5px;
  display: flex;
}

.cc-stage .art-slug-row .label {
  color: var(--cc-text-dim);
}

.cc-stage .art-slug-row .val {
  color: var(--cc-accent);
}

.cc-stage .art-slug-row .edit {
  color: var(--cc-text-muted);
  cursor: pointer;
  text-underline-offset: 2px;
  text-decoration: underline;
}

.cc-stage .art-cover {
  border-radius: var(--cc-radius-lg);
  border: 1.5px dashed var(--cc-border-strong);
  cursor: pointer;
  width: 100%;
  height: 240px;
  transition: all var(--cc-transition);
  background: radial-gradient(600px 240px at 50% 30%, var(--cc-accent-soft), transparent 65%),
    var(--cc-bg-input);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  display: flex;
}

.cc-stage .art-cover:hover {
  border-color: var(--cc-accent);
}

.cc-stage .art-cover .ic-circle {
  background: var(--cc-bg-soft);
  border: 1px solid var(--cc-border-soft);
  width: 50px;
  height: 50px;
  color: var(--cc-accent);
  border-radius: 14px;
  place-items: center;
  display: grid;
}

.cc-stage .art-cover .title {
  font-size: 14.5px;
  font-weight: 600;
}

.cc-stage .art-cover .sub {
  font-family: var(--cc-font-mono);
  color: var(--cc-text-dim);
  letter-spacing: .02em;
  font-size: 11px;
}

.cc-stage .art-lead-wrap {
  margin-bottom: 24px;
}

.cc-stage .art-lead-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.cc-stage .art-lead-label {
  color: var(--cc-text);
  letter-spacing: -.01em;
  font-size: 12.5px;
  font-weight: 700;
}

.cc-stage .art-ai-btn {
  background: linear-gradient(135deg, color-mix(in oklab, var(--cc-accent) 16%, var(--cc-bg-soft)), var(--cc-bg-soft));
  border: 1px solid color-mix(in oklab, var(--cc-accent) 30%, var(--cc-border));
  min-height: 40px;
  color: var(--cc-accent);
  cursor: pointer;
  transition: all var(--cc-transition-fast);
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.cc-stage .art-ai-btn:hover {
  background: var(--cc-accent-soft);
  border-color: var(--cc-accent);
}

.cc-stage .art-lead {
  background: var(--cc-bg-input);
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius-md);
  width: 100%;
  min-height: 70px;
  color: var(--cc-text);
  resize: vertical;
  transition: all var(--cc-transition-fast);
  outline: none;
  padding: 13px 15px;
  font-family: inherit;
  font-size: 15px;
  font-style: italic;
  line-height: 1.5;
}

.cc-stage .art-lead:focus {
  border-color: var(--cc-accent);
  box-shadow: 0 0 0 3px var(--cc-accent-soft);
}

.cc-stage .art-lead::placeholder {
  color: var(--cc-text-dim);
  font-style: italic;
}

.cc-stage .art-body-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.cc-stage .art-body-label {
  font-size: 12.5px;
  font-weight: 700;
}

.cc-stage .art-editor {
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius-md);
  background: var(--cc-bg-input);
  transition: all var(--cc-transition-fast);
  overflow: hidden;
}

.cc-stage .art-editor:focus-within {
  border-color: var(--cc-accent);
  box-shadow: 0 0 0 3px var(--cc-accent-soft);
}

.cc-stage .art-rail {
  background: var(--cc-bg-elev);
  border-left: 1px solid var(--cc-border-soft);
  flex-direction: column;
  gap: 18px;
  padding: 24px 20px;
  display: flex;
}

.cc-stage .art-rail-card {
  background: var(--cc-bg-card);
  border: 1px solid var(--cc-border-soft);
  border-radius: var(--cc-radius-lg);
  padding: 16px;
}

.cc-stage .art-rail-card-title {
  letter-spacing: -.01em;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 12.5px;
  font-weight: 700;
  display: flex;
}

.cc-stage .art-rail-card-title .ic {
  background: var(--cc-accent-soft);
  width: 24px;
  height: 24px;
  color: var(--cc-accent);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.cc-stage .art-rail-field {
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
  display: flex;
}

.cc-stage .art-rail-field:last-child {
  margin-bottom: 0;
}

.cc-stage .art-rail-field label {
  color: var(--cc-text-muted);
  font-size: 11.5px;
  font-weight: 600;
}

.cc-stage .art-rail-field .note {
  color: var(--cc-text-dim);
  font-size: 11px;
  line-height: 1.4;
}

.cc-stage .art-vis-card {
  background: var(--cc-bg-soft);
  border: 1.5px solid var(--cc-border);
  cursor: pointer;
  min-height: 48px;
  transition: all var(--cc-transition-fast);
  border-radius: 11px;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 7px;
  padding: 12px;
  display: flex;
}

.cc-stage .art-vis-card:hover {
  background: var(--cc-bg-hover);
}

.cc-stage .art-vis-card[data-on="true"] {
  background: var(--cc-accent-soft);
  border-color: var(--cc-accent);
}

.cc-stage .art-vis-card .dot {
  border: 1.5px solid var(--cc-border-strong);
  width: 17px;
  height: 17px;
  transition: all var(--cc-transition-fast);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  margin-top: 1px;
  display: grid;
}

.cc-stage .art-vis-card[data-on="true"] .dot {
  border-color: var(--cc-accent);
}

.cc-stage .art-vis-card[data-on="true"] .dot:after {
  content: "";
  background: var(--cc-accent);
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.cc-stage .art-vis-card .body {
  flex: 1;
  min-width: 0;
}

.cc-stage .art-vis-card .label {
  color: var(--cc-text);
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.cc-stage .art-vis-card .label .ic {
  color: var(--cc-text-muted);
}

.cc-stage .art-vis-card[data-on="true"] .label .ic {
  color: var(--cc-accent);
}

.cc-stage .art-vis-card .sub {
  color: var(--cc-text-muted);
  margin-top: 3px;
  font-size: 11.5px;
  line-height: 1.4;
}

.cc-stage .art-check {
  background: var(--cc-bg-soft);
  border: 1px solid var(--cc-border-soft);
  cursor: pointer;
  min-height: 48px;
  transition: all var(--cc-transition-fast);
  border-radius: 11px;
  align-items: flex-start;
  gap: 11px;
  padding: 12px;
  display: flex;
}

.cc-stage .art-check:hover {
  background: var(--cc-bg-hover);
}

.cc-stage .art-check .box {
  border: 1.5px solid var(--cc-border-strong);
  color: #0000;
  width: 18px;
  height: 18px;
  transition: all var(--cc-transition-fast);
  border-radius: 5px;
  flex-shrink: 0;
  place-items: center;
  margin-top: 1px;
  display: grid;
}

.cc-stage .art-check[data-on="true"] .box {
  background: var(--cc-accent);
  border-color: var(--cc-accent);
  color: var(--cc-accent-ink);
}

.cc-stage .art-check .body {
  flex: 1;
  min-width: 0;
}

.cc-stage .art-check .label {
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 700;
  display: inline-flex;
}

.cc-stage .art-check .label .badge-free {
  font-family: var(--cc-font-mono);
  background: var(--cc-good);
  color: var(--cc-bg);
  letter-spacing: .06em;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 9px;
  font-weight: 700;
}

.cc-stage .art-check .sub {
  color: var(--cc-text-muted);
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.4;
}

.cc-stage .art-when {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.cc-stage .art-when button {
  background: var(--cc-bg-soft);
  border: 1.5px solid var(--cc-border);
  min-height: 48px;
  color: var(--cc-text-muted);
  cursor: pointer;
  width: 100%;
  transition: all var(--cc-transition-fast);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 13px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.cc-stage .art-when button .ic {
  display: inline-flex;
}

.cc-stage .art-when button[data-on="true"] {
  background: var(--cc-accent-soft);
  border-color: var(--cc-accent);
  color: var(--cc-accent);
}

.cc-stage .btn {
  border-radius: var(--cc-radius-md);
  cursor: pointer;
  min-height: 48px;
  transition: all var(--cc-transition-fast);
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.cc-stage .btn-primary {
  background: var(--cc-accent);
  color: var(--cc-accent-ink);
  box-shadow: 0 4px 14px var(--cc-accent-soft);
}

.cc-stage .btn-primary:hover {
  background: var(--cc-accent-deep);
}

.cc-stage .btn-ghost {
  background: var(--cc-bg-soft);
  color: var(--cc-text);
  border: 1px solid var(--cc-border);
}

.cc-stage .btn-ghost:hover {
  background: var(--cc-bg-hover);
}

@media (max-width: 860px) {
  .cc-stage .art-grid {
    grid-template-columns: 1fr;
  }

  .cc-stage .art-rail {
    border-left: 0;
    border-top: 1px solid var(--cc-border-soft);
  }

  .cc-stage .art-main {
    padding: 24px 18px 60px;
  }

  .cc-stage .art-title-input {
    font-size: 32px;
  }

  .cc-stage .cmp-mini-grid {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0mkcdma._.css.map*/