@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Patrick+Hand&family=Fira+Code:wght@400;500&display=swap";
@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(../media/KaTeX_AMS-Regular.3dqqgop8d9q74.woff2)format("woff2"),url(../media/KaTeX_AMS-Regular.3s3485bbs_y9t.woff)format("woff"),url(../media/KaTeX_AMS-Regular.06540o8ttgt08.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(../media/KaTeX_Caligraphic-Bold.0x398dszol8ix.woff2)format("woff2"),url(../media/KaTeX_Caligraphic-Bold.0i0ys3pk95qm_.woff)format("woff"),url(../media/KaTeX_Caligraphic-Bold.071y7fj7dknco.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(../media/KaTeX_Caligraphic-Regular.3ittfn7d21b9w.woff2)format("woff2"),url(../media/KaTeX_Caligraphic-Regular.3-a7ahrnv-1p0.woff)format("woff"),url(../media/KaTeX_Caligraphic-Regular.2a29kziuqmcwj.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(../media/KaTeX_Fraktur-Bold.3rq09ohrtely_.woff2)format("woff2"),url(../media/KaTeX_Fraktur-Bold.1m6-2-v71aefh.woff)format("woff"),url(../media/KaTeX_Fraktur-Bold.2c272neyw5p5h.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(../media/KaTeX_Fraktur-Regular.1jvgec053-2og.woff2)format("woff2"),url(../media/KaTeX_Fraktur-Regular.1pa447q_ni5m2.woff)format("woff"),url(../media/KaTeX_Fraktur-Regular.0_16ta522mcvb.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(../media/KaTeX_Main-Bold.22wkahef0u3fd.woff2)format("woff2"),url(../media/KaTeX_Main-Bold.1fyzqvxw_mkks.woff)format("woff"),url(../media/KaTeX_Main-Bold.3q46h05c4j0cw.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(../media/KaTeX_Main-BoldItalic.40drhxm0mwrzz.woff2)format("woff2"),url(../media/KaTeX_Main-BoldItalic.0g_mm5w89az4z.woff)format("woff"),url(../media/KaTeX_Main-BoldItalic.2r19jqj9qb5v7.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(../media/KaTeX_Main-Italic.1ck6crdmp78cu.woff2)format("woff2"),url(../media/KaTeX_Main-Italic.3h-lyz6-tj-5j.woff)format("woff"),url(../media/KaTeX_Main-Italic.07vrczmwpvimc.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(../media/KaTeX_Main-Regular.29zz7337tzymc.woff2)format("woff2"),url(../media/KaTeX_Main-Regular.0r86ux5c2_9jc.woff)format("woff"),url(../media/KaTeX_Main-Regular.0cm4nk2aib81i.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(../media/KaTeX_Math-BoldItalic.0u_6s571--hh0.woff2)format("woff2"),url(../media/KaTeX_Math-BoldItalic.1-f92ydojzao_.woff)format("woff"),url(../media/KaTeX_Math-BoldItalic.0m2qm2_orz99k.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(../media/KaTeX_Math-Italic.18dmviy-uianu.woff2)format("woff2"),url(../media/KaTeX_Math-Italic.2d-roszuwfrpn.woff)format("woff"),url(../media/KaTeX_Math-Italic.1vw7gcigzv33_.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(../media/KaTeX_SansSerif-Bold.19n5ohjzvq40z.woff2)format("woff2"),url(../media/KaTeX_SansSerif-Bold.1ad0dh55v7-4h.woff)format("woff"),url(../media/KaTeX_SansSerif-Bold.3ojskmd7zv_b8.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(../media/KaTeX_SansSerif-Italic.38w085lqrghwm.woff2)format("woff2"),url(../media/KaTeX_SansSerif-Italic.0_21g6aey40vy.woff)format("woff"),url(../media/KaTeX_SansSerif-Italic.0abd80e_ako5h.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(../media/KaTeX_SansSerif-Regular.3w8wtfek3qsk6.woff2)format("woff2"),url(../media/KaTeX_SansSerif-Regular.0v2olaztuqa1v.woff)format("woff"),url(../media/KaTeX_SansSerif-Regular.0xkeldfcfvj58.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(../media/KaTeX_Script-Regular.10h737unm2jp7.woff2)format("woff2"),url(../media/KaTeX_Script-Regular.2m7-0wua2lvnq.woff)format("woff"),url(../media/KaTeX_Script-Regular.1hw1d7omwtnoy.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(../media/KaTeX_Size1-Regular.3xype_vsmmjgw.woff2)format("woff2"),url(../media/KaTeX_Size1-Regular.3aliq3yd-ja9b.woff)format("woff"),url(../media/KaTeX_Size1-Regular.44z_qgcc9t0a_.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(../media/KaTeX_Size2-Regular.2-wakugslvf3a.woff2)format("woff2"),url(../media/KaTeX_Size2-Regular.3u0df62zf5guy.woff)format("woff"),url(../media/KaTeX_Size2-Regular.3eprswoc9v3fh.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(../media/KaTeX_Size3-Regular.1nfuh3l6nzhjv.woff2)format("woff2"),url(../media/KaTeX_Size3-Regular.3n7wm08wz2r2g.woff)format("woff"),url(../media/KaTeX_Size3-Regular.2kp2izz6g7r-7.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(../media/KaTeX_Size4-Regular.13pyt7zi482pb.woff2)format("woff2"),url(../media/KaTeX_Size4-Regular.37jvrh2wknf5u.woff)format("woff"),url(../media/KaTeX_Size4-Regular.2ltjhs9xhaefy.ttf)format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(../media/KaTeX_Typewriter-Regular.2vfnlegjq9l42.woff2)format("woff2"),url(../media/KaTeX_Typewriter-Regular.0xi5kyeeydv4z.woff)format("woff"),url(../media/KaTeX_Typewriter-Regular.34aedpl-_o3h3.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.18.7"}.katex .katex-mathml{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.katex .katex-html>.katex-newline{display:block}.katex .katex-base{white-space:nowrap;width:min-content;position:relative}.katex .katex-base,.katex .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 .katex-vbox{flex-direction:column;align-items:baseline;display:inline-flex}.katex .katex-thinbox{flex-direction:row;width:0;max-width:0;display:inline-flex}.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 .katex-hdashline,.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-rule,.katex .katex-underline .underline-line,.katex .mfrac .frac-line{min-height:1px}.katex .mspace{display:inline-block}.katex .katex-smash{line-height:0;display:inline}.katex .clap,.katex .llap,.katex .rlap{width:0;position:relative}.katex .clap>.katex-inner,.katex .llap>.katex-inner,.katex .rlap>.katex-inner{position:absolute}.katex .clap>.katex-fix,.katex .llap>.katex-fix,.katex .rlap>.katex-fix{display:inline-block}.katex .llap>.katex-inner{right:0}.katex .clap>.katex-inner,.katex .rlap>.katex-inner{left:0}.katex .clap>.katex-inner>span{margin-left:-50%;margin-right:50%}.katex .katex-rule{border:0 solid;display:inline-block;position:relative}.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-underline .underline-line{border-bottom-style:solid;width:100%;display:inline-block}.katex .katex-hdashline{border-bottom-style:dashed;width:100%;display:inline-block}.katex .sqrt>.katex-root{margin-left:.277778em;margin-right:-.555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .katex-sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .katex-sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .katex-sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .katex-sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .katex-sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .katex-sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .katex-sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .katex-sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .katex-sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .katex-sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .katex-sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .katex-sizing.reset-size2.size1{font-size:.833333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .katex-sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .katex-sizing.reset-size2.size3{font-size:1.16667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .katex-sizing.reset-size2.size4{font-size:1.33333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .katex-sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .katex-sizing.reset-size2.size6{font-size:1.66667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .katex-sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .katex-sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .katex-sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .katex-sizing.reset-size2.size10{font-size:3.45667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .katex-sizing.reset-size2.size11{font-size:4.14667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .katex-sizing.reset-size3.size1{font-size:.714286em}.katex .fontsize-ensurer.reset-size3.size2,.katex .katex-sizing.reset-size3.size2{font-size:.857143em}.katex .fontsize-ensurer.reset-size3.size3,.katex .katex-sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .katex-sizing.reset-size3.size4{font-size:1.14286em}.katex .fontsize-ensurer.reset-size3.size5,.katex .katex-sizing.reset-size3.size5{font-size:1.28571em}.katex .fontsize-ensurer.reset-size3.size6,.katex .katex-sizing.reset-size3.size6{font-size:1.42857em}.katex .fontsize-ensurer.reset-size3.size7,.katex .katex-sizing.reset-size3.size7{font-size:1.71429em}.katex .fontsize-ensurer.reset-size3.size8,.katex .katex-sizing.reset-size3.size8{font-size:2.05714em}.katex .fontsize-ensurer.reset-size3.size9,.katex .katex-sizing.reset-size3.size9{font-size:2.46857em}.katex .fontsize-ensurer.reset-size3.size10,.katex .katex-sizing.reset-size3.size10{font-size:2.96286em}.katex .fontsize-ensurer.reset-size3.size11,.katex .katex-sizing.reset-size3.size11{font-size:3.55429em}.katex .fontsize-ensurer.reset-size4.size1,.katex .katex-sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .katex-sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .katex-sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .katex-sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .katex-sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .katex-sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .katex-sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .katex-sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .katex-sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .katex-sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .katex-sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .katex-sizing.reset-size5.size1{font-size:.555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .katex-sizing.reset-size5.size2{font-size:.666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .katex-sizing.reset-size5.size3{font-size:.777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .katex-sizing.reset-size5.size4{font-size:.888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .katex-sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .katex-sizing.reset-size5.size6{font-size:1.11111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .katex-sizing.reset-size5.size7{font-size:1.33333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .katex-sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .katex-sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .katex-sizing.reset-size5.size10{font-size:2.30444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .katex-sizing.reset-size5.size11{font-size:2.76444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .katex-sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .katex-sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .katex-sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .katex-sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .katex-sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .katex-sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .katex-sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .katex-sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .katex-sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .katex-sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .katex-sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .katex-sizing.reset-size7.size1{font-size:.416667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .katex-sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .katex-sizing.reset-size7.size3{font-size:.583333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .katex-sizing.reset-size7.size4{font-size:.666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .katex-sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .katex-sizing.reset-size7.size6{font-size:.833333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .katex-sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .katex-sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .katex-sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .katex-sizing.reset-size7.size10{font-size:1.72833em}.katex .fontsize-ensurer.reset-size7.size11,.katex .katex-sizing.reset-size7.size11{font-size:2.07333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .katex-sizing.reset-size8.size1{font-size:.347222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .katex-sizing.reset-size8.size2{font-size:.416667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .katex-sizing.reset-size8.size3{font-size:.486111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .katex-sizing.reset-size8.size4{font-size:.555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .katex-sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .katex-sizing.reset-size8.size6{font-size:.694444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .katex-sizing.reset-size8.size7{font-size:.833333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .katex-sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .katex-sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .katex-sizing.reset-size8.size10{font-size:1.44028em}.katex .fontsize-ensurer.reset-size8.size11,.katex .katex-sizing.reset-size8.size11{font-size:1.72778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .katex-sizing.reset-size9.size1{font-size:.289352em}.katex .fontsize-ensurer.reset-size9.size2,.katex .katex-sizing.reset-size9.size2{font-size:.347222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .katex-sizing.reset-size9.size3{font-size:.405093em}.katex .fontsize-ensurer.reset-size9.size4,.katex .katex-sizing.reset-size9.size4{font-size:.462963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .katex-sizing.reset-size9.size5{font-size:.520833em}.katex .fontsize-ensurer.reset-size9.size6,.katex .katex-sizing.reset-size9.size6{font-size:.578704em}.katex .fontsize-ensurer.reset-size9.size7,.katex .katex-sizing.reset-size9.size7{font-size:.694444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .katex-sizing.reset-size9.size8{font-size:.833333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .katex-sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .katex-sizing.reset-size9.size10{font-size:1.20023em}.katex .fontsize-ensurer.reset-size9.size11,.katex .katex-sizing.reset-size9.size11{font-size:1.43981em}.katex .fontsize-ensurer.reset-size10.size1,.katex .katex-sizing.reset-size10.size1{font-size:.24108em}.katex .fontsize-ensurer.reset-size10.size2,.katex .katex-sizing.reset-size10.size2{font-size:.289296em}.katex .fontsize-ensurer.reset-size10.size3,.katex .katex-sizing.reset-size10.size3{font-size:.337512em}.katex .fontsize-ensurer.reset-size10.size4,.katex .katex-sizing.reset-size10.size4{font-size:.385728em}.katex .fontsize-ensurer.reset-size10.size5,.katex .katex-sizing.reset-size10.size5{font-size:.433944em}.katex .fontsize-ensurer.reset-size10.size6,.katex .katex-sizing.reset-size10.size6{font-size:.48216em}.katex .fontsize-ensurer.reset-size10.size7,.katex .katex-sizing.reset-size10.size7{font-size:.578592em}.katex .fontsize-ensurer.reset-size10.size8,.katex .katex-sizing.reset-size10.size8{font-size:.694311em}.katex .fontsize-ensurer.reset-size10.size9,.katex .katex-sizing.reset-size10.size9{font-size:.833173em}.katex .fontsize-ensurer.reset-size10.size10,.katex .katex-sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .katex-sizing.reset-size10.size11{font-size:1.19961em}.katex .fontsize-ensurer.reset-size11.size1,.katex .katex-sizing.reset-size11.size1{font-size:.200965em}.katex .fontsize-ensurer.reset-size11.size2,.katex .katex-sizing.reset-size11.size2{font-size:.241158em}.katex .fontsize-ensurer.reset-size11.size3,.katex .katex-sizing.reset-size11.size3{font-size:.281351em}.katex .fontsize-ensurer.reset-size11.size4,.katex .katex-sizing.reset-size11.size4{font-size:.321543em}.katex .fontsize-ensurer.reset-size11.size5,.katex .katex-sizing.reset-size11.size5{font-size:.361736em}.katex .fontsize-ensurer.reset-size11.size6,.katex .katex-sizing.reset-size11.size6{font-size:.401929em}.katex .fontsize-ensurer.reset-size11.size7,.katex .katex-sizing.reset-size11.size7{font-size:.482315em}.katex .fontsize-ensurer.reset-size11.size8,.katex .katex-sizing.reset-size11.size8{font-size:.578778em}.katex .fontsize-ensurer.reset-size11.size9,.katex .katex-sizing.reset-size11.size9{font-size:.694534em}.katex .fontsize-ensurer.reset-size11.size10,.katex .katex-sizing.reset-size11.size10{font-size:.833601em}.katex .fontsize-ensurer.reset-size11.size11,.katex .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 .katex-accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .katex-accent .accent-body{position:relative}.katex .katex-accent .accent-body:not(.accent-full){width:0}.katex .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 .katex-stretchy{width:100%;display:block;position:relative;overflow:hidden}.katex .katex-stretchy:after,.katex .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 .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 .reflectbox{display:inline-block;transform:scaleX(-1)}.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>.katex-tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.katex-tag{left:0;right:auto}.katex-display.fleqn>.katex{text-align:left;padding-left:2em}body{counter-reset:katexEqnNo mmlEqnNo}
:root{--crayon-pink:#e91e8c;--crayon-pink-hover:#d81b7f;--crayon-pink-light:#f48fb1;--crayon-pink-bg:#fce4ec;--crayon-pink-subtle:#fff0f5;--crayon-purple:#7b1fa2;--crayon-purple-hover:#6a1b9a;--crayon-purple-light:#ba68c8;--crayon-purple-bg:#f3e5f5;--crayon-purple-subtle:#faf0ff;--crayon-bg:#fff8f6;--crayon-surface:#fff;--crayon-text:#3e2723;--crayon-text-secondary:#6d4c5e;--crayon-text-muted:#a08090;--crayon-border:#e8c8d8;--crayon-border-light:#f3dde8;--crayon-accent:#ff6fb7;--crayon-success:#8bc34a;--crayon-warning:#ffb74d;--crayon-error:#ef5350;--crayon-shadow-sm:2px 2px 0px #7b1fa214;--crayon-shadow-md:3px 3px 0px #7b1fa21a, 1px 1px 0px #e91e8c0d;--crayon-shadow-lg:5px 5px 0px #7b1fa21f, 2px 2px 0px #e91e8c0f;--crayon-shadow-glow:0 0 20px #e91e8c26, 0 0 40px #7b1fa214;--font-heading:"Kalam", cursive;--font-body:"Patrick Hand", cursive;--font-code:"Fira Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-wobbly:255px 15px 225px 15px / 15px 225px 15px 255px;--radius-wobbly-sm:15px 4px 12px 4px / 4px 12px 4px 15px;--radius-wobbly-lg:30px 8px 25px 8px / 8px 25px 8px 30px;--radius-round:50%;--radius-pill:9999px;--radius-md:12px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--glass-bg-canvas:#ffffffa6;--glass-bg-header:#ffffffb3;--glass-bg-editor:#ffffff6b;--glass-bg-preview:#ffffff5c;--glass-bg-control:#ffffffb8;--glass-bg-card:#ffffffd1;--glass-bg-popover:#ffffffdb;--glass-border-main:1.5px solid #ffffffeb;--glass-border-subtle:1px solid #ffffffc7;--glass-border-colored:1px solid #e8c8d88c;--glass-blur-xl:blur(48px) saturate(220%) brightness(106%);--glass-blur-lg:blur(36px) saturate(200%);--glass-blur-md:blur(24px) saturate(190%);--glass-blur-sm:blur(16px) saturate(170%);--glass-shadow-floating:0 32px 84px -16px #7b1fa247, 0 16px 36px -8px #e91e8c2e, 0 0 0 1px #fff9, inset 0 1.5px 1.5px 0 #fff, inset 0 -1.5px 1px 0 #ba68c826;--glass-shadow-control:0 2px 10px #0000000d, 0 1px 3px #7b1fa214, inset 0 1px .5px #fff;--user-custom-bg:url(/wallpapers/crayon-desktop.jpg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--crayon-text);box-sizing:border-box;background-color:#f7eaf2;background-image:linear-gradient(#ffffff70, #ffffff70), var(--user-custom-bg,url(/wallpapers/crayon-desktop.jpg)), linear-gradient(135deg, #fff2f8 0%, #f7e8f8 50%, #fae6f2 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:24px;line-height:1.6;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle at 20%,#e91e8c05 0%,#0000 50%),radial-gradient(circle at 80% 20%,#7b1fa205 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--crayon-purple);line-height:1.3}a{color:var(--crayon-pink);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--crayon-purple)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:#fff0f866}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--crayon-pink-light), var(--crayon-purple-light));border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--crayon-pink), var(--crayon-purple))}.app-container{z-index:10;background:var(--glass-bg-canvas);width:100%;max-width:1480px;height:calc(100vh - 48px);min-height:580px;max-height:940px;-webkit-backdrop-filter:var(--glass-blur-xl);border:var(--glass-border-main);box-shadow:var(--glass-shadow-floating);transition:all var(--transition-base);border-radius:30px;flex-direction:column;margin:auto;display:flex;position:relative;overflow:hidden}.app-header{padding:var(--space-sm) var(--space-lg);background:var(--glass-bg-header);-webkit-backdrop-filter:var(--glass-blur-md);z-index:100;border-bottom:1px solid #ffffffbf;justify-content:space-between;align-items:center;min-height:62px;display:flex;position:relative;box-shadow:0 1px 4px #00000008,inset 0 1px #fffffff2}.app-header:after{content:"";background:linear-gradient(90deg, var(--crayon-pink) 0%, var(--crayon-purple-light) 25%, var(--crayon-pink-light) 50%, var(--crayon-purple) 75%, var(--crayon-pink) 100%);background-size:200% 100%;height:2px;animation:8s linear infinite crayonStripe;position:absolute;bottom:-2px;left:0;right:0}@keyframes crayonStripe{0%{background-position:0 0}to{background-position:200% 0}}.app-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--crayon-purple);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #7b1fa21f);font-weight:700;display:flex}.app-logo-icon{color:var(--crayon-pink);filter:drop-shadow(0 2px 6px #e91e8c4d);align-items:center;display:flex}.app-toolbar{align-items:center;gap:var(--space-sm);display:flex}.app-main,.split-pane{flex:1;display:flex;overflow:hidden}.pane{flex:1;position:relative;overflow:auto}.pane-editor{background:var(--glass-bg-editor);-webkit-backdrop-filter:var(--glass-blur-sm);border-right:2px solid #e8c8d88c}.pane-preview{background:var(--glass-bg-preview);-webkit-backdrop-filter:var(--glass-blur-sm)}.pane-divider{cursor:col-resize;width:6px;transition:background var(--transition-fast);background:#e8c8d866;flex-shrink:0;position:relative}.pane-divider:hover{background:linear-gradient(180deg, var(--crayon-pink-light), var(--crayon-purple-light));box-shadow:0 0 8px #e91e8c66}.pane-divider:after{content:"⋮";color:var(--crayon-purple-light);font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-tabs{-webkit-backdrop-filter:blur(24px)saturate(190%);border-radius:var(--radius-pill);background:#ffffff80;border:1px solid #ffffffd9;gap:4px;margin:6px 12px;padding:4px;display:none;box-shadow:0 2px 10px #0000000a,inset 0 1px 1px #ffffffe6}.mobile-tab{border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:var(--font-size-sm);color:var(--crayon-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:flex;position:relative}.mobile-tab.active{color:var(--crayon-purple);background:#fffffff2;font-weight:700;box-shadow:0 2px 8px #7b1fa21f,0 1px 2px #0000000d}@media (max-width:768px){.split-pane{flex-direction:column}.pane-editor{border-right:none}.pane-divider,.pane.hidden-mobile{display:none}.mobile-tabs{display:flex}}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:7px 16px;font-weight:600;display:inline-flex;position:relative}.btn:active{transform:scale(.96)}.btn-primary{color:#fff;background:linear-gradient(#ff40a5 0%,#e91e8c 55%,#8e24aa 100%);border:1px solid #ffffff80;box-shadow:0 4px 16px #e91e8c66,inset 0 1px 1px #ffffffb3}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 22px #e91e8c80,inset 0 1px 1px #ffffffe6}.btn-secondary{-webkit-backdrop-filter:blur(24px)saturate(180%);color:var(--crayon-purple);background:#ffffffb8;border:1px solid #ffffffeb;box-shadow:0 2px 10px #0000000a,0 1px 2px #7b1fa20f,inset 0 1px .5px #fff}.btn-secondary:hover{background:#ffffffeb;border-color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #7b1fa224,inset 0 1px 1px #fff}.btn-ghost{color:var(--crayon-text-secondary);border-radius:var(--radius-pill);background:0 0;border-color:#0000}.btn-ghost:hover{-webkit-backdrop-filter:blur(16px);color:var(--crayon-pink);background:#ffffffa6;box-shadow:0 2px 8px #0000000a}.btn-icon{border-radius:var(--radius-pill);min-width:36px;min-height:36px;padding:8px}.btn-icon:hover{transform:scale(1.08)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg)}.card{background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur-md);border-radius:var(--radius-wobbly-sm);padding:var(--space-md);transition:all var(--transition-base);border:2px solid #ffffffe0;box-shadow:0 12px 32px #7b1fa21f,inset 0 1px 1px #fff}.card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #7b1fa22e,inset 0 1px 1px #fff}.card-pink{background:linear-gradient(135deg,#fffc 0%,#fce4ecb3 100%);border-color:#f48fb180}.card-purple{background:linear-gradient(135deg,#fffc 0%,#f3e5f5b3 100%);border-color:#ba68c880}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--glass-bg-popover);min-width:220px;-webkit-backdrop-filter:var(--glass-blur-xl);z-index:200;opacity:0;visibility:hidden;transition:all var(--transition-base);border:1.5px solid #fffffff2;border-radius:20px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)scale(.96);box-shadow:0 24px 60px -12px #7b1fa247,0 12px 24px -6px #00000014,inset 0 1px 1px #fff}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.dropdown-item{align-items:center;gap:var(--space-sm);width:100%;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--crayon-text);cursor:pointer;border-radius:var(--radius-pill);transition:all var(--transition-fast);text-align:left;background:0 0;border:none;padding:8px 14px;display:flex}.dropdown-item:hover{color:var(--crayon-pink);background:#e91e8c1a;transform:translate(3px)}.dropdown-divider{background:#e8c8d873;height:1px;margin:4px 6px}.drawer-overlay{-webkit-backdrop-filter:blur(12px);z-index:300;opacity:0;visibility:hidden;transition:all var(--transition-base);background:#7b1fa233;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{width:390px;max-width:92vw;-webkit-backdrop-filter:var(--glass-blur-xl);z-index:301;transition:transform var(--transition-slow);background:#ffffffd6;border:2px solid #fffffff2;border-radius:28px;flex-direction:column;display:flex;position:fixed;top:14px;bottom:14px;right:14px;overflow:hidden;transform:translate(120%);box-shadow:-16px 0 64px #7b1fa23d,inset 1px 0 1px #fff}.drawer.open{transform:translate(0)}.drawer-header{padding:var(--space-md) var(--space-lg);background:#ffffff80;border-bottom:1.5px solid #e8c8d880;justify-content:space-between;align-items:center;display:flex}.drawer-header h2{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--crayon-purple)}.drawer-body{padding:var(--space-md);flex:1;overflow-y:auto}.history-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-wobbly-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffffa6;border:1.5px solid #fffc;display:flex;box-shadow:0 2px 8px #7b1fa20a,inset 0 1px #fff}.history-item:hover{border-color:var(--crayon-pink-light);background:#fff0f8d9;transform:translate(-3px);box-shadow:0 4px 14px #e91e8c1f}.history-item-info{flex:1;min-width:0}.history-item-title{font-family:var(--font-heading);font-size:var(--font-size-base);color:var(--crayon-text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.history-item-date{font-size:var(--font-size-xs);color:var(--crayon-text-muted)}.history-item-actions{gap:var(--space-xs);display:flex}.history-empty{text-align:center;padding:var(--space-2xl);color:var(--crayon-text-muted)}.history-empty-icon{margin-bottom:var(--space-md);font-size:3rem}.drawer-footer{padding:var(--space-md);-webkit-backdrop-filter:blur(16px);background:#ffffffa6;border-top:1px solid #fffc}.storage-status-card{background:#ffffffc7;border:1.5px solid #fffffff2;border-radius:20px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;box-shadow:0 4px 16px #7b1fa20f,inset 0 1px .5px #fff}.storage-status-header{justify-content:space-between;align-items:center;display:flex}.storage-status-pill{font-family:var(--font-heading);color:var(--crayon-purple);border-radius:var(--radius-pill);background:#f0e1f599;border:1px solid #ba68c84d;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.storage-status-desc{color:var(--crayon-text-secondary);margin:0;font-size:11px;line-height:1.45}.btn-google{color:#3c4043;font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:1px solid #dcdcdce6;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #3c40431f,0 1px 2px #3c404314}.btn-google:hover{color:#202124;background:#f8fafd;transform:translateY(-1px);box-shadow:0 2px 8px #3c404333}.theme-switcher{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-pill);background:#ebdeeb73;border:1px solid #ffffffd9;align-items:center;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000d}.theme-pill{color:var(--crayon-text-secondary);font-family:var(--font-heading);font-size:var(--font-size-xs);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:4px 12px;font-weight:600}.theme-pill:hover{color:var(--crayon-purple)}.theme-pill.active{color:var(--crayon-purple);background:#fffffff2;font-weight:700;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}[data-preview-theme=github]{--preview-bg:#fff;--preview-text:#24292f;--preview-heading:#1f2328;--preview-code-bg:#f6f8fa;--preview-code-text:#24292f;--preview-link:#0969da;--preview-border:#d0d7de;--preview-blockquote:#656d76;--preview-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--preview-code-gutter:#8c959f;--preview-code-gutter-border:#e1e4e8;--token-keyword:#cf222e;--token-type:#953800;--token-function:#8250df;--token-string:#0a3069;--token-number:#0550ae;--token-comment:#6e7781;--token-operator:#cf222e;--token-punctuation:#57606a;--token-variable:#1f2328;--token-property:#0550ae}[data-preview-theme=sepia]{--preview-bg:#f4ecd8;--preview-text:#5b4636;--preview-heading:#3e2723;--preview-code-bg:#ece0c8;--preview-code-text:#5b4636;--preview-link:#8b5e3c;--preview-border:#d4c5a9;--preview-blockquote:#7a6652;--preview-font:Georgia, "Times New Roman", serif;--preview-code-gutter:#9e8b74;--preview-code-gutter-border:#d4c5a9;--token-keyword:#9e2a2b;--token-type:#22577a;--token-function:#1d3557;--token-string:#386641;--token-number:#bc6c25;--token-comment:#7f7062;--token-operator:#9e2a2b;--token-punctuation:#5b4636;--token-variable:#3a2a1d;--token-property:#22577a}[data-preview-theme=crayon]{--preview-bg:var(--crayon-pink-subtle);--preview-text:var(--crayon-text);--preview-heading:var(--crayon-purple);--preview-code-bg:var(--crayon-purple-bg);--preview-code-text:var(--crayon-purple);--preview-link:var(--crayon-pink);--preview-border:var(--crayon-border);--preview-blockquote:var(--crayon-text-secondary);--preview-font:var(--font-body);--preview-code-gutter:#ab92bf;--preview-code-gutter-border:#ba68c840;--token-keyword:#c2185b;--token-type:#00897b;--token-function:#3949ab;--token-string:#2e7d32;--token-number:#e65100;--token-comment:#8e7d96;--token-operator:#d32f2f;--token-punctuation:#5c3a70;--token-variable:#2e1065;--token-property:#0284c7}.preview-content{padding:var(--space-lg) var(--space-xl);background:var(--preview-bg);max-width:800px;color:var(--preview-text);font-family:var(--preview-font);font-size:var(--font-size-base);min-height:100%;margin:0 auto;line-height:1.7}.preview-content h1{color:var(--preview-heading);border-bottom:2px solid var(--preview-border);padding-bottom:var(--space-sm);margin:var(--space-lg) 0 var(--space-md);font-size:2em;font-weight:700;font-family:var(--preview-font)}.preview-content h2{color:var(--preview-heading);border-bottom:1px solid var(--preview-border);padding-bottom:var(--space-xs);margin:var(--space-lg) 0 var(--space-md);font-size:1.5em;font-weight:600;font-family:var(--preview-font)}.preview-content h3{color:var(--preview-heading);margin:var(--space-md) 0 var(--space-sm);font-size:1.25em;font-weight:600;font-family:var(--preview-font)}.preview-content h4,.preview-content h5,.preview-content h6{color:var(--preview-heading);margin:var(--space-md) 0 var(--space-sm);font-weight:600;font-family:var(--preview-font)}.preview-content p{margin:0 0 var(--space-md)}.preview-content a{color:var(--preview-link);text-decoration:underline}.preview-content code{background:var(--preview-code-bg);color:var(--preview-code-text);font-family:var(--font-code,"Fira Code", monospace);border-radius:4px;padding:2px 6px;font-size:.9em}.preview-content pre{background:var(--preview-code-bg);padding:var(--space-md) 0;border-radius:var(--radius-md);margin:0 0 var(--space-md);border:1px solid var(--preview-border);font-family:var(--font-code,"Fira Code", monospace);tab-size:4;font-size:.88em;line-height:1.6;overflow-x:auto}.preview-content pre code{width:max-content;min-width:100%;color:var(--preview-code-text);background:0 0;border-radius:0;padding:0;font-family:inherit;display:block}.preview-content .code-line{min-height:1.6em;padding-left:.75rem;padding-right:1.5rem;display:block}.preview-content .code-line.line-number{padding-left:0}.preview-content .code-line.line-number:before{box-sizing:border-box;text-align:right;width:3.25rem;color:var(--preview-code-gutter);content:attr(line);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;border-right:1px solid var(--preview-code-gutter-border,#00000014);margin-right:.85rem;padding-right:1rem;display:inline-block}.preview-content .code-line:hover{background:#00000006}.preview-content .highlight-line{background-color:#e91e8c14}.preview-content .token.keyword{color:var(--token-keyword);font-weight:600}.preview-content .token.builtin,.preview-content .token.class-name,.preview-content .token.type{color:var(--token-type);font-weight:600}.preview-content .token.function{color:var(--token-function)}.preview-content .token.string,.preview-content .token.char{color:var(--token-string)}.preview-content .token.number,.preview-content .token.boolean{color:var(--token-number)}.preview-content .token.comment,.preview-content .token.prolog,.preview-content .token.doctype,.preview-content .token.cdata{color:var(--token-comment);font-style:italic}.preview-content .token.operator{color:var(--token-operator)}.preview-content .token.punctuation{color:var(--token-punctuation)}.preview-content .token.variable,.preview-content .token.constant{color:var(--token-variable)}.preview-content .token.property,.preview-content .token.tag,.preview-content .token.attr-name{color:var(--token-property)}.preview-content .token.attr-value{color:var(--token-string)}.preview-content .token.regex,.preview-content .token.important{color:var(--token-operator)}.preview-content .token.bold{font-weight:700}.preview-content .token.italic{font-style:italic}.preview-content blockquote{border-left:4px solid var(--preview-border);padding:var(--space-sm) var(--space-md);margin:0 0 var(--space-md);color:var(--preview-blockquote);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#00000005}.preview-content ul,.preview-content ol{padding-left:var(--space-lg);margin:0 0 var(--space-md)}.preview-content li{margin-bottom:var(--space-xs)}.preview-content table{border-collapse:collapse;width:100%;margin:0 0 var(--space-md)}.preview-content th,.preview-content td{border:1px solid var(--preview-border);padding:var(--space-sm) var(--space-md);text-align:left}.preview-content th{background:var(--preview-code-bg);font-weight:600}.preview-content hr{border:none;border-top:2px solid var(--preview-border);margin:var(--space-lg) 0}.preview-content img{border-radius:var(--radius-md);max-width:100%}.preview-content a img{vertical-align:middle;border-radius:6px;margin:3px 6px 3px 0;display:inline-block}:is(.preview-content p:has(img[alt*=Avatar i]),.preview-content p:has(img[alt*=pfp i])){flex-wrap:wrap;align-items:center;gap:16px;margin:14px 0 18px;display:flex}.preview-content img[alt*=Avatar i],.preview-content img[alt*=pfp i]{border:3.5px solid var(--crayon-pink,#e91e8c);object-fit:cover;border-radius:50%;width:96px;min-width:96px;height:96px;margin:0;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 6px 18px #e91e8c38}.preview-content img[alt*=Avatar i]:hover,.preview-content img[alt*=pfp i]:hover{transform:scale(1.06);box-shadow:0 8px 24px #e91e8c59}.preview-content img[alt*=Banner i]{border:2px solid var(--crayon-border,#e8c8d8);object-fit:cover;border-radius:16px;max-width:100%;height:96px;max-height:96px;margin:0;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #7b1fa21f}.preview-content img[alt*=Banner i]:hover{transform:scale(1.02);box-shadow:0 6px 18px #7b1fa233}.toast-container{bottom:var(--space-lg);right:var(--space-lg);z-index:500;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--crayon-surface);border:2px solid var(--crayon-border);border-radius:var(--radius-wobbly-sm);box-shadow:var(--crayon-shadow-lg);font-family:var(--font-body);font-size:var(--font-size-sm);animation:toastIn .4s var(--transition-bounce) forwards;max-width:350px;display:flex}.toast-success{border-color:var(--crayon-success)}.toast-error{border-color:var(--crayon-error)}.toast-info{border-color:var(--crayon-pink-light)}@keyframes toastIn{0%{opacity:0;transform:translate(100%)rotate(2deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.btn-ai{background:linear-gradient(135deg, var(--crayon-purple) 0%, var(--crayon-pink) 50%, var(--crayon-purple-light) 100%);color:#fff;border:2px solid var(--crayon-purple);background-size:200% 200%;animation:3s infinite aiGlow}.btn-ai:hover{box-shadow:var(--crayon-shadow-glow);transform:translateY(-2px)rotate(-1deg)}@keyframes aiGlow{0%,to{background-position:0%}50%{background-position:100%}}.spinner{border-radius:var(--radius-round);border:2px solid #ffffff4d;border-top-color:#fff;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cm-editor{height:100%;font-family:var(--font-code)!important;font-size:var(--editor-font-size,15px)!important;background:0 0!important;line-height:1.6!important}.editor-zoom-bar{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-pill);opacity:.88;transition:opacity var(--transition-fast), transform var(--transition-fast);background:#ffffffbf;border:1px solid #ffffffe6;align-items:center;gap:2px;padding:2px 4px;display:flex;position:absolute;top:10px;right:14px;box-shadow:0 2px 10px #7b1fa214,inset 0 1px .5px #fff}.editor-zoom-bar:hover{opacity:1;transform:translateY(-1px)}.btn-zoom{color:var(--crayon-text-secondary);border-radius:var(--radius-pill);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-zoom:hover:not(:disabled){color:var(--crayon-pink);background:#e91e8c1f}.btn-zoom:disabled{opacity:.35;cursor:not-allowed}.btn-zoom-label{font-family:var(--font-heading);color:var(--crayon-purple);cursor:pointer;border-radius:var(--radius-pill);transition:all var(--transition-fast);background:0 0;border:none;padding:2px 6px;font-size:11px;font-weight:700}.btn-zoom-label:hover{color:var(--crayon-pink);background:#fffffff2}.cm-editor .cm-scroller{font-family:var(--font-code)!important;background:0 0!important}.cm-editor .cm-content{padding:var(--space-md) var(--space-lg)!important}.cm-editor .cm-gutters{-webkit-backdrop-filter:blur(12px)!important;color:var(--crayon-pink-light)!important;font-family:var(--font-code)!important;background:#fff0f880!important;border-right:1.5px solid #e8c8d880!important}.cm-editor .cm-activeLineGutter{color:var(--crayon-pink)!important;background:#fce4ec99!important}.cm-editor .cm-activeLine{background:#e91e8c0a!important}.cm-editor .cm-cursor{border-left-color:var(--crayon-pink)!important;border-left-width:2px!important}.cm-editor .cm-selectionBackground{background:#ba68c840!important}.cm-editor .cm-focused .cm-selectionBackground{background:#ba68c84d!important}.empty-preview{height:100%;color:var(--crayon-text-muted);padding:var(--space-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-preview-icon{margin-bottom:var(--space-md);opacity:.8;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-preview h3{font-family:var(--font-heading);color:var(--crayon-text-muted);margin-bottom:var(--space-sm)}.status-bar{padding:var(--space-xs) var(--space-lg);-webkit-backdrop-filter:blur(16px);font-size:var(--font-size-xs);color:var(--crayon-text-muted);background:#ffffff9e;border-top:1.5px solid #fffc;justify-content:space-between;align-items:center;min-height:32px;display:flex;box-shadow:inset 0 1px #ffffffd9}.status-bar-left,.status-bar-right{align-items:center;gap:var(--space-md);display:flex}.status-dot{border-radius:var(--radius-round);width:8px;height:8px;margin-right:var(--space-xs);display:inline-block}.status-dot-saved{background:var(--crayon-success)}.status-dot-unsaved{background:var(--crayon-warning);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-pink{color:var(--crayon-pink)}.text-purple{color:var(--crayon-purple)}.text-muted{color:var(--crayon-text-muted)}.bg-pink{background:var(--crayon-pink-bg)}.bg-purple{background:var(--crayon-purple-bg)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-code{font-family:var(--font-code)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}.wiggle:hover{animation:.3s wiggle}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:400;padding:var(--space-lg);background:#7b1fa233;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-wobbly-lg);box-shadow:var(--crayon-shadow-lg);padding:var(--space-xl);width:100%;max-width:500px;animation:modalIn .3s var(--transition-bounce);background:#ffffffe6;border:2px solid #fffffff2}@keyframes modalIn{0%{opacity:0;transform:scale(.9)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.modal h2{font-family:var(--font-heading);color:var(--crayon-purple);margin-bottom:var(--space-md)}.modal-actions{gap:var(--space-sm);margin-top:var(--space-lg);justify-content:flex-end;display:flex}.input{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-wobbly-sm);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--crayon-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffffbf;border:1.5px solid #e8c8d8b3;outline:none}.input:focus{border-color:var(--crayon-pink);background:#ffffffeb;box-shadow:0 0 0 3px #e91e8c26,inset 0 1px 2px #fffc}.input::placeholder{color:var(--crayon-text-muted)}.input-sm{font-size:var(--font-size-sm);padding:6px 10px}.input-xs{font-size:var(--font-size-xs);padding:3px 8px}.btn-xs{font-size:var(--font-size-xs);border-radius:var(--radius-md);min-height:auto;padding:2px 6px}.mt-sm{margin-top:var(--space-sm)}.flex-shrink-0{flex-shrink:0}.doc-breadcrumb-bar{align-items:center;gap:var(--space-xs);-webkit-backdrop-filter:blur(20px)saturate(190%);border-radius:var(--radius-pill);max-width:480px;margin:0 var(--space-md);background:#ffffff9e;border:1px solid #ffffffe6;padding:4px 12px;display:flex;position:relative;box-shadow:inset 0 1px 1px #fff,0 2px 10px #7b1fa20d}.folder-pill-container{position:relative}.folder-pill{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:var(--font-size-xs);color:var(--crayon-purple);cursor:pointer;transition:all var(--transition-fast);background:#ffffffc7;border:1px solid #ba68c866;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.folder-pill:hover{border-color:var(--crayon-pink);background:#fffffff2;transform:translateY(-1px);box-shadow:0 2px 8px #e91e8c26}.folder-pill.customized{border-color:var(--crayon-pink);background:#fce4ecd9}.folder-pill-text{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:700;overflow:hidden}.folder-status-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--crayon-text-muted);border-radius:var(--radius-pill);background:#ffffffe6;border:1px solid #e8c8d899;padding:1px 5px;font-size:9px;font-weight:600}.folder-popover{z-index:350;-webkit-backdrop-filter:var(--glass-blur-xl);padding:var(--space-md);min-width:290px;animation:modalIn .2s var(--transition-bounce);background:#ffffffe0;border:1.5px solid #fffffff2;border-radius:20px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 24px 60px -12px #7b1fa247,0 12px 24px -6px #00000014,inset 0 1px 1px #fff}.folder-popover-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.folder-popover-input-group{gap:var(--space-xs);display:flex}.folder-suggestions{margin-top:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid #e8c8d880}.folder-suggestions-label{font-size:var(--font-size-xs);color:var(--crayon-text-muted);font-family:var(--font-heading);margin-bottom:4px;display:block}.folder-suggestions-list{flex-wrap:wrap;gap:4px;max-height:100px;display:flex;overflow-y:auto}.folder-suggestion-chip{color:var(--crayon-purple);border-radius:var(--radius-pill);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);background:#fff0f8a6;border:1px solid #f48fb199;padding:2px 8px}.folder-suggestion-chip:hover{border-color:var(--crayon-pink);background:#fce4ecf2;transform:translateY(-1px)}.breadcrumb-separator{color:var(--crayon-purple-light);font-family:var(--font-heading);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.title-container{align-items:center;min-width:0;display:flex}.doc-title-display{border-radius:var(--radius-wobbly-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:2px 8px;display:flex}.doc-title-display:hover{background:#e91e8c14}.doc-title-text{font-family:var(--font-heading);font-size:var(--font-size-sm);color:var(--crayon-text);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:700;overflow:hidden}.doc-title-edit-icon{color:var(--crayon-text-muted);opacity:.6;transition:opacity var(--transition-fast)}.doc-title-display:hover .doc-title-edit-icon{opacity:1;color:var(--crayon-pink)}.title-edit-group{align-items:center;gap:4px;display:flex}.title-input{max-width:180px;font-family:var(--font-heading);font-weight:700}.drawer-title{align-items:center;gap:var(--space-sm);display:flex}.history-search-box{padding:var(--space-sm) var(--space-md);background:#fff6;border-bottom:1.5px solid #e8c8d880}.history-folder-group{margin-bottom:var(--space-sm)}.history-folder-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-wobbly-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);background:#faf0ffa6;border:1.5px solid #fffc;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.history-folder-header:hover{border-color:var(--crayon-pink-light);background:#fff0f8d9}.history-folder-title-wrap{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.folder-chevron{color:var(--crayon-purple-light);align-items:center;display:flex}.history-folder-name{font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-sm);color:var(--crayon-purple);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.history-folder-count{font-size:var(--font-size-xs);color:var(--crayon-text-muted);font-weight:400}.folder-rename-form{align-items:center;gap:4px;display:flex}.folder-edit-btn{opacity:.5;transition:opacity var(--transition-fast)}.folder-edit-btn:hover{opacity:1;color:var(--crayon-pink)}.history-folder-items{border-left:2px dashed #e8c8d8b3;margin-top:6px;margin-left:8px;padding-left:10px}.status-indicator{align-items:center;display:flex}.status-folder{border-radius:var(--radius-pill);color:var(--crayon-purple);background:#ffffffb3;border:1px solid #e8c8d8b3;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-doc-title{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.toast-icon{justify-content:center;align-items:center;display:flex}.toast-success .toast-icon{color:var(--crayon-success)}.toast-error .toast-icon{color:var(--crayon-error)}.toast-info .toast-icon{color:var(--crayon-pink)}.wallpaper-popover{min-width:320px;-webkit-backdrop-filter:var(--glass-blur-xl);padding:var(--space-md);z-index:250;animation:modalIn .2s var(--transition-bounce);background:#ffffffe0;border:1.5px solid #fffffff2;border-radius:20px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 60px -12px #7b1fa247,0 12px 24px -6px #00000014,inset 0 1px 1px #fff}.wallpaper-popover-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.wallpaper-desc{font-size:var(--font-size-xs);color:var(--crayon-text-muted);margin-bottom:var(--space-sm);line-height:1.4}.wallpaper-options{gap:var(--space-sm);flex-direction:column;display:flex}.wallpaper-file-label{padding:8px var(--space-sm);border:1.5px dashed var(--crayon-pink-light);border-radius:var(--radius-pill);color:var(--crayon-pink);font-family:var(--font-heading);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:#fff0f8a6;justify-content:center;align-items:center;gap:6px;display:flex}.wallpaper-file-label:hover{border-color:var(--crayon-pink);background:#fff0f8f2;transform:translateY(-1px)}@media (max-width:1024px){body{padding:16px}.app-container{border-radius:24px;height:calc(100vh - 32px)}}@media (max-width:900px){body{padding:12px}.app-container{border-radius:20px;height:calc(100vh - 24px)}.doc-breadcrumb-bar{max-width:300px}.doc-title-text,.folder-pill-text{max-width:90px}}@media (max-width:768px){body{padding:6px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));background-image:linear-gradient(#ffffff70, #ffffff70), var(--user-custom-bg,url(/wallpapers/crayon-mobile.jpg)), linear-gradient(135deg, #fff2f8 0%, #f7e8f8 50%, #fae6f2 100%);min-height:100dvh}.app-container{height:calc(100dvh - max(12px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:22px;max-height:none}.app-header{min-height:52px;padding:8px 12px}.app-toolbar{gap:4px}.btn-icon{min-width:32px;min-height:32px;padding:6px}.theme-switcher{gap:1px;padding:2px}.theme-pill{padding:3px 7px;font-size:11px}.btn-ai span{display:none}.btn-ai{min-width:32px;padding:6px 10px}.split-pane{flex-direction:column}.pane-editor{border-right:none}.pane-divider,.pane.hidden-mobile{display:none}.mobile-tabs{margin:6px 10px;display:flex}.doc-breadcrumb-bar{display:none}.editor-zoom-bar{top:6px;right:8px}.preview-content{padding:16px 14px}.status-bar{min-height:32px;padding:4px 10px;font-size:11px}.status-doc-title{max-width:110px}}@media (max-width:600px){.drawer{border:none;border-top:2px solid #fffffff2;border-radius:28px 28px 0 0;width:100%;max-width:100%;height:85vh;max-height:85vh;inset:auto 0 0;transform:translateY(105%);box-shadow:0 -16px 64px #7b1fa240}.drawer:before{content:"";background:#ba68c866;border-radius:9999px;flex-shrink:0;width:40px;height:4.5px;margin:10px auto 4px;display:block}.drawer.open{transform:translateY(0)}}@media (max-width:480px){.app-logo span:not(.app-logo-icon){display:none}.wallpaper-popover,.folder-popover{z-index:600;border-radius:22px;width:auto;min-width:auto;max-width:none;position:fixed;inset:auto 10px 16px}.dropdown-menu{max-width:90vw;right:-10px}}.user-header-pill{background:var(--glass-bg-control);border:1.5px solid var(--crayon-border);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--crayon-shadow-sm);transition:all var(--transition-base);font-family:var(--font-heading);align-items:center;gap:8px;padding:4px 10px 4px 5px;display:inline-flex}.user-header-pill:hover{background:var(--crayon-pink-bg);border-color:var(--crayon-pink);transform:translateY(-1px)}.user-header-avatar{border-radius:var(--radius-round);object-fit:cover;border:1.5px solid var(--crayon-pink);width:24px;height:24px}.user-header-fallback{border-radius:var(--radius-round);background:var(--crayon-purple);color:#fff;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.user-header-name{font-size:var(--font-size-xs);color:var(--crayon-text);white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-weight:600;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(12px)saturate(160%);z-index:1000;background:#3e272373;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.crayon-modal{background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur-xl);box-shadow:var(--glass-shadow-floating);border:2px solid #fffffff2;border-radius:28px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.25s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--crayon-border-light);justify-content:space-between;align-items:flex-start;padding:20px 24px 14px;display:flex}.modal-title{font-size:var(--font-size-xl);margin:0;line-height:1.2}.modal-subtitle{font-size:var(--font-size-xs);color:var(--crayon-text-secondary);font-family:var(--font-body);margin:4px 0 0}.settings-tabs{border-bottom:1px solid var(--crayon-border-light);background:#fce4ec66;gap:8px;padding:12px 24px;display:flex}.settings-tab-btn{border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:var(--font-size-sm);color:var(--crayon-text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1.5px solid #0000;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.settings-tab-btn:hover{color:var(--crayon-purple);background:#fff9}.settings-tab-btn.active{border-color:var(--crayon-pink);color:var(--crayon-pink);box-shadow:var(--crayon-shadow-sm);background:#fff}.tab-status-dot{background:var(--crayon-success);border-radius:50%;width:6px;height:6px}.settings-tab-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.provider-card{border:1.5px solid var(--crayon-border-light);transition:all var(--transition-base);background:#ffffffb3;border-radius:20px;padding:16px}.provider-card.primary-provider{border-color:var(--crayon-purple-light);background:#fff0f599;box-shadow:0 4px 16px #7b1fa20f}.provider-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.provider-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.provider-name{font-size:var(--font-size-base)}.badge-recommended{background:var(--crayon-purple-bg);color:var(--crayon-purple);font-size:10px;font-family:var(--font-heading);border-radius:var(--radius-pill);border:1px solid var(--crayon-purple-light);padding:2px 8px}.provider-desc{font-size:var(--font-size-xs);color:var(--crayon-text-secondary);font-family:var(--font-body);margin:4px 0 0}.link-with-icon{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.api-input-group{align-items:center;gap:8px;display:flex}.input-with-icon{flex:1;position:relative}.input-inner-icon{pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.api-key-field{font-family:var(--font-code);font-size:var(--font-size-xs);padding-left:32px!important}.secondary-providers-block{border:1px dashed var(--crayon-border);background:#fff6;border-radius:16px;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.secondary-header{justify-content:space-between;align-items:center;display:flex}.provider-row{flex-direction:column;gap:4px;display:flex}.provider-row-label{justify-content:space-between;align-items:center;display:flex}.link-inline{color:var(--crayon-pink);font-size:11px;font-family:var(--font-heading);text-decoration:none}.link-inline:hover{text-decoration:underline}.test-banner{font-size:var(--font-size-xs);font-family:var(--font-heading);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;animation:.2s fadeIn;display:flex}.test-banner-loading{background:var(--crayon-purple-bg);color:var(--crayon-purple);border:1px solid var(--crayon-purple-light)}.test-banner-success{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.test-banner-error{color:#c62828;background:#ffebee;border:1px solid #ffcdd2}.preference-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.preference-chips{flex-wrap:wrap;gap:6px;display:flex}.preference-chip{border-radius:var(--radius-pill);border:1px solid var(--crayon-border);font-size:var(--font-size-xs);font-family:var(--font-heading);color:var(--crayon-text-secondary);cursor:pointer;transition:all var(--transition-base);background:#fff9;padding:4px 10px}.preference-chip:hover{border-color:var(--crayon-pink);color:var(--crayon-pink)}.preference-chip.active{background:var(--crayon-pink);border-color:var(--crayon-pink);color:#fff}.modal-footer-action{flex-direction:column;gap:8px;margin-top:4px;display:flex}.connected-account-card{flex-direction:column;gap:16px;display:flex}.user-profile-header{border:1.5px solid var(--crayon-border-light);background:#ffffffb3;border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.user-avatar-img{border-radius:var(--radius-round);border:2px solid var(--crayon-pink);object-fit:cover;width:52px;height:52px}.user-avatar-fallback{border-radius:var(--radius-round);background:var(--crayon-purple);color:#fff;width:52px;height:52px;font-size:20px;font-weight:700;font-family:var(--font-heading);justify-content:center;align-items:center;display:flex}.user-details{flex-direction:column;display:flex}.user-details .user-name{font-size:var(--font-size-base);color:var(--crayon-text)}.user-details .user-email{font-size:var(--font-size-xs);color:var(--crayon-text-muted)}.account-capabilities{background:#e8f5e980;border:1px solid #c8e6c9;border-radius:16px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.capability-text{font-size:var(--font-size-xs);color:#2e7d32;font-family:var(--font-heading);align-items:center;gap:8px;margin:0;display:flex}.unconnected-account-card{text-align:center;flex-direction:column;align-items:center;padding:24px 16px;display:flex}.unconnected-icon-box{border:2px solid var(--crayon-border);width:64px;height:64px;box-shadow:var(--crayon-shadow-md);background:#fff;border-radius:20px;justify-content:center;align-items:center;display:flex}.unconnected-desc{font-size:var(--font-size-sm);color:var(--crayon-text-secondary);max-width:360px;font-family:var(--font-body);margin:8px auto 0}.oauth-setup-tip{text-align:left;border:1px solid var(--crayon-purple-light);background:#f3e5f599;border-radius:14px;width:100%;margin-top:24px;padding:12px 16px}.user-connected-card{border:1.5px solid var(--crayon-pink-light)!important;background:#fff0f5b3!important}.drawer-user-info{align-items:center;gap:10px;margin:8px 0;display:flex}.drawer-user-avatar{border-radius:var(--radius-round);border:1.5px solid var(--crayon-pink);object-fit:cover;width:34px;height:34px}.drawer-user-fallback{border-radius:var(--radius-round);background:var(--crayon-purple);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.drawer-user-meta{flex-direction:column;min-width:0;display:flex}.drawer-user-name{font-size:var(--font-size-sm);color:var(--crayon-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drawer-user-email{color:var(--crayon-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.drawer-footer-actions{border-top:1px dashed #e8c8d899;justify-content:space-between;align-items:center;margin-top:4px;padding-top:6px;display:flex}