@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Cormorant+Garamond:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);#root,body,html{height:100%;margin:0;overflow-x:hidden;overflow-y:100%;padding:0}body{background-color:#f0f2f5;font-family:Poppins,sans-serif}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.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;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.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 .clap,.katex .llap,.katex .rlap{position:relative;width:0}.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;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.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:.8333333333em}.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.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.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.6666666667em}.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.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.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.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.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:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.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.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.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.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.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:.4166666667em}.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:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.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:.8333333333em}.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.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.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:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.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.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.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.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.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.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.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{display:inline-block;width:.12em}.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{display:inline-block;min-width:1px}.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;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.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{border:.04em solid;box-sizing:border-box}.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{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;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{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.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{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}:root{--sci-bg:#0d1117;--sci-bg-light:#161b22;--sci-border:#30363d;--sci-primary:#58a6ff;--sci-secondary:#1f6feb;--sci-text:#c9d1d9;--sci-text-dark:#8b949e;--sci-error:#f85149;--font-serif:"Cormorant Garamond",serif;--font-mono:"Roboto Mono",monospace}body,html{background-color:#0d1117;background-color:var(--sci-bg);color:#c9d1d9;color:var(--sci-text);font-family:Roboto Mono,monospace;font-family:var(--font-mono);margin:0}.login-page-container.sci-theme{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden;width:100%}.login-left-panel{align-items:center;background:#0d1117;background:var(--sci-bg);display:flex;justify-content:center;overflow:hidden;position:relative}.left-panel-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d111799;border-radius:10px;padding:2rem;position:relative;text-align:center;z-index:2}.left-panel-title{color:#c9d1d9;color:var(--sci-text);font-family:Cormorant Garamond,serif;font-family:var(--font-serif);font-size:4rem;font-weight:700;margin:0;text-shadow:0 0 10px #58a6ff;text-shadow:0 0 10px var(--sci-primary)}.left-panel-subtitle{color:#8b949e;color:var(--sci-text-dark);font-size:1.1rem}.wordfall-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.wordfall-item{animation-iteration-count:infinite;animation-name:fall;animation-timing-function:linear;color:#8b949e;color:var(--sci-text-dark);font-family:Cormorant Garamond,serif;font-family:var(--font-serif);position:absolute;top:-50px;-webkit-user-select:none;user-select:none}@keyframes fall{to{transform:translateY(105vh)}}.login-right-panel{align-items:center;background-color:#161b22;background-color:var(--sci-bg-light);border-left:1px solid #30363d;border-left:1px solid var(--sci-border);display:flex;justify-content:center;padding:2rem}.login-terminal{background-color:#0d1117;background-color:var(--sci-bg);border:1px solid #30363d;border:1px solid var(--sci-border);border-radius:8px;max-width:420px;padding:2.5rem;text-align:center;width:100%}.login-logo img{filter:invert(75%) sepia(59%) saturate(2372%) hue-rotate(180deg) brightness(101%) contrast(101%);height:60px;margin-bottom:1rem;width:60px}.login-terminal h2{color:#c9d1d9;color:var(--sci-text);font-family:Cormorant Garamond,serif;font-family:var(--font-serif);font-size:2.2rem;margin:0 0 .5rem}.welcome-text{color:#8b949e;color:var(--sci-text-dark);font-size:.9rem;margin-bottom:2rem}.input-group{margin-bottom:1.5rem;text-align:left}.static-label{color:#58a6ff;color:var(--sci-primary);display:block;font-size:.8rem;margin-bottom:.5rem}.login-input{background-color:#161b22;background-color:var(--sci-bg-light);border:1px solid #30363d;border:1px solid var(--sci-border);border-radius:6px;box-sizing:border-box;color:#c9d1d9;color:var(--sci-text);font-family:Roboto Mono,monospace;font-family:var(--font-mono);font-size:1rem;padding:10px;transition:border-color .3s,box-shadow .3s;width:100%}.login-input:focus{border-color:#58a6ff;border-color:var(--sci-primary);box-shadow:0 0 0 3px #58a6ff33;outline:none}.login-input::placeholder{color:#8b949e;color:var(--sci-text-dark);opacity:.7}.login-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-button{border:1px solid #0000;border-radius:6px;cursor:pointer;flex:1 1;font-family:Roboto Mono,monospace;font-family:var(--font-mono);font-size:.9rem;font-weight:700;padding:12px;transition:all .2s ease}.form-button.primary{background-color:#58a6ff;background-color:var(--sci-primary);border-color:#58a6ff;border-color:var(--sci-primary);color:#0d1117;color:var(--sci-bg)}.form-button.primary:hover{background-color:#1f6feb;background-color:var(--sci-secondary);box-shadow:0 0 10px #58a6ff80}.form-button.secondary{background-color:initial;border-color:#30363d;border-color:var(--sci-border);color:#58a6ff;color:var(--sci-primary)}.form-button.secondary:hover{background-color:#161b22;background-color:var(--sci-bg-light);border-color:#58a6ff;border-color:var(--sci-primary)}.separator{color:#8b949e;color:var(--sci-text-dark);font-size:1.5rem;margin:1.5rem 0}.google-login-button{align-items:center;background-color:#161b22;background-color:var(--sci-bg-light);border:1px solid #30363d;border:1px solid var(--sci-border);border-radius:6px;color:#c9d1d9;color:var(--sci-text);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.google-login-button:hover{background-color:#0d1117;background-color:var(--sci-bg);border-color:#c9d1d9;border-color:var(--sci-text)}.google-login-button img{filter:grayscale(1) brightness(1.5);height:20px;margin-right:12px;width:20px}.login-error{color:#f85149;color:var(--sci-error);font-size:.9rem;margin-bottom:1rem;margin-top:-1rem;text-align:left;word-break:break-word}@media (max-width:992px){.login-page-container.sci-theme{grid-template-columns:1fr}.login-left-panel{display:none}.login-right-panel{background-color:#0d1117;background-color:var(--sci-bg);border-left:none}.login-terminal{background-color:initial;border:none}}:root{--sidebar-bg:#fff;--danger-color:#c62828}.dashboard-layout{background-color:#f4f7f9;background-color:var(--bg-color);display:flex;font-family:Poppins,sans-serif;min-height:100vh}.loading-dashboard{color:#0d47a1;color:var(--primary-color);display:grid;font-size:1.5rem;min-height:100vh;place-items:center}.sidebar{background-color:#fff;background-color:var(--sidebar-bg);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;width:260px}.sidebar-header{margin-bottom:2.5rem}.sidebar-logo{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff73;border:1.5px solid #4cafff2e;border-radius:18px;box-shadow:0 8px 32px 0 #1f26872e;color:#0d47a1;color:var(--primary-color);display:flex;flex-direction:column;font-size:1.1rem;font-weight:700;justify-content:center;letter-spacing:.02em;margin-bottom:.5rem;padding:1.2rem .5rem 1rem;position:relative;transition:box-shadow .3s cubic-bezier(.4,2,.3,1)}.sidebar-logo span{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#4f8cff,#1e88e5 60%,#00eaff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 8px #4f8cff44);font-size:1.35rem;font-weight:800;letter-spacing:.04em;margin-left:0;margin-top:14px;text-align:center}.logo-visual-wrapper{background:linear-gradient(120deg,#e3f2fd,#fff);border-radius:50%;box-shadow:0 4px 24px 0 #4f8cff22;margin-bottom:0;padding:.5rem 0}.animated-glow{animation:logo-glow 2.2s cubic-bezier(.4,2,.3,1) infinite alternate;background:linear-gradient(135deg,#e3f2fd,#4f8cff);border:3px solid #4f8cff;border-radius:50%;box-shadow:0 0 32px 8px #4f8cff88,0 2px 8px #0000001f;transition:box-shadow .3s cubic-bezier(.4,2,.3,1)}.sidebar-nav{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.sidebar-nav a{align-items:center;border-radius:8px;color:#616161;color:var(--text-light);display:flex;font-weight:500;gap:1rem;padding:.8rem 1rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.sidebar-nav a:focus,.sidebar-nav a:hover{background-color:#e3f2fd;color:#1e88e5;color:var(--accent-color)}.sidebar-nav a.active{background-color:#0d47a1;background-color:var(--primary-color);color:#fff}.sidebar-nav a svg{height:22px;width:22px}.sidebar-footer{margin-top:auto}.logout-button{align-items:center;background-color:initial;border:none;border-radius:8px;color:#616161;color:var(--text-light);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;gap:1rem;padding:.8rem 1rem;transition:background-color .2s ease,color .2s ease;width:100%}.logout-button:focus,.logout-button:hover{background-color:#ffebee;color:#c62828;color:var(--danger-color)}.main-content{flex-grow:1;overflow-y:auto;padding:2rem}.main-header{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto 2rem;max-width:1200px}.header-greeting{flex:1 1}.header-greeting h1{color:#212121;color:var(--text-dark);font-size:2rem;font-weight:700;line-height:1.2;margin:0}.header-greeting p{color:#616161;color:var(--text-light);font-size:1rem;margin:.25rem 0 0}.header-actions{gap:1.5rem}.content-area{margin:0 auto;max-width:1200px}.profile-container{position:relative}.user-profile-trigger{align-items:center;background-color:#fff;background-color:var(--sidebar-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:50px;cursor:pointer;display:flex;gap:1rem;padding:.5rem 1rem;text-align:left;transition:box-shadow .2s ease,border-color .2s ease}.user-profile-trigger:hover{border-color:#1e88e5;border-color:var(--accent-color);box-shadow:0 4px 12px #00000014}.user-image{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-info{display:flex;flex-direction:column}.user-name{color:#212121;color:var(--text-dark);font-size:.9rem;font-weight:600}.user-email{color:#616161;color:var(--text-light);font-size:.8rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu{animation:fadeInDown .2s ease-out;background-color:#fff;background-color:var(--sidebar-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001a;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:100}.profile-menu-item{align-items:center;background:none;border:none;color:#212121;color:var(--text-dark);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;gap:1rem;padding:.8rem 1rem;text-decoration:none;transition:background-color .2s ease;width:100%}.profile-menu-item svg{color:#616161;color:var(--text-light);height:20px;transition:color .2s ease;width:20px}.profile-menu-item:hover{background-color:#f4f7f9;background-color:var(--bg-color)}.profile-menu-item.logout-action:hover{background-color:#ffebee}.profile-menu-item.logout-action:hover,.profile-menu-item.logout-action:hover svg{color:#c62828;color:var(--danger-color)}.bottom-nav{align-items:center;background-color:#fff;background-color:var(--sidebar-bg);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000000f;display:none;height:65px;justify-content:space-around;left:0;position:fixed;width:100%;z-index:1000}.bottom-nav a{align-items:center;color:#616161;color:var(--text-light);display:flex;flex-direction:column;flex-grow:1;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;padding:.5rem;text-decoration:none;transition:color .2s ease,background-color .2s ease}.bottom-nav a.active,.bottom-nav a:focus,.bottom-nav a:hover{background-color:#e3f2fd;color:#0d47a1;color:var(--primary-color)}.bottom-nav a svg{height:22px;width:22px}@media (max-width:768px){.sidebar{display:none}.bottom-nav{display:flex}.main-content{padding:1.5rem 1rem 80px}.main-header{align-items:stretch;flex-direction:column;gap:1.5rem}.header-greeting{order:1;text-align:center}.header-actions{justify-content:center;order:2}.profile-menu{left:0;margin:0 1rem;right:0;width:auto}}@media (max-width:480px){.header-actions{align-items:center;flex-direction:column;gap:1rem}.user-profile-trigger{justify-content:center;padding:.5rem}.user-info{align-items:center}.user-email{display:none}}.payment-component{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:600px;padding:20px}.payment-header{border-bottom:1px solid #e1e5e9;margin-bottom:30px;padding-bottom:20px;text-align:center}.payment-header h3{color:#2d3748;font-size:24px;font-weight:600;margin:0 0 10px}.payment-amount{color:#3182ce;font-size:32px;font-weight:700;margin:10px 0}.payment-description{color:#718096;font-size:16px;margin:10px 0 0}.payment-form{display:flex;flex-direction:column;gap:25px}.form-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.form-section h4{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#4a5568;font-size:14px;font-weight:500}.form-group input,.form-group select{background:#fff;border-radius:6px;font-size:16px;padding:12px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group input:disabled,.form-group select:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.payment-actions{margin-top:20px}.pay-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;justify-content:center;min-height:56px;padding:16px 24px;transition:all .3s;width:100%}.pay-button:hover:not(:disabled){box-shadow:0 8px 15px #0000001a;transform:translateY(-1px)}.pay-button:active:not(:disabled){transform:translateY(0)}.pay-button:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;width:20px}.payment-security{background:#f0fff4;border:1px solid #9ae6b4;border-radius:6px;margin-top:20px;padding:15px;text-align:center}.payment-security p{color:#2f855a;font-size:14px;margin:0}.recurring-info{background:#e6fffa;border:1px solid #81e6d9;border-radius:6px;margin-top:12px;padding:16px}.recurring-info p{color:#2c7a7b;font-size:14px;line-height:1.4;margin:0 0 12px}.recurring-benefits{display:flex;flex-wrap:wrap;gap:8px}.benefit{background:#fff;border:1px solid #a7f3d0;border-radius:4px;color:#065f46;font-size:12px;font-weight:500;padding:4px 8px}@media (max-width:768px){.payment-component{margin:10px;padding:15px}.form-row{grid-template-columns:1fr}.payment-amount{font-size:28px}.form-section{padding:15px}.pay-button{font-size:16px;padding:14px 20px}.option-benefits{flex-direction:column;gap:4px}.benefit{font-size:11px}}@media (max-width:480px){.payment-component{margin:5px;padding:10px}.payment-header h3{font-size:20px}.payment-amount{font-size:24px}}.onboarding-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.onboarding-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;position:relative;width:100%}.onboarding-card.plan-selection{max-width:1000px}.onboarding-card.payment-step{max-width:700px}.onboarding-header{margin-bottom:30px;text-align:center}.onboarding-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:10px}.onboarding-header p{color:#718096;font-size:1rem;margin-bottom:20px}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden;width:100%}.progress{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.step-indicator{color:#4a5568;font-size:.9rem;font-weight:500}.onboarding-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{color:#2d3748;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #cbd5e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.back-btn,.next-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s}.next-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.next-btn:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.back-btn{background:#e2e8f0;color:#4a5568}.back-btn:hover{background:#cbd5e0}.plans-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.plan-card{border:2px solid #e2e8f0;padding:25px}.plan-card:hover{border-color:#667eea;box-shadow:0 10px 25px #0000001a}.plan-card.recommended{border-color:#667eea;transform:scale(1.02)}.recommended-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:6px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:20px;text-align:center}.plan-header h3{color:#2d3748;font-size:1.3rem;font-weight:700;margin-bottom:10px}.plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:10px}.plan-price .currency{color:#718096;font-size:1rem}.plan-price .amount{color:#667eea;font-size:2rem;font-weight:700}.plan-price .period{color:#718096;font-size:1rem}.plan-description{color:#4a5568;font-size:.9rem;margin:0}.plan-features{margin-bottom:25px}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:10px;padding:8px 0}.checkmark{color:#48bb78;font-size:1rem;font-weight:700}.select-plan-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:12px;transition:all .3s}.select-plan-btn:hover{opacity:.9}.selected-plan-summary{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:20px;text-align:center}.selected-plan-summary h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:8px}.selected-plan-summary .plan-price{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:5px}.selected-plan-summary .plan-description{color:#718096;font-size:.9rem;margin:0}.step-actions{margin-top:20px}.loading-overlay,.step-actions{display:flex;justify-content:center}.loading-overlay{align-items:center;background:#ffffffe6;border-radius:16px;bottom:0;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:15px;width:40px}.loading-overlay p{color:#4a5568;font-weight:500}@media (max-width:768px){.onboarding-container{padding:10px}.onboarding-card{padding:25px}.onboarding-card.plan-selection{max-width:100%}.onboarding-header h2{font-size:1.5rem}.plans-grid{gap:20px;grid-template-columns:1fr}.plan-card.recommended{transform:none}.plan-price .amount{font-size:1.8rem}}@media (max-width:480px){.onboarding-card{padding:20px}.onboarding-header h2{font-size:1.3rem}.form-group input,.form-group select{padding:10px 14px}.back-btn,.next-btn{font-size:.9rem;padding:12px 20px}}:root{--header-height:70px;--input-area-height:85px}.chat-header,.chat-input-area,.chat-layout,.chat-messages,.chat-page{box-sizing:border-box}.chat-layout{display:flex;font-family:sans-serif;height:100%;left:0;position:fixed;top:0;width:100%}.chat-page{background-color:#fff;flex-grow:1;height:100%;overflow:hidden;position:relative}.chat-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;left:0;padding:.75rem 1.5rem;position:absolute;right:0;top:0;z-index:10}.chat-header h2{font-size:1.5rem;margin:0}.header-subtitle{color:#6b7280;font-size:.875rem;margin:0}.back-button,.menu-button{align-items:center;background:none;border:1px solid #ddd;border-radius:50%;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s}.back-button:hover,.menu-button:hover{background-color:#f3f4f6}.menu-button{display:none}.chat-messages{bottom:85px;bottom:var(--input-area-height);display:flex;flex-direction:column;left:0;overflow-y:auto;padding:1.5rem;position:absolute;right:0;top:70px;top:var(--header-height)}.message-container{display:flex;gap:12px;margin-bottom:1rem;max-width:80%}.message-container.user{flex-direction:row-reverse;margin-left:auto}.message-container.ai{margin-right:auto}.avatar{border-radius:50%;flex-shrink:0;height:36px;margin-top:2px;object-fit:cover;width:36px}.ai-avatar{align-items:center;background:linear-gradient(135deg,#8a2be2,indigo);color:#fff;display:flex;font-size:1.3rem;font-weight:700;justify-content:center}.message{word-wrap:break-word;border-radius:20px;line-height:1.6;padding:12px 18px;white-space:pre-wrap}.message.user{background-color:#f3e8ff;border-bottom-right-radius:5px;color:#1f2937}.message.ai{background-color:#f3f4f6;border-bottom-left-radius:5px;color:#1f2937}.message-image{border-radius:12px;margin-bottom:8px;max-width:100%}.typing-indicator{color:#6b7280;font-style:italic;margin-left:48px}.chat-input-area{background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;flex-direction:column;left:0;padding:1rem 1.5rem;position:absolute;right:0;z-index:10}.image-preview-container{margin-bottom:.5rem;width:80px}.image-preview{border:1px solid #ddd;border-radius:8px;height:80px;object-fit:cover;width:80px}.remove-image-button{align-items:center;background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;display:flex;font-weight:700;height:24px;justify-content:center;padding:0;position:absolute;right:-8px;top:-8px;width:24px}.chat-input-form{align-items:center;background-color:#f3f4f6;border-radius:24px;display:flex;padding:8px}.attach-button,.send-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition:background-color .2s}.attach-button{margin:0 4px;padding:.5rem}.attach-button:hover{background-color:#e5e7eb}.send-button{background:#8a2be2;color:#fff;height:40px;width:40px}.send-button:hover{background-color:#7c3aed}.send-button:disabled{background-color:#c4b5fd;cursor:not-allowed}.chat-input{background:#0000;border:none;flex-grow:1;font-size:1rem;padding:.5rem 1rem}.chat-input:focus{outline:none}.sidebar-overlay{display:none}.new-chat-button{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.menu-button{display:flex}.sidebar-overlay{background-color:#00000080;display:block;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;visibility:hidden;width:100%;z-index:999}.chat-sidebar.open~.sidebar-overlay{opacity:1;visibility:visible}.chat-sidebar{height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);z-index:1000}.chat-sidebar.open{transform:translateX(0)}.message-container{max-width:95%}.chat-header{padding:.5rem 1rem}.chat-header h2{font-size:1.25rem}.chat-input-area{padding:.75rem 1rem}}.empty-chat-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;padding:40px 20px;text-align:center}.empty-chat-container h2{color:#374151;font-size:1.5rem;margin-top:1rem}.empty-chat-container p{font-size:1rem}.large-avatar{font-size:24px;height:60px;margin-bottom:10px;width:60px}.typing-indicator{align-items:center;display:flex;padding:12px 16px}.typing-dot{animation:bounce 1.2s ease-in-out infinite;background-color:#9ca3af;border-radius:50%;height:8px;margin:0 3px;width:8px}.typing-dot:nth-child(2){animation-delay:-.2s}.typing-dot:nth-child(3){animation-delay:-.4s}.message-container{padding-bottom:18px;position:relative}.message-timestamp{bottom:0;color:#9ca3af;font-size:.7rem;position:absolute;white-space:nowrap}.message-container.user .message-timestamp{right:10px}.message-container.ai .message-timestamp{left:60px}.stop-generating-button{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;margin-bottom:8px;padding:8px 16px;transition:background-color .2s,border-color .2s}.stop-generating-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.chat-input-form .chat-input{line-height:1.5;padding-bottom:10px;padding-top:10px}.chat-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease-in-out;width:280px}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.sidebar-header h2{font-size:1.5rem;margin:0}.new-chat-button{background-color:#f3e8ff;border:1px solid #8a2be2;border-radius:8px;color:#8a2be2;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:1rem;padding:.75rem;transition:all .2s;width:calc(100% - 2rem)}.new-chat-button:hover{background-color:#e9d5ff}.chat-history-list{flex-grow:1;overflow-y:auto;padding:0 1rem}.chat-history-list::-webkit-scrollbar{width:8px}.chat-history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chat-history-list::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.chat-history-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-history-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:.5rem 0;padding:1rem;text-align:left;width:100%}.chat-history-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history-item:hover{background-color:#f3f4f6}.chat-history-item.active{background-color:#8a2be2;color:#fff}.chat-history-item.active .chat-delete-button{color:#fff}.chat-delete-button{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:none;flex-shrink:0;padding:.5rem}.chat-history-item:hover .chat-delete-button{display:block}.chat-delete-button:hover{background-color:#0000001a}@media (max-width:768px){.chat-sidebar{box-shadow:2px 0 5px #0003;height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);z-index:1000}.chat-sidebar.open{transform:translateX(0)}}.logo-visual-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:4px;position:relative}@keyframes logo-glow{0%{box-shadow:0 0 24px 4px #4f8cff88,0 2px 8px #0000001f}50%{box-shadow:0 0 36px 8px #4f8cffcc,0 4px 16px #0000002e}to{box-shadow:0 0 24px 4px #4f8cff88,0 2px 8px #0000001f}}.admin-layout{display:flex;height:100vh}.admin-sidebar{background-color:#1e1f20;color:#e3e3e3;display:flex;flex-direction:column;flex-shrink:0;padding:1rem;width:240px}.admin-logo-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:8px;padding:12px 0 0;position:relative}.admin-system-logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:2px solid #ffffff40;border-radius:18px;box-shadow:0 4px 24px #0000001f,0 1.5px 6px #00000014;cursor:pointer;height:72px;object-fit:contain;transition:box-shadow .2s,border .2s,transform .2s;width:72px}.admin-system-logo:hover{border:2px solid #4f8cff;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001f;transform:scale(1.05)}.admin-logo-upload-hint{color:#e0e0e0;font-size:.85rem;letter-spacing:.02em;margin-top:4px;opacity:.8;text-align:center;transition:color .2s}.admin-system-logo:hover+.admin-logo-upload-hint{color:#4f8cff;opacity:1}.admin-sidebar-header{font-size:1.5rem;font-weight:600;padding:1rem .5rem;text-align:center}.admin-sidebar-nav ul{list-style:none;margin:0;padding:0}.admin-sidebar-nav a{align-items:center;border-radius:8px;color:#bdc1c6;display:flex;font-size:1rem;gap:12px;padding:12px 16px;text-decoration:none;transition:background-color .2s}.admin-sidebar-nav a:hover{background-color:#282a2c}.admin-sidebar-nav a.active{background-color:#8a2be2;color:#fff}.admin-sidebar-footer{margin-top:auto}.admin-logout-button{background:none;border:1px solid #5f6368;border-radius:8px;color:#bdc1c6;cursor:pointer;font-size:1rem;padding:12px;width:100%}.admin-logout-button:hover{background-color:#3c4043}.admin-content{background-color:#f0f2f5;flex-grow:1;overflow-y:auto;padding:2rem}.progress-container{background-color:#e9ecef;border-radius:8px;margin-top:1rem;width:100%}.progress-bar{background-color:#8a2be2;border-radius:8px;color:#fff;font-weight:600;height:24px;line-height:24px;text-align:center;transition:width .5s ease-in-out;width:0}.progress-step-text{color:#6c757d;margin-top:.5rem;text-align:center}.admin-browse-page{padding:2rem}.admin-browse-page h1{font-size:2rem;font-weight:700;margin-bottom:2rem}.browse-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr}.browse-sidebar{align-self:start;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.sidebar-section h4{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.sidebar-section ul{list-style:none;margin:0;padding:0}.sidebar-section li{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s}.sidebar-section li:hover{background-color:#f3f4f6}.sidebar-section li.active{background-color:#8a2be2;color:#fff;font-weight:600}.browse-content-area{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.content-column{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.content-column h3{margin-top:0}.content-list{list-style:none;margin:0;max-height:60vh;overflow-y:auto;padding:0}.content-list li{align-items:center;background-color:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.content-list li>div{cursor:pointer;flex-grow:1}.item-title{font-weight:600;margin:0 0 .25rem}.item-subtitle{color:#040810;font-size:.9rem;margin:0}.content-list button{background:none;border:none;color:#000001;cursor:pointer;padding:.5rem}.admin-stats-page{font-family:Inter,sans-serif;padding:2rem}.admin-stats-page h1{font-size:2rem;font-weight:700;margin-bottom:2rem}.stats-grid{margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background-color:#f3e8ff;border-radius:50%;color:#8a2be2;height:50px;justify-content:center;width:50px}.stat-info p{color:#6b7280;margin:0}.stat-info span{color:#1f2937;font-size:1.75rem;font-weight:600}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.chart-container h3{margin-bottom:1.5rem;margin-top:0}.recent-users-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.recent-users-container h3{margin-top:0}.recent-users-table{border-collapse:collapse;margin-top:1rem;width:100%}.recent-users-table td,.recent-users-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.recent-users-table th{color:#6b7280;font-size:.8rem;text-transform:uppercase}.user-cell{align-items:center;display:flex;gap:.75rem}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}:root{--primary-color:#007bff;--primary-hover:#0056b3;--danger-color:#dc3545;--danger-hover:#c82333;--success-color:#28a745;--warning-color:#ffc107;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#343a40;--text-color:#212529;--border-radius:8px;--box-shadow:0 4px 12px #0000001a}body{background-color:#f8f9fa;background-color:var(--light-gray);color:#212529;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}.detail-loading,.error{align-items:center;color:#6c757d;display:flex;font-size:1.5rem;height:100vh;justify-content:center}.modal-overlay{background-color:#0009}.modal-content{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);max-width:400px;padding:2rem 2.5rem}.modal-icon{color:#ffc107;color:var(--warning-color)}.modal-content h2{color:#343a40;color:var(--dark-gray);margin-top:0}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.modal-button{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.modal-button.cancel{background-color:#e9ecef;background-color:var(--medium-gray);color:#343a40;color:var(--dark-gray)}.modal-button.cancel:hover{background-color:#d3d9df}.modal-button.confirm{background-color:#dc3545;background-color:var(--danger-color);color:#fff}.modal-button.confirm:hover{background-color:#c82333;background-color:var(--danger-hover)}.quiz-detail-page{margin:2rem auto;max-width:900px;padding:2rem}.detail-page-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--medium-gray);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.quiz-info h1{font-size:2rem;margin:0}.quiz-info p{color:#6c757d;margin:.25rem 0 0}.back-button,.delete-button,.preview-button{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.7rem 1.2rem;transition:all .2s ease}.back-button{background-color:initial;border-color:#e9ecef;border-color:var(--medium-gray);color:#343a40;color:var(--dark-gray)}.back-button:hover{background-color:#e9ecef;background-color:var(--medium-gray)}.preview-button{background-color:#28a745;background-color:var(--success-color);color:#fff}.preview-button:hover{background-color:#218838}.delete-button{background-color:#dc3545;background-color:var(--danger-color);color:#fff}.delete-button:hover{background-color:#c82333;background-color:var(--danger-hover)}.question-section h2{border-bottom:2px solid #007bff;border-bottom:2px solid var(--primary-color);color:#007bff;color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem;margin-top:2rem;padding-bottom:.5rem}.quiz-container{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);margin:2rem auto;max-width:800px;padding:2rem}.quiz-header{margin-bottom:2rem;text-align:center}.quiz-header h1{margin:0 0 .5rem}.quiz-header p{color:#6c757d;font-size:1.1rem;margin:0}.question-card{border:1px solid #e9ecef;border:1px solid var(--medium-gray);border-radius:8px;border-radius:var(--border-radius);padding:2rem}.question-card h3{font-size:1.4rem;line-height:1.5;margin-bottom:2rem;margin-top:0}.answers{display:flex;flex-direction:column;gap:1rem}.answer-option{background-color:#f8f9fa;background-color:var(--light-gray);border:2px solid #e9ecef;border:2px solid var(--medium-gray);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.answer-option:hover{background-color:#e2e6ea}.answer-option.selected,.answer-option:hover{border-color:#007bff;border-color:var(--primary-color)}.answer-option.selected{background-color:#007bff;background-color:var(--primary-color);color:#fff;font-weight:600}.answer-textarea{border:2px solid #e9ecef;border:2px solid var(--medium-gray);border-radius:8px;border-radius:var(--border-radius);font-family:inherit;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;width:100%}.answer-textarea:focus{border-color:#007bff;border-color:var(--primary-color);outline:none}.quiz-navigation{align-items:center;border-top:1px solid #e9ecef;border-top:1px solid var(--medium-gray);display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.action-button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:background-color .2s ease}.action-button.back-button{background-color:#e9ecef;background-color:var(--medium-gray);color:#343a40;color:var(--dark-gray)}.action-button.next-button,.action-button.submit-button{background-color:#007bff;background-color:var(--primary-color);color:#fff}.action-button:disabled{background-color:#adb5bd;cursor:not-allowed}.results-container{text-align:center}.final-score{color:#343a40;color:var(--dark-gray);font-size:1.8rem;font-weight:700;margin:2rem 0}.results-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.reattempt-button{background-color:#28a745;background-color:var(--success-color);color:#fff}.reattempt-button:hover{background-color:#218838}@media (max-width:768px){.quiz-container,.quiz-detail-page{margin:1rem;padding:1.5rem}.detail-page-header{flex-direction:column;gap:1rem;text-align:center}.header-actions{justify-content:center;width:100%}.quiz-navigation,.results-actions{flex-direction:column;gap:1rem}.action-button{justify-content:center;width:100%}}:root{--correct-color:#4caf50;--header-height:73px}body{background-color:#f4f7f9;background-color:var(--bg-color);font-family:Poppins,Noto Sans Sinhala,sans-serif}.note-view-page{background:linear-gradient(120deg,#e3f2fd,#f4f7f9);display:flex;flex-direction:column;min-height:100vh}.note-loading-container{align-items:center;color:#0d47a1;color:var(--primary-color);display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;height:100vh;justify-content:center}.loading-spinner,.loading-spinner-small{animation:spin 1s linear infinite}.note-view-header{align-items:center;background-color:#fff;background-color:var(--card-bg);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;height:73px;height:var(--header-height);justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button,.quiz-me-button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:background-color .2s ease;white-space:nowrap}.back-button{background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#212121;color:var(--text-dark)}.back-button:hover{background-color:#f4f7f9;background-color:var(--bg-color)}.quiz-me-button{background-color:#0d47a1;background-color:var(--primary-color);border:none;color:#fff}.quiz-me-button:hover{background-color:#0b3a82}.header-title{text-align:center}.header-title h1{color:#212121;color:var(--text-dark);font-size:1.5rem}.header-title span{color:#616161;color:var(--text-light);font-size:.9rem}.header-actions{align-items:center;display:flex;gap:1rem}.study-points-display{background:#fff3e0;border-radius:50px;color:#e65100;font-weight:600;padding:.5rem 1rem}.reading-progress-bar{background-color:#1e88e5;background-color:var(--accent-color);height:4px;position:-webkit-sticky;position:sticky;top:73px;top:var(--header-height);transition:width .1s linear;z-index:99}.note-view-layout{grid-gap:2rem;display:grid;flex-grow:1;gap:2rem;grid-template-columns:minmax(0,2.5fr) minmax(350px,1fr);margin:0 auto;max-width:1600px;padding:2rem;width:100%}.note-content-panel{background:#fff;background:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #00000014;box-shadow:0 4px 16px var(--shadow-color);color:#212121;color:var(--text-dark);font-size:1.1rem;height:calc(100vh - 77px - 4rem);height:calc(100vh - var(--header-height) - 4rem - 4px);line-height:1.9;overflow-y:auto;padding:2.5rem}.note-actions-bar{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem}.mark-complete-button,.save-button{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:50px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.save-button:hover{background:#e3f2fd}.mark-complete-button:hover:not(:disabled){background:#f0f0f0}.mark-complete-button.completed{background:#e8f5e9;border-color:#4caf50;border-color:var(--correct-color);color:#4caf50;color:var(--correct-color)}.note-content-panel h1,.note-content-panel h2,.note-content-panel h3{border-bottom:1px solid #e3f2fd;color:#1976d2;font-weight:700;margin-bottom:1.5rem;margin-top:2rem;padding-bottom:.5rem}.progress-marker-container{align-items:center;display:flex;margin:2rem 0;text-align:center;width:100%}.progress-marker-container:after,.progress-marker-container:before{border-bottom:1px dashed #e0e0e0;border-bottom:1px dashed var(--border-color);content:"";flex:1 1}.progress-marker-btn{align-items:center;background:#1e88e5;background:var(--accent-color);border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin:0 1rem;padding:.6rem 1.2rem;transition:all .3s ease-in-out}.progress-marker-btn:hover:not(:disabled){box-shadow:0 6px 20px #1e88e54d;transform:translateY(-2px)}.progress-marker-btn.completed{background:#e8f5e9;border:1px solid #a5d6a7;box-shadow:none;color:#28a745;cursor:default;transform:none}.chat-panel-desktop{height:calc(100vh - 73px - 4rem);height:calc(100vh - var(--header-height) - 4rem);position:-webkit-sticky;position:sticky;top:calc(73px + 2rem);top:calc(var(--header-height) + 2rem)}.mobile-chat-container{display:none}.note-chat-panel{background:#fff;background:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 16px #00000014;box-shadow:0 4px 16px var(--shadow-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-panel-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.chat-panel-header h4{color:#212121;color:var(--text-dark);margin:0}.note-chat-messages{flex-grow:1;overflow-y:auto;padding:1rem}.qa-message{word-wrap:break-word;border-radius:12px;line-height:1.6;margin-bottom:.75rem;max-width:85%;padding:.75rem 1rem}.qa-message.user{background-color:#0d47a1;background-color:var(--primary-color);border-bottom-right-radius:2px;color:#fff;margin-left:auto}.qa-message.ai{background-color:#f4f7f9;background-color:var(--bg-color);border-bottom-left-radius:2px;color:#212121;color:var(--text-dark);margin-right:auto}.qa-form-container{background-color:#fcfcfc;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);padding:1rem}.qa-form{display:flex;gap:.5rem}.qa-input{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;flex-grow:1;font-size:1rem;padding:.75rem}.qa-button{background-color:#1e88e5;background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:0 1.5rem}.close-chat-button{background:none;border:none;color:#616161;color:var(--text-light);cursor:pointer;font-size:1.5rem}@media (max-width:1024px){.note-view-layout{grid-template-columns:1fr}.note-content-panel{height:auto;min-height:70vh}.chat-panel-desktop{display:none}.mobile-chat-container{display:block}.mobile-chat-toggle{align-items:center;background:#0d47a1;background:var(--primary-color);border:none;border-radius:50px;bottom:20px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.2rem;position:fixed;right:20px;transition:transform .2s ease;z-index:1000}.mobile-chat-toggle:hover{transform:scale(1.05)}.chat-panel-mobile{background:#fff;background:var(--card-bg);border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -5px 25px #00000026;height:85vh;left:0;max-height:90%;position:fixed;right:0;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:1002}.chat-panel-mobile.open{transform:translateY(0)}.page-overlay{background:#0006;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .35s ease;z-index:1001}.note-view-page.chat-open .page-overlay{opacity:1;pointer-events:auto}.note-view-header{flex-wrap:wrap;height:auto;padding:1rem}.header-title{margin-bottom:1rem;order:-1;text-align:center;width:100%}.back-button,.header-actions{flex-grow:1}.back-button{justify-content:center}.header-actions{justify-content:flex-end}.reading-progress-bar{top:100%}}@media (max-width:480px){.header-actions{gap:.5rem}.study-points-display{font-size:.8rem;padding:.4rem .8rem}.quiz-me-button{padding:.6rem 1rem}.mobile-chat-toggle span{display:none}.mobile-chat-toggle{height:50px;justify-content:center;padding:.8rem;width:50px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.min-h-screen{align-items:center;background-color:#f8f9fa;background-image:linear-gradient(180deg,#f7f8fc,#fff);display:flex;flex-direction:column;min-height:100vh;padding:1rem}@media (min-width:640px){.min-h-screen{padding:2.5rem}}.w-full{width:100%}.max-w-3xl,.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.rounded-lg{border-radius:.5rem}.transition-colors{transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,box-shadow,transform,opacity;transition-timing-function:ease-in-out}button:disabled{opacity:.9}.bg-blue-600{background-image:linear-gradient(to top right,#4f46e5,#6366f1);border:1px solid #0000;box-shadow:0 4px 15px -5px #4f46e566;color:#fff;font-weight:600}.hover\:bg-blue-700:hover:not(:disabled){box-shadow:0 7px 20px -5px #4f46e599;transform:translateY(-2px)}.bg-blue-600:active:not(:disabled){transform:translateY(0)}.btn-outline{background-color:initial;border:1px solid #c7d2fe;color:#4f46e5;font-weight:600}.btn-outline:hover:not(:disabled){background-color:#eef2ff;border-color:#4f46e5;transform:translateY(-2px)}.btn-outline:active:not(:disabled){background-color:#e0e7ff;transform:translateY(0)}.bg-green-600{background-color:#16a34a;box-shadow:0 4px 15px -5px #16a34a66;color:#fff;font-weight:600}.hover\:bg-green-700:hover:not(:disabled){background-color:#15803d;box-shadow:0 7px 20px -5px #16a34a80;transform:translateY(-2px)}.bg-gray-400{background-color:#9ca3af;color:#fff;font-weight:600}.hover\:bg-gray-500:hover:not(:disabled){background-color:#6b7280}.bg-white{background-color:#fff}.shadow-lg{box-shadow:0 10px 25px -5px #4f46e51a,0 8px 10px -6px #4f46e51a}.p-6{padding:1.5rem}@media (min-width:640px){.sm\:p-8{padding:2.5rem}}.text-2xl{font-size:1.5rem;line-height:2rem}@media (min-width:640px){.sm\:text-3xl{font-size:2rem;line-height:2.5rem}}.font-bold{font-weight:700}.text-gray-900{color:#111827}.mb-4{margin-bottom:1rem}.text-gray-600{color:#4b5563}.mb-6{margin-bottom:1.5rem}.font-semibold{font-weight:600}.text-gray-500{color:#6b7280}.italic{font-style:italic}.text-white{color:#fff}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.hidden{display:none}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-4{gap:1rem}.sm\:block{display:block}}.prose{line-height:1.75}.prose-gray{--tw-prose-body:#111827;--tw-prose-headings:#111827;--tw-prose-links:#4f46e5;--tw-prose-bold:#000;--tw-prose-bullets:#4f46e5;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#a5b4fc;--tw-prose-captions:#4b5563;--tw-prose-code:#1e1b4b;--tw-prose-pre-code:#1e1b4b;--tw-prose-pre-bg:#eef2ff;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb}.max-w-none{max-width:none}.note-wysiwyg{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;line-height:1.75;min-height:20rem;padding:.75rem;resize:vertical;transition:border-color .2s,box-shadow .2s}.note-wysiwyg:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-red-600{color:#dc2626}.text-center{text-align:center}.max-w-2xl{max-width:42rem}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.prose .mjx-container{line-height:normal;margin:1rem 0;text-align:left}.prose .mjx-container[display=true]{overflow-x:auto;overflow-y:hidden}.notes-page-container{font-family:Poppins,sans-serif;margin:2rem auto;max-width:1200px;padding:2rem}.notes-page-header{margin-bottom:3rem;text-align:center}.notes-page-header h1{color:#0d47a1;font-size:2.5rem;font-weight:700;margin:0}.notes-page-header p{color:#616161;font-size:1.1rem;margin:.5rem auto 0;max-width:600px}.finder-container{grid-gap:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:2rem}.finder-column{transition:opacity .3s ease}.finder-column.disabled{opacity:.4;pointer-events:none}.finder-column h3{border-bottom:2px solid #e0e0e0;color:#0d47a1;font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.selection-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.selection-item{background-color:#f9fafb;border:1px solid #e0e0e0;border-radius:8px;color:#424242;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.selection-item:hover{background-color:#e3f2fd;border-color:#1e88e5}.selection-item.selected{background-color:#1e88e5;border-color:#1e88e5;color:#fff;font-weight:600}.note-results-container{background:#e3f2fd;border-radius:12px;margin-top:2rem;padding:1.5rem}.note-results-container h4{color:#0d47a1;font-size:1.1rem;margin:0 0 1rem}.note-results-grid{grid-gap:1rem;display:grid;gap:1rem}.note-result-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:1rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.note-result-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.note-result-card svg:first-child{color:#1e88e5;margin-right:1rem}.note-result-card span{flex-grow:1;font-weight:500}.note-result-card svg:last-child{color:#9e9e9e}.saved-notes-section{border-top:1px solid #e0e0e0;margin-top:4rem;padding-top:2rem}.saved-notes-header-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.saved-notes-header-bar h2{color:#333;font-size:1.8rem;font-weight:600;margin:0}.filters{display:flex;gap:1rem}.filters select{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:.5rem 1rem}.saved-notes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.note-card{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.note-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.note-card-icon{background-color:#e3f2fd;border-radius:50%;color:#1e88e5;display:grid;flex-shrink:0;height:50px;place-items:center;width:50px}.note-card-icon svg{height:24px;width:24px}.note-card-content h3{color:#212121;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.note-card-content p{color:#616161;font-size:.9rem;margin:0}.no-saved-notes{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:4rem 2rem;text-align:center}.no-saved-notes svg{color:#1e88e5;margin-bottom:1rem}.no-saved-notes h2{color:#0d47a1;font-size:1.5rem;margin:0 0 .5rem}.no-saved-notes p{color:#616161;margin:0 auto;max-width:300px}.loading-spinner-small{animation:spin 1s linear infinite}@media (max-width:992px){.finder-container{grid-template-columns:1fr}}.note-chat-messages,.note-content-panel{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Iskoola Pota,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#e0e7ff;--color-success:#10b981;--color-success-light:#d1fae5;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-on-primary:#fff;--color-bg:#f9fafb;--color-surface:#fff;--color-border:#e5e7eb;--color-input-bg:#f3f4f6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--color-bg);color:#111827;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-main)}.quiz-page-container{align-items:center;display:flex;flex-direction:column;width:100%}.loading-container{align-items:center;color:var(--color-text-secondary);display:flex;height:100vh;justify-content:center}.progress-bar-container{background-color:#e5e7eb;background-color:var(--color-border);height:6px;width:100%}.progress-bar{background-color:#6366f1;background-color:var(--color-primary);border-radius:0 3px 3px 0;height:100%;transition:width .4s ease}button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-main)}.button-primary,.button-secondary{-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.button-primary{background-color:#6366f1;background-color:var(--color-primary);box-shadow:0 4px 14px 0 #6366f140;color:#fff;color:var(--color-text-on-primary)}.button-primary:hover:not(:disabled){background-color:#4f46e5;background-color:var(--color-primary-hover);box-shadow:0 6px 20px 0 #6366f14d;transform:translateY(-2px)}.button-secondary{background-color:#fff;background-color:var(--color-surface);border-color:#e5e7eb;border-color:var(--color-border);color:#6b7280;color:var(--color-text-secondary)}.button-secondary:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--color-input-bg);border-color:#d1d5db;color:#111827;color:var(--color-text-primary)}button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.quiz-header{align-items:center;background-color:#fff;background-color:var(--color-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.header-info h2{font-size:1.2rem;margin:0}.header-info p{color:#6b7280;color:var(--color-text-secondary);font-size:.8rem;margin:2px 0 0}.header-meta{align-items:center;display:flex;gap:1rem}.question-counter{background-color:#f3f4f6;background-color:var(--color-input-bg);border-radius:8px;color:#6b7280;color:var(--color-text-secondary);font-size:.8rem;font-weight:600;padding:.5rem .75rem;white-space:nowrap}.timer-display{font-size:.9rem}.save-exit-button,.timer-display{align-items:center;display:flex;font-weight:600;gap:.5rem}.save-exit-button{background:none;border:none;border-radius:8px;color:#6b7280;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;transition:background-color .2s,color .2s}.save-exit-button:hover{background-color:#f3f4f6;background-color:var(--color-input-bg);color:#111827;color:var(--color-text-primary)}.streak-counter{align-items:center;animation:streakUpdate .5s cubic-bezier(.25,.46,.45,.94);background:#d1fae5;background:var(--color-success-light);border-radius:50px;color:#10b981;color:var(--color-success);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;-webkit-user-select:none;user-select:none}.streak-counter svg{height:20px;width:20px}@keyframes streakUpdate{0%{opacity:.8;transform:scale(1)}25%{opacity:1;transform:scale(1.2) rotate(-3deg)}50%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0deg)}}.question-block{background-color:#fff;background-color:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;margin:2rem 1rem;max-width:800px;padding:2.5rem;width:100%}.question-text{font-size:1.4rem;line-height:1.6;margin-bottom:2.5rem}.mcq-options{grid-gap:1rem;display:grid;gap:1rem}.mcq-option{align-items:center;background-color:#fff;background-color:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:.75rem;cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.mcq-option.selected,.mcq-option:hover:not(:disabled){background-color:#e0e7ff;background-color:var(--color-primary-light);border-color:#6366f1;border-color:var(--color-primary)}.mcq-option.correct{background-color:#d1fae5;background-color:var(--color-success-light);border-color:#10b981;border-color:var(--color-success)}.mcq-option.incorrect{background-color:#fee2e2;background-color:var(--color-danger-light);border-color:#ef4444;border-color:var(--color-danger)}.option-letter{align-items:center;background-color:#f3f4f6;background-color:var(--color-input-bg);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;color:#6b7280;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.mcq-option.selected .option-letter{background-color:#6366f1;background-color:var(--color-primary);border-color:#6366f1;border-color:var(--color-primary);color:#fff}.mcq-option.correct .option-letter{background-color:#10b981;background-color:var(--color-success);border-color:#10b981;border-color:var(--color-success);color:#fff}.mcq-option.incorrect .option-letter{background-color:#ef4444;background-color:var(--color-danger);border-color:#ef4444;border-color:var(--color-danger);color:#fff}.mcq-option svg{stroke-width:2.5;margin-left:auto}.mcq-option .check-icon{color:#6366f1;color:var(--color-primary)}.mcq-option .correct-icon{color:#10b981;color:var(--color-success)}.mcq-option .incorrect-icon{color:#ef4444;color:var(--color-danger)}.navigation-buttons{gap:1rem;margin-top:2rem}.mode-selection-container,.navigation-buttons,.summary-screen{align-items:center;display:flex;justify-content:center;width:100%}.mode-selection-container,.summary-screen{flex-direction:column;flex-grow:1;padding:1rem}.mode-selection-container h2,.summary-card h2{font-size:2.2rem;font-weight:700}.mode-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.mode-options button{background-color:#fff;background-color:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:1rem;cursor:pointer;padding:1.5rem;text-align:left;transition:all .2s ease-in-out}.mode-options button:hover{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 8px 25px #00000012;transform:translateY(-5px)}.mode-options button svg{stroke-width:2;color:#6366f1;color:var(--color-primary);height:28px;width:28px}.mode-options h3{font-size:1.2rem;margin:1rem 0 .5rem}.mode-options p{color:#6b7280;color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.times-up-feedback{animation:fadeInPop .5s ease-out forwards;background-color:#fff4f4;border:1px solid #f5c6cb;border-radius:12px;box-shadow:0 5px 25px #00000014;margin-top:1.5rem;padding:1.5rem;text-align:center}.times-up-feedback p{color:#8c1c13;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.timer-display.low-time{animation:flashWarning 1.2s infinite;color:#ef4444;color:var(--color-danger);font-weight:700}@keyframes flashWarning{50%{opacity:.5}}@keyframes fadeInPop{0%{opacity:0;transform:scale(.7)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.structured-view .question-text strong{color:#6366f1;color:var(--color-primary);display:block;font-size:.8em;margin-bottom:.5rem;text-transform:uppercase}.answer-workspace{background-color:#f3f4f6;background-color:var(--color-input-bg);border:2px dashed #e5e7eb;border:2px dashed var(--color-border);border-radius:1rem;margin-top:2rem;padding:1.5rem;transition:border-color .2s}.answer-workspace:focus-within{border-color:#6366f1;border-color:var(--color-primary)}.structured-textarea{background:#0000;border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-family:var(--font-main);font-size:1rem;line-height:1.6;outline:none;resize:vertical;width:100%}.upload-prompt{color:#6b7280;color:var(--color-text-secondary);font-size:.9rem;gap:1rem;justify-content:center;margin-top:1rem}.upload-label,.upload-prompt{align-items:center;display:flex}.upload-label{color:#6366f1;color:var(--color-primary);cursor:pointer;font-weight:600;gap:.5rem}.image-preview-container{margin:0 auto;max-width:400px;position:relative}.image-preview-container img{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;width:100%}.remove-image-btn{align-items:center;background:#111827;background:var(--color-text-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-12px;top:-12px;width:32px}.structured-submit-area{margin-top:2rem;text-align:center}.ai-feedback-box{background-color:#fff;background-color:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:1rem;margin-top:2rem;overflow:hidden}.ai-feedback-header{background-color:#f3f4f6;background-color:var(--color-input-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);font-size:1.1rem;gap:1rem;padding:1rem 1.5rem}.marks-badge{background-color:#6366f1;background-color:var(--color-primary);border-radius:50px;color:#fff;font-size:1rem;font-weight:700;margin-left:auto;padding:.25rem .75rem}.feedback-content{line-height:1.7;padding:1.5rem}.ai-feedback-box .button-primary{display:block;margin:0 1.5rem 1.5rem;width:calc(100% - 3rem)}.ai-feedback-loading{align-items:center;color:#6b7280;color:var(--color-text-secondary);display:flex;font-size:1.1rem;gap:1rem;justify-content:center;padding:2rem}@media (max-width:768px){.quiz-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.header-meta{gap:.5rem;justify-content:space-between;width:100%}.header-info h2{font-size:1.1rem}.save-exit-button .button-text{display:none}.save-exit-button{padding:.5rem}.question-counter,.streak-counter,.timer-display{font-size:.8rem;padding:.4rem .6rem}.question-block{margin:1.5rem 1rem;padding:1.5rem}.question-text{font-size:1.2rem}.mcq-option{font-size:.9rem;gap:.75rem;padding:.75rem}.option-letter{height:28px;width:28px}.mode-options{grid-template-columns:1fr}.mode-selection-container h2{font-size:1.8rem}.structured-view .question-text{font-size:1.1rem}.ai-feedback-header,.answer-workspace,.feedback-content{padding:1rem}}.history-container{background-color:#f4f7f9;background-color:var(--bg-color);font-family:Poppins,sans-serif;margin:2rem auto;max-width:900px;padding:2rem}.history-loading{color:#0d47a1;color:var(--primary-color);font-size:1.5rem;padding:4rem;text-align:center}.history-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.history-title{color:#0d47a1;color:var(--primary-color);font-size:2rem;font-weight:700;margin:0}.study-streak{align-items:center;background:linear-gradient(45deg,#ff9a9e,#fecfef);border-radius:50px;box-shadow:0 4px 15px #ff6b8166;color:#a50b0b;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;line-height:1.5;padding:.5rem 1.25rem}.study-streak svg{height:22px;width:22px}@keyframes pulse{0%{box-shadow:0 4px 15px #ff6b8166;transform:scale(1)}50%{box-shadow:0 6px 20px #ff6b8199;transform:scale(1.05)}to{box-shadow:0 4px 15px #ff6b8166;transform:scale(1)}}.history-subtitle{color:#212121;color:var(--text-dark);font-size:1.8rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.history-subheader{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.history-subheader .history-subtitle{margin:0}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);display:flex;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow-color);transform:translateY(-5px)}.summary-card svg{color:#1e88e5;color:var(--accent-color);height:36px;margin-right:1rem;width:36px}.summary-text{display:flex;flex-direction:column}.summary-value{color:#212121;color:var(--text-dark);font-size:1.8rem;font-weight:700;line-height:1.2}.summary-label{color:#616161;color:var(--text-light);font-size:.9rem}.attempts-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.attempt-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--shadow-color);display:flex;padding:1.5rem;transition:box-shadow .2s ease}.attempt-card:hover{box-shadow:0 8px 20px #00000014;box-shadow:0 8px 20px var(--shadow-color)}.attempt-score-visual{border-radius:50%;display:grid;flex-shrink:0;height:80px;margin-right:1.5rem;place-items:center;width:80px}.attempt-score-percent{background:#fff;border-radius:50%;color:#212121;color:var(--text-dark);display:grid;font-size:1.5rem;font-weight:700;height:65px;place-items:center;width:65px}.attempt-details{flex-grow:1}.attempt-details h3{color:#0d47a1;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.attempt-details p{color:#424242;margin:0 0 .5rem}.attempt-date{color:#616161;color:var(--text-light);font-size:.85rem}.attempt-actions{align-items:center;display:flex;gap:1.5rem}.attempt-score-breakdown{display:flex;flex-direction:column;text-align:right}.attempt-score-breakdown strong{font-size:1.2rem;font-weight:600}.attempt-score-breakdown span{color:#616161;color:var(--text-light);font-size:.8rem}.review-button{background-color:#1e88e5;background-color:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;transition:background-color .2s ease}.review-button:focus,.review-button:hover{background-color:#0d47a1;background-color:var(--primary-color)}.no-attempts-message{background:#fff;border-radius:12px;color:#616161;color:var(--text-light);margin-top:1rem;padding:2rem;text-align:center}.in-progress-card{border-left:5px solid #ff9800}.in-progress-card .attempt-score-visual{background:#fff3e0}.in-progress-card .attempt-score-visual svg{color:#ff9800;height:36px;width:36px}.resume-button{background-color:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:100px;padding:.75rem 1.5rem;transition:background-color .2s ease}.resume-button:focus,.resume-button:hover{background-color:#f57c00}.filter-container{align-items:center;display:flex;gap:.5rem}.filter-container label{color:#616161;color:var(--text-light);font-size:.9rem;font-weight:500}.filter-container select{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;min-width:150px;padding:.5rem 1rem}.filter-container select:focus{border-color:#1e88e5;border-color:var(--accent-color);outline:none}.history-error{align-items:center;background:#ffebee;border-radius:12px;color:#c62828;display:flex;gap:1rem;margin-top:1rem;padding:2rem}.history-error svg{height:24px;width:24px}@media (max-width:768px){.history-container{margin:1rem auto;padding:1rem 1rem 80px}.history-header{align-items:center;flex-direction:column;gap:1.5rem}.history-title{font-size:1.5rem;text-align:center}.study-streak{animation:none;font-size:.85rem;padding:.5rem 1rem}.history-subtitle{font-size:1.4rem;text-align:center}.history-subheader{align-items:center;flex-direction:column;gap:1rem}.summary-grid{gap:1rem;grid-template-columns:1fr}.summary-card{padding:1rem}.summary-card svg{height:32px;width:32px}.summary-value{font-size:1.5rem}.summary-label{font-size:.85rem}.attempt-card{align-items:flex-start;flex-direction:column;padding:1rem}.attempt-score-visual{height:60px;margin-bottom:1rem;margin-right:0;width:60px}.attempt-score-percent{font-size:1.2rem;height:48px;width:48px}.attempt-details h3{font-size:1.1rem}.attempt-details p{font-size:.9rem}.attempt-date{font-size:.8rem}.attempt-actions{align-items:flex-start;flex-direction:column;gap:1rem;width:100%}.attempt-score-breakdown{text-align:left}.resume-button,.review-button{font-size:.85rem;padding:.75rem;width:100%}.filter-container{align-items:flex-start;flex-direction:column;width:100%}.filter-container select{padding:.5rem;width:100%}.history-error,.no-attempts-message{font-size:.9rem;padding:1.5rem}}@media (max-width:480px){.history-container{padding:.5rem .5rem 80px}.history-title{font-size:1.3rem}.study-streak{font-size:.8rem;padding:.4rem .8rem}.study-streak svg{height:18px;width:18px}.history-subtitle{font-size:1.2rem}.summary-card{padding:.75rem}.summary-card svg{height:28px;width:28px}.summary-value{font-size:1.3rem}.summary-label{font-size:.8rem}.attempt-card{padding:.75rem}.attempt-score-visual{height:50px;width:50px}.attempt-score-percent{font-size:1rem;height:40px;width:40px}.attempt-details h3{font-size:1rem}.attempt-details p{font-size:.85rem}.attempt-date{font-size:.75rem}}.subject-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.subject-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-5px)}.card-image-container{height:180px;position:relative}.card-image{height:100%;object-fit:cover;width:100%}.favorite-icon-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:40px}.favorite-icon-button:hover{background:#fff;transform:scale(1.1)}.favorite-icon-button.favorited{color:#ef4444}.card-body{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.card-body h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.card-body p{color:#6b7280;font-size:1rem;margin:0 0 1.5rem}.chat-button{align-items:center;background-color:#8a2be2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:.8rem;transition:background-color .2s ease;width:100%}.chat-button:hover{background-color:#7c3aed}@media (max-width:768px){.card-body h3{font-size:1.25rem}.card-body p,.chat-button{font-size:.9rem}}.stats-container{font-family:Poppins,sans-serif;margin:2rem auto;max-width:1200px;padding:2rem}.stats-loading{color:#0d47a1;font-size:1.5rem;padding:4rem;text-align:center}.stats-title{border-bottom:2px solid #e0e0e0;color:#0d47a1;font-size:2.5rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem}.stats-subtitle{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:2.5rem}.no-data-msg{background:#f4f7f9;border-radius:8px;color:#616161;padding:1rem;text-align:center}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;padding:1.5rem}.stats-card svg{color:#1e88e5;height:40px;margin-right:1rem;width:40px}.stats-text{display:flex;flex-direction:column}.stats-value{color:#212121;font-size:2rem;font-weight:700;line-height:1.2}.stats-label{color:#616161;font-size:.9rem}.continue-reading-card span{color:#757575;font-size:.8rem;font-weight:500}.stats-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:1rem}.stats-column{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.mastery-list{display:flex;flex-direction:column;gap:1.25rem}.mastery-item{align-items:center;display:flex;gap:1rem}.mastery-name{flex-shrink:0;font-weight:500;width:120px}.mastery-bar-container{background-color:#e0e0e0;border-radius:6px;flex-grow:1;height:12px;overflow:hidden}.mastery-bar{background-color:#1e88e5;border-radius:6px;height:100%;transition:width .5s ease-in-out}.mastery-percent{font-weight:600;text-align:right;width:50px}.activity-feed{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;display:flex;gap:1rem}.activity-icon{background:#e3f2fd;border-radius:50%;color:#1e88e5;display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.activity-icon svg{height:20px;width:20px}.activity-details{flex-grow:1}.activity-details p{font-weight:500;margin:0}.activity-details span{color:#757575;font-size:.8rem}.activity-score{color:#4caf50;font-weight:600}.stats-column-container{margin-top:1rem}.continue-reading-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.continue-reading-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.continue-reading-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.continue-reading-card h4{color:#0d47a1;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.continue-reading-card p{color:#616161;font-size:.9rem;margin:0 0 1rem}.continue-progress-bar-container{background-color:#e0e0e0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.continue-progress-bar{background-color:#ff9800;border-radius:4px;height:100%}.continue-reading-card .progress-text{color:#757575;font-size:.8rem;font-weight:500}@media (max-width:768px){.stats-columns{grid-template-columns:1fr}.stats-container{margin:1rem auto;padding:1.5rem 1rem}.stats-title{font-size:2rem}.stats-subtitle{font-size:1.25rem}.mastery-item{flex-wrap:wrap;gap:.75rem}.mastery-name{margin-bottom:.25rem;width:100%}.mastery-bar-container{align-items:center;display:flex;flex-grow:1}}@media (max-width:480px){.stats-card{align-items:flex-start;flex-direction:column;gap:.75rem}.stats-card svg{margin-right:0}.stats-title,.stats-value{font-size:1.75rem}}.quiz-review-container{background-color:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:2rem auto;max-width:900px;padding:1rem 2rem}.loading-container{color:#6b7280;font-size:1.2rem;padding:4rem}.error-container{color:#ef4444}.review-page-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.header-title h1{color:#111827;font-size:2rem;margin:0}.header-title span{color:#6b7280;font-size:1rem}.back-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:8px;color:#374151;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:background-color .2s}.back-button:hover{background-color:#f3f4f6}.header-score{color:#4b5563;text-align:right}.header-score strong{color:#16a34a;display:block;font-size:1.75rem}.review-section{margin-bottom:3rem}.review-section h2{border-bottom:1px solid #e5e7eb;color:#111827;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.review-question-block{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.review-question-text{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.review-question-text p{margin:0}.review-mcq-options{display:flex;flex-direction:column;gap:.75rem}.review-mcq-option{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;padding:1rem;transition:all .2s}.review-option-icon{align-items:center;display:flex;margin-right:1rem}.review-mcq-option.correct{background-color:#f0fdf4;border-color:#86efac;color:#15803d}.review-mcq-option.incorrect{background-color:#fef2f2;border-color:#fca5a5;color:#b91c1c}.correct-answer-display{background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;font-weight:500;margin-top:1rem;padding:.75rem 1rem}.review-user-answer{margin-bottom:1.5rem}.review-user-answer h4{color:#374151;margin:0 0 .5rem}.review-user-answer p{background-color:#f3f4f6;border-radius:8px;line-height:1.6;margin:0;padding:1rem}.ai-feedback-box{background-color:#f0f9ff;border:1px solid #dbeafe;border-radius:12px;padding:1rem}.ai-feedback-header{align-items:center;color:#0284c7;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.marks-display{align-items:flex-start;background-color:#fff;border-radius:8px;display:flex;gap:1.5rem;margin-bottom:1rem;padding:1rem}.marks-awarded span{color:#6b7280;display:block;font-size:.9rem}.marks-awarded strong{color:#0ea5e9;font-size:1.5rem}.marks-justification{color:#4b5563;flex:1 1;font-size:.9rem}.marks-justification strong{color:#1f2937}.ai-feedback-box>p{color:#374151;line-height:1.6;margin:0}.profile-page-container{animation:fadeIn .5s ease-in-out;font-family:Inter,sans-serif;margin:2rem auto;max-width:800px;padding:1rem}.profile-page-container h1{color:#111827;font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center}.profile-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;margin-bottom:2rem;padding:2rem;transition:transform .3s,box-shadow .3s}.profile-section:hover{box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.profile-section-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.profile-section-header h3{color:#374151;font-size:1.5rem;font-weight:700}.profile-section-header svg{color:#8a2be2;height:28px;width:28px}.personal-info-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.profile-picture{border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #a855f7;height:120px;object-fit:cover;width:120px}.personal-info-details p{color:#4b5563;font-size:1rem;margin:.5rem 0}.editable-field{align-items:center;display:flex;gap:.75rem;margin:.5rem 0}.editable-field input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.25rem .5rem}.editable-field svg{color:#6b7280;cursor:pointer;transition:color .2s}.editable-field svg:hover{color:#8a2be2}.editable-field button{background-color:#8a2be2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .75rem}.cooldown-message{color:#9ca3af;font-size:.8rem;margin-left:1rem}.inquiry-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.inquiry-form input,.inquiry-form textarea{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be21a;outline:none}.inquiry-form button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:background-color .2s}.inquiry-form button:hover{background-color:#2563eb}.token-chart{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.token-chart-visual{height:140px;position:relative;width:140px}.token-chart-svg{transform:rotate(-90deg)}.token-chart-background{stroke:#e5e7eb}.token-chart-progress{transition:stroke-dashoffset .8s ease}.token-chart-progress.green{stroke:#22c55e}.token-chart-progress.yellow{stroke:#f59e0b}.token-chart-progress.red{stroke:#ef4444}.token-chart-text{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.token-chart-percentage{color:#1f2937;font-size:2rem;font-weight:800}.token-chart-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.token-chart-summary-text{color:#4b5563;font-size:.9rem;margin-top:1rem;text-align:center}.token-chart-summary-text strong{font-weight:600}.token-usage-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.token-usage-summary{flex:1 1;min-width:250px}.token-usage-summary p{font-size:1rem;line-height:1.6}.subscription-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.5rem}.plan-card{border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.plan-card:hover{border-color:#c084fc;transform:translateY(-5px)}.plan-card.current{background:linear-gradient(to top right,#f9fafb,#f3e8ff);border-color:#8a2be2;box-shadow:0 0 30px #8a2be266;transform:scale(1.05)}.plan-card.current:after{background-color:#8a2be2;box-shadow:0 2px 5px #0003;color:#fff;content:"Current Plan";font-size:.75rem;font-weight:600;padding:5px 40px;position:absolute;right:-35px;top:10px;transform:rotate(45deg)}.plan-card h4{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.plan-card .price{color:#8a2be2;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.plan-card .price span{color:#6b7280;font-size:.9rem;font-weight:500}.plan-card .change-plan-btn{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;font-weight:600;margin-top:1rem;padding:.75rem;width:100%}.plan-card.current .change-plan-btn{background-color:#6b7280;cursor:not-allowed}.unsubscribe-button{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;transition:background-color .2s;width:100%}.unsubscribe-button:hover{background-color:#dc2626}.modal-overlay{align-items:center;animation:fadeIn .3s;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;padding:2rem;text-align:center;width:90%}.modal-icon{color:#ef4444;margin-bottom:1rem}.modal-content h3{font-size:1.5rem;margin-bottom:1rem}.modal-content p{color:#6b7280;margin-bottom:2rem}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-buttons button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.modal-buttons .confirm-btn{background-color:#ef4444;color:#fff}.modal-buttons .cancel-btn{background-color:#e5e7eb;color:#374151}:root{--warning-color:#ed8936}.subscription-page{background-color:#f4f7f9;background-color:var(--bg-color);font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.subscription-container{background-color:#fff;background-color:var(--card-bg);border-radius:18px;box-shadow:0 4px 24px #00000014;box-shadow:0 4px 24px var(--shadow-color);margin:0 auto;max-width:1200px;overflow:hidden}.subscription-header{background:linear-gradient(135deg,#0d47a1,#1e88e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);color:#fff;margin-bottom:0;padding:3rem 2rem;text-align:center}.subscription-header h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.subscription-header p{font-size:1.2rem;font-weight:400;opacity:.9}.subscription-loading{align-items:center;color:#212121;color:var(--text-dark);display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem}.subscription-loading .spinner{animation:spin 1s linear infinite;border:4px solid #0d47a133;border-radius:50%;border-top-color:#0d47a1;border-top:4px solid var(--primary-color);height:40px;margin-bottom:20px;width:40px}.current-subscription{background:#fff;background:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow-color);margin:2rem;padding:2rem}.subscription-status h3{color:#212121;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.status-info{align-items:center;display:flex;gap:15px;margin-bottom:10px}.plan-name{color:#0d47a1;color:var(--primary-color);font-size:1.1rem;font-weight:600}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.status-badge.active{background:#48bb78;background:var(--success-color);color:#fff}.subscription-status p{color:#616161;color:var(--text-light);font-size:.95rem;margin:0}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem;padding:2rem}.plan-card{background:#fff;background:var(--card-bg);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{box-shadow:0 12px 32px #0d47a126;transform:translateY(-4px)}.plan-card.popular,.plan-card:hover{border-color:#1e88e5;border-color:var(--accent-color)}.plan-card.popular{box-shadow:0 8px 24px #1e88e533}.plan-card.popular:before{background:#1e88e5;background:var(--accent-color);box-shadow:0 2px 8px #1e88e54d;color:#fff;content:"Most Popular";font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 3rem;position:absolute;right:-2rem;text-transform:uppercase;top:1rem;transform:rotate(45deg)}.plan-name{color:#212121;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-price{color:#0d47a1;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.plan-price .currency{font-size:1.2rem;font-weight:600;vertical-align:top}.plan-price .duration{color:#616161;color:var(--text-light);font-size:1rem;font-weight:400}.plan-features{list-style:none;margin:2rem 0;padding:0}.plan-features li{color:#212121;color:var(--text-dark);font-size:.95rem;line-height:1.4;padding:.75rem 0 .75rem 2rem;position:relative}.plan-features li:before{color:#48bb78;color:var(--success-color);content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute}.select-plan-btn{background:linear-gradient(135deg,#0d47a1,#1e88e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #1e88e54d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease;width:100%}.select-plan-btn:hover{box-shadow:0 8px 24px #1e88e566;transform:translateY(-2px)}.select-plan-btn:active{transform:translateY(0)}.payment-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{background:#fff;background:var(--card-bg);border-radius:18px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.payment-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.payment-modal-header h2{color:#212121;color:var(--text-dark);font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:8px;color:#616161;color:var(--text-light);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:#f4f7f9;background:var(--bg-color);color:#212121;color:var(--text-dark)}.back-button{background:#fff;background:var(--card-bg);border:2px solid #0d47a1;border:2px solid var(--primary-color);border-radius:12px;color:#0d47a1;color:var(--primary-color);cursor:pointer;font-weight:500;margin-bottom:1.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#0d47a1;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.subscription-info{background:#fff;background:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 24px #00000014;box-shadow:0 4px 24px var(--shadow-color);margin:2rem;padding:2.5rem}.faq-section h3,.info-section h3{color:#212121;color:var(--text-dark);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2.5rem}.benefit{color:#212121;color:var(--text-dark);text-align:center}.benefit-icon{color:#1e88e5;color:var(--accent-color);font-size:2rem;margin-bottom:.75rem}.benefit h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.benefit p{color:#616161;color:var(--text-light);font-size:.95rem;line-height:1.5}.faq-item{color:#212121;color:var(--text-dark);margin-bottom:1.5rem}.faq-item h4{color:#0d47a1;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.faq-item p{color:#616161;color:var(--text-light);font-size:.95rem;line-height:1.5;margin:0}.subscription-page{animation:fadeIn .6s ease-out}@media (max-width:768px){.subscription-page{padding:1rem}.subscription-header{padding:2rem 1rem}.subscription-header h1{font-size:2rem}.subscription-header p{font-size:1rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.plan-card{padding:1.5rem}.plan-card.popular{transform:none}.plan-price{font-size:2rem}.current-subscription,.subscription-info{margin:1rem;padding:1.5rem}.benefits-grid{gap:1.5rem;grid-template-columns:1fr}}:root{--primary-color:#0d47a1;--accent-color:#1e88e5;--bg-color:#f4f7f9;--card-bg:#fff;--text-dark:#212121;--text-light:#616161;--border-color:#e0e0e0;--shadow-color:#00000014;--success-color:#48bb78;--error-color:#f56565}.payment-success-page{align-items:center;background-color:#f4f7f9;background-color:var(--bg-color);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.loading-container{background:#fff;background:var(--card-bg);border-radius:18px;box-shadow:0 8px 32px #00000014;box-shadow:0 8px 32px var(--shadow-color);color:#212121;color:var(--text-dark);padding:3rem;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #0d47a133;border-radius:50%;border-top-color:#0d47a1;border-top:4px solid var(--primary-color);height:50px;margin:0 auto 1.5rem;width:50px}.loading-container p{color:#616161;color:var(--text-light);font-size:1.1rem;font-weight:500}.success-container{max-width:600px;width:100%}.status-card{background:#fff;background:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 12px 48px #00000014;box-shadow:0 12px 48px var(--shadow-color);margin-bottom:1.5rem;overflow:hidden;padding:3rem;position:relative;text-align:center}.status-card:before{content:"";height:5px;left:0;position:absolute;right:0;top:0}.status-card.success:before,.status-card:before{background:linear-gradient(90deg,#48bb78,#38a169);background:linear-gradient(90deg,var(--success-color),#38a169)}.status-card.failed:before{background:linear-gradient(90deg,#f56565,#e53e3e);background:linear-gradient(90deg,var(--error-color),#e53e3e)}.status-icon{animation:bounce .6s ease-in-out;display:inline-block;font-size:4rem;margin-bottom:1.5rem}.status-card h1{color:#212121;color:var(--text-dark);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.status-message{color:#616161;color:var(--text-light);font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:2rem}.payment-details{background:#f8faff;border:1px solid #0d47a11a;border-radius:12px;margin:2rem 0;padding:2rem;text-align:left}.payment-details h3{color:#212121;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.details-grid{grid-gap:1rem;display:grid;gap:1rem}.detail-item{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#616161;color:var(--text-light);font-size:.95rem;font-weight:500}.detail-item .value{color:#212121;color:var(--text-dark);font-size:.95rem;font-weight:600}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:140px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#0d47a1,#1e88e5);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);box-shadow:0 4px 16px #1e88e54d;color:#fff}.action-btn.primary:hover{box-shadow:0 8px 24px #1e88e566;transform:translateY(-2px)}.action-btn.secondary{background:#fff;background:var(--card-bg);border:2px solid #0d47a1;border:2px solid var(--primary-color);color:#0d47a1;color:var(--primary-color)}.action-btn.secondary:hover{background:#0d47a1;background:var(--primary-color);color:#fff;transform:translateY(-2px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-success-page{animation:fadeIn .6s ease-out}.success-features{background:#48bb780d;border:1px solid #48bb7833;border-radius:12px;margin-top:2rem;padding:2rem}.success-features h3{color:#48bb78;color:var(--success-color);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.features-list{list-style:none;margin:0;padding:0}.features-list li{align-items:center;color:#212121;color:var(--text-dark);display:flex;font-size:.95rem;padding:.75rem 0}.features-list li:before{color:#48bb78;color:var(--success-color);content:"✓";font-size:1.1rem;font-weight:700;margin-right:1rem}.no-payment-info{background:#fff;background:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 12px 48px #00000014;box-shadow:0 12px 48px var(--shadow-color);padding:3rem;text-align:center}.no-payment-info h2{color:#212121;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.no-payment-info p{color:#616161;color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}@media (max-width:768px){.payment-success-page{padding:1rem}.status-card{padding:2rem 1.5rem}.status-card h1{font-size:1.5rem}.status-message{font-size:1rem}.status-icon{font-size:3rem}.action-buttons{flex-direction:column;gap:.75rem}.action-btn{font-size:.95rem;min-width:auto;padding:.75rem 1.5rem;width:100%}.payment-details,.success-features{margin:1.5rem 0;padding:1.5rem}.detail-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.5rem 0}.no-payment-info{padding:2rem 1.5rem}}@media (max-width:480px){.status-icon{font-size:2.5rem}.status-card h1{font-size:1.3rem}.payment-details h3,.success-features h3{font-size:1.1rem}.subscription-container{border-radius:0;margin:0}}
/*# sourceMappingURL=main.5b11c5af.css.map*/