@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.katex{text-rendering:auto;font: 1.125em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.8"}.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:-moz-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 .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 .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:.27777778em;margin-right:-.55555556em}.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:.83333333em}.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.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.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.66666667em}.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.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.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.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.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:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.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.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.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.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.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:.41666667em}.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:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.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:.83333333em}.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.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.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:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.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.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.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.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.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.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.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{--primary-color: #6366f1;--primary-hover: #818cf8;--bg-dark: #0f172a;--bg-darker: #0c1322;--bg-light: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--transparent-bg-light: rgba(30, 41, 59, .71);--transparent-bg-darker: rgba(12, 19, 34, .71);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--white: #ffffff;--black-20: rgba(0, 0, 0, .2);--black-25: rgba(0, 0, 0, .25);--primary-alpha-10: rgba(99, 102, 241, .1);--gray-light: #e0e0e0;--gray: #808080;--error-red: #b31111;--blue: #0099ff;--orange: #ff6600;--pink: #ff0099}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}.app{height:100vh;width:100vw;display:flex;flex-direction:column;background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;transition:background-color .3s ease,color .3s ease}.app-header{position:sticky;top:0;z-index:5000;background:var(--bg-darker);padding:1rem;border-bottom:1px solid var(--border-color);min-height:4rem;display:flex;align-items:center}.header-content{display:flex;align-items:center;width:100%;max-width:1200px;margin:0 auto;gap:1rem;height:2.75rem}.app-header h1{margin:0;font-size:1.5rem;font-weight:600;white-space:nowrap;min-width:max-content;background:linear-gradient(to right,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo{width:2.75rem;margin-right:-1rem;margin-top:-1rem}.model-selector{padding-left:.5rem;min-width:15vw;max-width:25vh;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative;font-family:Inter,sans-serif}.model-dropdown{width:100%;padding:.75rem 1rem;background-color:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;transition:var(--transition);cursor:pointer;outline:none}.model-dropdown:hover{border-color:var(--primary-color)}.model-dropdown option{background-color:var(--bg-light);color:var(--text-primary);padding:.5rem}.selected-model{display:flex;align-items:center;padding:.2rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-light);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition);width:100%}.selected-model:hover{border-color:var(--primary-color)}.selected-model-image{width:24px;height:24px;object-fit:contain;margin-right:10px;flex-shrink:0;padding:2px}.selected-model-info{flex:1;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column}.selected-model-description{color:var(--text-secondary);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{margin-left:8px;font-size:10px;color:var(--text-secondary);transition:transform .2s;flex-shrink:0}.model-dropdown-menu{position:fixed;top:4rem;left:50%;transform:translate(-50%,-50%);width:25vw;min-width:min(50vh,95vw);max-height:50vh;overflow-y:auto;background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-md);z-index:10000;margin:0;transform-origin:top center;animation:expandDropdown .3s ease-out forwards}.model-search-container{padding:4px;position:sticky;top:0;background-color:var(--bg-darker);z-index:1;border-bottom:1px solid var(--border-color)}.model-search-input{width:100%;padding:4px 8px;border-radius:4px;border:none;background-color:transparent;color:var(--text-primary);font-size:.8rem;transition:var(--transition)}.model-search-input:focus{outline:none}.model-search-input::placeholder{color:var(--text-secondary)}@keyframes expandDropdown{0%{opacity:0;transform:translate(-50%) scaleY(.8)}to{opacity:1;transform:translate(-50%) scaleY(1)}}.dropdown-arrow.open{transform:rotate(180deg)}.model-dropdown-menu::-webkit-scrollbar{width:0px;height:0px}.model-group{border-bottom:1px solid var(--border-color)}.model-group:last-child{border-bottom:none}.model-group-header{padding:8px 12px;font-weight:600;background-color:var(--bg-dark);color:var(--text-secondary);font-size:.8rem;position:sticky;top:0;z-index:1}.model-option{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer;border-radius:.25rem;transition:var(--transition);color:var(--text-primary);animation:fadeIn .3s ease-out forwards;animation-fill-mode:both;opacity:0}.model-group{--base-delay: .05s}.model-group:nth-child(1){--group-multiplier: 1}.model-group:nth-child(2){--group-multiplier: 3}.model-group:nth-child(3){--group-multiplier: 5}.model-group .model-option{animation-delay:calc(var(--base-delay) * var(--group-multiplier, 1) + (.03s * var(--option-index, 0)))}.model-group .model-option:nth-child(2){--option-index: 1}.model-group .model-option:nth-child(3){--option-index: 2}.model-group .model-option:nth-child(4){--option-index: 3}.model-group .model-option:nth-child(5){--option-index: 4}.model-group .model-option:nth-child(6){--option-index: 5}.model-group .model-option:nth-child(7){--option-index: 6}.model-group .model-option:nth-child(8){--option-index: 7}.model-group .model-option:nth-child(9){--option-index: 8}.model-group .model-option:nth-child(10){--option-index: 9}.model-group .model-option:nth-child(11){--option-index: 10}.model-group .model-option:nth-child(12){--option-index: 11}.model-group .model-option:nth-child(13){--option-index: 13}.model-group .model-option:nth-child(14){--option-index: 14}.model-option:hover{background-color:var(--bg-light)}.model-option.selected{background-color:var(--primary-color);color:var(--white)}.model-image{width:24px;height:24px;object-fit:contain;margin-right:10px;flex-shrink:0;padding:2px}.model-info{flex:1;min-width:0}.model-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-description{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.model-price{font-size:.75rem;color:var(--text-secondary);margin-left:8px;white-space:nowrap;flex-shrink:0}.favorite-star{background:none;border:none;font-size:1rem;padding-top:1rem;padding-bottom:1rem;margin-right:-.75rem;cursor:pointer;transition:var(--transition);color:var(--text-secondary);opacity:.4;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;width:24px;height:24px;outline:none}.favorite-star:hover{opacity:1;transform:scale(1.25)}.favorite-star:focus{outline:none}.favorite-star:active{outline:none}.favorite-star.favorited{color:#fff;opacity:.85}.favorite-star.favorited:hover{opacity:1}.favorite-star.default-favorite{color:#ffd900;opacity:1}.favorite-star.default-favorite:hover{opacity:1;transform:scale(1.25)}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.app-main{flex:1;display:flex;gap:1%;padding:1rem;width:100%;height:calc(100dvh - 5rem);justify-content:space-between;overflow:hidden}.chat-history{width:min(62.5vw,400px);background:linear-gradient(to bottom,var(--bg-darker) 0%,var(--bg-light) 100%);border-radius:1rem;padding:1rem;box-shadow:var(--shadow-md);height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;transition:var(--transition);position:relative;z-index:4000;border:1px solid var(--border-color)}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.chat-item.animate{animation:chatFadeIn .5s ease-out forwards;opacity:0;animation-fill-mode:forwards}.chat-item.active{background-color:var(--primary-color);color:var(--text-primary);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media screen and (max-aspect-ratio: 7/4){.chat-history{position:fixed;left:1rem;top:11rem;width:min(62.5vw,300px);height:calc(100dvh - 12.125rem);background:linear-gradient(to bottom,var(--transparent-bg-darker) 0%,var(--transparent-bg-light) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-md);z-index:1000;margin:0}.chat-history.hidden{transform:translate(calc(-100% - 1rem))}.chat-interface{width:100%!important}}@media screen and (max-aspect-ratio: 2/2){.chat-history{height:calc(100dvh - 12.125rem)}.app-header h1{font-size:0rem}.logo{width:2.25rem;margin-right:-1.25rem;margin-top:0rem}.app-main{padding-left:0rem;padding-right:0rem}}.chat-history.hidden{width:0;padding:0;margin:0;opacity:0;pointer-events:none;visibility:hidden;position:absolute;left:0}.chat-interface.expanded{width:98%;margin:0 auto}.chat-list::-webkit-scrollbar{width:0px}.toggle-sidebar-btn{position:absolute;top:1rem;left:1rem;background:var(--transparent-bg-darker);border:1px solid var(--border-color);color:var(--text-secondary);width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:4500;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.toggle-sidebar-btn:hover{background:var(--bg-light);color:var(--text-primary)}.toggle-sidebar-btn:focus{outline:none}.toggle-arrow{font-size:1rem;transition:transform .3s ease;display:inline-block}.toggle-sidebar-btn.hidden .toggle-arrow{transform:rotate(180deg) translateY(-2px)}.chat-history-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:.8rem;border-bottom:1px solid var(--border-color);letter-spacing:.025em}.new-chat-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.new-chat-button:hover{background-color:var(--primary-hover)}.new-chat-button:focus{outline:none}.chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;border-radius:8px}.chat-item{min-height:3rem;padding:.75rem 1.25rem .75rem .75rem;border-radius:.5rem;background-color:var(--bg-darker);cursor:pointer;transition:background-color .2s;font-size:.9rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--bg-light)}.chat-delete-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background-color:transparent;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;opacity:.01;transition:opacity .2s,color .2s;padding:.25rem;width:.1rem}.chat-delete-button:hover{color:var(--text-primary);opacity:1}.chat-delete-button:focus{outline:none}.chat-item:hover{background-color:transparent;border-color:var(--primary-color)}.chat-item:hover .chat-delete-button{opacity:1}.chat-item.active{background-color:var(--primary-color);color:#fff}.empty-state{text-align:center;color:var(--text-secondary);padding:1rem}.empty-state p{margin:0 0 .5rem;font-weight:500}.empty-state span{font-size:.8rem;opacity:.7}.chat-interface{width:80%;display:flex;flex-direction:column;background-color:var(--bg-light);border-radius:1rem;overflow:hidden;position:relative;box-shadow:var(--shadow-md);height:100dvh;max-height:calc(100dvh - 7rem)}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.message{max-width:90%;padding:1rem 1.5rem;border-radius:1rem;line-height:1.6;animation:fadeIn .3s ease-out;box-shadow:var(--shadow-sm);margin:.5rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background-color:var(--primary-color);border-bottom-right-radius:.2rem}.message.assistant{align-self:flex-start;background-color:var(--bg-darker);border-bottom-left-radius:.2rem}.input-container{position:absolute;bottom:0;left:0;right:0;padding:1rem 2rem;background:linear-gradient(to top,var(--bg-light) 25%,var(--transparent-bg-light) 75%,transparent);display:flex;gap:.75rem;align-items:center;width:100%;max-width:100%;box-sizing:border-box}.input-wrapper{width:100%;max-width:100%;display:flex;gap:.75rem;align-items:center}.input-container input{flex:1;padding:.75rem 1rem;background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;transition:var(--transition)}.input-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-alpha-10)}.input-container input::placeholder{color:var(--text-secondary)}.input-container button{background-color:var(--primary-color);border:none;border-radius:.75rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.input-container button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.input-container button:disabled{background-color:var(--border-color);cursor:not-allowed;opacity:.7}.input-container button:active:not(:disabled){transform:translateY(0)}.code-top{position:absolute;display:flex;align-items:center;background-color:var(--black-20);overflow-x:auto;width:100%;justify-content:flex-end;border-radius:8px}.code-top-inner{padding:.25rem;display:flex;gap:.5rem;align-items:center}.toggle-switch{position:relative;display:inline-block;width:3rem;height:1.5rem;box-sizing:border-box;margin-left:.5rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-darker);border:1px solid var(--border-color);transition:var(--transition);border-radius:1.5rem;box-sizing:border-box}.toggle-slider:before{position:absolute;content:"";height:calc(1.3rem - 2px);width:calc(1.3rem - 2px);left:.1rem;top:.1rem;background-color:var(--text-secondary);transition:var(--transition);border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color);border-color:var(--primary-hover)}input:checked+.toggle-slider:before{transform:translate(1.5rem);background-color:var(--text-primary)}.toggle-switch-container{display:flex;align-items:center}.form-select{background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem;border-radius:.5rem;min-width:20%;transition:var(--transition);cursor:pointer;outline:none}.form-select:hover{border-color:var(--primary-color)}.form-select:focus{border-color:var(--primary-hover);box-shadow:0 0 0 2px var(--primary-alpha-10)}.config-button{width:4rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;background-color:var(--bg-light);color:var(--text-primary);margin-left:1rem;flex-shrink:0;min-width:2.75rem;overflow:hidden}@media screen and (max-aspect-ratio: 2/2){.config-button{width:3rem;margin-left:.25rem;padding:.25rem}}@media screen and (max-aspect-ratio: 1/2){.config-button{width:2.75rem;margin-left:.125rem;padding:.125rem;min-width:2.75rem}.app-header h1{font-size:0rem}.logo{width:2rem}}.config-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--black-25);display:flex;justify-content:center;align-items:center;z-index:5000;opacity:0;visibility:hidden;transition:var(--transition);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.config-menu-overlay.visible{opacity:1;visibility:visible}.config-menu{background:linear-gradient(to bottom,var(--bg-darker) 0%,var(--bg-light) 100%);border-radius:1rem;padding:1.5rem;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transform:translateY(20px);opacity:0;transition:var(--transition)}.config-menu.visible{transform:translateY(0);opacity:1}.config-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.config-menu-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.config-menu-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:var(--transition)}.config-menu-close:hover{background-color:var(--bg-darker);color:var(--text-primary)}.config-menu-section{margin-bottom:1.5rem}.config-menu-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.config-menu-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:.5rem;transition:var(--transition);position:relative}.config-menu-item:hover{border-color:var(--primary-color)}.config-menu-item-label{font-size:.875rem;color:var(--text-primary)}.config-menu-item-description{position:absolute;top:calc(100% - 1.25rem);left:0;right:0;background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem;font-size:.75rem;color:var(--text-secondary);opacity:0;visibility:hidden;transition:var(--transition);z-index:1000;box-shadow:var(--shadow-md);margin:.5rem;overflow-y:auto;transform-origin:top;transform:translateY(0)}.config-menu-item-description-short{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;margin-right:.25rem;cursor:help;position:relative}.config-menu-item-description-short:hover+.config-menu-item-description{opacity:1;visibility:visible;transform:translateY(.5rem)}.config-menu-item-description-no-hover{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;margin-right:.25rem}.config-menu::-webkit-scrollbar{width:0px}.matplot{background-color:var(--transparent-bg-light);padding:1rem;border-radius:1rem;z-index:0;max-width:92vw;max-height:75vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.matplot-canvas{z-index:0;max-width:100%;max-height:60vw}.auth-button{display:block;width:100%}.auth-provider-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;background-color:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);gap:.75rem}.auth-provider-button:hover{border-color:var(--primary-color);background-color:var(--bg-darker)}.auth-provider-button img{width:1.25rem;height:1.25rem}.email-input-container{width:100%;display:flex;flex-direction:column;gap:.75rem}.auth-input{width:100%;padding:.75rem 1rem;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;transition:var(--transition)}.auth-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-alpha-10)}.auth-input::placeholder{color:var(--text-secondary)}.auth-submit-button{width:100%;padding:.75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.auth-submit-button:disabled{background-color:var(--bg-dark);color:var(--gray)}.auth-submit-button:hover{background-color:var(--primary-hover)}.input-add-tokens{padding:.75rem 1rem;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;transition:var(--transition);margin-right:.5rem;width:50%}.input-add-tokens:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-alpha-10)}.input-add-tokens::placeholder{color:var(--text-secondary)}.tokens-container{display:flex;flex-direction:column;width:100%}.tokens-display{font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.tokens-actions{display:flex;align-items:center;justify-content:space-between;width:100%}.price-display{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;text-align:left}.app-version{font-size:.85rem;color:var(--text-secondary);right:1rem;text-align:right}.usage-progress{max-width:min(25vw,8rem);width:30vw;margin-right:1rem;margin-left:2rem;margin-top:.25rem;float:right;height:.6rem;background-color:var(--gray-light);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}progress::-webkit-progress-bar{background-color:var(--bg-dark)}progress::-webkit-progress-value{background-color:var(--primary-color)}.auth-error{color:var(--error-red)}.form-textarea{width:100%;margin-top:.5rem;padding:.25rem .5rem;background-color:var(--bg-dark);border-color:var(--border-color);border-radius:.25rem;resize:none}.range-with-value{display:flex;align-items:center;gap:.5rem;min-width:150px;margin-right:1rem}.range-with-value input[type=range]{flex:1;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--blue),var(--orange),var(--pink));border-radius:5px;outline:none}.range-with-value input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text-primary);cursor:pointer;transition:all .2s ease}.range-with-value input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text-primary);cursor:pointer;transition:all .2s ease}.range-with-value input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-with-value input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.range-with-value span{font-weight:700;min-width:2em;text-align:center}.app-container-section{background-color:var(--bg-light);width:100vw;max-width:100%;padding-bottom:.25rem;padding-top:.25rem;margin-top:.75rem;border-radius:.5rem;transition:background-color .3s ease}.rounded-container{border-radius:.5rem;overflow:hidden}.rounded-container-with-margin{margin:.5rem;border-radius:.5rem;overflow:hidden}.center-flex{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.25rem}.center-flex-with-padding{display:flex;justify-content:center;padding-bottom:1rem;margin-top:1rem}.center-flex-with-small-padding{display:flex;justify-content:center;padding-bottom:.5rem}.tokens-display-center{display:flex;justify-content:center;align-items:center;font-size:1.25rem;margin:0}.tokens-display-bold{display:flex;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;margin:0}.token-icon{width:1em;height:1em;margin-bottom:1px;vertical-align:text-bottom}