/* [project]/git_repos/guruandai/node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css [app-client] (css) */
@font-face {
  font-display: block;
  font-family: KaTeX_AMS;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_AMS-Regular.c30af439.woff2") format("woff2"), url("../media/KaTeX_AMS-Regular.e6a3cada.woff") format("woff"), url("../media/KaTeX_AMS-Regular.892f691b.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 700;
  src: url("../media/KaTeX_Caligraphic-Bold.db991531.woff2") format("woff2"), url("../media/KaTeX_Caligraphic-Bold.2f97783e.woff") format("woff"), url("../media/KaTeX_Caligraphic-Bold.a36b8125.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Caligraphic-Regular.c20eee08.woff2") format("woff2"), url("../media/KaTeX_Caligraphic-Regular.2b13f013.woff") format("woff"), url("../media/KaTeX_Caligraphic-Regular.7c50032c.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 700;
  src: url("../media/KaTeX_Fraktur-Bold.d514bd28.woff2") format("woff2"), url("../media/KaTeX_Fraktur-Bold.5fa2f5e4.woff") format("woff"), url("../media/KaTeX_Fraktur-Bold.e311399d.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Fraktur-Regular.5d62e468.woff2") format("woff2"), url("../media/KaTeX_Fraktur-Regular.18139813.woff") format("woff"), url("../media/KaTeX_Fraktur-Regular.2a73476d.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 700;
  src: url("../media/KaTeX_Main-Bold.f4e2828d.woff2") format("woff2"), url("../media/KaTeX_Main-Bold.c24b5ba7.woff") format("woff"), url("../media/KaTeX_Main-Bold.6d137c77.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 700;
  src: url("../media/KaTeX_Main-BoldItalic.f1884480.woff2") format("woff2"), url("../media/KaTeX_Main-BoldItalic.079b33ae.woff") format("woff"), url("../media/KaTeX_Main-BoldItalic.c003d3ec.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 400;
  src: url("../media/KaTeX_Main-Italic.a3746929.woff2") format("woff2"), url("../media/KaTeX_Main-Italic.26a3619b.woff") format("woff"), url("../media/KaTeX_Main-Italic.61da3e93.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Main-Regular.12644167.woff2") format("woff2"), url("../media/KaTeX_Main-Regular.d511f158.woff") format("woff"), url("../media/KaTeX_Main-Regular.876b86ad.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
  src: url("../media/KaTeX_Math-BoldItalic.5c6a6a93.woff2") format("woff2"), url("../media/KaTeX_Math-BoldItalic.ad4dffd5.woff") format("woff"), url("../media/KaTeX_Math-BoldItalic.e73b3bf0.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 400;
  src: url("../media/KaTeX_Math-Italic.d8564edb.woff2") format("woff2"), url("../media/KaTeX_Math-Italic.1cd2c488.woff") format("woff"), url("../media/KaTeX_Math-Italic.03974bc4.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 700;
  src: url("../media/KaTeX_SansSerif-Bold.a03f9428.woff2") format("woff2"), url("../media/KaTeX_SansSerif-Bold.ff51ef5c.woff") format("woff"), url("../media/KaTeX_SansSerif-Bold.d4608ed5.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: italic;
  font-weight: 400;
  src: url("../media/KaTeX_SansSerif-Italic.9245afda.woff2") format("woff2"), url("../media/KaTeX_SansSerif-Italic.8ed740d6.woff") format("woff"), url("../media/KaTeX_SansSerif-Italic.c0b22b1e.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_SansSerif-Regular.128c9bc2.woff2") format("woff2"), url("../media/KaTeX_SansSerif-Regular.ee7b0a16.woff") format("woff"), url("../media/KaTeX_SansSerif-Regular.156dbd4e.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Script;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Script-Regular.186c7155.woff2") format("woff2"), url("../media/KaTeX_Script-Regular.afc2fd5a.woff") format("woff"), url("../media/KaTeX_Script-Regular.00d9a561.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size1;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Size1-Regular.4450ef36.woff2") format("woff2"), url("../media/KaTeX_Size1-Regular.e5bf4c74.woff") format("woff"), url("../media/KaTeX_Size1-Regular.9aaff96b.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size2;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Size2-Regular.6a97527b.woff2") format("woff2"), url("../media/KaTeX_Size2-Regular.8fbd32af.woff") format("woff"), url("../media/KaTeX_Size2-Regular.f11810ed.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size3;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Size3-Regular.54b7ce9d.woff2") format("woff2"), url("../media/KaTeX_Size3-Regular.45ae8eba.woff") format("woff"), url("../media/KaTeX_Size3-Regular.9812ade2.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size4;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Size4-Regular.927fc5b9.woff2") format("woff2"), url("../media/KaTeX_Size4-Regular.b211e3d3.woff") format("woff"), url("../media/KaTeX_Size4-Regular.44a4d487.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Typewriter;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Typewriter-Regular.ff99d643.woff2") format("woff2"), url("../media/KaTeX_Typewriter-Regular.68b6c3a9.woff") format("woff"), url("../media/KaTeX_Typewriter-Regular.a1a7ff52.ttf") format("truetype");
}

.katex {
  text-indent: 0;
  text-rendering: auto;
  font: 1.21em / 1.2 KaTeX_Main, Times New Roman, serif;
  position: relative;
}

.katex * {
  border-color: currentColor;
  -ms-high-contrast-adjust: none !important;
}

.katex .katex-version:after {
  content: "0.16.45";
}

.katex .katex-mathml {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.katex .katex-html > .newline {
  display: block;
}

.katex .base {
  white-space: nowrap;
  width: min-content;
  position: relative;
}

.katex .base, .katex .strut {
  display: inline-block;
}

.katex .textbf {
  font-weight: 700;
}

.katex .textit {
  font-style: italic;
}

.katex .textrm {
  font-family: KaTeX_Main;
}

.katex .textsf {
  font-family: KaTeX_SansSerif;
}

.katex .texttt {
  font-family: KaTeX_Typewriter;
}

.katex .mathnormal {
  font-family: KaTeX_Math;
  font-style: italic;
}

.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}

.katex .mathrm {
  font-style: normal;
}

.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: 700;
}

.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
}

.katex .amsrm, .katex .mathbb, .katex .textbb {
  font-family: KaTeX_AMS;
}

.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}

.katex .mathfrak, .katex .textfrak {
  font-family: KaTeX_Fraktur;
}

.katex .mathboldfrak, .katex .textboldfrak {
  font-family: KaTeX_Fraktur;
  font-weight: 700;
}

.katex .mathtt {
  font-family: KaTeX_Typewriter;
}

.katex .mathscr, .katex .textscr {
  font-family: KaTeX_Script;
}

.katex .mathsf, .katex .textsf {
  font-family: KaTeX_SansSerif;
}

.katex .mathboldsf, .katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: 700;
}

.katex .mathitsf, .katex .mathsfit, .katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}

.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}

.katex .vlist-t {
  border-collapse: collapse;
  table-layout: fixed;
  display: inline-table;
}

.katex .vlist-r {
  display: table-row;
}

.katex .vlist {
  vertical-align: bottom;
  display: table-cell;
  position: relative;
}

.katex .vlist > span {
  height: 0;
  display: block;
  position: relative;
}

.katex .vlist > span > span {
  display: inline-block;
}

.katex .vlist > span > .pstrut {
  width: 0;
  overflow: hidden;
}

.katex .vlist-t2 {
  margin-right: -2px;
}

.katex .vlist-s {
  vertical-align: bottom;
  width: 2px;
  min-width: 2px;
  font-size: 1px;
  display: table-cell;
}

.katex .vbox {
  flex-direction: column;
  align-items: baseline;
  display: inline-flex;
}

.katex .hbox {
  width: 100%;
}

.katex .hbox, .katex .thinbox {
  flex-direction: row;
  display: inline-flex;
}

.katex .thinbox {
  width: 0;
  max-width: 0;
}

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

.katex .mfrac > span > span {
  text-align: center;
}

.katex .mfrac .frac-line {
  border-bottom-style: solid;
  width: 100%;
  display: inline-block;
}

.katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .rule, .katex .underline .underline-line {
  min-height: 1px;
}

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

.katex .smash {
  line-height: 0;
  display: inline;
}

.katex .clap, .katex .llap, .katex .rlap {
  width: 0;
  position: relative;
}

.katex .clap > .inner, .katex .llap > .inner, .katex .rlap > .inner {
  position: absolute;
}

.katex .clap > .fix, .katex .llap > .fix, .katex .rlap > .fix {
  display: inline-block;
}

.katex .llap > .inner {
  right: 0;
}

.katex .clap > .inner, .katex .rlap > .inner {
  left: 0;
}

.katex .clap > .inner > span {
  margin-left: -50%;
  margin-right: 50%;
}

.katex .rule {
  border: 0 solid;
  display: inline-block;
  position: relative;
}

.katex .hline, .katex .overline .overline-line, .katex .underline .underline-line {
  border-bottom-style: solid;
  width: 100%;
  display: inline-block;
}

.katex .hdashline {
  border-bottom-style: dashed;
  width: 100%;
  display: inline-block;
}

.katex .sqrt > .root {
  margin-left: .277778em;
  margin-right: -.555556em;
}

.katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 {
  font-size: 1.2em;
}

.katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 {
  font-size: 1.4em;
}

.katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 {
  font-size: 1.6em;
}

.katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 {
  font-size: 1.8em;
}

.katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 {
  font-size: 2em;
}

.katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 {
  font-size: 2.4em;
}

.katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 {
  font-size: 2.88em;
}

.katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 {
  font-size: 3.456em;
}

.katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 {
  font-size: 4.148em;
}

.katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.size11 {
  font-size: 4.976em;
}

.katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 {
  font-size: .833333em;
}

.katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 {
  font-size: 1.16667em;
}

.katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 {
  font-size: 1.33333em;
}

.katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 {
  font-size: 1.5em;
}

.katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 {
  font-size: 1.66667em;
}

.katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 {
  font-size: 2em;
}

.katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 {
  font-size: 2.4em;
}

.katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 {
  font-size: 2.88em;
}

.katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 {
  font-size: 3.45667em;
}

.katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.size11 {
  font-size: 4.14667em;
}

.katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 {
  font-size: .714286em;
}

.katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 {
  font-size: .857143em;
}

.katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 {
  font-size: 1.14286em;
}

.katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 {
  font-size: 1.28571em;
}

.katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 {
  font-size: 1.42857em;
}

.katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 {
  font-size: 1.71429em;
}

.katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 {
  font-size: 2.05714em;
}

.katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 {
  font-size: 2.46857em;
}

.katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 {
  font-size: 2.96286em;
}

.katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.size11 {
  font-size: 3.55429em;
}

.katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 {
  font-size: .625em;
}

.katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 {
  font-size: .75em;
}

.katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 {
  font-size: .875em;
}

.katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 {
  font-size: 1.125em;
}

.katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 {
  font-size: 1.25em;
}

.katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 {
  font-size: 1.5em;
}

.katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 {
  font-size: 1.8em;
}

.katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 {
  font-size: 2.16em;
}

.katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 {
  font-size: 2.5925em;
}

.katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.size11 {
  font-size: 3.11em;
}

.katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 {
  font-size: .555556em;
}

.katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 {
  font-size: .666667em;
}

.katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 {
  font-size: .777778em;
}

.katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 {
  font-size: .888889em;
}

.katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 {
  font-size: 1.11111em;
}

.katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 {
  font-size: 1.33333em;
}

.katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 {
  font-size: 1.6em;
}

.katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 {
  font-size: 1.92em;
}

.katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 {
  font-size: 2.30444em;
}

.katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.size11 {
  font-size: 2.76444em;
}

.katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 {
  font-size: .5em;
}

.katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 {
  font-size: .6em;
}

.katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 {
  font-size: .7em;
}

.katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 {
  font-size: .8em;
}

.katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 {
  font-size: .9em;
}

.katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 {
  font-size: 1.2em;
}

.katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 {
  font-size: 1.44em;
}

.katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 {
  font-size: 1.728em;
}

.katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 {
  font-size: 2.074em;
}

.katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.size11 {
  font-size: 2.488em;
}

.katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 {
  font-size: .416667em;
}

.katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 {
  font-size: .5em;
}

.katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 {
  font-size: .583333em;
}

.katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 {
  font-size: .666667em;
}

.katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 {
  font-size: .75em;
}

.katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 {
  font-size: .833333em;
}

.katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 {
  font-size: 1.2em;
}

.katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 {
  font-size: 1.44em;
}

.katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 {
  font-size: 1.72833em;
}

.katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.size11 {
  font-size: 2.07333em;
}

.katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 {
  font-size: .347222em;
}

.katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 {
  font-size: .416667em;
}

.katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 {
  font-size: .486111em;
}

.katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 {
  font-size: .555556em;
}

.katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 {
  font-size: .625em;
}

.katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 {
  font-size: .694444em;
}

.katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 {
  font-size: .833333em;
}

.katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 {
  font-size: 1.2em;
}

.katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 {
  font-size: 1.44028em;
}

.katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.size11 {
  font-size: 1.72778em;
}

.katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 {
  font-size: .289352em;
}

.katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 {
  font-size: .347222em;
}

.katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 {
  font-size: .405093em;
}

.katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 {
  font-size: .462963em;
}

.katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 {
  font-size: .520833em;
}

.katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 {
  font-size: .578704em;
}

.katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 {
  font-size: .694444em;
}

.katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 {
  font-size: .833333em;
}

.katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 {
  font-size: 1.20023em;
}

.katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.size11 {
  font-size: 1.43981em;
}

.katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 {
  font-size: .24108em;
}

.katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 {
  font-size: .289296em;
}

.katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 {
  font-size: .337512em;
}

.katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 {
  font-size: .385728em;
}

.katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 {
  font-size: .433944em;
}

.katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 {
  font-size: .48216em;
}

.katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 {
  font-size: .578592em;
}

.katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 {
  font-size: .694311em;
}

.katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 {
  font-size: .833173em;
}

.katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 {
  font-size: 1em;
}

.katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.size11 {
  font-size: 1.19961em;
}

.katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.size1 {
  font-size: .200965em;
}

.katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.size2 {
  font-size: .241158em;
}

.katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.size3 {
  font-size: .281351em;
}

.katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.size4 {
  font-size: .321543em;
}

.katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.size5 {
  font-size: .361736em;
}

.katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.size6 {
  font-size: .401929em;
}

.katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.size7 {
  font-size: .482315em;
}

.katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.size8 {
  font-size: .578778em;
}

.katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.size9 {
  font-size: .694534em;
}

.katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.size10 {
  font-size: .833601em;
}

.katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.size11 {
  font-size: 1em;
}

.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}

.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}

.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}

.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}

.katex .delimsizing.mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}

.katex .delimsizing.mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}

.katex .nulldelimiter {
  width: .12em;
  display: inline-block;
}

.katex .delimcenter, .katex .op-symbol {
  position: relative;
}

.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}

.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}

.katex .accent > .vlist-t, .katex .op-limits > .vlist-t {
  text-align: center;
}

.katex .accent .accent-body {
  position: relative;
}

.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}

.katex .overlay {
  display: block;
}

.katex .mtable .vertical-separator {
  min-width: 1px;
  display: inline-block;
}

.katex .mtable .arraycolsep {
  display: inline-block;
}

.katex .mtable .col-align-c > .vlist-t {
  text-align: center;
}

.katex .mtable .col-align-l > .vlist-t {
  text-align: left;
}

.katex .mtable .col-align-r > .vlist-t {
  text-align: right;
}

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

.katex svg {
  fill: currentColor;
  stroke: currentColor;
  height: inherit;
  width: 100%;
  display: block;
  position: absolute;
}

.katex svg path {
  stroke: none;
}

.katex svg {
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
}

.katex img {
  border-style: none;
  min-width: 0;
  max-width: none;
  min-height: 0;
  max-height: none;
}

.katex .stretchy {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.katex .stretchy:after, .katex .stretchy:before {
  content: "";
}

.katex .hide-tail {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.katex .halfarrow-left {
  width: 50.2%;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.katex .halfarrow-right {
  width: 50.2%;
  position: absolute;
  right: 0;
  overflow: hidden;
}

.katex .brace-left {
  width: 25.1%;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.katex .brace-center {
  width: 50%;
  position: absolute;
  left: 25%;
  overflow: hidden;
}

.katex .brace-right {
  width: 25.1%;
  position: absolute;
  right: 0;
  overflow: hidden;
}

.katex .x-arrow-pad {
  padding: 0 .5em;
}

.katex .cd-arrow-pad {
  padding: 0 .55556em 0 .27778em;
}

.katex .mover, .katex .munder, .katex .x-arrow {
  text-align: center;
}

.katex .boxpad {
  padding: 0 .3em;
}

.katex .fbox, .katex .fcolorbox {
  box-sizing: border-box;
  border: .04em solid;
}

.katex .cancel-pad {
  padding: 0 .2em;
}

.katex .cancel-lap {
  margin-left: -.2em;
  margin-right: -.2em;
}

.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: .08em;
}

.katex .angl {
  box-sizing: border-box;
  border-top: .049em solid;
  border-right: .049em solid;
  margin-right: .03889em;
}

.katex .anglpad {
  padding: 0 .03889em;
}

.katex .eqn-num:before {
  content: "(" counter(katexEqnNo) ")";
  counter-increment: katexEqnNo;
}

.katex .mml-eqn-num:before {
  content: "(" counter(mmlEqnNo) ")";
  counter-increment: mmlEqnNo;
}

.katex .mtr-glue {
  width: 50%;
}

.katex .cd-vert-arrow {
  display: inline-block;
  position: relative;
}

.katex .cd-label-left {
  text-align: left;
  display: inline-block;
  position: absolute;
  right: calc(50% + .3em);
}

.katex .cd-label-right {
  text-align: right;
  display: inline-block;
  position: absolute;
  left: calc(50% + .3em);
}

.katex-display {
  text-align: center;
  margin: 1em 0;
  display: block;
}

.katex-display > .katex {
  text-align: center;
  white-space: nowrap;
  display: block;
}

.katex-display > .katex > .katex-html {
  display: block;
  position: relative;
}

.katex-display > .katex > .katex-html > .tag {
  position: absolute;
  right: 0;
}

.katex-display.leqno > .katex > .katex-html > .tag {
  left: 0;
  right: auto;
}

.katex-display.fleqn > .katex {
  text-align: left;
  padding-left: 2em;
}

body {
  counter-reset: katexEqnNo mmlEqnNo;
}

/* [project]/git_repos/guruandai/node_modules/.pnpm/@copilotkit+react-ui@1.52.1_@ag-ui+core@0.0.52_@ag-ui+encoder@0.0.52_@cfworker+json-sch_921a747c0f7103fe1aaf04e2e9b19f72/node_modules/@copilotkit/react-ui/dist/index.css [app-client] (css) */
:root {
  --copilot-kit-primary-color: #1c1c1c;
  --copilot-kit-contrast-color: #fff;
  --copilot-kit-background-color: #fff;
  --copilot-kit-input-background-color: #fbfbfb;
  --copilot-kit-secondary-color: #fff;
  --copilot-kit-secondary-contrast-color: #1c1c1c;
  --copilot-kit-separator-color: #c8c8c8;
  --copilot-kit-muted-color: #c8c8c8;
  --copilot-kit-error-background: #fef2f2;
  --copilot-kit-error-border: #fecaca;
  --copilot-kit-error-text: #dc2626;
  --copilot-kit-shadow-sm: 0 1px 2px 0 #0000000d;
  --copilot-kit-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;
  --copilot-kit-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
  --copilot-kit-dev-console-bg: #f8f8fa;
  --copilot-kit-dev-console-text: black;
}

.dark, html.dark, body.dark, [data-theme="dark"], html[style*="color-scheme: dark"], body[style*="color-scheme: dark"] :root {
  --copilot-kit-primary-color: #fff;
  --copilot-kit-contrast-color: #1c1c1c;
  --copilot-kit-background-color: #111;
  --copilot-kit-input-background-color: #2c2c2c;
  --copilot-kit-secondary-color: #1c1c1c;
  --copilot-kit-secondary-contrast-color: #fff;
  --copilot-kit-separator-color: #2d2d2d;
  --copilot-kit-muted-color: #2d2d2d;
  --copilot-kit-error-background: #7f1d1d;
  --copilot-kit-error-border: #dc2626;
  --copilot-kit-error-text: #fca5a5;
  --copilot-kit-shadow-sm: 0 1px 2px 0 #0000004d;
  --copilot-kit-shadow-md: 0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;
  --copilot-kit-shadow-lg: 0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;
}

.copilotKitPopup {
  z-index: 30;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  touch-action: manipulation;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 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;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

.copilotKitPopup svg {
  vertical-align: middle;
  display: inline-block;
}

.copilotKitSidebar {
  z-index: 30;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  touch-action: manipulation;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 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;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

.copilotKitSidebar svg {
  vertical-align: middle;
  display: inline-block;
}

.copilotKitSidebarContentWrapper {
  margin-right: 0;
  transition: margin-right .3s;
  overflow: visible;
}

@media (min-width: 640px) {
  .copilotKitSidebarContentWrapper.sidebarExpanded {
    margin-right: 28rem;
  }
}

.copilotKitButton {
  border: 1px solid var(--copilot-kit-primary-color);
  background-color: var(--copilot-kit-primary-color);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--copilot-kit-contrast-color);
  cursor: pointer;
  box-shadow: var(--copilot-kit-shadow-sm);
  border-radius: 50%;
  outline: none;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: relative;
  transform: scale(1);
}

.copilotKitButton:hover {
  box-shadow: var(--copilot-kit-shadow-md);
  transform: scale(1.05);
}

.copilotKitButton:active {
  box-shadow: var(--copilot-kit-shadow-sm);
  transform: scale(.95);
}

.copilotKitButtonIcon {
  justify-content: center;
  align-items: center;
  transition: opacity .1s, transform .3s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.copilotKitButtonIcon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.copilotKitButton.open .copilotKitButtonIconOpen {
  opacity: 0;
  transform: translate(-50%, -50%)scale(0)rotate(90deg);
}

.copilotKitButton.open .copilotKitButtonIconClose, .copilotKitButton:not(.open) .copilotKitButtonIconOpen {
  opacity: 1;
  transform: translate(-50%, -50%)scale(1)rotate(0);
}

.copilotKitButton:not(.open) .copilotKitButtonIconClose {
  opacity: 0;
  transform: translate(-50%, -50%)scale(0)rotate(-90deg);
}

.copilotKitHeader {
  height: 56px;
  color: var(--copilot-kit-primary-color);
  border-bottom: 1px solid var(--copilot-kit-separator-color);
  background-color: var(--copilot-kit-contrast-color);
  z-index: 2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.5rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.copilotKitSidebar .copilotKitHeader {
  border-radius: 0;
}

.copilotKitHeaderControls {
  display: flex;
}

.copilotKitHeaderCloseButton {
  background: none;
  border: none;
}

@media (min-width: 640px) {
  .copilotKitHeader {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-left: 1.5rem;
    padding-right: 24px;
  }
}

.copilotKitHeader > button {
  color: var(--copilot-kit-muted-color);
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 50%;
  outline: none;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.copilotKitHeader > button:hover {
  color: color-mix(in srgb, var(--copilot-kit-muted-color) 80%, black);
}

.copilotKitHeader > button:focus {
  outline: none;
}

.copilotKitInput {
  cursor: text;
  background-color: var(--copilot-kit-input-background-color);
  border: 1px solid var(--copilot-kit-separator-color);
  border-radius: 20px;
  width: 95%;
  min-height: 75px;
  margin: 0 auto;
  padding: 12px 14px;
  position: relative;
}

.copilotKitInputContainer {
  background: var(--copilot-kit-background-color);
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  width: 100%;
  padding: 0 0 15px;
}

.copilotKitSidebar .copilotKitInputContainer {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.copilotKitInputControlButton {
  cursor: pointer;
  color: #00000040;
  appearance: button;
  text-transform: none;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  text-indent: 0;
  text-shadow: none;
  text-align: center;
  background-color: #0000;
  background-image: none;
  border: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  transition-property: transform;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
  transform: scale(1);
}

.copilotKitInputControlButton:not([disabled]) {
  color: var(--copilot-kit-primary-color);
}

.copilotKitInputControlButton:not([disabled]):hover {
  color: color-mix(in srgb, var(--copilot-kit-primary-color) 80%, black);
  transform: scale(1.05);
}

.copilotKitInputControlButton[disabled] {
  color: var(--copilot-kit-muted-color);
  cursor: default;
}

.copilotKitInputControls {
  gap: 3px;
  display: flex;
}

.copilotKitInput > textarea {
  outline-offset: 2px;
  resize: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: text;
  font-family: inherit;
  font-size: .875rem;
  line-height: 1.5rem;
  font-weight: inherit;
  color: var(--copilot-kit-secondary-contrast-color);
  background-color: #0000;
  border: 0;
  outline: 2px solid #0000;
  flex: 1;
  width: 100%;
  margin: 0;
  padding: 0;
}

.copilotKitInput > textarea::placeholder {
  color: gray;
  opacity: 1;
}

.copilotKitInputControlButton.copilotKitPushToTalkRecording {
  color: #fff;
  background-color: #ec0000;
  border-radius: 50%;
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite copilotKitPulseAnimation;
}

.copilotKitInput textarea::-webkit-scrollbar {
  width: 9px;
}

.copilotKitInput textarea::-webkit-scrollbar-track {
  background: none;
}

.copilotKitInput textarea::-webkit-scrollbar-thumb {
  cursor: pointer;
  background-color: #c8c8c8;
  background-clip: content-box;
  border: 2px solid #0000;
  border-radius: 10px;
}

.copilotKitInput textarea::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a0;
}

.poweredByContainer {
  padding: 0;
}

.poweredBy {
  background: var(--copilot-kit-background-color) !important;
  visibility: visible !important;
  text-align: center !important;
  color: #d6d6d6 !important;
  margin: 0 !important;
  padding: 3px 0 !important;
  font-size: 12px !important;
  display: block !important;
  position: static !important;
}

.dark, html.dark, body.dark, [data-theme="dark"], html[style*="color-scheme: dark"], body[style*="color-scheme: dark"] .poweredBy {
  color: #454545 !important;
}

.copilotKitMessages {
  background-color: var(--copilot-kit-background-color);
  color: var(--copilot-kit-secondary-contrast-color);
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  overflow-y: scroll;
}

.copilotKitMessagesContainer {
  flex-direction: column;
  padding: 1rem 24px;
  display: flex;
}

.copilotKitMessagesFooter {
  flex-direction: column;
  justify-content: flex-start;
  width: 97%;
  margin: 8px auto 0;
  padding: .5rem .75rem;
  display: flex;
}

.copilotKitMessages::-webkit-scrollbar {
  width: 6px;
}

.copilotKitMessages::-webkit-scrollbar-thumb {
  background-color: var(--copilot-kit-separator-color);
  border: 2px solid var(--copilot-kit-background-color);
  border-radius: 10rem;
}

.copilotKitMessages::-webkit-scrollbar-track-piece:start {
  background: none;
}

.copilotKitMessages::-webkit-scrollbar-track-piece:end {
  background: none;
}

.copilotKitMessage {
  overflow-wrap: break-word;
  border-radius: 15px;
  max-width: 80%;
  margin-bottom: .5rem;
  padding: 8px 12px;
  font-size: 1rem;
  line-height: 1.5;
}

.copilotKitMessage.copilotKitUserMessage {
  background: var(--copilot-kit-primary-color);
  color: var(--copilot-kit-contrast-color);
  white-space: pre-wrap;
  margin-left: auto;
  font-size: 1rem;
  line-height: 1.75;
}

.copilotKitMessage.copilotKitAssistantMessage {
  max-width: 100%;
  color: var(--copilot-kit-secondary-contrast-color);
  background: none;
  margin-right: auto;
  padding-left: 0;
  position: relative;
}

.copilotKitMessage.copilotKitAssistantMessage .copilotKitMessageControls {
  opacity: 0;
  gap: 1rem;
  padding: 5px 0 0;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  left: 0;
}

.copilotKitMessageControls.currentMessage {
  opacity: 1 !important;
}

.copilotKitMessage.copilotKitAssistantMessage:hover .copilotKitMessageControls {
  opacity: 1;
}

@media (max-width: 768px) {
  .copilotKitMessage.copilotKitAssistantMessage .copilotKitMessageControls {
    opacity: 1;
  }
}

.copilotKitMessageControlButton {
  width: 20px;
  height: 20px;
  color: var(--copilot-kit-primary-color);
  cursor: pointer;
  z-index: 10;
  background: none;
  border: none;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.copilotKitMessageControlButton:hover, .copilotKitMessageControlButton:active {
  color: color-mix(in srgb, var(--copilot-kit-primary-color) 80%, black);
  transform: scale(1.05);
}

.copilotKitMessageControlButton.active {
  background-color: var(--copilot-kit-primary-color);
  color: var(--copilot-kit-contrast-color);
}

.copilotKitMessageControlButton.active:hover {
  background-color: color-mix(in srgb, var(--copilot-kit-primary-color) 90%, black);
  color: var(--copilot-kit-contrast-color);
}

.copilotKitMessageControlButton svg {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
  display: block;
}

.copilotKitMessage.copilotKitAssistantMessage + .copilotKitMessage.copilotKitUserMessage {
  margin-top: 1.5rem;
}

.copilotKitCustomAssistantMessage {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.copilotKitMessage .inProgressLabel {
  opacity: .7;
  margin-left: 10px;
}

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

.copilotKitSpinner {
  border: 2px solid var(--copilot-kit-contrast-color);
  border-top-color: var(--copilot-kit-primary-color);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: 1s linear infinite copilotKitSpinAnimation;
  display: inline-block;
}

@keyframes copilotKitActivityDotAnimation {
  0%, 80%, 100% {
    opacity: .5;
    transform: scale(.5);
  }

  40% {
    opacity: 1;
    transform: scale(1);
  }
}

.copilotKitActivityDot {
  background-color: var(--copilot-kit-primary-color);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.4s ease-in-out infinite both copilotKitActivityDotAnimation;
  display: inline-block;
}

.copilotKitImageRendering {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.copilotKitImageRenderingImage {
  max-width: 100%;
  height: auto;
  box-shadow: var(--copilot-kit-shadow-sm);
  border-radius: 8px;
}

.copilotKitImageRenderingContent {
  color: var(--copilot-kit-secondary-contrast-color);
  margin-top: 8px;
  padding: 0 16px;
  font-size: .875rem;
  line-height: 1.5;
}

.copilotKitImageRenderingError {
  border: 1px solid var(--copilot-kit-separator-color);
  background-color: var(--copilot-kit-input-background-color);
  border-radius: 8px;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  display: flex;
}

.copilotKitImageRenderingErrorMessage {
  background-color: var(--copilot-kit-error-background);
  border: 1px solid var(--copilot-kit-error-border);
  color: var(--copilot-kit-error-text);
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
}

.copilotKitImageRenderingErrorMessage:before {
  content: "⚠️";
  font-size: 1rem;
}

.copilotKitWindow {
  transform-origin: bottom;
  background-color: var(--copilot-kit-background-color);
  opacity: 0;
  pointer-events: none;
  border-color: #e5e7eb;
  border-radius: .75rem;
  flex-direction: column;
  transition: opacity .1s ease-out, transform .2s ease-out;
  display: flex;
  position: fixed;
  inset: 0;
  transform: scale(.95)translateY(20px);
  box-shadow: 0 5px 40px #00000029;
}

.copilotKitSidebar .copilotKitWindow {
  opacity: 1;
  border-radius: 0;
  transform: translateX(100%);
}

.copilotKitWindow.open {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1)translateY(0);
}

.copilotKitSidebar .copilotKitWindow.open {
  transform: translateX(0);
}

@media (min-width: 640px) {
  .copilotKitWindow {
    transform-origin: 100% 100%;
    border-width: 0;
    width: 24rem;
    height: 600px;
    min-height: 200px;
    max-height: calc(100% - 6rem);
    margin-bottom: 1rem;
    inset: auto 1rem 5rem auto;
  }

  .copilotKitSidebar .copilotKitWindow {
    width: 28rem;
    min-height: 100%;
    max-height: none;
    margin-bottom: 0;
    inset: auto 0 0 auto;
  }
}

.copilotKitActivityDot1 {
  animation: 1.05s infinite copilotKitActivityDotsAnimation;
}

.copilotKitActivityDot2 {
  animation-delay: .1s;
}

.copilotKitActivityDot3 {
  animation-delay: .2s;
}

@keyframes copilotKitActivityDotsAnimation {
  0%, 57.14% {
    animation-timing-function: cubic-bezier(.33, .66, .66, 1);
    transform: translate(0);
  }

  28.57% {
    animation-timing-function: cubic-bezier(.33, 0, .66, .33);
    transform: translateY(-6px);
  }

  100% {
    transform: translate(0);
  }
}

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

h1.copilotKitMarkdownElement, h2.copilotKitMarkdownElement, h3.copilotKitMarkdownElement, h4.copilotKitMarkdownElement, h5.copilotKitMarkdownElement, h6.copilotKitMarkdownElement {
  font-weight: bold;
  line-height: 1.2;
}

h1.copilotKitMarkdownElement:not(:last-child), h2.copilotKitMarkdownElement:not(:last-child), h3.copilotKitMarkdownElement:not(:last-child), h4.copilotKitMarkdownElement:not(:last-child), h5.copilotKitMarkdownElement:not(:last-child), h6.copilotKitMarkdownElement:not(:last-child) {
  margin-bottom: 1rem;
}

h1.copilotKitMarkdownElement {
  font-size: 1.5em;
}

h2.copilotKitMarkdownElement {
  font-size: 1.25em;
  font-weight: 600;
}

h3.copilotKitMarkdownElement {
  font-size: 1.1em;
}

h4.copilotKitMarkdownElement {
  font-size: 1em;
}

h5.copilotKitMarkdownElement {
  font-size: .9em;
}

h6.copilotKitMarkdownElement {
  font-size: .8em;
}

a.copilotKitMarkdownElement {
  color: #00f;
  text-decoration: underline;
}

p.copilotKitMarkdownElement {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.75;
}

p.copilotKitMarkdownElement:not(:last-child), pre.copilotKitMarkdownElement:not(:last-child), ol.copilotKitMarkdownElement:not(:last-child), ul.copilotKitMarkdownElement:not(:last-child), blockquote.copilotKitMarkdownElement:not(:last-child) {
  margin-bottom: 1.25em;
}

blockquote.copilotKitMarkdownElement {
  border-color: #8e8ea0;
  border-left-style: solid;
  border-left-width: 2px;
  padding-left: 10px;
  line-height: 1.2;
}

blockquote.copilotKitMarkdownElement p {
  padding: .7em 0;
}

ul.copilotKitMarkdownElement {
  padding-left: 20px;
  list-style-type: disc;
  overflow: visible;
}

li.copilotKitMarkdownElement {
  list-style-type: inherit;
  margin-left: 0;
  padding-left: 0;
  list-style-position: outside;
  position: relative;
  overflow: visible;
}

.copilotKitCodeBlock {
  background-color: #09090b;
  border-radius: .375rem;
  width: 100%;
  position: relative;
}

.copilotKitCodeBlockToolbar {
  color: #e4e4e4;
  background-color: #27272a;
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: .09rem;
  padding-bottom: .09rem;
  padding-left: 1rem;
  font-family: sans-serif;
  display: flex;
}

.copilotKitCodeBlockToolbarLanguage {
  text-transform: lowercase;
  font-size: .75rem;
  line-height: 1rem;
}

.copilotKitCodeBlockToolbarButtons {
  align-items: center;
  margin-left: .25rem;
  margin-right: .25rem;
  display: flex;
}

.copilotKitCodeBlockToolbarButton {
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  margin: 2px;
  padding: 3px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  display: inline-flex;
}

.copilotKitCodeBlockToolbarButton:hover {
  background-color: #37373a;
}

.copilotKitInlineCode {
  background-color: var(--copilot-kit-input-background-color);
  border: 1px solid var(--copilot-kit-separator-color);
  border-radius: .375rem;
  padding: .05rem .4rem;
  font-size: 15px;
}

.copilotKitMessages footer .suggestions {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.copilotKitMessages footer h6 {
  margin-bottom: 8px;
  font-size: .7rem;
  font-weight: 500;
}

.copilotKitMessages footer .suggestions .suggestion {
  border: 1px solid var(--copilot-kit-muted-color);
  color: var(--copilot-kit-secondary-contrast-color);
  border-radius: 15px;
  padding: 6px 10px;
  font-size: .7rem;
  box-shadow: 0 5px 5px #00000003, 0 2px 3px #00000005;
}

.copilotKitMessages footer .suggestions .suggestion.loading {
  color: var(--copilot-kit-secondary-contrast-color);
  border: none;
  padding: 0;
  font-size: .7rem;
}

.copilotKitMessages footer .suggestions button {
  transition: transform .3s;
}

.copilotKitMessages footer .suggestions button:not(:disabled):hover {
  transform: scale(1.03);
}

.copilotKitMessages footer .suggestions button:disabled {
  cursor: wait;
}

.copilotKitMessages footer .suggestions button svg {
  margin-right: 6px;
}

.copilotKitChat {
  z-index: 30;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  background: var(--copilot-kit-background-color);
  font-feature-settings: normal;
  font-variation-settings: normal;
  touch-action: manipulation;
  flex-direction: column;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 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;
  display: flex;
}

.copilotKitChat svg {
  vertical-align: middle;
  display: inline-block;
}

.copilotKitChat .copilotKitMessages {
  flex-grow: 1;
}

.copilotKitDevConsole {
  align-items: center;
  gap: 5px;
  margin: 0 15px;
  display: flex;
}

.copilotKitDevConsole.copilotKitDevConsoleWarnOutdated {
  background-color: var(--copilot-kit-dev-console-bg);
}

.copilotKitDevConsole .copilotKitVersionInfo {
  background: #ebb305;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 3px 5px;
  font-size: .8rem;
  display: flex;
  position: absolute;
  bottom: -25px;
  left: 0;
}

.copilotKitDevConsole .copilotKitVersionInfo button {
  background-color: var(--copilot-kit-dev-console-bg);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #979797;
  border-radius: 4px;
  width: 260px;
  padding: 1px 12px 1px 5px;
  font-family: monospace;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  overflow: hidden;
}

.copilotKitDevConsole .copilotKitVersionInfo aside {
  color: #7f7a7a;
  margin-left: 5px;
  font-weight: normal;
  display: inline;
}

.copilotKitDevConsole .copilotKitVersionInfo svg {
  margin-top: -3px;
  margin-left: 3px;
}

.copilotKitDevConsole .copilotKitDebugMenuTriggerButton {
  border: 1px solid var(--copilot-kit-muted-color);
  background-color: #0000;
  border-radius: 20px;
  outline: none;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: bold;
  display: flex;
}

.copilotKitDebugMenuTriggerButton.compact {
  width: 35px;
  color: var(--copilot-kit-dev-console-bg);
  outline: none;
  justify-content: center;
  font-size: 8px;
}

.copilotKitDevConsole .copilotKitDebugMenuTriggerButton:hover {
  background-color: color-mix(in srgb, var(--copilot-kit-dev-console-bg) 85%, black);
  color: var(--copilot-kit-dev-console-text);
}

.dark, html.dark, body.dark, [data-theme="dark"], html[style*="color-scheme: dark"], body[style*="color-scheme: dark"] .copilotKitDevConsole .copilotKitDebugMenuTriggerButton {
  color: #fff;
}

.dark, html.dark, body.dark, [data-theme="dark"], html[style*="color-scheme: dark"], body[style*="color-scheme: dark"] .copilotKitDevConsole .copilotKitDebugMenuTriggerButton:hover {
  background-color: color-mix(in srgb, var(--copilot-kit-dev-console-bg) 20%, black);
}

.copilotKitDevConsole .copilotKitDebugMenuTriggerButton > svg {
  margin-left: 10px;
}

.copilotKitDebugMenu {
  --copilot-kit-dev-console-border: color-mix(in srgb, var(--copilot-kit-dev-console-bg) 80%, black);
  background-color: var(--copilot-kit-dev-console-bg);
  border: 1px solid var(--copilot-kit-dev-console-border);
  border-radius: 6px;
  outline: none;
  margin-top: 2px;
  padding: .25rem;
  font-size: 13px;
}

.copilotKitDebugMenuItem {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: var(--copilot-kit-dev-console-text);
  background: none;
  border: none;
  padding: 3px 10px;
  display: block;
}

.copilotKitDebugMenuItem:hover {
  background-color: color-mix(in srgb, var(--copilot-kit-dev-console-bg) 95%, black);
  border-radius: 4px;
}

.copilotKitDebugMenu[data-closed] {
  opacity: 0;
  transform: scale(.95);
}

.copilotKitDebugMenu hr {
  background-color: var(--copilot-kit-dev-console-border);
  border: none;
  height: 1px;
  margin: .25rem;
}

.copilotKitHelpModal {
  background-color: var(--copilot-kit-dev-console-bg);
  color: var(--copilot-kit-dev-console-text);
}

.copilotKitHelpItemButton {
  text-align: center;
  border: 1px solid var(--copilot-kit-muted-color);
  width: 100%;
  color: var(--copilot-kit-dev-console-text);
  background-color: var(--copilot-kit-dev-console-bg);
  border-radius: 15px;
  padding: 4px 6px;
  font-size: .8rem;
  display: block;
  box-shadow: 0 5px 5px #00000003, 0 2px 3px #00000005;
}

.copilotKitHelpItemButton:hover {
  background-color: color-mix(in srgb, var(--copilot-kit-dev-console-bg) 95%, black);
}

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

.copilotkit-response-content {
  color: #4b5563;
  text-align: left;
  background-color: #f9fafb;
  border-radius: .25rem;
  margin-bottom: .5rem;
  padding: .5rem;
  font-size: .875rem;
}

.copilotkit-response-actions {
  flex-direction: column;
  align-items: flex-end;
  display: inline-flex;
}

.copilotkit-response-label {
  color: #6b7280;
  align-items: center;
  margin-bottom: .25rem;
  font-size: .75rem;
  display: flex;
}

.copilotkit-toggle-button {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin-right: .25rem;
  padding: 0;
  display: flex;
}

.copilotkit-icon {
  color: #6b7280;
  width: .75rem;
  height: .75rem;
}

.copilotkit-response-buttons {
  gap: .5rem;
  display: flex;
}

.copilotkit-response-button {
  color: #4b5563;
  cursor: pointer;
  background-color: #f3f4f6;
  border: none;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .75rem;
  transition: background-color .2s;
}

.copilotkit-response-button:hover {
  background-color: #e5e7eb;
}

.copilotkit-response-button:focus {
  outline: none;
}

.copilotkit-response-completed-feedback {
  background-color: #f9fafb;
  border-radius: .375rem;
  align-items: center;
  padding: .5rem;
  display: inline-flex;
}

.copilotkit-response-completed-feedback span {
  color: #4b5563;
  font-size: .75rem;
  font-weight: 500;
}

.copilotkit-state {
  margin-bottom: 1rem;
  font-size: .875rem;
}

.copilotkit-state-header {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: .25rem;
  margin-bottom: .25rem;
  display: flex;
}

.copilotkit-state-label {
  color: #4b5563;
  font-size: .875rem;
}

.copilotkit-state-label-loading {
  align-items: center;
  animation: 1.5s infinite pulse;
  display: inline-flex;
}

.copilotkit-state-content {
  border-left: 1px solid #e5e7eb;
  max-height: 250px;
  margin-left: .375rem;
  padding-top: .375rem;
  padding-left: 1rem;
  overflow: auto;
}

.copilotkit-state-item {
  margin-bottom: .25rem;
  padding: .25rem 0;
  transition: all .3s;
}

.copilotkit-state-item-newest {
  animation: .5s ease-out appear;
}

.copilotkit-state-item-header {
  opacity: .7;
  font-size: .75rem;
}

.copilotkit-state-item-thought {
  opacity: .8;
  margin-top: .125rem;
  font-size: .75rem;
}

.copilotkit-state-item-result {
  margin-top: .125rem;
  font-size: .75rem;
}

.copilotkit-state-item-description {
  opacity: .8;
  margin-top: .125rem;
  font-size: .75rem;
}

.copilotkit-state-empty {
  opacity: .7;
  padding: .25rem 0;
  font-size: .75rem;
}

.copilotkit-skeleton {
  padding: .125rem 0;
  animation: 1.5s infinite pulse;
}

.copilotkit-skeleton-header {
  justify-content: space-between;
  display: flex;
}

.copilotkit-skeleton-title {
  background-color: #e5e7eb;
  border-radius: .25rem;
  width: 4rem;
  height: .625rem;
}

.copilotkit-skeleton-subtitle {
  background-color: #e5e7eb;
  border-radius: .25rem;
  width: 2rem;
  height: .5rem;
}

.copilotkit-skeleton-content {
  background-color: #e5e7eb;
  border-radius: .25rem;
  height: 1.5rem;
  margin-top: .125rem;
}

.copilotkit-loader, .copilotkit-spinner {
  animation: 1.5s linear infinite spin;
}

@keyframes appear {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (prefers-color-scheme: dark) {
  .copilotkit-response-content {
    color: #9ca3af;
    background-color: #1f2937;
  }

  .copilotkit-response-label, .copilotkit-icon {
    color: #9ca3af;
  }

  .copilotkit-response-button {
    color: #d1d5db;
    background-color: #1f2937;
  }

  .copilotkit-response-button:hover {
    background-color: #374151;
  }

  .copilotkit-response-completed-feedback {
    background-color: #1f2937;
  }

  .copilotkit-response-completed-feedback span {
    color: #e5e7eb;
  }

  .copilotkit-state-label {
    color: #d1d5db;
  }

  .copilotkit-state-content {
    border-left-color: #374151;
  }

  .copilotkit-skeleton-title, .copilotkit-skeleton-subtitle, .copilotkit-skeleton-content {
    background-color: #374151;
  }
}

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

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

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

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

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, Consolas, Liberation Mono, Courier New, 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::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: 39 33% 96%;
  --foreground: 33 32% 13%;
  --card: 0 0% 100%;
  --card-foreground: 33 32% 13%;
  --popover: 0 0% 100%;
  --popover-foreground: 33 32% 13%;
  --primary: 111 20% 33%;
  --primary-foreground: 39 33% 96%;
  --secondary: 36 30% 92%;
  --secondary-foreground: 33 32% 13%;
  --muted: 36 30% 92%;
  --muted-foreground: 26 21% 30%;
  --accent: 111 20% 33%;
  --accent-foreground: 39 33% 96%;
  --destructive: 4 63% 46%;
  --destructive-foreground: 0 0% 100%;
  --border: 30 18% 82%;
  --input: 30 18% 82%;
  --ring: 111 20% 33%;
  --chart-1: 4 63% 46%;
  --chart-2: 44 76% 46%;
  --chart-3: 145 62% 42%;
  --chart-4: 207 57% 44%;
  --chart-5: 111 15% 49%;
  --radius: .75rem;
  --gp-page-bg: #f9f6f0;
  --gp-card-bg: #fff;
  --gp-secondary-bg: #f5f0e6;
  --gp-text-primary: #2c2416;
  --gp-text-muted: #5a4e3c;
  --gp-text-subtle: #7a6852;
  --gp-accent: #4a6741;
  --gp-accent-muted: #8ac07a;
  --gp-accent-light: #e8f0e4;
  --gp-task-agent-fg: #5a5a8c;
  --gp-task-agent-border: #b0b0d0;
  --gp-border: #ddd4c6;
  --gp-border-light: #e8e0d4;
  --gp-border-lighter: #f0ebe3;
  --gp-shell-bg: #3a5a32;
  --gp-shell-text: #f9f6f0;
  --gp-chat-bg: #f5f0e6;
  --gp-selection: #4a6741;
  --gp-selection-glow: #4a674126;
  --gp-suggestion-accent: #8b6914;
  --gp-suggestion-bg: #8b69140f;
  --gp-suggestion-chip-bg: #8b691424;
  --gp-suggestion-chip-fg: #6b510f;
  --gp-provenance-fg: #a09080;
  --gp-error: #c0392b;
  --gp-error-bg: #fef2f2;
  --gp-error-border: #fecaca;
  --gp-warning: #d4a017;
  --gp-warning-bg: #fefce8;
  --gp-success: #27ae60;
  --gp-success-bg: #f0fdf4;
  --gp-state-active: #16a34a;
  --gp-state-active-bg: #f0fdf4;
  --gp-state-wait: #dc2626;
  --gp-state-wait-bg: #fef2f2;
  --gp-state-idle: #888;
  --gp-state-idle-bg: #f5f5f5;
  --gp-entity-buyable-bg: #c4924e1f;
  --gp-entity-buyable-bg-hover: #c4924e38;
  --gp-entity-task-bg: #4a67411a;
  --gp-entity-task-bg-hover: #4a674133;
  --gp-entity-plant-bg: #a870481a;
  --gp-entity-plant-bg-hover: #a8704833;
  --gp-entity-technique-bg: #7a7a9a1f;
  --gp-entity-technique-bg-hover: #7a7a9a38;
  --gp-entity-default-bg: #a090801a;
  --gp-entity-default-bg-hover: #a0908033;
  --gp-topic-tomatoes: #c0392b;
  --gp-topic-soil: #8b6914;
  --gp-topic-pests: #27ae60;
  --gp-topic-watering: #2980b9;
  --gp-topic-herbs: #6b8e6b;
  --gp-topic-planning: #d4a017;
  --gp-topic-tomatoes-bg: #c0392b1a;
  --gp-topic-soil-bg: #8b69141a;
  --gp-topic-pests-bg: #27ae601a;
  --gp-topic-watering-bg: #2980b91a;
  --gp-topic-herbs-bg: #6b8e6b1a;
  --gp-topic-planning-bg: #d4a0171a;
  --gp-status-badge-active: #4a6741d9;
  --gp-status-badge-planned: #b8862dd9;
  --gp-status-badge-complete: #4a6741d9;
  --gp-action-pin: #4a6741;
  --gp-action-pin-border: #b8d4b0;
  --gp-action-pin-bg: #edf5eb;
  --gp-action-pin-flash: #8ac07a;
  --gp-action-wishlist: #b8862d;
  --gp-action-wishlist-border: #e8d4b0;
  --gp-action-wishlist-bg: #faf4e8;
  --gp-action-wishlist-flash: #d4a840;
  --gp-action-why: #7a7a9a;
  --gp-action-why-border: #d0d0e0;
  --gp-chat-panel-width: 380px;
  --gp-chat-button-size: 52px;
  --gp-chat-button-right: 20px;
  --gp-chat-button-bottom: 24px;
  --gp-shadow-panel-left: -4px 0 24px #0000000f;
  --gp-shadow-accent-glow: 0 4px 16px color-mix(in srgb, var(--gp-accent) 30%, transparent);
  --gp-shadow-card-subtle: 0 2px 8px #0000000a;
  --gp-shadow-card-hover: 0 4px 16px #00000014;
  --gp-sheen-warm: transparent;
  --gp-sheen-cool: transparent;
  --gp-sheen-bloom: transparent;
  --gp-gradient-overlay-bottom-dark: linear-gradient(to bottom, transparent 20%, #14100acc 100%);
  --gp-gradient-overlay-bottom-darker: linear-gradient(to bottom, transparent 0%, #14100ad9 100%);
  --gp-gradient-overlay-bottom-mid: linear-gradient(to bottom, transparent 0%, #0009 100%);
  --gp-z-base: 10;
  --gp-z-dropdown: 20;
  --gp-z-sticky: 25;
  --gp-z-overlay: 30;
  --gp-z-chat: 55;
  --gp-z-chat-toggle: 60;
  --gp-z-chat-mobile: 70;
  --gp-z-modal: 80;
  --gp-z-tooltip: 90;
  --gp-z-lightbox: 100;
  --gp-anim-slide-open-duration: .35s;
  --gp-anim-slide-open-easing: cubic-bezier(.4, 0, .2, 1);
  --gp-anim-slide-close-duration: .25s;
  --gp-anim-slide-close-easing: cubic-bezier(.4, 0, .2, 1);
  --gp-anim-stream-card-enter-duration: .6s;
  --gp-anim-stream-card-enter-easing: cubic-bezier(.34, 1.2, .64, 1);
  --gp-anim-content-changed-duration: .8s;
  --gp-anim-content-changed-easing: cubic-bezier(.22, 1, .36, 1);
  --gp-anim-text-changed-duration: .5s;
  --gp-anim-text-changed-easing: ease-out;
  --gp-anim-voice-waiting-duration: 1.6s;
  --gp-anim-voice-waiting-easing: ease-in-out;
  --gp-anim-voice-response-incoming-duration: .4s;
  --gp-anim-voice-response-incoming-easing: cubic-bezier(.22, 1, .36, 1);
  --gp-anim-todo-checked-duration: .35s;
  --gp-anim-todo-checked-easing: cubic-bezier(.34, 1.2, .64, 1);
  --gp-anim-shopping-item-added-duration: .5s;
  --gp-anim-shopping-item-added-easing: cubic-bezier(.34, 1.2, .64, 1);
  --gp-anim-shopping-item-updated-duration: .5s;
  --gp-anim-shopping-item-updated-easing: ease-out;
  --gp-anim-data-loading-duration: 1.6s;
  --gp-anim-data-loading-easing: ease-in-out;
  --gp-anim-action-confirmed-duration: .6s;
  --gp-anim-action-confirmed-easing: cubic-bezier(.34, 1.2, .64, 1);
  --gp-focus-ring-color: #4a67418c;
  --gp-focus-ring-width: 2px;
  --gp-focus-ring-offset: 2px;
  --gp-scrim-ink: #2c2416;
  --gp-hover-bg: #0000000d;
  --gp-modal-backdrop: #00000073;
  --gp-gradient-overlay-top: linear-gradient(to top, #0000008c 0%, transparent 60%);
  --color-bg: var(--gp-page-bg);
  --color-text: var(--gp-text-primary);
  --color-text-secondary: var(--gp-text-muted);
  --color-muted: var(--gp-text-subtle);
  --color-accent: var(--gp-accent);
  --color-border: var(--gp-border);
  --color-border-light: var(--gp-border-lighter);
  --color-border-strong: var(--gp-border-light);
  --color-surface: var(--gp-secondary-bg);
  --gp-glass-surface: #f9f6f0b8;
  --gp-glass-surface-strong: #f5f0e6d1;
  --gp-glass-scrim: #2c241659;
  --gp-glass-blur: 16px;
  --gp-glass-blur-strong: 28px;
  --gp-highlight-top: inset 0 1px 0 #ffffffb3;
  --gp-shadow-contact: 0 1px 2px #3c281414;
  --gp-shadow-paper: 0 1px 2px #3c281414, 0 24px 48px -20px #4a67412e;
  --gp-texture-paper: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.32  0 0 0 0 0.22  0 0 0 0 0.10  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --gp-texture-noise-opacity: .04;
  --gp-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --gp-font-heading: "Playfair Display", Georgia, serif;
  --gp-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --gp-font-display: var(--gp-font-heading);
  --gp-font-eyebrow: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --gp-font-label: var(--gp-font-body);
  --gp-dropcap-color: var(--gp-accent);
  --gp-ambient-warm: #ffcd828c;
  --gp-ambient-cool: #aad2f566;
  --gp-skeleton-track: #e5e0d4;
  --gp-skeleton-shine: #ffffffd9;
  --gp-accent-primary: var(--gp-accent);
  --gp-accent-rgb: 74, 103, 65;
  --gp-accent-on: #fff;
  --gp-surface: var(--gp-card-bg);
  --gp-text: var(--gp-text-primary);
  --gp-success-on: #fff;
  --gp-success-border: #b5e0c4;
  --gp-warning-on: #2c2416;
  --gp-error-on: #fff;
  --gp-action-why-bg: #7a7a9a1a;
  --gp-nav-active: var(--gp-accent);
  --gp-md: 16px;
  --gp-radius-pill: 9999px;
  --gp-outline-max-h: 560px;
  --gp-shadow-soft: 0 1px 2px #3c28140f, 0 8px 24px -12px #3c28141a;
  --gp-shadow-card: 0 1px 3px #00000014, 0 2px 8px #0000000a;
  --gp-shadow-elevated: 0 8px 24px #0000001f, 0 2px 6px #0000000f;
  --gp-gradient-overlay-bottom: var(--gp-gradient-overlay-bottom-dark);
  --gp-gradient-overlay-section: linear-gradient(to bottom, #0003 0%, #0000008c 100%);
}

.dark {
  --background: 30 15% 10%;
  --foreground: 39 33% 96%;
  --card: 30 15% 14%;
  --card-foreground: 39 33% 96%;
  --popover: 30 15% 14%;
  --popover-foreground: 39 33% 96%;
  --primary: 108 30% 50%;
  --primary-foreground: 30 15% 10%;
  --secondary: 30 15% 18%;
  --secondary-foreground: 39 33% 96%;
  --muted: 30 15% 18%;
  --muted-foreground: 30 18% 60%;
  --accent: 108 30% 50%;
  --accent-foreground: 30 15% 10%;
  --destructive: 4 63% 46%;
  --destructive-foreground: 0 0% 100%;
  --border: 30 12% 22%;
  --input: 30 12% 22%;
  --ring: 108 30% 50%;
  --chart-1: 4 63% 55%;
  --chart-2: 44 76% 55%;
  --chart-3: 145 62% 50%;
  --chart-4: 207 57% 55%;
  --chart-5: 111 15% 55%;
  --gp-page-bg: #1a1610;
  --gp-card-bg: #252018;
  --gp-secondary-bg: #2a2418;
  --gp-text-primary: #f0ebe3;
  --gp-text-muted: #b8a890;
  --gp-text-subtle: #7a6e5c;
  --gp-accent: #8ac07a;
  --gp-accent-muted: #4a6741;
  --gp-accent-light: #2a3828;
  --gp-task-agent-fg: #b0b0d8;
  --gp-task-agent-border: #6a6a9a;
  --gp-border: #3a3428;
  --gp-border-light: #302a20;
  --gp-border-lighter: #252018;
  --gp-shell-bg: #1a2818;
  --gp-shell-text: #f0ebe3;
  --gp-chat-bg: #2a2418;
  --gp-selection: #8ac07a;
  --gp-selection-glow: #8ac07a33;
  --gp-suggestion-accent: #d4a017;
  --gp-suggestion-bg: #d4a01714;
  --gp-suggestion-chip-bg: #d4a0172e;
  --gp-suggestion-chip-fg: #e8c044;
  --gp-provenance-fg: #7a6e5c;
  --color-bg: var(--gp-page-bg);
  --color-text: var(--gp-text-primary);
  --color-text-secondary: var(--gp-text-muted);
  --color-muted: var(--gp-text-subtle);
  --color-accent: var(--gp-accent);
  --color-border: var(--gp-border);
  --color-border-light: var(--gp-border-lighter);
  --color-border-strong: var(--gp-border-light);
  --color-surface: var(--gp-secondary-bg);
  --gp-error: #e57373;
  --gp-error-bg: #e573731f;
  --gp-error-border: #e5737340;
  --gp-warning: #e8c44a;
  --gp-warning-bg: #e8c44a1f;
  --gp-success: #66bb6a;
  --gp-success-bg: #66bb6a1f;
  --gp-state-active: #66bb6a;
  --gp-state-active-bg: #66bb6a1f;
  --gp-state-wait: #ef5350;
  --gp-state-wait-bg: #ef53501f;
  --gp-state-idle: #9e9e9e;
  --gp-state-idle-bg: #9e9e9e1a;
  --gp-entity-buyable-bg: #c4924e2e;
  --gp-entity-buyable-bg-hover: #c4924e47;
  --gp-entity-task-bg: #66bb6a24;
  --gp-entity-task-bg-hover: #66bb6a3d;
  --gp-entity-plant-bg: #a8704829;
  --gp-entity-plant-bg-hover: #a8704842;
  --gp-entity-technique-bg: #9595be29;
  --gp-entity-technique-bg-hover: #9595be42;
  --gp-entity-default-bg: #b8a89024;
  --gp-entity-default-bg-hover: #b8a8903d;
  --gp-topic-tomatoes: #e57373;
  --gp-topic-soil: #d4a840;
  --gp-topic-pests: #66bb6a;
  --gp-topic-watering: #64b5f6;
  --gp-topic-herbs: #8ac07a;
  --gp-topic-planning: #e8c44a;
  --gp-topic-tomatoes-bg: #e5737324;
  --gp-topic-soil-bg: #d4a84024;
  --gp-topic-pests-bg: #66bb6a24;
  --gp-topic-watering-bg: #64b5f624;
  --gp-topic-herbs-bg: #8ac07a24;
  --gp-topic-planning-bg: #e8c44a24;
  --gp-status-badge-active: #66bb6abf;
  --gp-status-badge-planned: #e8c44abf;
  --gp-status-badge-complete: #66bb6abf;
  --gp-action-pin: #8ac07a;
  --gp-action-pin-border: #8ac07a4d;
  --gp-action-pin-bg: #8ac07a1a;
  --gp-action-pin-flash: #66bb6a;
  --gp-action-wishlist: #d4a840;
  --gp-action-wishlist-border: #d4a8404d;
  --gp-action-wishlist-bg: #d4a8401a;
  --gp-action-wishlist-flash: #e8c44a;
  --gp-action-why: #a0a0c0;
  --gp-action-why-border: #a0a0c04d;
  --gp-shadow-panel-left: -4px 0 24px #0000004d;
  --gp-shadow-accent-glow: 0 4px 16px color-mix(in srgb, var(--gp-accent) 25%, transparent);
  --gp-shadow-card-subtle: 0 2px 8px #0003;
  --gp-shadow-card-hover: 0 4px 16px #0000004d;
  --gp-sheen-warm: transparent;
  --gp-sheen-cool: transparent;
  --gp-sheen-bloom: transparent;
  --gp-gradient-overlay-bottom-dark: linear-gradient(to bottom, transparent 20%, #0a0805d9 100%);
  --gp-gradient-overlay-bottom-darker: linear-gradient(to bottom, transparent 0%, #0a0805e6 100%);
  --gp-gradient-overlay-bottom-mid: linear-gradient(to bottom, transparent 0%, #000000b3 100%);
  --gp-focus-ring-color: #8ac07a8c;
  --gp-scrim-ink: #0a0806;
  --gp-hover-bg: #ffffff0f;
  --gp-modal-backdrop: #0009;
  --gp-gradient-overlay-top: linear-gradient(to top, #000000a6 0%, transparent 60%);
  --gp-glass-surface: color-mix(in srgb, var(--gp-card-bg) 72%, transparent);
  --gp-glass-surface-strong: color-mix(in srgb, var(--gp-card-bg) 88%, transparent);
  --gp-glass-scrim: #00000080;
  --gp-shadow-paper: 0 1px 2px #0006, 0 24px 48px -20px #0009;
  --gp-highlight-top: inset 0 1px 0 #ffffff0f;
  --gp-shadow-contact: 0 1px 2px #0000004d;
  --gp-texture-noise-opacity: .02;
  --gp-dropcap-color: var(--gp-accent);
  --gp-ambient-warm: #785a2838;
  --gp-ambient-cool: #3c5a822e;
  --gp-skeleton-track: #2c2622;
  --gp-skeleton-shine: #ffffff1a;
  --gp-accent-rgb: 138, 192, 122;
  --gp-accent-on: #1a1610;
  --gp-success-on: #0a0806;
  --gp-success-border: #66bb6a4d;
  --gp-warning-on: #1a1610;
  --gp-error-on: #1a1610;
  --gp-action-why-bg: #a0a0c024;
  --gp-nav-active: var(--gp-accent);
  --gp-shadow-soft: 0 1px 2px #0000004d, 0 8px 24px -12px #00000073;
  --gp-shadow-card: 0 1px 3px #0000004d, 0 2px 8px #0003;
  --gp-shadow-elevated: 0 8px 24px #00000080, 0 2px 6px #0000004d;
  --gp-gradient-overlay-bottom: var(--gp-gradient-overlay-bottom-dark);
  --gp-gradient-overlay-section: linear-gradient(to bottom, #0000004d 0%, #000000b3 100%);
  --gp-chat-panel-width: 380px;
  --gp-chat-button-size: 52px;
  --gp-chat-button-right: 20px;
  --gp-chat-button-bottom: 24px;
  --gp-z-base: 10;
  --gp-z-dropdown: 20;
  --gp-z-sticky: 25;
  --gp-z-overlay: 30;
  --gp-z-chat: 55;
  --gp-z-chat-toggle: 60;
  --gp-z-chat-mobile: 70;
  --gp-z-modal: 80;
  --gp-z-tooltip: 90;
  --gp-z-lightbox: 100;
  --gp-anim-slide-open-duration: .35s;
  --gp-anim-slide-open-easing: cubic-bezier(.4, 0, .2, 1);
  --gp-anim-slide-close-duration: .25s;
  --gp-anim-slide-close-easing: cubic-bezier(.4, 0, .2, 1);
  --gp-anim-stream-card-enter-duration: .6s;
  --gp-anim-stream-card-enter-easing: cubic-bezier(.34, 1.2, .64, 1);
  --gp-anim-content-changed-duration: .8s;
  --gp-anim-content-changed-easing: cubic-bezier(.22, 1, .36, 1);
  --gp-anim-text-changed-duration: .5s;
  --gp-anim-text-changed-easing: ease-out;
  --gp-anim-voice-waiting-duration: 1.6s;
  --gp-anim-voice-waiting-easing: ease-in-out;
  --gp-anim-voice-response-incoming-duration: .4s;
  --gp-anim-voice-response-incoming-easing: cubic-bezier(.22, 1, .36, 1);
  --gp-anim-todo-checked-duration: .35s;
  --gp-anim-todo-checked-easing: cubic-bezier(.34, 1.2, .64, 1);
  --gp-anim-shopping-item-added-duration: .5s;
  --gp-anim-shopping-item-added-easing: cubic-bezier(.34, 1.2, .64, 1);
  --gp-anim-shopping-item-updated-duration: .5s;
  --gp-anim-shopping-item-updated-easing: ease-out;
  --gp-anim-data-loading-duration: 1.6s;
  --gp-anim-data-loading-easing: ease-in-out;
  --gp-anim-action-confirmed-duration: .6s;
  --gp-anim-action-confirmed-easing: cubic-bezier(.34, 1.2, .64, 1);
  --gp-focus-ring-width: 2px;
  --gp-focus-ring-offset: 2px;
  --gp-glass-blur: 20px;
  --gp-glass-blur-strong: 32px;
  --gp-texture-paper: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.32  0 0 0 0 0.22  0 0 0 0 0.10  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --gp-font-display: var(--gp-font-heading, "Playfair Display", Georgia, serif);
  --gp-font-eyebrow: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --gp-font-label: var(--gp-font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
  --gp-accent-primary: var(--gp-accent);
  --gp-surface: var(--gp-card-bg);
  --gp-text: var(--gp-text-primary);
  --gp-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --gp-font-heading: "Playfair Display", Georgia, serif;
  --gp-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --gp-md: 16px;
  --gp-radius-pill: 9999px;
  --gp-outline-max-h: 560px;
}

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

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

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

.container {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.inset-0 {
  inset: 0;
}

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

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

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

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

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

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

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

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

.bottom-0 {
  bottom: 0;
}

.bottom-20 {
  bottom: 5rem;
}

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

.bottom-4 {
  bottom: 1rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0;
}

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

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

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

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.right-0 {
  right: 0;
}

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

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

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

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

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.top-0 {
  top: 0;
}

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

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

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

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

.top-20 {
  top: 5rem;
}

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

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-full {
  top: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.z-lightbox {
  z-index: 100;
}

.z-modal {
  z-index: 80;
}

.z-tooltip {
  z-index: 90;
}

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

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

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

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

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

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

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

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

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

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

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

.mb-0\.5 {
  margin-bottom: .125rem;
}

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

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

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

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

.mb-14 {
  margin-bottom: 3.5rem;
}

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

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

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

.mb-3\.5 {
  margin-bottom: .875rem;
}

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

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

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

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

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

.mb-9 {
  margin-bottom: 2.25rem;
}

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

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

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

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

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

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

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

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

.mr-10 {
  margin-right: 2.5rem;
}

.mr-2 {
  margin-right: .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-2 {
  margin-top: .5rem;
}

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

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

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

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

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

.mt-\[18px\] {
  margin-top: 18px;
}

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

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

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

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

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

.hidden {
  display: none;
}

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

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

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

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

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

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

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

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

.h-32 {
  height: 8rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-5 {
  height: 1.25rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

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

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

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

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

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

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

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

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

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

.h-\[calc\(100\%-48px\)\] {
  height: calc(100% - 48px);
}

.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

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

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

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

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

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

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

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

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

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

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

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

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

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

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

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

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

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

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

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

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

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

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

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

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

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

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

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

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

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

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

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

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

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

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

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

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

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

.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-sm {
  max-width: 24rem;
}

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

.flex-1 {
  flex: 1;
}

.flex-none {
  flex: none;
}

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

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

.shrink {
  flex-shrink: 1;
}

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

.grow {
  flex-grow: 1;
}

.-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-\[3px\] {
  --tw-translate-x: 3px;
  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-\[6px\] {
  --tw-translate-x: 6px;
  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-\[3px\] {
  --tw-translate-y: 3px;
  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-\[6px\] {
  --tw-translate-y: 6px;
  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)) !important;
}

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

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

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

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

.cursor-col-resize {
  cursor: col-resize;
}

.cursor-default {
  cursor: default;
}

.cursor-help {
  cursor: help;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

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

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

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-start {
  scroll-snap-align: start;
}

.list-inside {
  list-style-position: inside;
}

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

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

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

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

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

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

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

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

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

.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\.5 {
  gap: .125rem;
}

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

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

.gap-10 {
  gap: 2.5rem;
}

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

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

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

.gap-3\.5 {
  gap: .875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

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

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

.gap-x-10 {
  column-gap: 2.5rem;
}

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

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

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

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

.gap-y-10 {
  row-gap: 2.5rem;
}

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

.gap-y-6 {
  row-gap: 1.5rem;
}

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

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

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

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

.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-nowrap {
  white-space: nowrap;
}

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

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

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

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

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

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

.rounded-\[4px\], .rounded-badge {
  border-radius: 4px;
}

.rounded-card {
  border-radius: 14px;
}

.rounded-card-sm {
  border-radius: 10px;
}

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

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

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

.rounded-none {
  border-radius: 0;
}

.rounded-pill {
  border-radius: 40px;
}

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

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

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

.border {
  border-width: 1px;
}

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

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

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

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

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

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

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

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

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

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

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-white\/20 {
  border-color: #fff3;
}

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

.bg-\[\#01243F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(1 36 63 / var(--tw-bg-opacity, 1));
}

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

.bg-\[var\(--gp-state-wait-bg\)\] {
  background-color: var(--gp-state-wait-bg);
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-background {
  background-color: hsl(var(--background));
}

.bg-black\/20 {
  background-color: #0003;
}

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

.bg-black\/80 {
  background-color: #000c;
}

.bg-garden-card {
  background-color: var(--gp-card-bg, #fff);
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / 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-muted {
  background-color: hsl(var(--muted));
}

.bg-popover {
  background-color: hsl(var(--popover));
}

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

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

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

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

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

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

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

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

.p-0\.5 {
  padding: .125rem;
}

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

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

.p-12 {
  padding: 3rem;
}

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

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

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

.p-3\.5 {
  padding: .875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

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

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

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

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

.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-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.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-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.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-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

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

.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}

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

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

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

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

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

.pb-32 {
  padding-bottom: 8rem;
}

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

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

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

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[18px\] {
  padding-bottom: 18px;
}

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

.pl-4 {
  padding-left: 1rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

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

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

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

.pr-8 {
  padding-right: 2rem;
}

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

.pt-10 {
  padding-top: 2.5rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

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

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

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

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

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

.pt-6 {
  padding-top: 1.5rem;
}

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

.pt-\[120px\] {
  padding-top: 120px;
}

.pt-\[140px\] {
  padding-top: 140px;
}

.pt-\[18px\] {
  padding-top: 18px;
}

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

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

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

.font-body {
  font-family: var(--gp-font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
}

.font-heading {
  font-family: var(--gp-font-heading, "Playfair Display", Georgia, serif);
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

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

.\!text-\[36px\] {
  font-size: 36px !important;
}

.\!text-\[44px\] {
  font-size: 44px !important;
}

.\!text-\[clamp\(40px\,5\.2vw\,72px\)\] {
  font-size: clamp(40px, 5.2vw, 72px) !important;
}

.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-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.text-\[0\.85em\] {
  font-size: .85em;
}

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

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

.text-\[12\.5px\] {
  font-size: 12.5px;
}

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

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

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

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

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

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

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

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

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

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

.text-body-1 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;
}

.text-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.text-caption {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
}

.text-display {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
}

.text-heading-2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.text-heading-3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
}

.text-heading-4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

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

.text-micro {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
}

.text-mini {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
}

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

.text-tiny {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

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

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

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

.font-light {
  font-weight: 300;
}

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

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

.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-5 {
  line-height: 1.25rem;
}

.leading-\[1\.02\] {
  line-height: 1.02;
}

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

.leading-\[1\.08\] {
  line-height: 1.08;
}

.leading-\[1\.15\] {
  line-height: 1.15;
}

.leading-\[1\.45\] {
  line-height: 1.45;
}

.leading-\[1\.55\] {
  line-height: 1.55;
}

.leading-\[1\.7\] {
  line-height: 1.7;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.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\.18em\] {
  letter-spacing: .18em;
}

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

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

.tracking-\[0\.5px\] {
  letter-spacing: .5px;
}

.tracking-\[1\.2px\] {
  letter-spacing: 1.2px;
}

.tracking-\[1\.5px\] {
  letter-spacing: 1.5px;
}

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

.tracking-\[2px\] {
  letter-spacing: 2px;
}

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

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

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

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

.text-\[var\(--gp-state-wait\)\] {
  color: var(--gp-state-wait);
}

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

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

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

.text-garden-text {
  color: var(--gp-text-primary, #2c2416);
}

.text-garden-text-muted {
  color: var(--gp-text-muted, #5a4e3c);
}

.text-garden-text-subtle {
  color: var(--gp-text-subtle, #a09080);
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

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

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

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

.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}

.text-primary {
  color: hsl(var(--primary));
}

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

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / 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-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

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

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

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

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

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

.text-white\/80 {
  color: #fffc;
}

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

.text-white\/90 {
  color: #ffffffe6;
}

.text-white\/95 {
  color: #fffffff2;
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

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

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

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: .1;
}

.opacity-20 {
  opacity: .2;
}

.opacity-25 {
  opacity: .25;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-75 {
  opacity: .75;
}

.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-accent-glow {
  --tw-shadow: 0 4px 16px #4a67414d;
  --tw-shadow-colored: 0 4px 16px 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 {
  --tw-shadow: 0 4px 20px #00000014;
  --tw-shadow-colored: 0 4px 20px 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 4px 16px #00000014;
  --tw-shadow-colored: 0 4px 16px 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-subtle {
  --tw-shadow: 0 2px 8px #0000000a;
  --tw-shadow-colored: 0 2px 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-elevated {
  --tw-shadow: 0 8px 32px #0000001f;
  --tw-shadow-colored: 0 8px 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);
}

.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-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-subtle {
  --tw-shadow: 0 1px 6px #0000000a;
  --tw-shadow-colored: 0 1px 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-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-card {
  --tw-shadow-color: hsl(var(--card));
  --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-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);
}

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

.drop-shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 3px #0000004d);
  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-\[0_1px_4px_rgba\(0\,0\,0\,0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 4px #0000004d);
  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-\[0_2px_10px_rgba\(0\,0\,0\,0\.65\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 10px #000000a6);
  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-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px #0000000d);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

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

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

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

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

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

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

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

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

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

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

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

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

.fade-out {
  --tw-exit-opacity: 0;
}

.slide-in-from-bottom {
  --tw-enter-translate-y: 100%;
}

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

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

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

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

.gp-frost {
  background: var(--gp-glass-surface);
  -webkit-backdrop-filter: blur(var(--gp-glass-blur)) saturate(1.5);
}

.gp-frost-strong {
  background: var(--gp-glass-surface-strong);
  -webkit-backdrop-filter: blur(var(--gp-glass-blur-strong)) saturate(1.5);
}

.dark .gp-page-texture, .dark .gp-paper:before {
  mix-blend-mode: overlay;
}

.gp-eyebrow {
  font-family: var(--gp-font-eyebrow);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--gp-text-muted);
  font-size: 11px;
  font-weight: 600;
}

.gp-display {
  font-family: var(--gp-font-display);
  letter-spacing: -.02em;
  font-size: clamp(42px, 5.5vw, 72px);
  font-weight: 700;
  line-height: 1.05;
}

.gp-prose strong {
  color: var(--gp-text-primary);
  letter-spacing: -.003em;
  font-weight: 650;
}

.gp-prose em {
  color: var(--gp-accent);
  font-style: italic;
}

.gp-prose u {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--gp-accent-muted, var(--gp-accent));
  text-decoration-color: var(--gp-accent-muted, var(--gp-accent));
  text-underline-offset: 4px;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 2px;
}

.gp-prose a {
  color: var(--gp-accent);
  text-decoration: underline;
  -webkit-text-decoration-color: color-mix(in srgb, var(--gp-accent) 40%, transparent);
  text-decoration-color: color-mix(in srgb, var(--gp-accent) 40%, transparent);
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  transition: text-decoration-color .15s;
}

.gp-prose a:hover {
  -webkit-text-decoration-color: var(--gp-accent);
  text-decoration-color: var(--gp-accent);
}

.gp-prose ul {
  margin: 8px 0;
  padding-left: 0;
  list-style: none;
  display: flow-root;
}

.gp-prose ul li {
  margin-bottom: 4px;
  padding-left: 18px;
  position: relative;
}

.gp-prose ul li:before {
  content: "";
  background: var(--gp-accent-muted, var(--gp-accent));
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: .65em;
  left: 0;
}

.gp-img-base {
  filter: saturate(1.12) contrast(1.06) brightness(.99);
  transition: filter .32s cubic-bezier(.22, 1, .36, 1), transform .32s cubic-bezier(.22, 1, .36, 1);
}

.group:hover .gp-img-base, .gp-img-base:hover {
  filter: saturate(1.22) contrast(1.08) brightness(1.03);
}

.gp-img-kenburns {
  transform-origin: 50% 55%;
  animation: 22s ease-in-out infinite alternate gpKenBurns;
}

.gp-img-vignette {
  position: relative;
}

.gp-img-vignette:after {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 80px 8px #14100a59, inset 0 0 0 1px #ffffff0d;
}

.gp-img-scrim-editorial {
  pointer-events: none;
  background: linear-gradient(180deg, color-mix(in srgb, var(--gp-page-bg) 55%, transparent) 0%, transparent 22%), linear-gradient(0deg, color-mix(in srgb, var(--gp-scrim-ink) 88%, transparent) 0%, transparent 60%);
  position: absolute;
  inset: 0;
}

.gp-img-flag {
  background: var(--gp-glass-surface-strong);
  -webkit-backdrop-filter: blur(10px) saturate(1.4);
  color: var(--gp-accent);
  font-family: var(--gp-font-eyebrow);
  letter-spacing: .18em;
  text-transform: uppercase;
  border: 1px solid var(--gp-border-light);
  box-shadow: var(--gp-shadow-contact);
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: 14px;
  left: 14px;
}

.gp-img-figure {
  color: #ffffffe6;
  font-family: var(--gp-font-eyebrow);
  letter-spacing: .22em;
  text-transform: uppercase;
  text-shadow: 0 1px 8px #0006;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  top: 16px;
  right: 18px;
}

.group:hover .gp-deck-back-layer:first-of-type {
  transform: translate(22px, -16px)rotate(-5.4deg)scale(.97);
  box-shadow: 0 18px 36px -10px #3c281473, inset 0 1px #ffffffb3;
}

.group:hover .gp-deck-back-layer:nth-of-type(2) {
  transform: translate(-16px, -8px)rotate(4.2deg)scale(.985);
  box-shadow: 0 22px 40px -12px #3c28147a, inset 0 1px #ffffffb3;
}

.gp-img-credit {
  color: #ffffffb3;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-shadow: 0 1px 6px #00000080;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 500;
  position: absolute;
  bottom: 12px;
  right: 16px;
}

.gp-anim-lift-hover {
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), box-shadow .22s cubic-bezier(.22, 1, .36, 1);
}

.gp-anim-lift-hover:hover {
  box-shadow: var(--gp-shadow-paper);
  transform: translateY(-2px);
}

.\[content-team\:writer\] {
  content-team: writer;
}

.\[perspective\:1600px\] {
  perspective: 1600px;
}

.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}

body {
  font-family: var(--gp-font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
  background: var(--gp-page-bg);
  color: var(--gp-text-primary);
  font-size: 15px;
  line-height: 1.7;
}

.dark:is([data-gp-theme="dusk"], [data-gp-theme="atelier"], [data-gp-theme="botanical"], [data-gp-theme="cottage"], [data-gp-theme="wabi-sabi"], [data-gp-theme="greenhouse"], [data-gp-theme="synthesis-d"]) body, .dark:is([data-gp-theme="dusk"], [data-gp-theme="atelier"], [data-gp-theme="botanical"], [data-gp-theme="cottage"], [data-gp-theme="wabi-sabi"], [data-gp-theme="greenhouse"], [data-gp-theme="synthesis-d"]) .gp-shell {
  background: radial-gradient(1100px 700px at 5% -5%, var(--gp-sheen-warm), transparent 65%), radial-gradient(900px 700px at 100% 105%, var(--gp-sheen-cool), transparent 65%), radial-gradient(800px 500px at 50% 50%, var(--gp-sheen-bloom), transparent 70%), var(--gp-page-bg) !important;
  background-attachment: fixed !important;
}

.dark[data-gp-theme="dusk"] .bg-garden-card {
  box-shadow: inset 0 1px #f4b09a1a, inset 0 0 0 1px #f4b09a0d, 0 1px 2px #0006, 0 12px 28px -10px #0000008c;
}

.dark[data-gp-theme="dusk"] .shadow-card {
  box-shadow: inset 0 1px #f4b09a1a, inset 0 0 0 1px #f4b09a0f, 0 2px 4px #00000073, 0 18px 36px -12px #0009 !important;
}

.dark[data-gp-theme="dusk"] .shadow-subtle {
  box-shadow: 0 1px 2px #0006, 0 8px 20px -10px #00000080 !important;
}

.dark[data-gp-theme="dusk"] {
  --gp-shadow-card-subtle: 0 2px 8px #0006;
  --gp-shadow-card-hover: 0 6px 20px #0000008c;
  --gp-shadow-paper: inset 0 1px 0 #f4b09a14, 0 2px 4px #0006, 0 24px 48px -16px #000000a6;
}

.dark[data-gp-theme="dusk"] [aria-hidden].bg-garden-card, .dark[data-gp-theme="dusk"] .bg-garden-card.opacity-20, .dark[data-gp-theme="dusk"] .bg-garden-card.opacity-40 {
  background: #58456a !important;
  border-color: #f4b09a38 !important;
  box-shadow: inset 0 1px #f4b09a33, inset 0 0 0 1px #f4b09a14, 0 14px 32px -12px #000000b3 !important;
}

.dark[data-gp-theme="dusk"] .bg-garden-card.opacity-20 {
  opacity: .65 !important;
}

.dark[data-gp-theme="dusk"] .bg-garden-card.opacity-40 {
  opacity: .85 !important;
}

@keyframes gpKenBurns {
  0% {
    transform: scale(1.02)translate(0);
  }

  100% {
    transform: scale(1.1)translate(-1.5%, -1%);
  }
}

@keyframes gpAmbientDrift {
  0%, 100% {
    transform: translate3d(-3%, 2%, 0)scale(1);
  }

  33% {
    transform: translate3d(4%, -3%, 0)scale(1.08);
  }

  66% {
    transform: translate3d(-2%, 4%, 0)scale(1.12);
  }
}

@keyframes gpUnfurl {
  0% {
    opacity: 0;
    transform: scaleX(.05)rotateX(80deg);
  }

  45% {
    opacity: 1;
    transform: scaleX(1)rotateX(80deg);
  }

  100% {
    opacity: 1;
    transform: scaleX(1)rotateX(0);
  }
}

@keyframes gpInkBleed {
  0% {
    opacity: .2;
    text-shadow: 0 0 6px;
    filter: blur(.6px);
  }

  60% {
    opacity: 1;
    text-shadow: 0 0 2px #00000014;
    filter: blur();
  }

  100% {
    opacity: 1;
    text-shadow: none;
    filter: blur();
  }
}

@keyframes gpCelebrateBurst {
  0% {
    opacity: 0;
    transform: scale(.4);
  }

  50% {
    opacity: 1;
    transform: scale(1.15);
  }

  100% {
    opacity: 0;
    transform: scale(1.4);
  }
}

.gp-btn:not(:disabled):not([data-loading]):not([data-variant="link"]):hover {
  background-image: linear-gradient(var(--btn-hover-overlay), var(--btn-hover-overlay));
}

.gp-btn:not(:disabled):not([data-loading]):not([data-variant="link"]):active {
  background-image: linear-gradient(var(--btn-active-overlay), var(--btn-active-overlay));
  transform: translateY(.5px);
}

.gp-btn:focus-visible {
  outline: 2px solid var(--btn-focus-ring);
  outline-offset: 2px;
}

.gp-btn[data-variant="link"]:not(:disabled):hover {
  text-decoration: underline;
}

.gp-btn[data-variant="link"]:focus-visible {
  outline-offset: 1px;
}

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

@keyframes gp-vignette-breathe {
  0%, 100% {
    opacity: .55;
  }

  50% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  @keyframes gp-vignette-breathe {
    0%, 100% {
      opacity: .7;
    }

    50% {
      opacity: .7;
    }
  }
}

.gp-card[data-interactive]:hover {
  box-shadow: var(--card-hover-shadow);
}

.gp-card[data-interactive]:focus-visible {
  outline: 2px solid var(--card-focus-ring);
  outline-offset: 2px;
}

.gp-icon-btn:not(:disabled):hover {
  background-color: var(--icon-btn-hover-bg);
}

.gp-icon-btn:focus-visible {
  outline: 2px solid var(--icon-btn-focus-ring);
  outline-offset: 1px;
}

.gp-menu-item:not(:disabled):not([aria-pressed="true"]):hover {
  background-color: var(--menu-item-hover-bg);
}

.gp-menu-item:not(:disabled)[aria-pressed="true"]:hover {
  background-image: linear-gradient(#0000000a, #0000000a);
}

.gp-menu-item:focus-visible {
  outline: 2px solid var(--menu-item-focus-ring);
  outline-offset: -2px;
}

.gp-motion-shimmer {
  background: var(--gp-skeleton-track);
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.gp-motion-shimmer:after {
  content: "";
  background: linear-gradient(90deg, transparent 0%, var(--gp-skeleton-shine) 50%, transparent 100%);
  animation: 1.4s ease-in-out infinite gpShimmerSweep;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.gp-motion-shimmer--reduced:after {
  opacity: .35;
  animation: none;
  transform: translateX(0);
}

@keyframes gpShimmerSweep {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.copilotKitMessage {
  font-size: 1rem;
  line-height: 1.55;
}

.copilotKitInput > textarea {
  font-size: 1rem;
  line-height: 1.5;
}

.copilotKitMessage.copilotKitUserMessage {
  border-radius: .5rem .5rem 0;
}

.dark .copilotKitMessage.copilotKitUserMessage {
  border: 1.5px solid var(--gp-accent);
  color: var(--gp-accent) !important;
  background-color: #0000 !important;
}

.copilotKitMessage.copilotKitAssistantMessage {
  border-radius: .5rem .5rem .5rem 0;
}

.copilotKitChat {
  background-color: var(--gp-chat-bg);
}

.copilotKitResponseButton {
  background-color: var(--gp-chat-bg);
  color: var(--gp-text-primary);
  border: 1.5px solid var(--gp-accent);
  border-radius: 20px;
  padding: 8px 14px;
  font-size: .8rem;
  font-weight: 600;
  transition: background-color .2s, color .2s, transform .1s;
}

.copilotKitResponseButton:hover {
  background-color: var(--gp-accent);
  color: var(--gp-accent-on);
  transform: scale(1.03);
}

.copilotKitInput {
  background-color: var(--gp-chat-bg);
}

.copilotKitMessageControlButton {
  color: var(--gp-accent);
}

.copilotKitInput > textarea {
  background-color: var(--gp-chat-bg);
  color: var(--gp-text-primary);
}

.copilotKitInput > .copilotKitInputControls > button:not([disabled]) {
  color: var(--copilot-kit-secondary-color);
}

.copilot-stop-animated {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.copilot-stop-orbit {
  transform-origin: center;
  animation: 1.2s linear infinite copilot-stop-spin;
}

@keyframes copilot-stop-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.copilot-stop-animated svg rect {
  animation: 1.5s ease-in-out infinite copilot-stop-pulse;
}

@keyframes copilot-stop-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

[data-a2ui-selected] > :first-child {
  outline: 2px solid var(--gp-selection);
  outline-offset: -2px;
  border-radius: 4px;
  transition: outline .15s;
  box-shadow: none !important;
}

[data-a2ui-selected] > hr:first-child {
  border-bottom-color: var(--gp-selection);
  box-shadow: none;
  border-bottom-width: 3px;
  outline: none;
}

@keyframes a2ui-flash {
  0% {
    box-shadow: 0 0 #4a674166;
  }

  40% {
    box-shadow: 0 0 0 6px #4a674140;
  }

  100% {
    box-shadow: 0 0 #4a674100;
  }
}

[data-a2ui-modified] > :first-child {
  border-radius: 4px;
  animation: .6s ease-out a2ui-flash;
}

@keyframes surfaceEnter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

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

.surface-enter {
  animation: .3s ease-out both surfaceEnter;
}

@keyframes gpStreamCardEnter {
  0% {
    opacity: 0;
    transform: translateY(-40px)rotate(-2deg)scale(.96);
  }

  40% {
    opacity: 1;
    transform: translateY(6px)rotate(.5deg)scale(1.01);
  }

  70% {
    transform: translateY(-2px)rotate(-.2deg)scale(1);
  }

  100% {
    opacity: 1;
    transform: translateY(0)rotate(0)scale(1);
  }
}

.gp-anim-stream-card-enter {
  animation: gpStreamCardEnter var(--gp-anim-stream-card-enter-duration) var(--gp-anim-stream-card-enter-easing) both;
}

@keyframes gpContentChanged {
  0% {
    box-shadow: 0 0 0 0 var(--gp-accent), var(--gp-shadow-card-subtle);
    transform: scale(.985);
  }

  30% {
    box-shadow: 0 0 0 2px var(--gp-accent), var(--gp-shadow-card);
    transform: scale(1);
  }

  60% {
    box-shadow: 0 0 0 2px var(--gp-accent-muted), var(--gp-shadow-card);
    transform: scale(1);
  }

  100% {
    box-shadow: 0 0 0 0 transparent, var(--gp-shadow-card-subtle);
    transform: scale(1);
  }
}

.gp-anim-content-changed {
  animation: gpContentChanged var(--gp-anim-content-changed-duration) var(--gp-anim-content-changed-easing) both;
}

@keyframes gpTextChanged {
  0% {
    opacity: .35;
    filter: blur(.5px);
  }

  60% {
    opacity: 1;
    filter: blur();
  }

  100% {
    opacity: 1;
    filter: blur();
  }
}

.gp-anim-text-changed {
  animation: gpTextChanged var(--gp-anim-text-changed-duration) var(--gp-anim-text-changed-easing) both;
}

@keyframes gpVoiceWaiting {
  0%, 100% {
    opacity: .55;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

.gp-anim-voice-waiting {
  animation: gpVoiceWaiting var(--gp-anim-voice-waiting-duration) var(--gp-anim-voice-waiting-easing) infinite;
}

@keyframes gpVoiceResponseIncoming {
  0% {
    box-shadow: 0 0 0 0 var(--gp-accent), 0 0 0 0 transparent;
  }

  40% {
    box-shadow: 0 0 0 4px var(--gp-accent-light), 0 0 16px 2px var(--gp-accent);
  }

  100% {
    box-shadow: 0 0 #0000, 0 0 #0000;
  }
}

.gp-anim-voice-response-incoming {
  animation: gpVoiceResponseIncoming var(--gp-anim-voice-response-incoming-duration) var(--gp-anim-voice-response-incoming-easing) both;
}

@keyframes gpTodoChecked {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  40% {
    opacity: .9;
    transform: translateX(2px);
  }

  100% {
    opacity: .55;
    transform: translateX(0);
  }
}

.gp-anim-todo-checked {
  animation: gpTodoChecked var(--gp-anim-todo-checked-duration) var(--gp-anim-todo-checked-easing) both;
}

@keyframes gpShoppingItemAdded {
  0% {
    opacity: 0;
    transform: translateY(-12px)scale(.97);
  }

  60% {
    opacity: 1;
    transform: translateY(2px)scale(1.01);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.gp-anim-shopping-item-added {
  animation: gpShoppingItemAdded var(--gp-anim-shopping-item-added-duration) var(--gp-anim-shopping-item-added-easing) both;
}

@keyframes gpShoppingItemUpdated {
  0% {
    background: var(--gp-accent-light);
  }

  100% {
    background: none;
  }
}

.gp-anim-shopping-item-updated {
  animation: gpShoppingItemUpdated var(--gp-anim-shopping-item-updated-duration) var(--gp-anim-shopping-item-updated-easing) both;
}

@keyframes gpActionConfirmed {
  0% {
    box-shadow: 0 0 0 0 var(--gp-accent), 0 0 0 0 transparent;
    transform: scale(1);
  }

  35% {
    box-shadow: 0 0 0 4px var(--gp-accent-light), 0 0 12px 2px var(--gp-accent);
    transform: scale(1.04);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 #0000, 0 0 #0000;
  }
}

.gp-anim-action-confirmed {
  animation: gpActionConfirmed var(--gp-anim-action-confirmed-duration) var(--gp-anim-action-confirmed-easing) both;
}

@keyframes gpDataLoading {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.gp-anim-data-loading {
  background: linear-gradient(100deg, var(--gp-secondary-bg) 0%, var(--gp-secondary-bg) 35%, var(--gp-accent-light) 50%, var(--gp-secondary-bg) 65%, var(--gp-secondary-bg) 100%);
  animation: gpDataLoading var(--gp-anim-data-loading-duration) var(--gp-anim-data-loading-easing) infinite;
  background-size: 200% 100%;
}

.gp-input:has(.gp-input__field:focus-visible) {
  outline: 2px solid var(--input-focus-ring);
  outline-offset: 2px;
}

.gp-input__field::placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

.gp-input[data-disabled] .gp-input__field {
  cursor: not-allowed;
}

.gp-textarea::placeholder {
  color: var(--gp-text-subtle);
  opacity: 1;
}

.gp-textarea:focus {
  outline: none;
}

.gp-textarea:focus-visible {
  outline: 2px solid var(--textarea-focus-ring);
  outline-offset: 2px;
}

.placeholder\:text-garden-text-subtle::placeholder {
  color: var(--gp-text-subtle, #a09080);
}

.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}

.last\:border-0:last-child {
  border-width: 0;
}

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

.focus-within\:max-h-32:focus-within {
  max-height: 8rem;
}

.focus-within\:scale-\[1\.01\]:focus-within {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  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));
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

.focus-within\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--gp-accent\)_22\%\,transparent\)\,0_8px_32px_-12px_var\(--gp-selection-glow\)\,var\(--gp-highlight-top\)\]:focus-within {
  --tw-shadow-color: 0 0 0 3px color-mix(in srgb, var(--gp-accent) 22%, transparent), 0 8px 32px -12px var(--gp-selection-glow), var(--gp-highlight-top);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -.25rem;
  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\:-translate-y-\[1px\]:hover {
  --tw-translate-y: -1px;
  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\:-translate-y-\[3px\]:hover {
  --tw-translate-y: -3px;
  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-110:hover {
  --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));
}

.hover\:border-solid:hover {
  border-style: solid;
}

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

.hover\:bg-\[color-mix\(in_srgb\,var\(--gp-text-primary\)_4\%\,var\(--gp-card-bg\)\)\]:hover {
  background-color: color-mix(in srgb, var(--gp-text-primary) 4%, var(--gp-card-bg));
}

.hover\:bg-\[var\(--gp-error-bg\)\]:hover {
  background-color: var(--gp-error-bg);
}

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

.hover\:bg-black\/10:hover {
  background-color: #0000001a;
}

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

.hover\:bg-black\/\[0\.02\]:hover {
  background-color: #00000005;
}

.hover\:bg-black\/\[0\.05\]:hover {
  background-color: #0000000d;
}

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

.hover\:bg-white\/20:hover {
  background-color: #fff3;
}

.hover\:text-garden-text:hover {
  color: var(--gp-text-primary, #2c2416);
}

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

.hover\:text-white\/80:hover {
  color: #fffc;
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-80:hover {
  opacity: .8;
}

.hover\:opacity-90:hover {
  opacity: .9;
}

.hover\:shadow-card:hover {
  --tw-shadow: 0 4px 20px #00000014;
  --tw-shadow-colored: 0 4px 20px 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 4px 16px #00000014;
  --tw-shadow-colored: 0 4px 16px 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-elevated:hover {
  --tw-shadow: 0 8px 32px #0000001f;
  --tw-shadow-colored: 0 8px 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-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-\[0_8px_24px_-14px_var\(--gp-selection-glow\)\,var\(--gp-highlight-top\)\]:hover {
  --tw-shadow-color: 0 8px 24px -14px var(--gp-selection-glow), var(--gp-highlight-top);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-card:hover {
  --tw-shadow-color: hsl(var(--card));
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  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);
}

.hover\:brightness-90:hover {
  --tw-brightness: brightness(.9);
  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);
}

.hover\:brightness-95:hover {
  --tw-brightness: brightness(.95);
  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);
}

.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}

.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}

.focus\:opacity-90:focus {
  opacity: .9;
}

.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-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}

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

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  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));
}

.disabled\:cursor-default:disabled {
  cursor: default;
}

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

.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-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.group:hover .group-hover\:max-h-32 {
  max-height: 8rem;
}

.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\/sortable:hover .group-hover\/sortable\:opacity-70 {
  opacity: .7;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}

.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: .25rem;
  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));
}

.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -.25rem;
  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));
}

.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: .25rem;
  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));
}

.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -.25rem;
  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));
}

.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: .5;
}

.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-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -.5rem;
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: .5rem;
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -.5rem;
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: .5rem;
}

@media (min-width: 640px) {
  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .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\:flex-row {
    flex-direction: row;
  }

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

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

  .sm\:gap-7 {
    gap: 1.75rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

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

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

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

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

@media (min-width: 768px) {
  .md\:-inset-3 {
    inset: -.75rem;
  }

  .md\:bottom-6 {
    bottom: 1.5rem;
  }

  .md\:left-auto {
    left: auto;
  }

  .md\:right-6 {
    right: 1.5rem;
  }

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

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

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

  .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\:flex-row {
    flex-direction: row;
  }

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

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

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

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

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

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

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

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

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

  .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-\[36px\] {
    font-size: 36px;
  }

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .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\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (min-width: 1280px) {
  .xl\:max-w-\[1120px\] {
    max-width: 1120px;
  }

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

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

@media (min-width: 1536px) {
  .\32 xl\:max-w-\[1280px\] {
    max-width: 1280px;
  }
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .md\:\[\&\>\*\:first-child\]\:order-2 > :first-child {
    order: 2;
  }
}

.\[\&\>span\]\:line-clamp-1 > span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.\[\&\>svg\]\:text-white\/70 > svg {
  color: #ffffffb3;
}

/* [project]/git_repos/guruandai/src/components/garden/garden.css [app-client] (css) */
@keyframes expandIn {
  from {
    opacity: 0;
    max-height: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    max-height: 800px;
    transform: translateY(0);
  }
}

@keyframes thinking-sway {
  0%, 100% {
    transform: rotate(-5deg);
  }

  50% {
    transform: rotate(5deg);
  }
}

@keyframes thinking-grow {
  0%, 100% {
    transform: scaleY(.95);
  }

  50% {
    transform: scaleY(1.05);
  }
}

@keyframes thinking-leaf-sway-left {
  0%, 100% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(-8deg);
  }
}

@keyframes thinking-leaf-sway-right {
  0%, 100% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(8deg);
  }
}

@keyframes thinking-dot-pulse {
  0%, 20% {
    opacity: 0;
  }

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

@keyframes inline-deck-pulse {
  0%, 100% {
    opacity: .7;
  }

  50% {
    opacity: 1;
  }
}

@keyframes deck-nudge-right {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(10px);
  }

  55% {
    transform: translateX(-4px);
  }

  80% {
    transform: translateX(2px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes deck-nudge-left {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-10px);
  }

  55% {
    transform: translateX(4px);
  }

  80% {
    transform: translateX(-2px);
  }

  100% {
    transform: translateX(0);
  }
}

.thinking-garden-icon {
  transform-origin: bottom;
  animation: 2s ease-in-out infinite thinking-sway;
}

.thinking-stem {
  transform-origin: bottom;
  animation: 2s ease-in-out infinite thinking-grow;
}

.thinking-leaf-left {
  transform-origin: 12px 12px;
  animation: 2.5s ease-in-out infinite thinking-leaf-sway-left;
}

.thinking-leaf-right {
  transform-origin: 12px 9px;
  animation: 2.5s ease-in-out .3s infinite thinking-leaf-sway-right;
}

.thinking-dot {
  opacity: 0;
  animation: 1.4s ease-in-out infinite thinking-dot-pulse;
}

.inline-deck-update-pulse, .inline-deck-update-icon {
  animation: 2s ease-in-out infinite inline-deck-pulse;
}

.chat-page {
  background: var(--gp-page-bg);
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.chat-page .copilotKitChat {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.chat-fullpage-wrapper {
  flex-direction: column;
  display: flex;
}

.chat-docked .copilotKitMessages, .chat-docked .copilotKitMessagesContainer, .chat-docked .copilotKitMessagesFooter, .chat-docked .copilotKitHeader {
  display: none !important;
}

.chat-docked .copilotKitInputContainer {
  border-top: none !important;
}

@media (min-width: 1280px) {
  :root {
    --gp-chat-panel-width: 440px;
  }
}

@media (min-width: 1536px) {
  :root {
    --gp-chat-panel-width: 520px;
  }
}

@media (min-width: 1920px) {
  :root {
    --gp-chat-panel-width: 600px;
  }
}

@media (min-width: 1024px) {
  body.gp-chat-open .gp-shell {
    padding-right: var(--gp-chat-panel-width);
    transition: padding-right var(--gp-anim-slide-open-duration) var(--gp-anim-slide-open-easing);
  }
}

.chat-sidebar-panel {
  width: var(--gp-chat-panel-width);
  overscroll-behavior: contain;
  background: var(--gp-card-bg);
  border-left: 1px solid var(--gp-border);
  height: 100vh;
  box-shadow: var(--gp-shadow-panel-left);
  z-index: var(--gp-z-chat);
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
}

.chat-sidebar-panel .copilotKitChat {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.chat-sidebar-panel .copilotKitMessages, .chat-sidebar-panel .copilotKitMessagesContainer {
  overscroll-behavior: contain;
  overflow-y: auto;
}

.chat-sidebar-toggle {
  right: var(--gp-chat-button-right);
  bottom: var(--gp-chat-button-bottom);
  width: var(--gp-chat-button-size);
  height: var(--gp-chat-button-size);
  background: var(--gp-card-bg);
  color: var(--gp-accent);
  border: 1px solid color-mix(in srgb, var(--gp-accent) 35%, transparent);
  cursor: pointer;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--gp-accent) 10%, transparent), 0 8px 28px color-mix(in srgb, var(--gp-accent) 22%, transparent), inset 0 0 24px color-mix(in srgb, var(--gp-accent) 8%, transparent);
  z-index: var(--gp-z-chat-toggle);
  transition: all var(--gp-anim-slide-open-duration) var(--gp-anim-slide-open-easing);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
  position: fixed;
}

.chat-sidebar-toggle:hover {
  border-color: color-mix(in srgb, var(--gp-accent) 60%, transparent);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--gp-accent) 15%, transparent), 0 10px 32px color-mix(in srgb, var(--gp-accent) 32%, transparent), inset 0 0 28px color-mix(in srgb, var(--gp-accent) 14%, transparent);
  transform: scale(1.08);
}

.chat-sidebar-toggle.shifted {
  right: calc(var(--gp-chat-panel-width)  + 20px);
}

.gp-hero-cta {
  background: var(--gp-card-bg);
  color: var(--gp-text-primary);
  border: 1px solid color-mix(in srgb, var(--gp-accent) 35%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--gp-accent) 10%, transparent), 0 8px 28px color-mix(in srgb, var(--gp-accent) 22%, transparent), inset 0 0 24px color-mix(in srgb, var(--gp-accent) 8%, transparent);
  transition: transform var(--gp-anim-slide-open-duration) var(--gp-anim-slide-open-easing), box-shadow var(--gp-anim-slide-open-duration) var(--gp-anim-slide-open-easing), border-color var(--gp-anim-slide-open-duration) var(--gp-anim-slide-open-easing);
  animation: 4.2s ease-in-out infinite gp-hero-cta-breathe;
}

.gp-hero-cta:hover {
  border-color: color-mix(in srgb, var(--gp-accent) 60%, transparent);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--gp-accent) 18%, transparent), 0 12px 36px color-mix(in srgb, var(--gp-accent) 36%, transparent), inset 0 0 28px color-mix(in srgb, var(--gp-accent) 14%, transparent);
  transform: translateY(-1px);
}

.gp-hero-cta__icon {
  color: var(--gp-accent);
  background: color-mix(in srgb, var(--gp-accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--gp-accent) 30%, transparent);
}

@keyframes gp-hero-cta-breathe {
  0%, 100% {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--gp-accent) 10%, transparent), 0 8px 28px color-mix(in srgb, var(--gp-accent) 22%, transparent), inset 0 0 24px color-mix(in srgb, var(--gp-accent) 8%, transparent);
  }

  50% {
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--gp-accent) 16%, transparent), 0 10px 34px color-mix(in srgb, var(--gp-accent) 32%, transparent), inset 0 0 28px color-mix(in srgb, var(--gp-accent) 12%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gp-hero-cta {
    animation: none;
  }
}

@media (max-width: 767.98px) {
  .chat-sidebar-panel {
    width: 100vw;
    box-shadow: none;
    border-left: none;
  }

  .chat-sidebar-toggle {
    bottom: 72px;
  }

  .chat-sidebar-toggle.shifted {
    right: var(--gp-chat-button-right);
    bottom: var(--gp-chat-button-right);
    z-index: var(--gp-z-chat-mobile);
  }
}

@media (max-width: 480px) {
  [style*="padding: 28px 28px"], [style*="padding: 26px 28px"] {
    padding: 20px 18px !important;
  }

  [style*="padding: 14px 28px 0"] {
    padding: 12px 18px 0 !important;
  }

  [style*="padding: 0 28px 4px"] {
    padding: 0 18px 4px !important;
  }

  .font-heading.text-heading-3, .font-heading.text-heading-4 {
    overflow-wrap: anywhere;
  }
}

.deck-card-fall-in {
  animation: gpStreamCardEnter var(--gp-anim-stream-card-enter-duration) var(--gp-anim-stream-card-enter-easing) both;
}

.deck-card-update-shimmer {
  animation: gpContentChanged var(--gp-anim-content-changed-duration) var(--gp-anim-content-changed-easing) both;
}

@keyframes pulse {
  0%, 100% {
    opacity: .4;
  }

  50% {
    opacity: 1;
  }
}

@keyframes card-loading-shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

@keyframes card-loading-skeleton-shimmer {
  0% {
    background-position: -150% 0;
  }

  100% {
    background-position: 150% 0;
  }
}

.card-loading-wrapper {
  border: 1px solid var(--gp-border-lighter);
  border-left: 3px solid var(--gp-accent);
  background: linear-gradient(110deg, var(--gp-secondary-bg) 0%, #fff9 45%, var(--gp-secondary-bg) 90%);
  background-size: 200% 100%;
  border-radius: 10px;
  padding: 16px 18px;
  animation: 2.8s ease-in-out infinite card-loading-shimmer;
  position: relative;
}

.card-loading-state .thinking-garden-icon {
  flex-shrink: 0;
}

.card-loading-skeleton-row {
  background: linear-gradient(90deg, var(--gp-border-lighter) 0%, #ffffff8c 50%, var(--gp-border-lighter) 100%);
  background-size: 250% 100%;
  border-radius: 5px;
  height: 9px;
  animation: 1.8s ease-in-out infinite card-loading-skeleton-shimmer;
}

.card-loading-skeleton-row:nth-child(2) {
  animation-delay: .15s;
}

.card-loading-skeleton-row:nth-child(3) {
  animation-delay: .3s;
}

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

.deck-card-stream .deck-stream-card {
  transition: box-shadow .2s, transform .15s;
}

.deck-card-stream .deck-stream-card:hover {
  box-shadow: var(--gp-shadow-card-hover);
  transform: translateY(-1px);
}

.scrollbar-thin::-webkit-scrollbar {
  height: 4px;
}

.scrollbar-thin::-webkit-scrollbar-track {
  background: none;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background: var(--gp-border);
  border-radius: 2px;
}

@keyframes gpDeckFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

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

@keyframes gpDeckFadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-8px);
  }
}

.deck-fade-in {
  animation: .32s ease-out both gpDeckFadeIn;
}

body.deck-fade-out main {
  animation: .22s ease-in both gpDeckFadeOut;
}

.deck-peek-sheet {
  border: 1px solid var(--gp-border);
  border-left: 1px solid var(--gp-border);
  border-radius: 0;
  width: min(720px, 94vw);
  height: 100vh;
  max-height: 100vh;
  position: relative;
}

@media (max-width: 767px) {
  .deck-peek-sheet {
    border: none;
    border-top: 1px solid var(--gp-border);
    border-radius: 16px 16px 0 0;
    width: 100vw;
    height: 88vh;
    max-height: 100vh;
  }
}

/*# sourceMappingURL=git_repos_guruandai_057cc9f1._.css.map*/