/* [next]/internal/font/google/noto_sans_mono_581315cf.module.css [app-client] (css) */
@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/122ae3fd2eb25590-s.0ncu_-f3icz-t.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/bfe1d01af4e99ec2-s.p.0xkmhr9m~odtp.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/19f01400f4b28c83-s.0dah.bwspgr4j.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/053481348fc656b8-s.0oa9m1o0~yfw1.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

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

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

@font-face {
  font-family: Noto Sans Mono;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/7da1b2d9318915d2-s.p.0jn-y.~othqka.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Noto Sans Mono Fallback;
  src: local(Arial);
  ascent-override: 79.43%;
  descent-override: 21.77%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.noto_sans_mono_581315cf-module__MnkJCW__className {
  font-family: Noto Sans Mono, Noto Sans Mono Fallback;
  font-style: normal;
}

.noto_sans_mono_581315cf-module__MnkJCW__variable {
  --font-noto-mono: "Noto Sans Mono", "Noto Sans Mono Fallback";
}

/* [project]/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.0p1vbqd84i2~o.woff2") format("woff2"), url("../media/KaTeX_AMS-Regular.0b~8ki5y928w2.woff") format("woff"), url("../media/KaTeX_AMS-Regular.173t6ktr7uf-w.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 700;
  src: url("../media/KaTeX_Caligraphic-Bold.01-pzluls4zgb.woff2") format("woff2"), url("../media/KaTeX_Caligraphic-Bold.0x2v1lwn~880f.woff") format("woff"), url("../media/KaTeX_Caligraphic-Bold.16zv5fax0h0ka.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Caligraphic;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Caligraphic-Regular.0rysu1t-ncjq8.woff2") format("woff2"), url("../media/KaTeX_Caligraphic-Regular.10927swgekwun.woff") format("woff"), url("../media/KaTeX_Caligraphic-Regular.02i3z7wig438t.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 700;
  src: url("../media/KaTeX_Fraktur-Bold.0w23i72~hprpq.woff2") format("woff2"), url("../media/KaTeX_Fraktur-Bold.0e-16u10iuyyf.woff") format("woff"), url("../media/KaTeX_Fraktur-Bold.0et27v~3~4uhe.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Fraktur;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Fraktur-Regular.0rekyoa-52fj_.woff2") format("woff2"), url("../media/KaTeX_Fraktur-Regular.0b.riegzdfue2.woff") format("woff"), url("../media/KaTeX_Fraktur-Regular.0vjwa15znhk~4.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 700;
  src: url("../media/KaTeX_Main-Bold.16pfc63_du6mx.woff2") format("woff2"), url("../media/KaTeX_Main-Bold.09lmynrorhcbw.woff") format("woff"), url("../media/KaTeX_Main-Bold.09i7~607shf-h.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 700;
  src: url("../media/KaTeX_Main-BoldItalic.0d54rk08rx11s.woff2") format("woff2"), url("../media/KaTeX_Main-BoldItalic.0cp37g7x1q8h6.woff") format("woff"), url("../media/KaTeX_Main-BoldItalic.15j6k~hix2t_0.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: italic;
  font-weight: 400;
  src: url("../media/KaTeX_Main-Italic.06o5nq0_91v60.woff2") format("woff2"), url("../media/KaTeX_Main-Italic.0382gqciexmbu.woff") format("woff"), url("../media/KaTeX_Main-Italic.0su4i6mm18-wo.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Main;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Main-Regular.0kaf-ag2_wkm-.woff2") format("woff2"), url("../media/KaTeX_Main-Regular.0diheg01zyoph.woff") format("woff"), url("../media/KaTeX_Main-Regular.08zh8z.7shijf.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
  src: url("../media/KaTeX_Math-BoldItalic.0ja97dn.cpc87.woff2") format("woff2"), url("../media/KaTeX_Math-BoldItalic.0ck1myuerwyqw.woff") format("woff"), url("../media/KaTeX_Math-BoldItalic.0ajzxypnbx1h1.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 400;
  src: url("../media/KaTeX_Math-Italic.0zrha2c4sl2je.woff2") format("woff2"), url("../media/KaTeX_Math-Italic.09xkhecjcn5r9.woff") format("woff"), url("../media/KaTeX_Math-Italic.0x23a-bmp-5tg.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 700;
  src: url("../media/KaTeX_SansSerif-Bold.05a9.pc1j_zx9.woff2") format("woff2"), url("../media/KaTeX_SansSerif-Bold.0jcl-ayi1uun0.woff") format("woff"), url("../media/KaTeX_SansSerif-Bold.0re8y.dm7.mt5.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: italic;
  font-weight: 400;
  src: url("../media/KaTeX_SansSerif-Italic.0a0234dc3s62j.woff2") format("woff2"), url("../media/KaTeX_SansSerif-Italic.0judofdln9731.woff") format("woff"), url("../media/KaTeX_SansSerif-Italic.10z1iap9pfus8.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_SansSerif;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_SansSerif-Regular.0v6gcj32-czft.woff2") format("woff2"), url("../media/KaTeX_SansSerif-Regular.0h9yjlugq4q_e.woff") format("woff"), url("../media/KaTeX_SansSerif-Regular.0zm18kga42ebc.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Script;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Script-Regular.0c4.h-mer83d_.woff2") format("woff2"), url("../media/KaTeX_Script-Regular.0ze6v4r_-99oy.woff") format("woff"), url("../media/KaTeX_Script-Regular.0q14y6zkzlpob.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size1;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Size1-Regular.013x6a4ierotp.woff2") format("woff2"), url("../media/KaTeX_Size1-Regular.0kidw0oi.m68o.woff") format("woff"), url("../media/KaTeX_Size1-Regular.0m6y-i6wfokni.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size2;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Size2-Regular.0d5inmyp-tyv3.woff2") format("woff2"), url("../media/KaTeX_Size2-Regular.0blpmluwilgbg.woff") format("woff"), url("../media/KaTeX_Size2-Regular.0wnhnvj-.k9d5.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size3;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Size3-Regular.0iukctyhw5j56.woff2") format("woff2"), url("../media/KaTeX_Size3-Regular.01h0xm_sfctj3.woff") format("woff"), url("../media/KaTeX_Size3-Regular.0jl8mqyf4gzpn.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Size4;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Size4-Regular.0w3.rb_c4stzk.woff2") format("woff2"), url("../media/KaTeX_Size4-Regular.12tvaesf3.zl3.woff") format("woff"), url("../media/KaTeX_Size4-Regular.0wr_9l81-mu06.ttf") format("truetype");
}

@font-face {
  font-display: block;
  font-family: KaTeX_Typewriter;
  font-style: normal;
  font-weight: 400;
  src: url("../media/KaTeX_Typewriter-Regular.0c4zdxz~8frhm.woff2") format("woff2"), url("../media/KaTeX_Typewriter-Regular.0cgrzn5l3kao5.woff") format("woff"), url("../media/KaTeX_Typewriter-Regular.128~qc3858otl.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.47";
}

.katex .katex-mathml {
  clip-path: inset(50%);
  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]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-outline-style: solid;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-400: #ff6568;
    --spacing: .25rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-text-muted: var(--text-muted);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-400: lab(63.7053% 60.745 31.3109);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    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;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

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

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

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

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

  .h-full {
    height: 100%;
  }

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

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

  .flex-1 {
    flex: 1;
  }

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

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-\[drop-ripple_2\.4s_ease-out_infinite_backwards\] {
    animation: 2.4s ease-out infinite backwards drop-ripple;
  }

  .animate-\[drop-zone-in_0\.15s_ease_both\] {
    animation: .15s both drop-zone-in;
  }

  .animate-\[pulse_1\.5s_infinite\] {
    animation: 1.5s infinite pulse;
  }

  .resize {
    resize: both;
  }

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

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

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

  .overflow-hidden {
    overflow: hidden;
  }

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

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

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

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

  .text-red-400 {
    color: var(--color-red-400);
  }

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

  .capitalize {
    text-transform: capitalize;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
}

:root {
  --bg: #fff;
  --bg-panel: #f5f5f5;
  --bg-hover: #eee;
  --bg-selected: #e8e8e8;
  --border: #e0e0e0;
  --text: #1a1a1a;
  --text-muted: #6b7280;
  --text-dim: #9ca3af;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --user-bg: #eff6ff;
  --assistant-bg: #fff;
  --tool-bg: #f9fafb;
  --bg-subtle: #00000008;
}

html.dark {
  --bg: #1a1a1a;
  --bg-panel: #242424;
  --bg-hover: #2e2e2e;
  --bg-selected: #383838;
  --border: #3a3a3a;
  --text: #e8e8e8;
  --text-muted: #9ca3af;
  --text-dim: #6b7280;
  --accent: #60a5fa;
  --accent-hover: #93c5fd;
  --user-bg: #1e293b;
  --assistant-bg: #1a1a1a;
  --tool-bg: #1f2937;
  --bg-subtle: #ffffff0a;
}

::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-old(root) {
  z-index: 1;
}

::view-transition-new(root) {
  z-index: 2;
}

* {
  box-sizing: border-box;
}

html, body {
  background: var(--bg);
  height: 100%;
  color: var(--text);
  overscroll-behavior: none;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: 14px;
}

body {
  height: 100dvh;
}

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

::-webkit-scrollbar-track {
  background: none;
}

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

::-webkit-scrollbar-thumb:hover {
  background: var(--text-dim);
}

:root {
  --font-mono: var(--font-noto-mono), "JetBrains Mono", "Fira Code", "Consolas", ui-monospace, "PingFang SC", "Microsoft YaHei", monospace;
}

pre, code {
  font-family: var(--font-mono);
}

@keyframes assistant-loading-pulse {
  0%, 100% {
    opacity: .35;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(-1px);
  }
}

.markdown-body {
  color: var(--text);
  word-break: break-word;
  font-size: 14px;
  line-height: 1.7;
}

.markdown-body p {
  margin: 0 0 8px;
}

.markdown-body p:last-child {
  margin-bottom: 0;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  color: var(--text);
  letter-spacing: 0;
  margin: 10px 0 5px;
  font-weight: 600;
  line-height: 1.35;
}

.markdown-body h1 {
  font-size: 1.16em;
}

.markdown-body h2 {
  font-size: 1.08em;
}

.markdown-body h3 {
  color: var(--text);
  font-size: .98em;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body h3 {
    color: color-mix(in srgb, var(--text) 88%, var(--text-muted));
  }
}

.markdown-body ul, .markdown-body ol {
  margin: 5px 0 8px;
  padding-left: 22px;
  list-style-position: outside;
}

.markdown-body li {
  margin: 3px 0;
  padding-left: 2px;
}

.markdown-body ul > li {
  list-style-type: disc;
}

.markdown-body ol > li {
  list-style-type: decimal;
}

.markdown-body li > p {
  margin: 0;
}

.markdown-body li::marker {
  color: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body li::marker {
    color: color-mix(in srgb, var(--accent) 72%, var(--text-muted));
  }
}

.markdown-body li::marker {
  font-weight: 600;
}

.markdown-body strong {
  color: var(--text);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body strong {
    color: color-mix(in srgb, var(--text) 88%, var(--accent));
  }
}

.markdown-body strong {
  font-weight: 700;
}

.markdown-body em {
  color: var(--text-muted);
}

.markdown-body a {
  color: var(--accent);
  text-underline-offset: 3px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-color: var(--accent);
  text-decoration-color: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body a {
    -webkit-text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
    text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
  }
}

.markdown-body a:hover {
  -webkit-text-decoration-color: var(--accent);
  text-decoration-color: var(--accent);
}

.markdown-body .markdown-inline-code {
  background: var(--bg-subtle);
  color: var(--text);
  font-family: var(--font-mono);
  box-shadow: inset 0 0 0 1px var(--border);
  border-radius: 5px;
  padding: 1px 5px;
  font-size: .92em;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body .markdown-inline-code {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent);
  }
}

.markdown-body .contains-task-list {
  padding-left: 0;
  list-style: none;
}

.markdown-body .task-list-item {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  padding-left: 0;
  display: grid;
}

.markdown-body .task-list-item::marker {
  content: "";
}

.markdown-body .task-list-item input[type="checkbox"] {
  appearance: none;
  border: 1px solid var(--border);
  background: var(--bg);
  border-radius: 4px;
  place-content: center;
  width: 14px;
  height: 14px;
  margin: 5px 0 0;
  display: inline-grid;
}

.markdown-body .task-list-item input[type="checkbox"]:checked {
  border-color: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body .task-list-item input[type="checkbox"]:checked {
    border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
  }
}

.markdown-body .task-list-item input[type="checkbox"]:checked {
  background: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body .task-list-item input[type="checkbox"]:checked {
    background: color-mix(in srgb, var(--accent) 10%, var(--bg));
  }
}

.markdown-body .task-list-item input[type="checkbox"]:checked:before {
  content: "";
  border: solid var(--accent);
  border-width: 0 1.5px 1.5px 0;
  width: 4px;
  height: 8px;
  transform: rotate(45deg)translateY(-1px);
}

.markdown-body blockquote {
  border-left: 3px solid var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body blockquote {
    border-left: 3px solid color-mix(in srgb, var(--border) 75%, var(--text-muted));
  }
}

.markdown-body blockquote {
  background: var(--bg-subtle);
  color: var(--text-muted);
  border-radius: 0 6px 6px 0;
  margin: 6px 0;
  padding: 6px 11px;
}

.markdown-table-wrap {
  border: 1px solid var(--border);
  border-radius: 7px;
  width: 100%;
  margin: 8px 0;
  overflow: auto hidden;
}

.markdown-body table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
  font-size: 13px;
}

.markdown-body th, .markdown-body td {
  border: 0;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
  padding: 6px 10px;
}

.markdown-body tr:last-child td {
  border-bottom: 0;
}

.markdown-body th {
  background: var(--bg-panel);
  color: var(--text);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-body th {
    color: color-mix(in srgb, var(--text) 88%, var(--text-muted));
  }
}

.markdown-body th {
  font-weight: 650;
}

.markdown-body tbody tr:nth-child(2n) td {
  background: var(--bg-subtle);
}

.markdown-body hr {
  background: linear-gradient(90deg, transparent, var(--border), transparent);
  border: none;
  height: 1px;
  margin: 12px 0;
}

.markdown-body .katex-display {
  margin: .6em 0;
  padding: 2px 0;
  overflow: auto hidden;
}

.markdown-body .katex {
  font-size: 1.05em;
}

.markdown-user-message p {
  white-space: pre-wrap;
}

.markdown-custom-message {
  line-height: 1.32;
}

.markdown-custom-message p {
  margin: 0;
}

.markdown-custom-message h1, .markdown-custom-message h2, .markdown-custom-message h3, .markdown-custom-message h4, .markdown-custom-message h5, .markdown-custom-message h6 {
  margin: 4px 0 2px;
  line-height: 1.18;
}

.markdown-custom-message ul, .markdown-custom-message ol {
  margin: 2px 0 3px;
}

.markdown-custom-message li {
  margin: 0;
}

.markdown-custom-message blockquote {
  margin: 3px 0;
  padding: 4px 8px;
}

.markdown-custom-message .markdown-table-wrap, .markdown-custom-message .markdown-code-block {
  margin: 4px 0;
}

.markdown-code-block {
  border: 1px solid var(--border);
  background: var(--bg);
  box-shadow: 0 1px 0 var(--border);
  border-radius: 7px;
  margin: 6px 0;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-code-block {
    box-shadow: 0 1px 0 color-mix(in srgb, var(--border) 42%, transparent);
  }
}

.markdown-code-header {
  background: var(--bg-panel);
  border-bottom: 1px solid var(--border);
  color: var(--text-dim);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  font-size: 11px;
  display: flex;
}

.markdown-code-lang {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-weight: 650;
}

.markdown-code-actions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.markdown-code-action {
  border: 1px solid var(--border);
  background: var(--bg);
  color: var(--text-muted);
  cursor: pointer;
  font: inherit;
  border-radius: 5px;
  padding: 2px 7px;
  font-size: 11px;
  line-height: 1.25;
}

.markdown-code-action:hover:not(:disabled) {
  color: var(--text);
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  .markdown-code-action:hover:not(:disabled) {
    border-color: color-mix(in srgb, var(--border) 70%, var(--text-muted));
  }
}

.markdown-code-action:disabled {
  color: var(--text-dim);
  cursor: not-allowed;
  opacity: .75;
}

.markdown-code-action.is-active {
  background: var(--bg-selected);
  color: var(--text);
}

.mermaid-block {
  background: var(--bg);
  padding: 12px;
  overflow-x: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .mermaid-block {
    background: color-mix(in srgb, var(--bg) 92%, var(--bg-panel));
  }
}

.mermaid-block svg {
  max-width: none;
  display: block;
}

.mermaid-block-loading {
  min-height: 120px;
}

.mermaid-block-error {
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: 12px;
}

.announcement-rich-content {
  color: var(--text);
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.7;
}

.announcement-rich-content p, .announcement-rich-content ul, .announcement-rich-content ol, .announcement-rich-content blockquote, .announcement-rich-content pre {
  margin: 0 0 10px;
}

.announcement-rich-content p:last-child, .announcement-rich-content ul:last-child, .announcement-rich-content ol:last-child, .announcement-rich-content blockquote:last-child, .announcement-rich-content pre:last-child {
  margin-bottom: 0;
}

.announcement-rich-content h2, .announcement-rich-content h3, .announcement-rich-content h4 {
  margin: 0 0 8px;
  font-weight: 750;
  line-height: 1.35;
}

.announcement-rich-content h2 {
  font-size: 18px;
}

.announcement-rich-content h3 {
  font-size: 16px;
}

.announcement-rich-content h4 {
  font-size: 14px;
}

.announcement-rich-content ul, .announcement-rich-content ol {
  padding-left: 20px;
}

.announcement-rich-content li {
  margin: 3px 0;
}

.announcement-rich-content a {
  color: var(--accent);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.announcement-rich-content blockquote {
  border-left: 3px solid var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .announcement-rich-content blockquote {
    border-left: 3px solid color-mix(in srgb, var(--accent) 45%, var(--border));
  }
}

.announcement-rich-content blockquote {
  color: var(--text-muted);
  background: var(--accent);
  padding: 6px 0 6px 10px;
}

@supports (color: color-mix(in lab, red, red)) {
  .announcement-rich-content blockquote {
    background: color-mix(in srgb, var(--accent) 5%, transparent);
  }
}

.announcement-rich-content code, .announcement-rich-content pre {
  font-family: var(--font-mono);
}

.announcement-rich-content code {
  border: 1px solid var(--border);
  background: var(--bg);
  border-radius: 5px;
  padding: 1px 4px;
}

.announcement-rich-content pre {
  border: 1px solid var(--border);
  background: var(--bg);
  border-radius: 8px;
  padding: 10px;
  overflow-x: auto;
}

.love-announcement-preview {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  max-height: 22px;
  display: block;
  overflow: hidden;
}

.love-announcement-preview * {
  font-size: inherit !important;
  line-height: inherit !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
}

.guide-announcement-bar {
  z-index: 45;
  color: #2f1720;
  text-align: left;
  cursor: pointer;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #fff6f9f0;
  border: 1px solid #e754803d;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: min(1120px, 100% - 32px);
  margin: 12px auto 0;
  padding: 10px 12px;
  display: flex;
  position: sticky;
  top: 72px;
  box-shadow: 0 16px 34px #9b2c531a;
}

.guide-announcement-bar > span:first-child {
  color: #fff;
  background: #e75480;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 2px 9px;
  font-size: 11px;
  font-weight: 800;
}

.guide-announcement-bar > strong {
  color: #a91f52;
  flex-shrink: 0;
  font-size: 12px;
}

.guide-announcement-modal {
  z-index: 1200;
  background: #2f17205c;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.guide-announcement-modal > section {
  color: #2f1720;
  background: #fff;
  border: 1px solid #e754802e;
  border-radius: 8px;
  width: min(680px, 100%);
  max-height: min(680px, 90vh);
  overflow-y: auto;
  box-shadow: 0 28px 80px #2f172047;
}

.guide-announcement-modal header {
  border-bottom: 1px solid #e7548024;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  display: flex;
}

.guide-announcement-modal h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}

.guide-announcement-modal button {
  color: #a91f52;
  cursor: pointer;
  background: #e7548014;
  border: none;
  border-radius: 7px;
  width: 32px;
  height: 32px;
  font-size: 22px;
  line-height: 1;
}

.guide-announcement-modal .announcement-rich-content {
  padding: 18px;
}

html.dark .guide-announcement-bar {
  color: #ffe8ef;
  background: #341e28f0;
  border-color: #ff82aa47;
}

html.dark .guide-announcement-modal > section {
  color: #ffe8ef;
  background: #22161d;
  border-color: #ff82aa2e;
}

.markdown-file-preview h1 {
  font-size: 1.8em;
}

.markdown-file-preview h2 {
  font-size: 1.4em;
}

.markdown-file-preview h3 {
  font-size: 1.15em;
}

.markdown-file-preview p {
  margin: 0 0 12px;
}

.markdown-file-preview pre {
  background: var(--bg-panel);
  border: 1px solid var(--border);
  font-family: var(--font-mono);
  border-radius: 6px;
  margin: 12px 0;
  padding: 12px 16px;
  font-size: 13px;
  overflow-x: auto;
}

.markdown-file-preview code {
  font-family: var(--font-mono);
  background: var(--bg-panel);
  border-radius: 3px;
  padding: 1px 5px;
  font-size: .9em;
}

.markdown-file-preview pre code {
  background: none;
  padding: 0;
}

.markdown-body span.linenumber, span.linenumber {
  color: var(--text-dim) !important;
  font-style: normal !important;
}

@keyframes drop-zone-in {
  from {
    opacity: 0;
    transform: scale(.97);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes drop-icon-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6px);
  }
}

@keyframes drop-ring-pulse {
  0%, 100% {
    opacity: .5;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.06);
  }
}

@keyframes drop-ripple {
  0% {
    opacity: .6;
    transform: scale(0);
  }

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

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

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

  to {
    transform: rotate(360deg);
  }
}

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

@keyframes notice-shelf-in {
  from {
    opacity: 0;
    height: 0;
    min-height: 0;
    max-height: 0;
    margin-bottom: 0;
    transform: translateY(-6px)scale(.995);
  }

  to {
    opacity: 1;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    transform: translateY(0)scale(1);
  }
}

@keyframes notice-shelf-out {
  from {
    opacity: 1;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    transform: translateY(0)scale(1);
  }

  to {
    opacity: 0;
    height: 0;
    min-height: 0;
    max-height: 0;
    margin-bottom: 0;
    transform: translateY(-5px)scale(.995);
  }
}

@media (prefers-reduced-motion: reduce) {
  .notice-shelf-item {
    animation-duration: .001ms !important;
  }
}

@keyframes saved-pop {
  0% {
    transform: scale(1);
    box-shadow: 0 0 #4ade808c;
  }

  40% {
    transform: scale(1.08);
    box-shadow: 0 0 0 6px #4ade8040;
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 #4ade8000;
  }
}

@keyframes saved-check-draw {
  from {
    stroke-dashoffset: 18px;
    opacity: 0;
  }

  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

@media (min-width: 641px) {
  .sidebar-overlay-backdrop {
    display: none !important;
  }

  .sidebar-container {
    transition: width .2s, min-width .2s;
    position: relative;
    overflow: hidden;
  }

  .sidebar-container.sidebar-open {
    width: 260px;
    min-width: 260px;
  }

  .sidebar-container.sidebar-closed {
    width: 0;
    min-width: 0;
    border-right: none !important;
  }

  .sidebar-container > * {
    width: 260px;
    min-width: 260px;
  }
}

.guide-steps-grid {
  grid-template-columns: 1fr;
}

.new-chat-home {
  padding-top: 112px;
  padding-bottom: 32px;
}

@media (min-width: 760px) {
  .guide-steps-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .new-chat-home {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}

.love-client-shell {
  --bg: #fffaf7;
  --bg-panel: #ffffffe6;
  --bg-hover: #fff1f2;
  --bg-selected: #ffe4e6;
  --border: #9f123924;
  --text: #2b171c;
  --text-muted: #76535b;
  --text-dim: #a9858d;
  --accent: #e11d48;
  --accent-hover: #be123c;
  --user-bg: #fff0f3;
  --assistant-bg: #fff;
  background: linear-gradient(#fff1f2eb 0, #fffaf7b8 360px, #fffaf7 100%), linear-gradient(135deg, #fff7eddb 0, #fff0 46%), #fffaf7 !important;
}

html.dark .love-client-shell {
  --bg: #171113;
  --bg-panel: #22181ce6;
  --bg-hover: #88133738;
  --bg-selected: #be123c38;
  --border: #fb71852e;
  --text: #fff5f6;
  --text-muted: #d7a8b2;
  --text-dim: #a77882;
  --accent: #fb7185;
  --accent-hover: #fda4af;
  --user-bg: #88133747;
  --assistant-bg: #1a1316f5;
  background: linear-gradient(#4c05197a 0, #171113b8 420px, #171113 100%), #171113 !important;
}

@media (min-width: 641px) {
  .love-client-shell .sidebar-container.sidebar-open, .love-client-shell .sidebar-container > * {
    width: 304px;
    min-width: 304px;
  }
}

.love-client-sidebar {
  box-shadow: 16px 0 50px #9f123912;
  background: linear-gradient(#ffffffe0 0, #fff1f2bd 100%) !important;
  border-right-color: #9f12391f !important;
}

html.dark .love-client-sidebar {
  background: linear-gradient(#23181cf0 0, #2d1b21db 100%) !important;
}

.love-sidebar-header {
  border-bottom: 0 !important;
  padding: 18px 16px 14px !important;
}

.love-sidebar-brand {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.love-sidebar-brand-mark {
  color: #fff;
  background: linear-gradient(135deg, #fb7185, #be123c);
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
  box-shadow: 0 12px 24px #e11d4838;
}

.love-sidebar-brand strong, .love-sidebar-brand small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.love-sidebar-brand strong {
  color: var(--text);
  font-size: 18px;
  line-height: 1.15;
}

.love-sidebar-brand small {
  color: var(--text-muted);
  margin-top: 3px;
  font-size: 11px;
}

.love-new-session-button {
  box-shadow: 0 12px 24px #2b171c29;
  color: #fff !important;
  background: #2b171c !important;
  border-color: #0000 !important;
  border-radius: 999px !important;
  height: 38px !important;
  padding: 0 14px !important;
}

html.dark .love-new-session-button {
  color: #3f1823 !important;
  background: #fff1f2 !important;
}

.love-session-list {
  padding: 4px 10px 12px !important;
}

.love-sidebar-section-title {
  color: var(--text-dim);
  letter-spacing: .12em;
  padding: 10px 6px 8px;
  font-size: 11px;
  font-weight: 750;
}

.love-session-item {
  border: 1px solid #0000;
  border-radius: 16px;
  margin: 4px 0;
  border-left-width: 1px !important;
  height: 62px !important;
  padding-right: 10px !important;
}

.love-session-item.is-selected {
  box-shadow: 0 12px 28px #9f123914;
  background: #ffffffc2 !important;
  border-color: #e11d482e !important;
}

html.dark .love-session-item.is-selected {
  background: #362228c7 !important;
}

.love-session-item:hover {
  border-color: #e11d481f;
}

.love-profile-panel {
  background: #ffffff9e;
  border-radius: 18px;
  margin: 0 10px 12px;
  border: 1px solid #9f12391f !important;
}

html.dark .love-profile-panel {
  background: #261b1fb3;
}

.love-client-topbar {
  padding: 0 10px;
  background: #fffaf7c7 !important;
  border-bottom-color: #9f12391a !important;
  height: 54px !important;
}

.love-client-topbar > button {
  border-right: 0 !important;
  border-radius: 12px !important;
  width: 40px !important;
  height: 40px !important;
}

.love-client-topbar > div[style*="border-left"] {
  gap: 6px;
  border-left: 0 !important;
  height: 40px !important;
}

.love-client-topbar > div[style*="border-left"] > button:first-child {
  background: #ffffffb8 !important;
  border: 1px solid #9f12391f !important;
  border-radius: 999px !important;
}

.love-client-topbar a[title="管理后台"], .love-client-topbar button[title="退出登录"] {
  border-left: 0 !important;
  border-radius: 12px !important;
  height: 40px !important;
}

.love-client-chat-stage {
  background: radial-gradient(circle at 20% 0, #fb71851c 0, #fb718500 34%), linear-gradient(#ffffff8a 0, #fffaf700 260px);
}

.love-coach-home {
  align-items: center;
  min-height: 0;
  padding-top: 28px !important;
  padding-bottom: 0 !important;
}

.love-coach-home-scroll {
  scrollbar-width: none;
  flex: 1;
  width: 100%;
  min-height: 0;
  padding-top: 28px;
  padding-bottom: 18px;
  overflow-y: auto;
}

.love-coach-home-scroll::-webkit-scrollbar {
  display: none;
}

.love-coach-home-inner {
  flex-direction: column;
  gap: 18px;
  width: min(1120px, 100%);
  margin: 0 auto;
  display: flex;
}

.love-coach-hero {
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .72fr);
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.love-coach-hero-main, .love-coach-brief, .love-coach-flow {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffbd;
  border: 1px solid #9f12391f;
  box-shadow: 0 24px 70px #9f123917;
}

html.dark .love-coach-hero-main, html.dark .love-coach-brief, html.dark .love-coach-flow {
  background: #23181cd1;
  box-shadow: 0 24px 70px #00000047;
}

.love-coach-hero-main {
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
  padding: clamp(28px, 4vw, 48px);
  display: flex;
}

.love-coach-kicker {
  color: #be123c;
  background: #ffe4e6d1;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 34px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 760;
  display: inline-flex;
}

.love-coach-hero h1 {
  max-width: 720px;
  color: var(--text);
  letter-spacing: 0;
  margin: 18px 0 0;
  font-size: clamp(42px, 6vw, 72px);
  font-weight: 860;
  line-height: 1.02;
}

.love-coach-hero h1 span {
  color: #e11d48;
  font-family: Georgia, Times New Roman, Noto Serif SC, serif;
  font-style: italic;
  font-weight: 720;
  display: block;
}

.love-coach-hero p {
  max-width: 680px;
  color: var(--text-muted);
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.9;
}

.love-coach-typewriter {
  min-height: 28px;
  margin-top: 18px;
  font-size: 15px;
}

.love-coach-primary-actions, .love-coach-scenarios {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.love-coach-primary-actions {
  margin-top: 26px;
}

.love-coach-primary-actions button, .love-coach-brief button, .love-coach-scenarios button {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 999px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 750;
}

.love-coach-primary-actions button:first-child, .love-coach-brief button {
  color: #fff;
  background: #2b171c;
  box-shadow: 0 14px 28px #2b171c29;
}

.love-coach-primary-actions button, .love-coach-scenarios button {
  color: var(--text);
  background: #ffffffd1;
  border-color: #9f123921;
  padding: 0 16px;
}

.love-coach-primary-actions button:hover, .love-coach-scenarios button:hover {
  color: var(--accent);
  border-color: #e11d4857;
  transform: translateY(-1px);
}

.love-coach-brief {
  border-radius: 30px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.love-coach-brief-head span, .love-coach-flow > div:first-child span {
  color: var(--accent);
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 820;
}

.love-coach-brief-head strong {
  color: var(--text);
  margin-top: 8px;
  font-size: 24px;
  line-height: 1.22;
  display: block;
}

.love-coach-materials {
  gap: 10px;
  margin: 22px 0;
  display: grid;
}

.love-coach-materials div {
  min-height: 46px;
  color: var(--text);
  background: #fff1f2b8;
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-size: 13px;
  display: flex;
}

.love-coach-materials span {
  width: 24px;
  height: 24px;
  color: var(--accent);
  background: #fff;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 820;
  display: inline-flex;
}

.love-coach-brief button {
  width: 100%;
}

.love-coach-flow {
  border-radius: 28px;
  grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
  gap: 22px;
  padding: 24px;
  display: grid;
}

.love-coach-flow h2 {
  color: var(--text);
  margin: 8px 0 0;
  font-size: 24px;
  line-height: 1.35;
}

.love-coach-flow-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.love-coach-flow-steps div {
  background: #fff1f29e;
  border-radius: 18px;
  padding: 16px;
}

.love-coach-flow-steps span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 820;
}

.love-coach-flow-steps strong {
  color: var(--text);
  margin-top: 8px;
  font-size: 15px;
  display: block;
}

.love-coach-flow-steps p {
  color: var(--text-muted);
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 1.65;
}

.love-coach-scenarios {
  justify-content: center;
}

.love-chat-input {
  padding: 0 22px 18px !important;
}

.love-coach-home-input {
  background: linear-gradient(#fffaf700 0, #fffaf7f5 28px, #fffaf7fa 100%);
  flex-shrink: 0;
  width: 100%;
  padding-top: 10px;
}

html.dark .love-coach-home-input {
  background: linear-gradient(#17111300 0, #171113f2 28px, #171113fa 100%);
}

.love-chat-input > div > div[style*="border-radius: 14px"] {
  background: #fffffff5 !important;
  border-color: #9f123929 !important;
  border-radius: 24px !important;
  padding: 14px 14px 14px 18px !important;
  box-shadow: 0 22px 70px #9f123924, inset 0 1px #ffffffe6 !important;
}

.love-chat-input textarea {
  min-height: 30px !important;
  font-size: 15px !important;
}

.love-send-error-overlay {
  z-index: 2400;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #231c2280;
  justify-content: center;
  align-items: center;
  padding: 22px;
  display: flex;
  position: fixed;
  inset: 0;
}

.love-send-error-modal {
  width: 480px;
  max-width: calc(100vw - 44px);
  color: var(--text);
  background: #fff;
  border: 1px solid #9f123924;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 76px #38232c4d;
}

.love-send-error-modal:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 8% 6%, #f43f5e14, #0000 32%), linear-gradient(#fff7f9f5, #fff);
  position: absolute;
  inset: 0;
}

.love-send-error-head, .love-send-error-message, .love-send-error-actions {
  z-index: 1;
  position: relative;
}

.love-send-error-head {
  align-items: center;
  gap: 12px;
  padding: 22px 24px 0;
  display: flex;
}

.love-send-error-icon {
  color: #ef4444;
  background: #ef44441a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: inline-flex;
}

.love-send-error-head h2 {
  letter-spacing: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 780;
  line-height: 1.2;
}

.love-send-error-message {
  color: var(--text-muted);
  padding: 14px 24px 18px;
  font-size: 14px;
  line-height: 1.7;
}

.love-send-error-actions {
  background: #fffffffa;
  border-top: 1px solid #9f123914;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px 20px;
  display: flex;
}

.love-send-error-actions button {
  white-space: nowrap;
  cursor: pointer;
  border-radius: 10px;
  min-width: 116px;
  height: 38px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 760;
}

.love-send-error-secondary {
  color: var(--text);
  background: #fff;
  border: 1px solid #9f123929;
}

.love-send-error-primary {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 10px 24px var(--accent);
  border: 1px solid #0000;
}

@supports (color: color-mix(in lab, red, red)) {
  .love-send-error-primary {
    box-shadow: 0 10px 24px color-mix(in srgb, var(--accent) 24%, transparent);
  }
}

html.dark .love-send-error-modal {
  background: #21181d;
  border-color: #fb71852e;
}

html.dark .love-send-error-modal:before {
  background: radial-gradient(circle at 8% 6%, #f43f5e1f, #0000 32%), linear-gradient(#261b22fa, #1f171c);
}

html.dark .love-send-error-actions {
  background: #1f171cfa;
  border-top-color: #fb71851a;
}

html.dark .love-send-error-secondary {
  color: var(--text);
  background: #ffffff0a;
  border-color: #fb71852e;
}

@media (max-width: 560px) {
  .love-send-error-overlay {
    align-items: flex-end;
    padding: 14px;
  }

  .love-send-error-modal {
    border-radius: 16px;
    width: 100%;
    max-width: 100%;
  }

  .love-send-error-head {
    padding: 22px 20px 0;
  }

  .love-send-error-message {
    padding: 14px 20px 18px;
  }

  .love-send-error-actions {
    flex-direction: column-reverse;
    padding: 16px 20px 20px;
  }

  .love-send-error-actions button {
    width: 100%;
  }
}

@media (max-width: 1040px) {
  .love-coach-hero, .love-coach-flow {
    grid-template-columns: 1fr;
  }
}

.love-coach-home-scroll {
  padding-top: 22px;
  padding-bottom: 12px;
}

.love-coach-home-inner {
  gap: 14px;
}

.love-coach-flow {
  padding: 18px 20px;
}

.love-coach-flow h2 {
  font-size: 20px;
}

.love-coach-scenarios button {
  min-height: 36px;
  font-size: 13px;
}

.love-chat-input > div > div[style*="border-radius: 14px"] {
  border-radius: 21px !important;
  padding: 11px 12px 11px 16px !important;
}

.love-chat-input textarea {
  min-height: 28px !important;
}

@media (max-width: 640px) {
  .love-coach-home {
    padding-top: 0 !important;
  }

  .love-coach-home-scroll {
    padding-top: 18px;
  }

  .love-coach-hero-main, .love-coach-brief, .love-coach-flow {
    border-radius: 24px;
  }

  .love-coach-hero h1 {
    font-size: 40px;
  }

  .love-coach-flow-steps {
    grid-template-columns: 1fr;
  }

  .love-chat-input {
    padding: 0 14px 14px !important;
  }
}

.love-client-shell, .love-auth-page {
  --bg: #fff8f7;
  --bg-panel: #ffffffe0;
  --bg-hover: #fff1f2;
  --bg-selected: #ffe4e6;
  --border: #e11d4829;
  --text: #2f1c22;
  --text-muted: #7f5b63;
  --text-dim: #b18b94;
  --accent: #e11d48;
  --accent-hover: #be123c;
  --user-bg: #fff1f2;
  --assistant-bg: #fff;
  --tool-bg: #fff7ed;
  --bg-subtle: #e11d480e;
  color: var(--text);
  background: linear-gradient(#ffe4e6ad 0, #fff8f740 340px, #fff8f7 100%), linear-gradient(90deg, #fef2f2e6 0, #fff0 48%), #fff8f7 !important;
}

.love-client-shell {
  zoom: .8;
  width: 125% !important;
  height: 125dvh !important;
}

body:has(.love-client-shell) {
  overflow: hidden;
}

@supports not (zoom: 1) {
  .love-client-shell {
    transform-origin: 0 0;
    transform: scale(.8);
  }
}

html.dark .love-client-shell, html.dark .love-auth-page {
  --bg: #160f12;
  --bg-panel: #23181ceb;
  --bg-hover: #8813373d;
  --bg-selected: #be123c38;
  --border: #fb71852e;
  --text: #fff1f2;
  --text-muted: #d7a8b2;
  --text-dim: #9f6f7a;
  --accent: #fb7185;
  --accent-hover: #fda4af;
  --user-bg: #88133747;
  --assistant-bg: #1c1417f5;
  --tool-bg: #23181ceb;
  --bg-subtle: #fb718514;
  background: linear-gradient(#4c051973 0, #160f1259 360px, #160f12 100%), #160f12 !important;
}

.love-client-sidebar {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: inset -1px 0 #ffffff73, 14px 0 34px #9f12390d;
}

.love-client-sidebar > div:first-child {
  background: linear-gradient(#fff1f2eb 0, #fff0 100%);
}

.love-client-sidebar button, .love-client-topbar button, .love-chat-input button, .love-auth-card button {
  letter-spacing: 0 !important;
}

.love-client-sidebar button:hover, .love-client-topbar button:hover, .love-chat-input button:hover {
  box-shadow: 0 8px 24px #e11d4814;
}

.love-client-main {
  background: linear-gradient(#ffffff8a 0, #fff8f700 220px), none;
  overflow-x: hidden !important;
}

.love-client-topbar {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  z-index: 20;
  position: relative;
  box-shadow: 0 1px #ffffffb8;
  background: #ffffffc2 !important;
  height: 42px !important;
}

html.dark .love-client-topbar {
  background: #23181cd1 !important;
}

.love-client-account-bar {
  pointer-events: auto;
  gap: 6px;
  min-width: 0;
  z-index: 1000 !important;
  flex-shrink: 0 !important;
  justify-content: flex-end !important;
  align-items: center !important;
  height: 40px !important;
  display: inline-flex !important;
  position: fixed !important;
  top: 8px !important;
  right: 16px !important;
}

.chat-account-overlay {
  z-index: 3000;
  pointer-events: auto;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: inline-flex;
  position: fixed;
  top: 8px;
  right: 16px;
}

.chat-account-overlay-pill, .chat-account-overlay-admin, .chat-account-overlay-logout {
  color: #76535b;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffe0;
  border: 1px solid #9f12391f;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: inline-flex;
  box-shadow: 0 8px 24px #e11d4814;
}

.chat-account-info-wrap {
  display: inline-flex;
  position: relative;
}

.chat-account-overlay-pill {
  cursor: pointer;
  border-radius: 999px;
  gap: 8px;
  min-width: 0;
  max-width: min(38vw, 360px);
  padding: 0 10px 0 12px;
  text-decoration: none;
}

.chat-account-overlay-text {
  min-width: 0;
  line-height: 1.15;
}

.chat-account-overlay-name, .chat-account-overlay-plan {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 128px;
  display: block;
  overflow: hidden;
}

.chat-account-overlay-name {
  color: #2b171c;
  font-size: 12px;
  font-weight: 700;
}

.chat-account-overlay-plan {
  color: #a9858d;
  margin-top: 2px;
  font-size: 10px;
}

.chat-account-overlay-quota {
  color: #be123c;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  background: #fff1f2;
  border-radius: 999px;
  flex-shrink: 0;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 750;
}

.chat-account-overlay-admin {
  border-radius: 12px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
}

.chat-account-overlay-logout {
  cursor: pointer;
  border-radius: 12px;
  width: 40px;
  padding: 0;
}

.chat-account-overlay-pill:hover, .chat-account-overlay-admin:hover, .chat-account-overlay-logout:hover {
  color: #be123c;
  border-color: #e11d483d;
}

.chat-account-popover {
  color: #2b171c;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #fffffff5;
  border: 1px solid #9f123924;
  border-radius: 18px;
  width: min(340px, 100vw - 24px);
  padding: 14px;
  position: absolute;
  top: 48px;
  right: 0;
  box-shadow: 0 22px 60px #2b171c29;
}

.chat-account-popover-head {
  border-bottom: 1px solid #9f12391a;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.chat-account-popover-head h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
}

.chat-account-popover-head p {
  color: #76535b;
  margin: 4px 0 0;
  font-size: 12px;
}

.chat-account-popover-head button {
  color: #be123c;
  cursor: pointer;
  background: #fff1f2;
  border: 0;
  border-radius: 10px;
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 1;
}

.chat-account-popover-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-top: 12px;
  display: grid;
}

.chat-account-popover-grid div {
  background: #fff8f7;
  border: 1px solid #9f12391a;
  border-radius: 12px;
  min-width: 0;
  padding: 10px;
}

.chat-account-popover-grid span, .chat-account-popover-grid strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.chat-account-popover-grid span {
  color: #a9858d;
  font-size: 11px;
}

.chat-account-popover-grid strong {
  color: #2b171c;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 750;
}

.chat-account-popover-primary {
  color: #fff;
  cursor: pointer;
  background: #e11d48;
  border: 0;
  border-radius: 12px;
  width: 100%;
  height: 38px;
  margin-top: 12px;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 12px 24px #e11d482e;
}

.chat-account-popover-primary:hover {
  background: #be123c;
}

.love-client-account-button {
  min-width: 0;
  color: var(--text-muted);
  justify-content: center;
  gap: 8px;
  box-shadow: 0 8px 24px #e11d4812;
  visibility: visible !important;
  opacity: 1 !important;
  background: #ffffffd1 !important;
  border: 1px solid #9f12391f !important;
  border-radius: 999px !important;
  align-items: center !important;
  max-width: min(38vw, 340px) !important;
  height: 40px !important;
  padding: 0 10px 0 12px !important;
  display: inline-flex !important;
}

.love-client-account-text {
  min-width: 0;
  display: block !important;
}

.love-client-account-name {
  font-size: 12px;
  max-width: 128px !important;
}

.love-client-account-plan {
  font-size: 10px;
}

.love-client-account-quota {
  color: #be123c !important;
  background: #fff1f2 !important;
  border-color: #e11d4829 !important;
}

.love-client-admin-link, .love-client-logout-button {
  flex-shrink: 0 !important;
  display: inline-flex !important;
}

.love-client-chat-stage {
  background: linear-gradient(#fff6 0, #fff8f700 220px);
  overflow-x: hidden !important;
}

.love-client-shell .new-chat-home {
  padding-top: 86px;
}

.love-client-shell .new-chat-home > div > div:first-child {
  margin-bottom: 18px !important;
}

.love-client-shell .new-chat-home > div > div:first-child span[style*="font-size: 22px"] {
  font-size: 28px !important;
  font-weight: 780 !important;
}

.love-client-shell .new-chat-home > div > div:nth-child(2) {
  box-shadow: 0 20px 52px #9f12391a, inset 0 1px #ffffffe6;
  background: linear-gradient(135deg, #fffffff0 0, #fff1f2c7 100%) !important;
  border-color: #e11d482e !important;
  border-radius: 18px !important;
  padding: 22px !important;
}

html.dark .love-client-shell .new-chat-home > div > div:nth-child(2) {
  box-shadow: 0 20px 52px #00000047;
  background: linear-gradient(135deg, #23181cf5 0, #4c05197a 100%) !important;
}

.love-client-shell .guide-steps-grid > div {
  box-shadow: 0 10px 28px #9f12390f;
  background: #ffffffbd !important;
  border-radius: 14px !important;
}

.love-client-shell .guide-steps-grid > div:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px #9f12391a;
  border-color: #e11d4847 !important;
}

.love-client-shell .markdown-body blockquote {
  border-left: 4px solid var(--accent);
  color: var(--text);
  background: #fff1f2bd;
  border-radius: 0 12px 12px 0;
  margin: 8px 0;
  padding: 10px 12px;
  position: relative;
}

html.dark .love-client-shell .markdown-body blockquote {
  background: #8813372e;
}

.love-client-shell .markdown-body strong {
  color: #9f1239;
}

html.dark .love-client-shell .markdown-body strong {
  color: #fda4af;
}

.love-chat-input {
  padding-bottom: 14px !important;
}

.love-chat-input > div {
  max-width: 860px !important;
}

.love-chat-input > div > div[style*="border-radius: 14px"] {
  background: #ffffffeb !important;
  border-color: #e11d482e !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 48px #9f12391f, inset 0 1px #ffffffd1 !important;
}

html.dark .love-chat-input > div > div[style*="border-radius: 14px"] {
  background: #23181cf0 !important;
  box-shadow: 0 18px 48px #00000052 !important;
}

.love-chat-input textarea::placeholder {
  color: var(--text-dim);
}

.love-client-shell .love-coach-home-scroll {
  padding-left: 48px !important;
  padding-right: 24px !important;
}

.love-client-shell .love-coach-home-inner {
  width: min(1040px, 100% - 72px) !important;
  margin-left: clamp(24px, 7vw, 128px) !important;
  margin-right: auto !important;
}

.love-client-shell .love-chat-input {
  padding-left: 48px !important;
  padding-right: 24px !important;
}

.love-client-shell .love-chat-input > div {
  max-width: 780px !important;
  margin-left: clamp(24px, 18vw, 360px) !important;
  margin-right: auto !important;
}

.love-client-shell .love-chat-history-inner {
  max-width: 780px !important;
  margin-left: clamp(24px, 18vw, 360px) !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.love-followup-prompts {
  gap: 8px;
  width: min(420px, 100%);
  margin-top: 10px;
  display: grid;
}

.love-followup-prompts button {
  border: 1px solid var(--border);
  min-height: 38px;
  padding: 8px 13px;
}

@supports (color: color-mix(in lab, red, red)) {
  .love-followup-prompts button {
    border: 1px solid color-mix(in srgb, var(--border) 90%, transparent);
  }
}

.love-followup-prompts button {
  color: var(--text);
  cursor: pointer;
  text-align: left;
  background: #ffffffb8;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  transition: border-color .15s, background .15s, color .15s, transform .15s;
}

.love-followup-loading {
  border: 1px dashed var(--border);
  align-items: center;
  min-height: 38px;
  padding: 8px 13px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .love-followup-loading {
    border: 1px dashed color-mix(in srgb, var(--border) 90%, transparent);
  }
}

.love-followup-loading {
  color: var(--text-muted);
  background: #ffffff8a;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.35;
}

.love-followup-prompts button:hover {
  border-color: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .love-followup-prompts button:hover {
    border-color: color-mix(in srgb, var(--accent) 34%, transparent);
  }
}

.love-followup-prompts button:hover {
  background: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .love-followup-prompts button:hover {
    background: color-mix(in srgb, var(--accent) 7%, white);
  }
}

.love-followup-prompts button:hover {
  color: var(--accent);
  transform: translateY(-1px);
}

html.dark .love-followup-prompts button {
  background: #23181cb8;
}

html.dark .love-followup-loading {
  background: #23181c8a;
}

.love-drop-zone {
  background: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .love-drop-zone {
    background: color-mix(in srgb, var(--accent) 7%, transparent);
  }
}

.love-drop-ripple {
  border-color: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .love-drop-ripple {
    border-color: color-mix(in srgb, var(--accent) 48%, transparent);
  }
}

.love-drop-illustration {
  color: var(--accent);
  filter: drop-shadow(0 8px 20px var(--accent));
}

@supports (color: color-mix(in lab, red, red)) {
  .love-drop-illustration {
    filter: drop-shadow(0 8px 20px color-mix(in srgb, var(--accent) 18%, transparent));
  }
}

.love-auth-page {
  position: relative;
  overflow: hidden;
}

.love-auth-page:before {
  content: "恋爱参谋";
  color: #9f12390f;
  pointer-events: none;
  font-size: clamp(72px, 13vw, 180px);
  font-weight: 850;
  line-height: 1;
  position: fixed;
  top: clamp(36px, 12vh, 120px);
  left: clamp(20px, 8vw, 120px);
}

.love-auth-card {
  z-index: 1;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  position: relative;
  box-shadow: 0 24px 70px #9f123924, inset 0 1px #ffffffe6;
  background: #ffffffe0 !important;
  border-radius: 20px !important;
  width: min(390px, 100%) !important;
}

.love-auth-card h1 {
  letter-spacing: 0 !important;
  font-size: 24px !important;
}

.love-auth-card input {
  border-radius: 12px !important;
  height: 42px !important;
}

.love-auth-card button[type="submit"] {
  box-shadow: 0 12px 26px #e11d4838;
  border-radius: 12px !important;
  height: 42px !important;
}

@media (max-width: 640px) {
  .love-client-shell .new-chat-home {
    padding-top: 42px;
  }

  .love-client-shell .new-chat-home > div > div:first-child, .love-client-shell .new-chat-home > div > div:nth-child(2) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .love-client-shell .new-chat-home > div > div:first-child span[style*="font-size: 22px"] {
    font-size: 24px !important;
  }

  .love-chat-input {
    padding-right: 16px !important;
  }

  .love-client-shell .love-coach-home-scroll, .love-client-shell .love-chat-input {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .love-client-shell .love-coach-home-inner, .love-client-shell .love-chat-history-inner, .love-client-shell .love-chat-input > div {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.guide-page {
  min-height: 100dvh;
  color: var(--text);
  background: linear-gradient(#fff1f2eb 0, #fff0 600px), #fafafa;
  padding: 24px 18px 64px;
  overflow: hidden auto;
}

html.dark .guide-page {
  background: linear-gradient(180deg, #88133738 0, #1a1a1a00 520px),
    linear-gradient(90deg, #14532d29 0, #1a1a1a00 42%),
    var(--bg);
}

.guide-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.guide-topbar {
  z-index: 10;
  background: var(--bg);
  border: 1px solid #94a3b847;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 54px;
  padding: 8px 10px 8px 14px;
  display: grid;
  position: sticky;
  top: 12px;
}

@supports (color: color-mix(in lab, red, red)) {
  .guide-topbar {
    background: color-mix(in srgb, var(--bg) 90%, transparent);
  }
}

.guide-topbar {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 50px #0f172a14;
}

.guide-brand, .guide-start-link, .guide-primary-link, .guide-secondary-link {
  justify-content: center;
  align-items: center;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}

.guide-brand {
  color: var(--text);
  white-space: nowrap;
  gap: 8px;
  font-size: 15px;
}

.guide-brand span {
  color: #fff;
  background: #e11d48;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 15px;
  line-height: 1;
  display: inline-flex;
}

.guide-nav-links a {
  min-height: 32px;
  color: var(--text-muted);
  white-space: nowrap;
  border-radius: 7px;
  padding: 7px 9px;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
}

.guide-nav-links a:hover {
  background: var(--bg-hover);
  color: var(--text);
}

.guide-user-status {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: inline-flex;
}

.guide-user-pill, .guide-admin-link {
  white-space: nowrap;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.guide-user-pill {
  max-width: min(34vw, 340px);
  min-height: 34px;
  color: var(--text);
  background: #ffffffc2;
  border: 1px solid #9f12391f;
  border-radius: 999px;
  gap: 7px;
  padding: 4px 5px 4px 12px;
  box-shadow: 0 10px 26px #e11d4814;
}

.guide-user-name {
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 120px;
  font-size: 12px;
  font-weight: 750;
  overflow: hidden;
}

.guide-user-plan {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 650;
}

.guide-user-quota {
  color: #fff;
  font-variant-numeric: tabular-nums;
  background: #e11d48;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 750;
}

.guide-admin-link {
  min-height: 34px;
  color: var(--text-muted);
  background: #ffffffa3;
  border: 1px solid #9f12391f;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 750;
}

.guide-user-pill:hover, .guide-admin-link:hover {
  color: var(--text);
  border-color: #e11d483d;
}

.guide-start-link {
  background: var(--text);
  height: 34px;
  color: var(--bg);
  border-radius: 7px;
  padding: 0 13px;
  font-size: 13px;
}

.guide-feature-hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  min-height: calc(100dvh - 104px);
  padding: 58px 0 36px;
  scroll-margin-top: 92px;
  display: flex;
}

.guide-hero-copy {
  flex-direction: column;
  align-items: center;
  min-width: 0;
  display: flex;
}

.guide-kicker, .guide-mini-label, .guide-center-title span, .guide-system-head span {
  color: #be123c;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.guide-kicker {
  color: #be123c;
  background: #f43f5e1a;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  margin-bottom: 26px;
  padding: 0 12px;
}

.guide-hero-copy h1 {
  max-width: 900px;
  color: var(--text);
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(42px, 6.4vw, 76px);
  font-weight: 850;
  line-height: 1.05;
}

.guide-hero-copy h1 span {
  color: #e11d48;
  padding-right: 8px;
  font-family: Georgia, Times New Roman, Noto Serif SC, serif;
  font-style: italic;
  font-weight: 750;
}

.guide-hero-copy p {
  max-width: 740px;
  color: var(--text-muted);
  margin: 22px 0 0;
  font-size: 18px;
  line-height: 1.9;
}

.guide-hero-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
  display: flex;
}

.guide-primary-link, .guide-secondary-link {
  border-radius: 8px;
  height: 44px;
  padding: 0 18px;
  font-size: 14px;
}

.guide-primary-link {
  color: #fff;
  background: #e11d48;
  box-shadow: 0 14px 30px #e11d4838;
}

.guide-secondary-link {
  border: 1px solid var(--border);
  background: var(--bg);
  color: var(--text);
}

.guide-case-demo {
  width: min(672px, 100%);
  margin-top: 34px;
  position: relative;
}

.guide-case-card {
  text-align: left;
  background: #fff;
  border: 1px solid #f4f4f5cc;
  border-radius: 32px;
  width: 100%;
  min-height: 380px;
  padding: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 34px #8813370d;
}

html.dark .guide-case-card {
  background: var(--bg-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .guide-case-card {
    background: color-mix(in srgb, var(--bg-panel) 82%, black);
  }
}

.guide-case-tabs {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 32px;
  display: flex;
  overflow-x: auto;
}

.guide-case-tabs button {
  color: #52525b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
  transition: background .2s, color .2s, border-color .2s, transform .2s, box-shadow .2s;
  display: inline-flex;
}

.guide-case-tabs button:hover {
  color: #27272a;
  background: #f4f4f5;
}

.guide-case-tabs button.is-active {
  color: #fff;
  background: #18181b;
  border-color: #18181b;
  box-shadow: 0 8px 16px #18181b24;
}

.guide-case-phone {
  background: none;
  border: none;
  border-radius: 0;
  flex-direction: column;
  min-height: 320px;
  padding: 0;
  display: flex;
}

html.dark .guide-case-phone {
  background: linear-gradient(180deg, #27272acc, #18181be0),
    var(--bg-panel);
}

.guide-case-message span {
  color: #71717a;
  background: #e4e4e7;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.guide-case-message p {
  color: #27272a;
  background: #f4f4f5;
  border-radius: 3px 20px 20px;
  max-width: 72%;
  margin: 0;
  padding: 14px 20px;
  font-size: 16px;
  line-height: 1.55;
}

.guide-case-coach-avatar {
  color: #e11d48;
  background: #ffe4e6;
  border: 1px solid #fecdd3;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
  box-shadow: 0 1px 2px #88133714;
}

.guide-case-coach-avatar svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 21px;
  height: 21px;
}

.guide-case-answer {
  color: #fff;
  background: linear-gradient(135deg, #f43f5e, #be123c);
  border-radius: 20px 3px 20px 20px;
  max-width: 85%;
  margin-left: auto;
  padding: 20px 24px;
  box-shadow: 0 14px 28px #be123c33;
}

.guide-case-answer span {
  color: #ffe4e6eb;
  letter-spacing: .08em;
  border-bottom: 1px solid #ffffff42;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 850;
  display: flex;
}

.guide-case-answer span svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.guide-case-answer p {
  color: #fff1f2f5;
  margin: 0;
  font-size: 14px;
  font-weight: 350;
  line-height: 1.8;
}

.guide-case-answer blockquote small {
  color: #ffe4e6db;
  margin-bottom: 9px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.guide-center-title h2, .guide-system-head h2, .guide-specs-section h2 {
  color: var(--text);
  letter-spacing: 0;
  margin: 8px 0 0;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.18;
}

.guide-problem-section .guide-center-title h2 {
  margin-top: 0;
  font-size: 34px;
}

.guide-problem-section .guide-center-title p {
  font-size: 18px;
  font-weight: 300;
}

.guide-center-title p, .guide-system-head p, .guide-specs-section .guide-center-title p {
  color: var(--text-muted);
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.8;
}

.guide-problem-card, .guide-system-card, .guide-spec-card {
  border: 1px solid var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  .guide-problem-card, .guide-system-card, .guide-spec-card {
    border: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
  }
}

.guide-problem-card {
  background: #fff;
  border-color: #e4e4e7;
  border-radius: 24px;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  min-height: 198px;
  padding: 32px 32px 40px;
  transition: transform .18s, box-shadow .18s, border-color .18s;
  display: grid;
  box-shadow: 0 1px 2px #0f172a0a;
}

.guide-problem-card:hover {
  border-color: #94a3b87a;
  transform: translateY(-4px);
  box-shadow: 0 18px 36px #0f172a14;
}

.guide-problem-card > div {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 0;
  display: inline-flex;
}

.guide-tone-blue > div {
  color: #2563eb;
  background: #eff6ff;
}

.guide-tone-rose > div {
  color: #e11d48;
  background: #fff1f2;
}

.guide-tone-amber > div {
  color: #d97706;
  background: #fffbeb;
}

.guide-tone-emerald > div {
  color: #059669;
  background: #ecfdf5;
}

.guide-problem-card h3, .guide-system-card h3 {
  color: var(--text);
  margin: 0;
  font-size: 22px;
  line-height: 1.4;
}

.guide-problem-card p, .guide-system-card p {
  color: var(--text-muted);
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.82;
}

.guide-system-section {
  color: #fafafa;
  background: #18181b;
  border-radius: 40px;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px #00000040;
}

.guide-system-section:before {
  content: "";
  filter: blur(100px);
  pointer-events: none;
  background: #f43f5e1a;
  border-radius: 999px;
  width: 384px;
  height: 384px;
  position: absolute;
  top: -80px;
  right: -80px;
}

.guide-system-head {
  z-index: 1;
  text-align: center;
  max-width: 760px;
  margin: 0 auto 80px;
  position: relative;
}

.guide-system-head h2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 40px;
}

.guide-system-head p {
  color: #f4f4f5a8;
  font-size: 18px;
  font-weight: 300;
}

.guide-system-card {
  background: #27272a66;
  border-color: #3f3f4680;
  border-radius: 28px;
  min-height: 344px;
  padding: 32px;
  transition: background .18s, border-color .18s;
}

.guide-system-card-head {
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.guide-system-icon {
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: inline-flex;
}

.guide-system-indigo .guide-system-icon {
  color: #818cf8;
  background: #6366f11a;
  border-color: #6366f133;
}

.guide-system-card-head p {
  color: #f4f4f594;
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.55;
}

.guide-system-item:hover {
  border-color: #71717ab8;
}

.guide-system-item h4 {
  color: #f4f4f5e0;
  align-items: center;
  gap: 8px;
  margin: 0 0 7px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  display: flex;
}

.guide-system-indigo .guide-system-item h4 span {
  color: #818cf8;
}

.guide-system-item p {
  color: #a1a1aad1;
  margin: 0;
  font-size: 12px;
  line-height: 1.65;
}

.guide-specs-section {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 24px;
}

.guide-specs-section .guide-center-title {
  margin-bottom: 64px;
}

.guide-specs-section .guide-center-title h2 {
  margin-top: 0;
  font-size: 34px;
}

.guide-specs-section .guide-center-title p {
  font-size: 18px;
  font-weight: 300;
}

.guide-spec-card {
  background: #fff;
  border-color: #e4e4e7;
  border-radius: 24px;
  padding: 32px;
  transition: border-color .22s, box-shadow .22s;
  box-shadow: 0 1px 2px #0f172a0a;
}

.guide-spec-card:hover {
  border-color: #fecdd3;
  box-shadow: 0 0 0 4px #fff1f2, 0 1px 2px #0f172a0a;
}

.guide-spec-card h3 {
  color: #18181b;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.35;
  display: flex;
}

.guide-spec-card h3 span {
  color: #71717a;
  background: #f4f4f5;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-family: Georgia, Times New Roman, Noto Serif SC, serif;
  font-size: 14px;
  font-weight: 800;
  transition: background .22s, color .22s;
  display: inline-flex;
}

.guide-spec-card:hover h3 span {
  color: #e11d48;
  background: #ffe4e6;
}

.guide-spec-card > div {
  gap: 16px;
  display: grid;
}

.guide-spec-card p svg {
  fill: none;
  stroke: #10b981b8;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  transition: stroke .22s;
}

@media (max-width: 980px) {
  .guide-topbar {
    grid-template-columns: 1fr auto;
  }

  .guide-nav-links {
    display: none;
  }

  .guide-feature-hero {
    min-height: 0;
    padding-top: 34px;
  }

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

  .guide-problem-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .guide-page {
    padding: 12px 12px 42px;
  }

  .guide-topbar {
    min-height: 50px;
    top: 8px;
  }

  .guide-start-link {
    padding: 0 11px;
  }

  .guide-section {
    margin-top: 54px;
  }

  .guide-hero-copy h1 {
    font-size: 40px;
  }

  .guide-hero-copy p {
    font-size: 14px;
  }

  .guide-case-phone {
    min-height: 0;
    padding: 0;
  }

  .guide-case-card {
    padding: 20px;
  }

  .guide-case-message p {
    max-width: 82%;
  }

  .guide-case-answer {
    max-width: 96%;
  }

  .guide-problem-grid, .guide-system-grid, .guide-specs-grid {
    grid-template-columns: 1fr;
  }

  .guide-problem-card {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 24px;
  }

  .guide-problem-card > div {
    width: 58px;
    height: 58px;
  }

  .guide-system-section {
    margin-left: 0;
    margin-right: 0;
    padding: 42px 16px;
  }

  .guide-system-grid {
    padding: 0;
  }

  .guide-system-card {
    min-height: 0;
    padding: 22px;
  }

  .guide-system-card-head {
    align-items: flex-start;
  }

  .guide-system-items {
    grid-template-columns: 1fr;
  }

  .guide-spec-card {
    padding: 24px;
  }
}

.guide-page {
  color: #18181b;
  background: #fafafa;
  min-height: 100dvh;
  padding: 64px 0 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  position: relative;
  overflow-x: hidden;
}

.guide-bg-glow {
  pointer-events: none;
  background: linear-gradient(#fff1f2cc, #0000);
  height: 600px;
  position: absolute;
  inset: 0 0 auto;
}

.guide-shell {
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 64px 0 0;
  position: relative;
}

.guide-topbar {
  z-index: 50;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #ffffffd1;
  border: 0;
  border-radius: 0;
  min-height: 64px;
  padding: 0;
  display: block;
  position: fixed;
  inset: 0 0 auto;
  box-shadow: 0 1px 2px #18181b0a;
}

.guide-topbar > div {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: min(1152px, 100%);
  height: 64px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
}

.guide-brand {
  color: #18181b;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  font-family: Georgia, Times New Roman, Noto Serif SC, serif;
  font-size: 20px;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
}

.guide-brand span {
  color: #e11d48;
  background: #ffe4e6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: transform .18s;
  display: inline-flex;
}

.guide-brand:hover span {
  transform: scale(1.05);
}

.guide-brand svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 20px;
  height: 20px;
}

.guide-nav-links {
  justify-content: flex-end;
  align-items: center;
  gap: 34px;
  min-width: 0;
  display: flex;
}

.guide-nav-links a {
  color: #52525b;
  white-space: nowrap;
  border-radius: 0;
  min-height: auto;
  padding: 0;
  font-size: 16px;
  font-weight: 750;
  text-decoration: none;
  transition: color .18s;
}

.guide-nav-links a:hover {
  color: #e11d48;
  background: none;
}

.guide-topbar .guide-user-status {
  flex-shrink: 0;
}

.guide-topbar .guide-user-pill {
  color: #18181b;
  background: #fff;
  border-color: #fecdd3;
  box-shadow: 0 10px 24px #e11d4814;
}

.guide-topbar .guide-user-name {
  font-size: 13px;
}

.guide-topbar .guide-user-plan {
  color: #71717a;
  font-size: 12px;
}

.guide-topbar .guide-user-quota {
  background: #e11d48;
}

.guide-topbar .guide-admin-link {
  color: #52525b;
  background: #fff;
  border-color: #fecdd3;
}

.guide-topbar .guide-admin-link:hover, .guide-topbar .guide-user-pill:hover {
  color: #e11d48;
  border-color: #fb7185;
}

.guide-feature-hero {
  text-align: left;
  flex-direction: row;
  align-items: center;
  gap: clamp(48px, 6vw, 80px);
  width: min(1280px, 100%);
  min-height: auto;
  margin: 0 auto;
  padding: 64px 24px 80px;
  scroll-margin-top: 96px;
  display: flex;
}

.guide-hero-copy {
  flex: 1 1 0;
  align-items: flex-start;
  min-width: 0;
  padding-top: 24px;
}

.guide-kicker {
  color: #e11d48;
  background: #fff1f2d1;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  margin: 0 0 32px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #fecdd380;
}

.guide-kicker svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 16px;
  height: 16px;
}

.guide-hero-copy h1 {
  color: #18181b;
  letter-spacing: 0;
  max-width: 720px;
  margin: 0 0 24px;
  font-size: clamp(50px, 5vw, 72px);
  font-weight: 850;
  line-height: 1.1;
}

.guide-hero-copy h1 span {
  color: #e11d48;
  margin-top: 8px;
  padding-right: 8px;
  font-family: Georgia, Times New Roman, Noto Serif SC, serif;
  font-style: italic;
  font-weight: 500;
  display: block;
}

.guide-hero-copy p {
  color: #52525b;
  max-width: 672px;
  margin: 0 0 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.68;
}

.guide-hero-copy p strong {
  color: #18181b;
  font-weight: 600;
}

.guide-hero-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin: 0;
  display: flex;
}

.guide-primary-link {
  color: #fff;
  background: #18181b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 0 32px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .18s, background .18s, box-shadow .18s;
  display: inline-flex;
  box-shadow: 0 16px 28px #18181b29;
}

.guide-primary-link:after {
  content: "→";
  margin-left: 10px;
  font-size: 20px;
  line-height: 1;
}

.guide-primary-link:hover {
  background: #27272a;
  transform: translateY(-2px);
  box-shadow: 0 20px 34px #18181b2e;
}

.guide-hero-actions > p {
  color: #71717a;
  margin: 0;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
}

.guide-hero-actions > p span {
  color: #e11d48;
  font-weight: 850;
}

.guide-case-demo {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background: #ffffffc7;
  border: 1px solid #fff9;
  border-radius: 40px;
  flex: 1 1 0;
  width: 100%;
  max-width: 560px;
  margin-top: 0;
  padding: 12px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px #88133712;
}

.guide-case-demo:before {
  content: "";
  z-index: -1;
  filter: blur(48px);
  background: linear-gradient(45deg, #fecdd36b, #0000, #fef3c761);
  border-radius: 999px;
  position: absolute;
  inset: -10%;
}

.guide-case-tabs {
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0 8px 8px;
  display: flex;
  overflow-x: auto;
}

.guide-case-tabs button {
  color: #52525b;
  white-space: nowrap;
  cursor: pointer;
  background: #f4f4f5d1;
  border: 0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  transition: background .18s, color .18s, box-shadow .18s;
  display: inline-flex;
}

.guide-case-tabs button svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9px;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: #a1a1aa;
  width: 16px;
  height: 16px;
}

.guide-case-tabs button.is-active {
  color: #fff;
  background: #f43f5e;
  box-shadow: 0 10px 20px #f43f5e38;
}

.guide-case-tabs button.is-active svg {
  color: #ffe4e6;
}

.guide-case-card {
  width: 100%;
  min-height: 420px;
  box-shadow: none;
  background: #f8f9fa;
  border: 1px solid #f4f4f5;
  border-radius: 24px;
  padding: 24px;
  position: relative;
  overflow: hidden;
}

.guide-case-phone {
  background: none;
  flex-direction: column;
  min-height: 372px;
  padding: 0;
  display: flex;
}

.guide-case-message {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 32px;
  display: flex;
}

.guide-case-message span {
  color: #71717a;
  background: #e4e4e7;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Georgia, Times New Roman, Noto Serif SC, serif;
  font-size: 18px;
  font-weight: 800;
  display: inline-flex;
}

.guide-case-message p {
  color: #27272a;
  background: #fff;
  border: 1px solid #f4f4f5;
  border-radius: 4px 16px 16px;
  max-width: 85%;
  margin: 4px 0 0;
  padding: 14px 20px;
  font-size: 15px;
  line-height: 1.55;
  box-shadow: 0 1px 2px #18181b0a;
}

.guide-case-answer-row {
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 12px;
  margin-top: 0;
  display: flex;
}

.guide-case-coach-avatar {
  color: #fff;
  background: linear-gradient(135deg, #fb7185, #e11d48);
  border: 0;
  border-radius: 999px;
  width: 40px;
  height: 40px;
  margin-top: 4px;
  position: relative;
  box-shadow: 0 10px 20px #f43f5e38;
}

.guide-case-coach-avatar svg {
  stroke-width: 1.9px;
  width: 20px;
  height: 20px;
}

.guide-case-coach-avatar i {
  background: #10b981;
  border: 2px solid #fff;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: -3px;
  right: -3px;
}

.guide-case-reply-stack {
  width: 100%;
  max-width: 85%;
}

.guide-case-diagnosis {
  color: #52525b;
  background: #fff;
  border: 1px solid #ffe4e6;
  border-radius: 16px 4px 16px 16px;
  margin-bottom: 16px;
  padding: 16px 20px;
  box-shadow: 0 1px 2px #18181b0a;
}

.guide-case-diagnosis span {
  color: #f43f5e;
  letter-spacing: .04em;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 850;
  display: flex;
}

.guide-case-diagnosis span svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 14px;
  height: 14px;
}

.guide-case-diagnosis p {
  color: #52525b;
  margin: 0;
  font-size: 14px;
  line-height: 1.72;
}

.guide-case-answer {
  color: #fff;
  background: linear-gradient(135deg, #18181b, #27272a);
  border: 1px solid #3f3f46;
  border-radius: 16px;
  max-width: none;
  margin: 0;
  padding: 20px;
  box-shadow: 0 16px 28px #18181b2e;
}

.guide-case-answer span {
  color: #a1a1aa;
  letter-spacing: 0;
  border: 0;
  margin: 0 0 10px;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  display: block;
}

.guide-case-answer blockquote {
  color: #fff1f2;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-family: Georgia, Times New Roman, Noto Serif SC, serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
}

.guide-section {
  margin-top: 128px;
  scroll-margin-top: 96px;
}

.guide-problem-section {
  width: min(1280px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding: 32px 24px 0;
}

.guide-center-title {
  text-align: center;
  max-width: 768px;
  margin: 0 auto 64px;
}

.guide-center-title h2 {
  color: #18181b;
  letter-spacing: 0;
  margin: 0 0 24px;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 850;
  line-height: 1.15;
}

.guide-center-title h2 span {
  color: #a1a1aa;
  font-size: inherit;
  font-weight: 300;
  display: inline;
}

.guide-center-title p {
  color: #71717a;
  margin: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.7;
}

.guide-problem-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  max-width: none;
  margin: 0;
  display: grid;
}

.guide-problem-card {
  background: #fff;
  border: 1px solid #e4e4e799;
  border-radius: 32px;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  min-height: 0;
  padding: 40px;
  transition: transform .25s, box-shadow .25s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 40px #e4e4e733;
}

.guide-problem-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 25px 50px #e4e4e761;
}

.guide-problem-card:before {
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.guide-problem-card:hover:before {
  opacity: .55;
}

.guide-problem-card > div {
  z-index: 1;
  border: 1px solid #0000;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: inline-flex;
  position: relative;
  box-shadow: 0 1px 2px #18181b0a;
}

.guide-problem-card svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 32px;
  height: 32px;
}

.guide-problem-card section {
  z-index: 1;
  position: relative;
}

.guide-problem-card h3 {
  color: #18181b;
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.35;
}

.guide-problem-card p {
  color: #71717a;
  margin: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
}

.guide-tone-blue > div, .guide-tone-blue:before {
  color: #2563eb;
  background: #eff6ff;
  border-color: #dbeafe;
}

.guide-tone-amber > div, .guide-tone-amber:before {
  color: #d97706;
  background: #fffbeb;
  border-color: #fef3c7;
}

.guide-tone-rose > div, .guide-tone-rose:before {
  color: #e11d48;
  background: #fff1f2;
  border-color: #ffe4e6;
}

.guide-tone-emerald > div, .guide-tone-emerald:before {
  color: #059669;
  background: #ecfdf5;
  border-color: #d1fae5;
}

.guide-system-section {
  color: #fafafa;
  background: #09090b;
  border-radius: 48px;
  width: min(1280px, 100% - 48px);
  max-width: 1280px;
  margin: 128px auto 0;
  padding: 96px 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px #00000040;
}

.guide-system-section:before {
  content: "";
  filter: blur(120px);
  background: #e11d481a;
  border-radius: 999px;
  width: 600px;
  height: 600px;
  position: absolute;
  top: -80px;
  right: -160px;
}

.guide-system-section:after {
  content: "";
  filter: blur(120px);
  background: #2563eb1a;
  border-radius: 999px;
  width: 500px;
  height: 500px;
  position: absolute;
  bottom: -80px;
  left: -160px;
}

.guide-system-head {
  z-index: 1;
  text-align: center;
  max-width: 768px;
  margin: 0 auto 80px;
  padding: 0 16px;
  position: relative;
}

.guide-system-head h2 {
  color: #fff;
  margin: 0 0 24px;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 850;
  line-height: 1.15;
}

.guide-system-head p {
  color: #a1a1aa;
  margin: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.75;
}

.guide-system-grid {
  z-index: 1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
  padding: 0 48px;
  display: grid;
  position: relative;
}

.guide-system-card {
  background: none;
  border: 0;
  border-radius: 0;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  display: flex;
}

.guide-system-card:hover {
  background: none;
  border-color: #0000;
}

.guide-system-card-head {
  z-index: 2;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #09090bd1;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding: 8px 0;
  display: flex;
  position: sticky;
  top: 0;
}

.guide-system-icon {
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: inline-flex;
  box-shadow: inset 0 1px 8px #ffffff08;
}

.guide-system-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 28px;
  height: 28px;
}

.guide-system-blue .guide-system-icon {
  color: #60a5fa;
  background: #3b82f61a;
  border-color: #3b82f633;
}

.guide-system-rose .guide-system-icon {
  color: #fb7185;
  background: #f43f5e1a;
  border-color: #f43f5e33;
}

.guide-system-emerald .guide-system-icon {
  color: #34d399;
  background: #10b9811a;
  border-color: #10b98133;
}

.guide-system-amber .guide-system-icon {
  color: #fbbf24;
  background: #f59e0b1a;
  border-color: #f59e0b33;
}

.guide-system-card-head h3 {
  color: #fff;
  margin: 0;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.25;
}

.guide-system-card-head p {
  color: #a1a1aa;
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.55;
}

.guide-system-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.guide-system-item {
  background: #18181b99;
  border: 1px solid #27272a;
  border-radius: 16px;
  min-height: 0;
  padding: 20px;
  transition: background .18s, border-color .18s;
}

.guide-system-item:hover {
  background: #27272a;
  border-color: #52525b;
}

.guide-system-item h4 {
  color: #f4f4f5;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.guide-system-item h4 span {
  background: currentColor;
  border-radius: 999px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.guide-system-blue .guide-system-item h4 span {
  color: #60a5fa;
}

.guide-system-rose .guide-system-item h4 span {
  color: #fb7185;
}

.guide-system-emerald .guide-system-item h4 span {
  color: #34d399;
}

.guide-system-amber .guide-system-item h4 span {
  color: #fbbf24;
}

.guide-system-item p {
  color: #71717a;
  margin: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.75;
}

.guide-specs-section {
  width: min(1152px, 100%);
  max-width: 1152px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 24px 0;
}

.guide-specs-section .guide-center-title {
  max-width: 672px;
  margin-bottom: 64px;
}

.guide-specs-section .guide-center-title h2 {
  font-size: clamp(30px, 3vw, 40px);
}

.guide-specs-section .guide-center-title p {
  font-size: 18px;
}

.guide-specs-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  display: grid;
}

.guide-spec-card {
  box-shadow: none;
  background: #fafafa;
  border: 1px solid #e4e4e799;
  border-radius: 32px;
  padding: 40px;
  transition: background .22s, box-shadow .22s;
  position: relative;
  overflow: hidden;
}

.guide-spec-card:hover {
  background: #fff;
  border-color: #e4e4e799;
  box-shadow: 0 20px 40px #e4e4e766;
}

.guide-spec-watermark {
  z-index: 0;
  color: #18181b0d;
  -webkit-user-select: none;
  user-select: none;
  font-family: Georgia, Times New Roman, Noto Serif SC, serif;
  font-size: 120px;
  font-weight: 850;
  line-height: 1;
  transition: color .22s;
  position: absolute;
  top: -24px;
  right: -24px;
}

.guide-spec-card:hover .guide-spec-watermark {
  color: #e11d480d;
}

.guide-spec-card h3 {
  z-index: 1;
  color: #18181b;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 32px;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.3;
  display: flex;
  position: relative;
}

.guide-spec-card h3 span {
  color: #f43f5e;
  letter-spacing: .08em;
  background: none;
  border-radius: 0;
  width: auto;
  height: auto;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
}

.guide-spec-card > div:not(.guide-spec-watermark) {
  z-index: 1;
  gap: 16px;
  display: grid;
  position: relative;
}

.guide-spec-card p {
  color: #52525b;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.75;
  display: flex;
}

.guide-spec-card p > span {
  background: #fff;
  border: 1px solid #e4e4e7;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  transition: background .18s, border-color .18s;
  display: inline-flex;
  box-shadow: 0 1px 2px #18181b0a;
}

.guide-spec-card p svg {
  fill: none;
  stroke: #a1a1aa;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 16px;
  height: 16px;
  margin: 0;
  transition: stroke .18s;
}

.guide-spec-card:hover p > span {
  background: #fff1f2;
  border-color: #fecdd3;
}

.guide-spec-card:hover p svg {
  stroke: #f43f5e;
}

.guide-spec-card button {
  z-index: 1;
  color: #71717a;
  cursor: pointer;
  background: none;
  border: 0;
  border-top: 1px solid #e4e4e7a6;
  align-items: center;
  gap: 4px;
  margin-top: 32px;
  padding: 24px 0 0;
  font-size: 14px;
  font-weight: 600;
  transition: color .18s;
  display: inline-flex;
  position: relative;
}

.guide-spec-card button:hover, .guide-spec-card:hover button {
  color: #e11d48;
}

.guide-spec-card button svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 16px;
  height: 16px;
}

.guide-footer {
  color: #a1a1aa;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e4e4e7;
  padding: 48px 24px;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .guide-feature-hero {
    text-align: center;
    flex-direction: column;
  }

  .guide-hero-copy {
    text-align: center;
    align-items: center;
  }

  .guide-hero-actions {
    justify-content: center;
  }

  .guide-system-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .guide-topbar > div {
    gap: 14px;
    padding: 0 16px;
  }

  .guide-nav-links {
    gap: 12px;
    overflow-x: auto;
  }

  .guide-nav-links a {
    font-size: 13px;
  }

  .guide-brand {
    font-size: 18px;
  }

  .guide-user-status {
    gap: 6px;
  }

  .guide-user-pill {
    max-width: 42vw;
    padding-left: 10px;
  }

  .guide-user-name {
    max-width: 78px;
  }

  .guide-user-plan, .guide-admin-link {
    display: none;
  }

  .guide-feature-hero {
    padding: 40px 16px 64px;
  }

  .guide-hero-copy h1 {
    font-size: 44px;
  }

  .guide-hero-copy p {
    font-size: 17px;
  }

  .guide-case-card {
    min-height: 0;
    padding: 18px;
  }

  .guide-case-phone {
    min-height: 0;
  }

  .guide-case-reply-stack {
    max-width: 92%;
  }

  .guide-problem-grid, .guide-specs-grid {
    grid-template-columns: 1fr;
  }

  .guide-problem-card {
    padding: 28px;
  }

  .guide-system-section {
    border-radius: 32px;
    width: calc(100% - 24px);
    padding: 56px 16px;
  }

  .guide-system-grid {
    padding: 0;
  }

  .guide-system-items {
    grid-template-columns: 1fr;
  }

  .guide-spec-card {
    padding: 28px;
  }
}

@media (min-width: 641px) {
  .right-panel-container {
    flex-shrink: 0;
    transition: width .2s, min-width .2s;
    overflow: hidden;
  }

  .right-panel-container.right-panel-open {
    width: 42%;
    min-width: 300px;
  }

  .right-panel-container.right-panel-closed {
    width: 0;
    min-width: 0;
    border-left: none !important;
  }

  .right-panel-container > * {
    width: 42vw;
    min-width: 300px;
  }
}

@media (max-width: 640px) {
  .chat-stats-center {
    display: none !important;
  }

  .sidebar-container {
    width: 280px;
    max-width: 85vw;
    transition: transform .25s, box-shadow .25s;
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed !important;
  }

  .sidebar-container.sidebar-open {
    transform: translateX(0);
    box-shadow: 4px 0 20px #00000026;
  }

  .sidebar-container.sidebar-closed {
    box-shadow: none;
    transform: translateX(-100%);
  }

  .right-panel-container {
    flex-shrink: 0;
    transition: width .2s, min-width .2s;
    overflow: hidden;
  }

  .right-panel-container.right-panel-open {
    width: 100%;
    min-width: 0;
  }

  .right-panel-container.right-panel-closed {
    border-left: none !important;
    width: 0 !important;
    min-width: 0 !important;
    display: none !important;
  }

  .chat-account-overlay {
    right: 10px;
  }

  .chat-account-overlay-pill {
    gap: 6px;
    max-width: 54vw;
    padding: 0 8px;
  }

  .chat-account-overlay-name {
    max-width: 72px;
  }

  .chat-account-overlay-plan, .chat-account-overlay-admin {
    display: none;
  }

  .chat-account-popover {
    width: calc(100vw - 20px);
    right: -4px;
  }

  .chat-account-popover-grid {
    grid-template-columns: 1fr;
  }

  .love-client-account-button {
    gap: 6px !important;
    max-width: 52vw !important;
    padding: 0 8px !important;
  }

  .love-client-account-name {
    max-width: 72px !important;
  }

  .love-client-account-plan {
    display: none !important;
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__07z0aaj._.css.map*/