body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.heart{color:red}.small{font-size:.75rem}.follow-up-container{margin-top:.5rem;padding:.5rem;border-radius:8px;animation:fadeIn .3s ease-in-out}.follow-up-header{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.suggestion-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.suggestion-button:hover{background-color:var(--accent-light);border-color:var(--accent-color);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.dark-mode .suggestion-button{background-color:#ffffff1a}.dark-mode .suggestion-button:hover{background-color:#fff3}.suggestion-loading{color:var(--text-secondary);font-size:.9rem;padding:.5rem;font-style:italic}.dot-animation{display:inline-block;position:relative}.dot-animation:after{content:"...";position:absolute;animation:dotAnimate 1.5s infinite;width:1.5em;text-align:left;overflow:hidden}@keyframes dotAnimate{0%{width:0}33%{width:.5em}66%{width:1em}to{width:1.5em}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_AMS-Regular-0cdd387c.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_AMS-Regular-30da91e8.woff) format("woff"),url(/codespaces-react/assets/KaTeX_AMS-Regular-68534840.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/codespaces-react/assets/KaTeX_Caligraphic-Bold-de7701e4.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Caligraphic-Bold-1ae6bd74.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Caligraphic-Bold-07d8e303.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Caligraphic-Regular-5d53e70a.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Caligraphic-Regular-3398dd02.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Caligraphic-Regular-ed0b7437.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/codespaces-react/assets/KaTeX_Fraktur-Bold-74444efd.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Fraktur-Bold-9be7ceb8.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Fraktur-Bold-9163df9c.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Fraktur-Regular-51814d27.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Fraktur-Regular-5e28753b.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Fraktur-Regular-1e6f9579.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/codespaces-react/assets/KaTeX_Main-Bold-0f60d1b8.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Main-Bold-c76c5d69.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Main-Bold-138ac28d.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/codespaces-react/assets/KaTeX_Main-BoldItalic-99cd42a3.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Main-BoldItalic-a6f7ec0d.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Main-BoldItalic-70ee1f64.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Main-Italic-97479ca6.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Main-Italic-f1d6ef86.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Main-Italic-0d85ae7c.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Main-Regular-c2342cd8.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Main-Regular-c6368d87.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Main-Regular-d0332f52.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/codespaces-react/assets/KaTeX_Math-BoldItalic-dc47344d.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Math-BoldItalic-850c0af5.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Math-BoldItalic-f9377ab0.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Math-Italic-7af58c5e.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Math-Italic-8a8d2445.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Math-Italic-08ce98e5.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/codespaces-react/assets/KaTeX_SansSerif-Bold-e99ae511.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_SansSerif-Bold-ece03cfd.woff) format("woff"),url(/codespaces-react/assets/KaTeX_SansSerif-Bold-1ece03f7.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/codespaces-react/assets/KaTeX_SansSerif-Italic-00b26ac8.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_SansSerif-Italic-91ee6750.woff) format("woff"),url(/codespaces-react/assets/KaTeX_SansSerif-Italic-3931dd81.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_SansSerif-Regular-68e8c73e.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_SansSerif-Regular-11e4dc8a.woff) format("woff"),url(/codespaces-react/assets/KaTeX_SansSerif-Regular-f36ea897.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Script-Regular-036d4e95.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Script-Regular-d96cdf2b.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Script-Regular-1c67f068.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Size1-Regular-6b47c401.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Size1-Regular-c943cc98.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Size1-Regular-95b6d2f1.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Size2-Regular-d04c5421.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Size2-Regular-2014c523.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Size2-Regular-a6b2099f.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(/codespaces-react/assets/KaTeX_Size3-Regular-6ab6b62e.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Size3-Regular-500e04d5.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Size4-Regular-a4af7d41.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Size4-Regular-99f9c675.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Size4-Regular-c647367d.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/codespaces-react/assets/KaTeX_Typewriter-Regular-71d517d6.woff2) format("woff2"),url(/codespaces-react/assets/KaTeX_Typewriter-Regular-e14fed02.woff) format("woff"),url(/codespaces-react/assets/KaTeX_Typewriter-Regular-f01f3e87.ttf) format("truetype")}.katex{font: 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.21"}.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 .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}.chat-container{display:flex;flex-direction:column;height:100%;border-radius:10px;background-color:var(--bg-primary);box-shadow:0 2px 10px #0000001a;transition:background-color var(--animation-speed),box-shadow var(--animation-speed)}.model-selector{display:flex;padding:.8rem;background-color:var(--bg-secondary);border-top-left-radius:10px;border-top-right-radius:10px;gap:1.5rem;justify-content:center;transition:background-color var(--animation-speed);position:relative}.model-selector label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:20px;transition:background-color .2s}.model-selector label:hover{background-color:#0000000d}.model-selector label.selected{background-color:var(--accent-light);color:var(--message-user-text)}.model-selector input[type=radio]{margin:0}.model-name{font-weight:500}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.message-container{display:flex;flex-direction:column;max-width:90%;margin-bottom:1rem}.user-container{align-self:flex-end}.ai-container{align-self:flex-start}.message{width:100%;padding:.8rem 1rem;border-radius:12px;position:relative}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.message-role{font-weight:700}.message-time{color:var(--text-secondary);font-size:.8rem}.user-message{background-color:var(--message-user-bg);color:var(--message-user-text);border-bottom-right-radius:4px}.ai-message{background-color:var(--message-ai-bg);color:var(--message-ai-text);border-bottom-left-radius:4px}.message-content{line-height:1.5;text-align:left}.message-content p{margin:.5rem 0;text-align:left}.message-content pre{background-color:#000c;padding:1rem;border-radius:4px;overflow-x:auto;color:#e0e0e0;text-align:left}.message-content code{font-family:Courier New,monospace;background-color:#0000001a;padding:.2rem .4rem;border-radius:3px;font-size:.9em}.message-content pre code{background-color:transparent;padding:0}.message-content blockquote{border-left:4px solid var(--accent-color);margin-left:0;padding-left:1rem;color:var(--text-secondary)}.message-content table{border-collapse:collapse;width:100%;margin:1rem 0}.message-content th,.message-content td{border:1px solid var(--border-color);padding:.5rem;text-align:left}.message-content th{background-color:var(--bg-secondary)}.typing-indicator{display:inline-block;position:relative;color:var(--text-secondary)}.typing-indicator span{animation:dotBlink 1.4s infinite;opacity:0}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%{opacity:0}20%{opacity:1}to{opacity:0}}.chat-input-form{display:flex;padding:1rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary);border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:background-color var(--animation-speed)}.chat-input{flex:1;padding:1rem;border:1px solid var(--border-color);border-radius:20px;resize:none;min-height:60px;max-height:150px;font-family:inherit;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s,background-color var(--animation-speed),color var(--animation-speed)}.chat-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #0f346033}.send-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:20px;padding:0 1.5rem;margin-left:.8rem;cursor:pointer;align-self:flex-end;height:40px;font-weight:700;transition:background-color .3s,transform .2s}.send-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px)}.send-button:disabled{background-color:var(--text-secondary);opacity:.6;cursor:not-allowed}.dark-mode .message-content pre{background-color:#0006}.dark-mode .message-content code{background-color:#ffffff1a}.message-content ul,.message-content ol{text-align:left}.message-content>*{text-align:left}.clear-history-button{position:absolute;right:1rem;background-color:transparent;color:var(--text-secondary);border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1rem}.clear-history-button:hover{color:var(--error-color);background-color:#c628281a;transform:scale(1.1)}.confirmation-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.confirmation-content{background-color:var(--bg-primary);border-radius:10px;padding:1.5rem;width:90%;max-width:400px;box-shadow:0 5px 15px #0003;animation:scaleIn .2s ease}.confirmation-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.warning-icon{color:var(--error-color);font-size:1.5rem}.confirmation-content h3{margin:0;color:var(--text-primary)}.confirmation-content p{color:var(--text-secondary);margin-bottom:1.5rem}.confirmation-actions{display:flex;justify-content:flex-end;gap:.8rem}.cancel-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.cancel-button:hover{background-color:var(--border-color)}.confirm-button{background-color:var(--error-color);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.confirm-button:hover{background-color:#b71c1c}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.confirmation-content{width:95%;padding:1rem}.confirmation-actions{flex-direction:column;gap:.5rem}.cancel-button,.confirm-button{width:100%}}.message-chart{margin-top:15px;padding:15px;background:var(--chart-bg-color, #f8f9fa);border:1px solid var(--chart-border-color, #dee2e6);border-radius:8px;overflow:hidden}.dark-mode .message-chart{--chart-bg-color: #2d2d2d;--chart-border-color: #444}.chart-container{width:100%;max-width:600px;margin:0 auto;height:300px}@media (max-width: 768px){.chart-container{height:250px}}.research-container{height:100%;padding:1.5rem;border-radius:10px;background-color:var(--bg-primary);box-shadow:0 2px 10px #0000001a;overflow-y:auto;transition:background-color var(--animation-speed),color var(--animation-speed)}.research-header{text-align:center;margin-bottom:1.5rem}.research-header h2{color:var(--text-primary);margin-top:0;margin-bottom:.5rem}.research-description{color:var(--text-secondary);margin:0}.research-form{display:flex;margin-bottom:1.5rem}.search-input-wrapper{position:relative;flex:1}.research-input{width:100%;padding:.8rem 2.5rem .8rem 1rem;border:1px solid var(--border-color);border-radius:20px 0 0 20px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s,background-color var(--animation-speed),color var(--animation-speed)}.research-input:focus{outline:none;border-color:var(--accent-color)}.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.2rem;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.clear-search:hover{background-color:#0000001a}.research-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:0 20px 20px 0;padding:0 1.5rem;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:.5rem;font-weight:700}.research-button:hover:not(:disabled){background-color:var(--accent-hover)}.research-button:disabled{background-color:var(--text-secondary);opacity:.6;cursor:not-allowed}.search-history{margin-bottom:1.5rem;padding:.8rem;background-color:var(--bg-secondary);border-radius:8px}.search-history h3{margin-top:0;margin-bottom:.5rem;font-size:1rem;color:var(--text-secondary)}.history-items{display:flex;flex-wrap:wrap;gap:.5rem}.history-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;padding:.3rem .8rem;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s}.history-item:hover{background-color:var(--accent-light)}.error-message{background-color:#c628281a;color:var(--error-color);padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.loading-indicator{text-align:center;padding:3rem 0;color:var(--text-secondary)}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--accent-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.dark-mode .spinner{border-color:#ffffff1a;border-left-color:var(--accent-color)}.results-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.result-card{background-color:var(--bg-secondary);border-radius:8px;padding:1.2rem;transition:transform .2s,box-shadow .2s;height:100%;display:flex;flex-direction:column}.result-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.result-card h3{margin-top:0;margin-bottom:.8rem;font-size:1.1rem}.result-card h3 a{color:var(--accent-color);text-decoration:none;display:flex;align-items:center;gap:.5rem}.external-link-icon{font-size:.8rem}.result-card h3 a:hover{text-decoration:underline}.result-card p{color:var(--text-primary);margin-bottom:1.5rem;line-height:1.5;flex:1}.result-actions{margin-top:auto;display:flex;justify-content:flex-end}.add-to-chat-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:20px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background-color .3s,transform .2s;display:flex;align-items:center;gap:.5rem}.add-to-chat-button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.no-results{text-align:center;color:var(--text-secondary);padding:2rem 0;font-style:italic}.research-tips{background-color:var(--bg-secondary);padding:1.2rem;border-radius:8px;margin-top:2rem}.research-tips h3{margin-top:0;margin-bottom:.8rem;color:var(--accent-color);font-size:1.1rem}.research-tips ul{margin:0;padding-left:1.5rem;color:var(--text-primary)}.research-tips li{margin-bottom:.5rem}@media (max-width: 768px){.research-form{flex-direction:column}.research-input,.research-button{border-radius:20px}.research-button{margin-top:.8rem;justify-content:center;padding:.8rem}.results-grid{grid-template-columns:1fr}}.research-content{display:flex;flex-direction:column;min-height:calc(100% - 5rem)}.search-section{margin-bottom:1.5rem}.results-section{flex:1;margin-bottom:2rem}.research-tips-section{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.research-tips{background-color:var(--bg-secondary);padding:1.2rem;border-radius:8px;margin-top:1rem}.section-divider{height:1px;background-color:var(--border-color);margin:1.5rem 0;opacity:.5}.research-tips-toggle{display:flex;align-items:center;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;font-weight:500;padding:0;cursor:pointer;margin-bottom:.5rem}.research-tips-toggle svg{margin-right:.5rem;transition:transform .3s ease}.research-tips-toggle.expanded svg{transform:rotate(90deg)}.research-tips-content{transition:max-height .3s ease,opacity .3s ease;max-height:0;overflow:hidden;opacity:0}.research-tips-content.expanded{max-height:500px;opacity:1}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.results-count{font-size:.9rem;color:var(--text-secondary);padding:.3rem .8rem;background-color:var(--bg-secondary);border-radius:20px}.search-options{display:flex;justify-content:flex-end;margin-bottom:.8rem}.ai-search-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.4rem .8rem;border-radius:20px;background-color:var(--bg-secondary);transition:background-color .2s}.ai-search-toggle:hover{background-color:var(--accent-light)}.ai-search-toggle input{margin:0}.ai-toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text-primary)}.missing-api-warning{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-left:.5rem}.enhanced-query-notice{background-color:var(--accent-light);color:var(--accent-color);padding:.5rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem;animation:fadeIn .3s ease}.enhancing-text{display:flex;align-items:center;gap:.5rem;font-style:italic;color:var(--text-secondary)}.relevance-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:12px;margin-bottom:.5rem}.relevance-badge.high{background-color:#2e7d321a;color:var(--success-color)}.relevance-badge.medium{background-color:#ff98001a;color:#ff9800}.relevance-badge.low{background-color:#c628281a;color:var(--error-color)}.suggested-queries{margin-top:2rem;padding:1rem;background-color:var(--bg-secondary);border-radius:8px}.suggested-queries h3{margin-top:0;margin-bottom:.8rem;font-size:1rem;color:var(--text-secondary)}.suggestions-list{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-button{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--accent-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.suggestion-button:hover{background-color:var(--accent-light);transform:translateY(-2px)}.clarifying-questions{background-color:var(--bg-secondary);padding:1rem;border-radius:8px;margin-bottom:1.5rem;animation:fadeIn .3s ease}.clarifying-questions h3{margin-top:0;margin-bottom:.8rem;font-size:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.questions-list{display:flex;flex-direction:column;gap:.5rem}.clarifying-question{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.7rem 1rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center}.clarifying-question:before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--accent-light);color:var(--accent-color);border-radius:50%;margin-right:.8rem;font-size:.8rem;font-weight:700}.clarifying-question:hover{background-color:var(--accent-light);border-color:var(--accent-color);transform:translate(3px)}@media (max-width: 768px){.search-options{justify-content:center}.suggestions-list{flex-direction:column}.suggestion-button,.clarifying-question{width:100%}}.voice-interaction-container{height:100%;padding:1.5rem;border-radius:10px;background-color:var(--bg-primary);box-shadow:0 2px 10px #0000001a;overflow-y:auto;transition:background-color var(--animation-speed),color var(--animation-speed);color:var(--text-primary)}.voice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.voice-header h2{margin:0;color:var(--text-primary)}.settings-toggle-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s}.settings-toggle-button:hover{background-color:var(--accent-light)}.voice-settings-panel{background-color:var(--bg-secondary);border-radius:8px;padding:1.2rem;margin-bottom:1.5rem}.voice-settings-panel h3{margin-top:0;margin-bottom:1rem;color:var(--accent-color);font-size:1.1rem}.setting-item{margin-bottom:1.2rem}.setting-item label{display:block;margin-bottom:.5rem;color:var(--text-primary)}.voice-range-input{width:100%;background:var(--bg-primary);accent-color:var(--accent-color)}.test-voice-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:20px;padding:.6rem 1.2rem;font-size:.9rem;cursor:pointer;transition:background-color .3s;display:block;margin:1rem 0 0 auto}.test-voice-button:hover:not(:disabled){background-color:var(--accent-hover)}.test-voice-button:disabled{background-color:var(--text-secondary);opacity:.6;cursor:not-allowed}.speech-not-supported{background-color:#ff98001a;border-left:4px solid #ff9800;padding:1.2rem;margin-bottom:1.5rem;border-radius:4px}.speech-not-supported p{margin:.5rem 0;color:#e65100}.voice-status{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.listening-indicator{background-color:#2e7d321a;border:1px solid rgba(46,125,50,.3);color:var(--success-color);padding:1rem 2rem;border-radius:50px;font-weight:700;display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background-color:var(--success-color);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.start-listening-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:50px;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700}.start-listening-button:hover:not(:disabled){background-color:var(--accent-hover);transform:scale(1.05)}.start-listening-button:disabled{background-color:var(--text-secondary);opacity:.6;cursor:not-allowed;transform:none}.stop-speaking-button{background-color:var(--error-color);color:#fff;border:none;border-radius:50px;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:background-color .3s;font-weight:700}.stop-speaking-button:hover{background-color:#b71c1c}.transcript-container{background-color:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin-bottom:2rem}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.transcript-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.transcript-time{color:var(--text-secondary);font-size:.9rem}.transcript-text{font-size:1.2rem;line-height:1.5;color:var(--text-primary);margin-bottom:1.5rem;padding:1rem;background-color:#0000000d;border-radius:8px;border-left:4px solid var(--accent-color)}.send-voice-button{background-color:var(--accent-color);color:#fff;border:none;border-radius:20px;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s;display:block;margin-left:auto;font-weight:700}.send-voice-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px)}.send-voice-button:disabled{background-color:var(--text-secondary);opacity:.6;cursor:not-allowed;transform:none}.voice-chat-history{margin-bottom:2rem}.voice-chat-history h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem;text-align:center}.voice-messages{display:flex;flex-direction:column;gap:1rem}.voice-message{padding:1rem;border-radius:8px;position:relative}.user-voice-message{background-color:var(--message-user-bg);color:var(--message-user-text);margin-right:1rem;border-bottom-right-radius:0}.ai-voice-message{background-color:var(--message-ai-bg);color:var(--message-ai-text);margin-left:1rem;border-bottom-left-radius:0}.voice-message .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.voice-message .message-role{font-weight:700}.voice-message .message-time{color:var(--text-secondary);font-size:.8rem}.voice-message p{margin:.5rem 0 1rem;line-height:1.4}.speak-again-button{background-color:transparent;border:1px solid currentColor;color:inherit;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s;margin-left:auto;display:block}.speak-again-button:hover:not(:disabled){background-color:#0000001a}.speak-again-button:disabled{opacity:.5;cursor:not-allowed}.voice-instructions{background-color:var(--bg-secondary);padding:1.5rem;border-radius:8px}.voice-instructions h3{margin-top:0;color:var(--accent-color);font-size:1.1rem;margin-bottom:1rem}.voice-instructions ul{margin:0;padding-left:1.5rem;color:var(--text-primary)}.voice-instructions li{margin-bottom:.5rem}@media (max-width: 768px){.voice-header{flex-direction:column;align-items:flex-start;gap:1rem}.settings-toggle-button{width:100%}.voice-status{flex-direction:column}.start-listening-button,.stop-speaking-button,.send-voice-button{width:100%}}.api-settings-container{height:100%;padding:1.5rem;border-radius:10px;background-color:var(--bg-primary);box-shadow:0 2px 10px #0000001a;overflow-y:auto;transition:background-color var(--animation-speed),color var(--animation-speed);color:var(--text-primary)}.settings-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:1rem}.api-settings-container h2{margin:0;color:var(--text-primary);text-align:center}.info-button{position:absolute;right:0;background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.info-button:hover{background-color:var(--bg-secondary);color:var(--accent-color)}.settings-description{color:var(--text-secondary);margin-bottom:2rem;text-align:center;line-height:1.5}.api-info-box{background-color:var(--bg-secondary);border-left:4px solid var(--accent-color);padding:1rem;margin-bottom:1.5rem;border-radius:4px}.api-info-box h3{margin-top:0;color:var(--accent-color);font-size:1.1rem;margin-bottom:.5rem}.api-info-box p{margin:.5rem 0;color:var(--text-primary)}.api-info-box h4{margin:1rem 0 .5rem;color:var(--text-primary);font-size:1rem}.api-info-box ul{margin:.5rem 0;padding-left:1.5rem}.api-info-box li{margin-bottom:.3rem;color:var(--text-primary)}.close-info{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:.3rem 1rem;border-radius:4px;cursor:pointer;margin-top:.5rem;transition:background-color .2s}.close-info:hover{background-color:var(--border-color)}.api-key-section{margin-bottom:1.5rem;background-color:var(--bg-secondary);border-radius:8px;padding:1.2rem}.api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.api-key-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.key-status{font-size:.9rem;padding:.2rem .8rem;border-radius:12px;font-weight:700}.key-status.valid{background-color:#2e7d321a;color:var(--success-color)}.key-status.invalid{background-color:#c628281a;color:var(--error-color)}.key-status.missing{background-color:#ff98001a;color:#ff9800}.api-key-input{margin-bottom:.5rem}.input-with-toggle{display:flex;position:relative}.api-key-input input{flex:1;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:4px;font-family:monospace;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s,background-color var(--animation-speed),color var(--animation-speed)}.api-key-input input:focus{outline:none;border-color:var(--accent-color)}.api-key-input input.invalid-key{border-color:var(--error-color)}.toggle-visibility{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.toggle-visibility:hover{color:var(--accent-color)}.key-error{color:var(--error-color);font-size:.9rem;margin:.5rem 0 0}.api-links{margin-bottom:2rem}.api-links h3{margin-top:0;color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem;text-align:center}.api-link-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.api-link-card{background-color:var(--bg-secondary);padding:1rem;border-radius:8px;text-decoration:none;text-align:center;transition:transform .2s,background-color .2s;border:1px solid transparent}.api-link-card:hover{transform:translateY(-3px);background-color:var(--accent-light);border-color:var(--accent-color)}.api-link-card h4{margin-top:0;margin-bottom:.5rem;color:var(--accent-color);font-size:1.1rem}.api-link-card p{margin:0;color:var(--text-secondary);font-size:.9rem}.save-api-keys{background-color:var(--accent-color);color:#fff;border:none;border-radius:20px;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;justify-content:center;margin:0 auto;width:80%;max-width:300px;transition:background-color .3s,transform .2s}.save-api-keys:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px)}.save-api-keys:disabled{background-color:var(--text-secondary);opacity:.6;cursor:not-allowed}.save-success-message{background-color:#2e7d321a;color:var(--success-color);padding:.8rem;border-radius:4px;margin-top:1.5rem;text-align:center;animation:fadeIn .5s,fadeOut .5s 2.5s forwards;display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.api-link-cards{grid-template-columns:1fr}.save-api-keys{width:100%}}.sudoku-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;height:100%;overflow-y:auto;color:#333}.sudoku-container.dark-mode{color:#e1e1e1}.sudoku-header{margin-bottom:20px;text-align:center}.sudoku-header h2{margin:0 0 8px;font-size:24px}.sudoku-description{margin:0;color:#666;font-size:15px}.sudoku-container.dark-mode .sudoku-description{color:#aaa}.sudoku-content{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:800px}.sudoku-controls{display:flex;justify-content:space-between;width:100%;max-width:600px;margin-bottom:10px}.difficulty-controls{display:flex;align-items:center;gap:10px}.difficulty-select{padding:5px;border-radius:4px;border:1px solid #ccc;background-color:#fff;font-size:14px}.sudoku-container.dark-mode .difficulty-select{background-color:#333;color:#e1e1e1;border-color:#555}.game-status{display:flex;gap:15px;align-items:center}.timer,.hints-counter{font-size:14px}.game-message{width:100%;max-width:600px;text-align:center;padding:8px;border-radius:4px;background-color:#f8f9fa;border:1px solid #e9ecef;margin-bottom:10px}.sudoku-container.dark-mode .game-message{background-color:#2d2d2d;border-color:#444}.game-area{display:flex;align-items:stretch;justify-content:center;gap:20px;width:100%;max-width:800px}.actions-panel-left{display:flex;flex-direction:column;gap:10px;width:120px}.actions-panel-left button{padding:12px 10px;font-size:14px;border-radius:4px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;transition:background-color .2s,transform .1s;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.actions-panel-left button:hover{background-color:#e0e0e0;transform:translateY(-2px)}.sudoku-container.dark-mode .actions-panel-left button{background-color:#333;color:#e1e1e1;border-color:#555}.sudoku-container.dark-mode .actions-panel-left button:hover{background-color:#444}.number-pad-left,.number-pad-right{display:flex;flex-direction:column;gap:5px;width:60px}.number-pad-left{margin-right:10px}.number-pad-right{margin-left:10px}.number-button-vertical{height:35px;border-radius:4px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .1s}.number-button-vertical:hover{background-color:#e0e0e0;transform:scale(1.05)}.sudoku-container.dark-mode .number-button-vertical{background-color:#333;color:#e1e1e1;border-color:#555}.sudoku-container.dark-mode .number-button-vertical:hover{background-color:#444}.erase-button{font-size:16px;background-color:#ffecb3;border-color:#ffd54f}.sudoku-container.dark-mode .erase-button{background-color:#453a1a;border-color:#6b5a2a}.number-pad-grid{display:flex;flex-direction:column;gap:10px;width:120px}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px}.number-button-grid{height:36px;width:36px;border-radius:4px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .1s}.number-button-grid:hover{background-color:#e0e0e0;transform:scale(1.05)}.sudoku-container.dark-mode .number-button-grid{background-color:#333;color:#e1e1e1;border-color:#555}.sudoku-container.dark-mode .number-button-grid:hover{background-color:#444}.erase-button-wide{height:36px;border-radius:4px;border:1px solid #ccc;background-color:#ffecb3;border-color:#ffd54f;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .1s}.erase-button-wide:hover{background-color:#ffe082;transform:translateY(-2px)}.sudoku-container.dark-mode .erase-button-wide{background-color:#453a1a;border-color:#6b5a2a;color:#e1e1e1}.sudoku-container.dark-mode .erase-button-wide:hover{background-color:#554825}.sudoku-board{display:flex;flex-direction:column;width:360px;height:360px;border:3px solid #333}.sudoku-container.dark-mode .sudoku-board{border-color:#666}.sudoku-row{display:flex;height:40px}.sudoku-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #aaa;position:relative;cursor:pointer;font-size:20px;font-weight:700;background-color:#f8f8f8;transition:all .2s}.sudoku-container.dark-mode .sudoku-cell{background-color:#333;border-color:#555}.sudoku-cell.even-box{background-color:#edf5f5}.sudoku-container.dark-mode .sudoku-cell.even-box{background-color:#2a3535}.sudoku-row:first-child .sudoku-cell{border-top:3px solid #333}.sudoku-container.dark-mode .sudoku-row:first-child .sudoku-cell{border-top:3px solid #666}.sudoku-cell:first-child{border-left:3px solid #333}.sudoku-container.dark-mode .sudoku-cell:first-child{border-left:3px solid #666}.sudoku-cell:nth-child(3n){border-right:3px solid #333}.sudoku-container.dark-mode .sudoku-cell:nth-child(3n){border-right:3px solid #666}.sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:3px solid #333}.sudoku-container.dark-mode .sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:3px solid #666}.sudoku-row:nth-child(4) .sudoku-cell,.sudoku-row:nth-child(7) .sudoku-cell{border-top:3px solid #333}.sudoku-container.dark-mode .sudoku-row:nth-child(4) .sudoku-cell,.sudoku-container.dark-mode .sudoku-row:nth-child(7) .sudoku-cell{border-top:3px solid #666}.sudoku-cell.selected{background-color:#c2dfff}.sudoku-container.dark-mode .sudoku-cell.selected{background-color:#1a3a5a}.sudoku-cell.initial{background-color:#e6e6e6}.sudoku-container.dark-mode .sudoku-cell.initial{background-color:#2d2d2d}.sudoku-cell.error{background-color:#fcc}.sudoku-container.dark-mode .sudoku-cell.error{background-color:#5a1a1a}.sudoku-cell.same-value{background-color:#e0f0ff}.sudoku-container.dark-mode .sudoku-cell.same-value{background-color:#253545}.cell-value{color:#333;font-size:24px}.sudoku-container.dark-mode .cell-value{color:#e1e1e1}.sudoku-cell.initial .cell-value{color:#000}.sudoku-container.dark-mode .sudoku-cell.initial .cell-value{color:#fff}.notes-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;font-size:10px;color:#333}.sudoku-container.dark-mode .notes-container{color:#e1e1e1}.note{display:flex;align-items:center;justify-content:center;color:#666}.sudoku-container.dark-mode .note{color:#aaa}.win-message{background-color:#e8f5e9;border:2px solid #81c784;border-radius:8px;padding:20px;text-align:center;margin:10px 0;animation:fadeIn .5s;width:100%;max-width:600px}.sudoku-container.dark-mode .win-message{background-color:#1a3a1a;border-color:#2d6a2f}.win-message h3{margin-top:0;color:#2e7d32}.sudoku-container.dark-mode .win-message h3{color:#81c784}.game-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%;max-width:600px;margin-top:20px}.game-actions button{padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .2s;background-color:#f0f0f0;border:1px solid #ccc}.game-actions button:hover{transform:translateY(-2px);background-color:#e0e0e0}.sudoku-container.dark-mode .game-actions button{background-color:#333;color:#e1e1e1;border-color:#555}.note-button{padding:8px 16px;border-radius:4px;border:1px solid #ccc;background-color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s}.sudoku-container.dark-mode .note-button{background-color:#333;color:#e1e1e1;border-color:#555}.note-button.active{background-color:#c5e1a5;border-color:#8bc34a}.sudoku-container.dark-mode .note-button.active{background-color:#2c4a1a;border-color:#4b6d2a}.new-game-button{background-color:#c8e6c9;border-color:#81c784}.sudoku-container.dark-mode .new-game-button{background-color:#1a4a1a;border-color:#2d6a2f}.check-button{background-color:#d1c4e9;border-color:#9575cd}.sudoku-container.dark-mode .check-button{background-color:#2a1a5a;border-color:#412c82}.hint-button{background-color:#bbdefb;border-color:#64b5f6}.sudoku-container.dark-mode .hint-button{background-color:#1a3a5a;border-color:#2a5b86}.hint-button:disabled{opacity:.5;cursor:not-allowed}.keyboard-shortcuts-info{max-width:600px;border-radius:8px;background-color:#f5f5f5;padding:15px;margin-top:20px;font-weight:500}.keyboard-shortcuts-info h4{font-size:16px;color:#333;margin:0 0 10px}.sudoku-container.dark-mode .keyboard-shortcuts-info{background-color:#2d2d2d}.sudoku-container.dark-mode .keyboard-shortcuts-info h4{color:#e1e1e1}.keyboard-shortcuts-info ul{list-style:none;padding-left:20px;margin:0}.keyboard-shortcuts-info li{position:relative;margin:5px 0;padding-left:20px}.keyboard-shortcuts-info li:before{content:"•";position:absolute;left:0}@media (max-width: 700px){.game-area{flex-direction:column;align-items:center;gap:10px}.actions-panel-left{flex-direction:row;flex-wrap:wrap;justify-content:center;width:360px;margin-bottom:10px}.actions-panel-left button{flex:1 0 auto;min-width:80px}.number-pad-left,.number-pad-right{flex-direction:row;width:360px;margin:0}.number-pad-left{margin-bottom:10px}.number-pad-right{margin-top:10px}.number-button-vertical{flex:1;height:40px}.number-pad-grid{width:360px;margin-top:10px}.number-grid{grid-template-columns:repeat(9,1fr);grid-template-rows:1fr}.number-button-grid{width:36px;height:36px}}@media (max-width: 500px){.sudoku-cell{width:35px;height:35px;font-size:16px}.sudoku-board{width:315px;height:315px}.actions-panel-left,.number-pad-right{width:315px}.actions-panel-left button,.number-button-vertical{font-size:13px;padding:8px 5px}.number-pad-grid{width:315px}.number-grid{gap:3px}.number-button-grid{width:32px;height:32px;font-size:16px}}.notepad-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.notepad-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.sudoku-container.dark-mode .notepad-container{background-color:#2d2d2d;color:#e1e1e1}.notepad-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #eee}.sudoku-container.dark-mode .notepad-header{border-bottom-color:#444}.notepad-title{font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.notepad-tabs{display:flex;gap:10px}.notepad-tab{padding:6px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.notepad-tab.active{background-color:#e2f0fc;border-color:#9ecaed;font-weight:500}.sudoku-container.dark-mode .notepad-tab{background-color:#3a3a3a;border-color:#555}.sudoku-container.dark-mode .notepad-tab.active{background-color:#1a3a5a;border-color:#2a5b86}.close-notepad{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.sudoku-container.dark-mode .close-notepad{color:#aaa}.close-notepad:hover{color:#333}.sudoku-container.dark-mode .close-notepad:hover{color:#fff}.notepad-content{padding:20px}.text-notepad{width:100%;min-height:250px;resize:none;padding:15px;font-size:16px;line-height:1.5;border:1px solid #ddd;border-radius:4px;background-image:linear-gradient(#ddd 1px,transparent 1px),linear-gradient(90deg,#ddd 1px,transparent 1px);background-size:20px 20px;background-color:#fff}.sudoku-container.dark-mode .text-notepad{background-color:#333;color:#e1e1e1;border-color:#555;background-image:linear-gradient(#444 1px,transparent 1px),linear-gradient(90deg,#444 1px,transparent 1px)}.drawing-canvas-container{border:1px solid #ddd;border-radius:4px;background-color:#fff;position:relative;overflow:hidden}.sudoku-container.dark-mode .drawing-canvas-container{border-color:#555;background-color:#333}canvas.drawing-canvas{width:100%;height:250px;cursor:crosshair;background-image:linear-gradient(#ddd 1px,transparent 1px),linear-gradient(90deg,#ddd 1px,transparent 1px);background-size:20px 20px}.sudoku-container.dark-mode canvas.drawing-canvas{background-image:linear-gradient(#444 1px,transparent 1px),linear-gradient(90deg,#444 1px,transparent 1px)}.notepad-tools{display:flex;justify-content:space-between;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.sudoku-container.dark-mode .notepad-tools{border-top-color:#444}.drawing-tools{display:flex;gap:10px;align-items:center}.color-picker{width:30px;height:30px;border-radius:50%;overflow:hidden;border:none;cursor:pointer}.brush-size{width:100px}.notepad-actions{display:flex;gap:10px}.notepad-button{padding:8px 15px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;transition:all .2s}.notepad-button:hover{background-color:#e6e6e6}.sudoku-container.dark-mode .notepad-button{background-color:#3a3a3a;color:#e1e1e1;border-color:#555}.sudoku-container.dark-mode .notepad-button:hover{background-color:#444}.clear-button{background-color:#ffebee;border-color:#ffcdd2}.sudoku-container.dark-mode .clear-button{background-color:#4a1a1a;border-color:#5a2a2a}.save-button{background-color:#e3f2fd;border-color:#bbdefb}.sudoku-container.dark-mode .save-button{background-color:#1a3a5a;border-color:#2a5b86}@media (max-width: 500px){.notepad-container{width:95%}.text-notepad{font-size:14px}.notepad-tools{flex-direction:column;gap:10px}.drawing-tools,.notepad-actions{justify-content:center}}.notes-list-container{border-top:1px solid #ddd;margin-top:10px;padding:15px;max-height:300px;overflow-y:auto}.sudoku-container.dark-mode .notes-list-container{border-color:#444}.notes-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notes-list-header h4{margin:0}.close-list{background:none;border:none;font-size:20px;cursor:pointer;color:#666}.sudoku-container.dark-mode .close-list{color:#aaa}.notes-list{list-style:none;margin:0;padding:0}.note-item{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-bottom:5px;border-radius:4px;border:1px solid #eee;cursor:pointer;transition:background-color .2s}.note-item:hover{background-color:#f5f5f5}.sudoku-container.dark-mode .note-item{border-color:#444}.sudoku-container.dark-mode .note-item:hover{background-color:#383838}.note-item.selected{background-color:#e3f2fd;border-color:#bbdefb}.sudoku-container.dark-mode .note-item.selected{background-color:#1a3a5a;border-color:#2a5b86}.note-item-content{display:flex;align-items:center;flex:1;min-width:0}.note-icon{display:flex;align-items:center;justify-content:center;margin-right:10px;color:#666}.sudoku-container.dark-mode .note-icon{color:#aaa}.note-details{display:flex;flex-direction:column;min-width:0;flex:1}.note-title{font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-preview{color:#666;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sudoku-container.dark-mode .note-preview{color:#aaa}.note-date{font-size:11px;color:#999;margin-top:2px}.delete-note{background:none;border:none;color:#999;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s}.delete-note:hover{color:#f44336;background-color:#f4433614}.no-notes-message{text-align:center;color:#999;padding:20px;font-style:italic}.notepad-title-container{display:flex;flex-direction:column}.notepad-title{cursor:pointer;display:flex;align-items:center;gap:8px;margin:0}.notepad-title:hover{text-decoration:underline}.note-timestamp{font-size:11px;color:#999;margin-top:2px}.notepad-title-input{font-size:18px;font-weight:600;padding:5px;border:1px solid #ccc;border-radius:4px;width:100%}.sudoku-container.dark-mode .notepad-title-input{background-color:#333;color:#e1e1e1;border-color:#555}.notepad-thumbnail{margin-top:15px;padding:10px;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s;max-width:150px}.notepad-thumbnail:hover{transform:scale(1.05)}.sudoku-container.dark-mode .notepad-thumbnail{border-color:#444}.notepad-thumbnail img{max-width:100%;border:1px solid #eee;border-radius:4px;margin-bottom:5px}.notepad-thumbnail span{font-size:12px;color:#666}.sudoku-container.dark-mode .notepad-thumbnail span{color:#aaa}@media (max-width: 500px){.notes-list-container{max-height:250px}.note-title{max-width:180px}}.notes-preview-section{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;width:100%;max-width:600px;justify-content:center}.note-preview{border:1px solid #ddd;border-radius:6px;padding:12px;width:45%;min-height:100px;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;background-color:#f9f9f9;overflow:hidden}.note-preview:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.sudoku-container.dark-mode .note-preview{background-color:#2d2d2d;border-color:#444}.note-preview-header{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;margin-bottom:8px;color:#555;border-bottom:1px solid #eee;padding-bottom:5px}.sudoku-container.dark-mode .note-preview-header{color:#bbb;border-bottom-color:#444}.note-preview-content{font-size:13px;line-height:1.4;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;height:55px}.sudoku-container.dark-mode .note-preview-content{color:#aaa}.drawing-thumbnail{max-width:100%;height:auto;max-height:80px;display:block;margin:0 auto;border-radius:4px;border:1px solid #eee}.sudoku-container.dark-mode .drawing-thumbnail{border-color:#444}@media (max-width: 600px){.notes-preview-section{flex-direction:column}.note-preview{width:100%}}.python-chart-container{padding:15px;display:flex;flex-direction:column;gap:15px}.chart-controls{display:flex;gap:10px;align-items:center}.chart-type-select{padding:8px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px}.sudoku-container.dark-mode .chart-type-select{background-color:#333;color:#e1e1e1;border-color:#555}.generate-chart-button{padding:8px 16px;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.generate-chart-button:hover:not(:disabled){background-color:#bbdefb}.generate-chart-button:disabled{opacity:.5;cursor:not-allowed}.sudoku-container.dark-mode .generate-chart-button{background-color:#1a3a5a;border-color:#2a5b86;color:#e1e1e1}.python-code-input{width:100%;min-height:100px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;resize:vertical}.sudoku-container.dark-mode .python-code-input{background-color:#333;color:#e1e1e1;border-color:#555}.chart-error{color:#f44336;padding:10px;border-radius:4px;background-color:#f443361a;border:1px solid rgba(244,67,54,.3)}.chart-display{padding:15px;border:1px solid #ddd;border-radius:4px;background-color:#fff;min-height:300px;display:flex;align-items:center;justify-content:center}.sudoku-container.dark-mode .chart-display{background-color:#2d2d2d;border-color:#444}@media (max-width: 500px){.chart-controls{flex-direction:column;align-items:stretch}.generate-chart-button{width:100%}.chart-display{min-height:250px}}.ai-response-section{display:flex;flex-direction:column;gap:20px}.ai-text-response{padding:15px;border-radius:4px;background-color:#f5f5f5;border:1px solid #ddd}.sudoku-container.dark-mode .ai-text-response{background-color:#2d2d2d;border-color:#444}.ai-text-response h4{margin:0 0 10px;color:#333}.sudoku-container.dark-mode .ai-text-response h4{color:#e1e1e1}.ai-text-response p{margin:0;line-height:1.5;color:#666}.sudoku-container.dark-mode .ai-text-response p{color:#aaa}.example-queries{margin-top:20px;padding:15px;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.example-queries h4{margin:0 0 10px;color:var(--text-primary)}.example-queries ul{list-style:none;padding:0;margin:0}.example-queries li{padding:8px;margin:5px 0;background-color:var(--bg-primary);border-radius:4px;cursor:pointer;transition:transform .2s;color:var(--text-secondary)}.example-queries li:hover{transform:translate(5px);color:var(--accent-color)}.ai-prompt-input{width:100%;padding:12px;font-size:16px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.ai-prompt-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px var(--accent-light)}:root{--user-msg-bg: #e3f2fd;--ai-msg-bg: #f5f5f5;--user-msg-text: #01579b;--ai-msg-text: #333333;--border-color: #e0e0e0;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--accent-color: #0d47a1;--accent-light: #e3f2fd;--chart-border: #e0e0e0;--chart-bg: #ffffff;--code-bg: #f6f8fa;--code-text: #24292e}.ai-chart-tab.dark{--user-msg-bg: #1a3751;--ai-msg-bg: #2d2d2d;--user-msg-text: #e1f5fe;--ai-msg-text: #e0e0e0;--border-color: #444444;--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-color: #64b5f6;--accent-light: #1a3751;--chart-border: #444444;--chart-bg: #333333;--code-bg: #2d2d2d;--code-text: #e0e0e0}.ai-chart-tab{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary);color:var(--text-primary);padding:1rem;gap:1.5rem}.chart-messages-container{display:flex;flex-direction:column;height:calc(100% - 120px);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.messages-box{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:90%;padding:1rem;border-radius:8px;animation:fadeIn .3s}.user-message{align-self:flex-end;background-color:var(--user-msg-bg);color:var(--user-msg-text)}.ai-message{align-self:flex-start;background-color:var(--ai-msg-bg);color:var(--ai-msg-text)}.message-header{margin-bottom:.5rem;font-size:.9rem}.message-content{line-height:1.5}.message-content p{margin:.5rem 0}.chart-container{width:100%;margin-top:1rem;border:1px solid var(--chart-border);border-radius:8px;overflow:hidden}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.chart-header h3{margin:0;font-size:1rem}.chart-actions{display:flex;gap:.5rem}.toggle-code-button{background-color:transparent;border:1px solid var(--border-color);border-radius:4px;padding:.3rem .6rem;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .2s;color:var(--text-primary)}.chart-visualization{height:400px;padding:1rem;background-color:var(--chart-bg)}.chart-code{max-height:400px;overflow-y:auto;background-color:var(--code-bg);color:var(--code-text);padding:1rem}.chart-code pre{margin:0;font-family:Courier New,monospace;font-size:.9rem;white-space:pre-wrap;word-wrap:break-word}.chart-error{padding:1rem;background-color:#f443361a;color:#d32f2f;border-radius:4px}.loading-indicator{display:flex;align-items:center;gap:4px}.dot{animation:blink 1s infinite;animation-fill-mode:both}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:0}20%{opacity:1}to{opacity:0}}.input-form{display:flex;padding:1rem;border-top:1px solid var(--border-color)}.chart-input{flex:1;padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:8px 0 0 8px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary)}.chart-input:focus{outline:none;border-color:var(--accent-color)}.chart-submit{background-color:var(--accent-color);color:#fff;border:none;border-radius:0 8px 8px 0;padding:0 1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.chart-submit:hover:not(:disabled){filter:brightness(1.1)}.chart-submit:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.examples-section{padding:1rem;background-color:var(--bg-secondary);border-radius:8px}.examples-section h3{margin-top:0;margin-bottom:1rem;font-size:1rem;color:var(--text-primary)}.examples-list{display:flex;flex-wrap:wrap;gap:1rem}.example-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:.8rem 1rem;cursor:pointer;transition:all .2s;flex:1;min-width:200px;display:flex;align-items:center;gap:.5rem}.example-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.example-icon{color:var(--accent-color)}@media (max-width: 768px){.examples-list{flex-direction:column}.chart-visualization{height:300px}}:root{--border-color: #e0e0e0;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--accent-color: #0d47a1;--accent-light: #e3f2fd;--step-active: #2196f3;--step-done: #4caf50;--step-disabled: #9e9e9e;--step-connector: #e0e0e0;--error-color: #f44336;--scrollbar-thumb: #c1c1c1}.research-chart-tab.dark{--border-color: #444444;--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-color: #64b5f6;--accent-light: #1a3751;--step-active: #2196f3;--step-done: #66bb6a;--step-disabled: #616161;--step-connector: #444444;--error-color: #e57373;--scrollbar-thumb: #666666}.research-chart-tab{height:100%;background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;padding:20px;overflow:auto}.step-indicator{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 15px}.step{display:flex;flex-direction:column;align-items:center;position:relative;flex:0 0 auto;padding:10px 15px;background-color:var(--bg-secondary);border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;z-index:2}.step.active{background-color:var(--step-active);color:#fff;transform:translateY(-3px);box-shadow:0 4px 10px #2196f34d}.step.disabled{background-color:var(--bg-secondary);color:var(--step-disabled);cursor:not-allowed}.step-connector{flex:1;height:2px;background-color:var(--step-connector);margin:0 10px;z-index:1}.research-chart-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.step-container{flex:1;display:flex;flex-direction:column;animation:fadeIn .3s ease-out;overflow:auto}.step-header{margin-bottom:20px;text-align:center}.step-header h2{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:5px;color:var(--accent-color)}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;background-color:var(--bg-primary);color:var(--text-primary)}.search-button{display:flex;align-items:center;gap:8px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:0 20px;font-weight:500;cursor:pointer;transition:all .2s}.search-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.search-button:disabled{opacity:.7;cursor:not-allowed}.search-results{margin-top:20px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.search-results h3{background-color:var(--bg-secondary);margin:0;padding:15px 20px;border-bottom:1px solid var(--border-color)}.search-results ul{list-style:none;margin:0;padding:0}.search-results li{padding:15px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.search-results li:last-child{border-bottom:none}.search-results li:hover{background-color:var(--accent-light)}.search-results h4{margin:0 0 8px;font-size:16px;color:var(--accent-color)}.article-content{display:flex;flex-direction:column;gap:20px}.article-scrollbox{height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:20px;background-color:var(--bg-secondary)}.article-scrollbox h3{margin-top:0;color:var(--accent-color)}.action-buttons{display:flex;gap:15px;justify-content:center}.analyze-button,.visualize-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:500;cursor:pointer;transition:all .2s}.back-button,.new-search-button{border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:8px;padding:12px 24px;font-weight:500;cursor:pointer;transition:all .2s}.analyze-button:hover:not(:disabled),.visualize-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.back-button:hover,.new-search-button:hover{background-color:var(--border-color)}.analysis-content{display:flex;flex-direction:column;gap:20px}.analysis-result,.extracted-data{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.analysis-result h3,.extracted-data h3,.chart-settings h3{margin:0;padding:15px 20px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.analysis-text{padding:20px;max-height:200px;overflow-y:auto}.analysis-text>*{margin-top:0}.data-preview{padding:15px;overflow-x:auto}.data-preview table{width:100%;border-collapse:collapse}.data-preview th,.data-preview td{padding:8px 12px;border:1px solid var(--border-color);text-align:left}.data-preview th{background-color:var(--bg-secondary);font-weight:500}.chart-settings{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.chart-types{display:flex;align-items:center;gap:10px;padding:15px 20px}.chart-type-select{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px}.chart-result{display:flex;flex-direction:column;gap:20px}.chart-actions{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.chart-title{flex:1}.chart-title h3{margin:0 0 5px;color:var(--accent-color)}.chart-title p{margin:0;font-size:14px;color:var(--text-secondary)}.toggle-code-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.toggle-code-button:hover{background-color:var(--accent-light)}.chart-visualization{height:400px;border:1px solid var(--border-color);border-radius:8px;padding:20px;background-color:var(--bg-primary)}.chart-code{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;padding:15px;background-color:var(--bg-secondary)}.chart-code pre{margin:0;font-size:13px;font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-all;color:var(--text-primary)}.error-message{margin:15px 0;padding:10px 15px;border-radius:6px;background-color:#f443361a;border:1px solid var(--error-color);color:var(--error-color);font-weight:500}.spinner{animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-container::-webkit-scrollbar,.article-scrollbox::-webkit-scrollbar,.analysis-text::-webkit-scrollbar,.data-preview::-webkit-scrollbar,.chart-code::-webkit-scrollbar{width:8px;height:8px}.step-container::-webkit-scrollbar-thumb,.article-scrollbox::-webkit-scrollbar-thumb,.analysis-text::-webkit-scrollbar-thumb,.data-preview::-webkit-scrollbar-thumb,.chart-code::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.step-container::-webkit-scrollbar-track,.article-scrollbox::-webkit-scrollbar-track,.analysis-text::-webkit-scrollbar-track,.data-preview::-webkit-scrollbar-track,.chart-code::-webkit-scrollbar-track{background-color:transparent}@media (max-width: 768px){.step-indicator{flex-direction:column;gap:10px;align-items:stretch}.step-connector{height:10px;width:2px;margin:0 auto}.search-form{flex-direction:column}.chart-actions{flex-direction:column;align-items:flex-start;gap:10px}.toggle-code-button{align-self:flex-end}.chart-visualization{height:300px}.action-buttons{flex-direction:column;gap:10px}}.article-preview{font-size:14px;line-height:1.5}.article-preview p{margin-bottom:12px;text-align:justify}.article-preview .remaining-text{font-style:italic;color:var(--text-secondary);text-align:center;border-top:1px dashed var(--border-color);padding-top:8px;margin-top:15px}.data-insights{padding:10px 0}.data-preview-section,.insights-section{margin-bottom:15px}.data-preview-section h4,.insights-section h4{margin:0 0 10px;font-size:15px;color:var(--accent-color)}.table-wrapper{overflow-x:auto;border-radius:4px;border:1px solid var(--border-color)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:10px;text-align:center;border:1px solid var(--border-color)}.data-table th{background-color:var(--bg-secondary);font-weight:600;position:sticky;top:0}.data-table td{background-color:var(--bg-primary)}.insights-list{list-style-type:none;padding:0;margin:0}.insights-list li{position:relative;padding:8px 10px 8px 25px;background-color:var(--accent-light);border-radius:4px;margin-bottom:8px;font-size:13px}.insights-list li:before{content:"•";position:absolute;left:10px;color:var(--accent-color);font-weight:700}.research-chart-tab.dark .insights-list li{background-color:#36a2eb1a}.analysis-text{padding:15px;max-height:250px;overflow-y:auto;line-height:1.6}.analysis-text p{margin-bottom:12px}.analysis-text ul,.analysis-text ol{margin-left:20px;margin-bottom:12px}.analysis-text strong,.analysis-text b{color:var(--accent-color)}.analyze-button{min-width:200px}:root{--bg-primary: #ffffff;--bg-secondary: #f0f2f5;--text-primary: #333333;--text-secondary: #666666;--accent-color: #0f3460;--accent-hover: #16213e;--accent-light: #e1f5fe;--border-color: #e0e0e0;--message-user-bg: #e1f5fe;--message-user-text: #01579b;--message-ai-bg: #f5f5f5;--message-ai-text: #333333;--error-color: #c62828;--success-color: #2e7d32;--header-bg: #1a1a2e;--header-text: white;--animation-speed: .3s}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-color: #4f83cc;--accent-hover: #6d9feb;--accent-light: #1a3751;--border-color: #333333;--message-user-bg: #1a3751;--message-user-text: #e1f5fe;--message-ai-bg: #292929;--message-ai-text: #e0e0e0;--error-color: #ef5350;--success-color: #66bb6a;--header-bg: #0a0a14;--header-text: #e0e0e0}.teacher-ai-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:1200px;margin:0 auto;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color var(--animation-speed),color var(--animation-speed)}.teacher-ai-header{background-color:var(--header-bg);color:var(--header-text);padding:1rem;border-bottom:1px solid var(--border-color)}.header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.teacher-ai-header h1{margin:0;font-size:1.8rem;text-align:left}.header-actions{display:flex;gap:.5rem}.icon-button{background-color:transparent;color:var(--header-text);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.icon-button:hover{background-color:#ffffff1a}.teacher-ai-nav{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.tab-button{background-color:var(--accent-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color var(--animation-speed),transform .2s}.tab-button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.tab-button.active{background-color:#e94560;font-weight:700;position:relative}.tab-button.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:8px;height:8px;background-color:#e94560;border-radius:50%}.teacher-ai-main{flex:1;overflow:hidden;padding:1rem;background-color:var(--bg-secondary);transition:background-color var(--animation-speed)}.shortcuts-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.shortcuts-content{background-color:var(--bg-primary);color:var(--text-primary);padding:1.5rem;border-radius:8px;width:90%;max-width:500px;position:relative;animation:slideIn .3s}.shortcuts-content h2{margin-top:0;margin-bottom:1rem;text-align:center;color:var(--accent-color)}.close-modal{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.shortcuts-list{display:grid;gap:.8rem}.shortcut-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.shortcut-keys{background-color:var(--bg-secondary);padding:.3rem .6rem;border-radius:4px;font-family:monospace;font-weight:700}.shortcut-desc{color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--animation-speed)}.nav-button svg{margin-right:5px;font-size:.9em}.nav-button[data-tab=chart]{display:flex;align-items:center;gap:5px}@media (max-width: 768px){.teacher-ai-nav{flex-wrap:wrap}.tab-button{flex:1;min-width:100px}.shortcuts-content{width:95%;padding:1rem}}@media (max-width: 480px){.teacher-ai-header h1{font-size:1.4rem}.shortcut-item{flex-direction:column;gap:.5rem}}