body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282828;background-color:var(--bg-dark);bottom:0;color:#ebdbb2;color:var(--fg-light);font-family:JetBrains Mono,monospace;height:100%;justify-content:center;left:0;min-height:100vh;padding:0 1em;position:fixed;right:0;text-align:center;top:0}.App,.App-header{align-items:center;display:flex;flex-direction:row}.App-header{border-bottom-left-radius:20px;border-bottom-right-radius:20px;flex-shrink:0;justify-content:space-around;padding:.2em}.titleText{color:#fb4934;color:var(--red);font-family:Playwrite AU QLD,sans-serif;font-size:2.1rem;font-weight:600;letter-spacing:-1px;margin:0}.chat-container{height:calc(100vh - 2rem);margin:0 auto;max-width:1200px;position:relative;width:100%}.chat-container,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:1.5rem;height:100%;overflow-y:auto;padding:1rem 1rem calc(5rem + 40px)}.message{word-wrap:break-word;border-radius:12px;font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.6;max-width:85%;padding:0 1em;text-align:left;white-space:pre-wrap}.user-message{align-self:flex-end;background:linear-gradient(135deg,#98971a,#b8bb26);box-shadow:0 4px 20px #b8bb2633;color:#1d2021}.bot-message{align-self:flex-start;background-color:#3c3836;background-color:var(--bg-medium);border-left:4px solid #888145;color:#ebdbb2;color:var(--fg-light)}.chat-input{background-color:#32302f;border-radius:16px;bottom:0;box-shadow:4px 4px 20px #0003;display:flex;gap:1rem;left:2vw;margin:1rem auto;max-width:calc(1200px - 2rem);padding:1rem;position:fixed;right:2vw;transition:all .3s ease;z-index:1000}.chat-input:focus-within{background-color:#3c3836;background-color:var(--bg-medium);transform:translateY(-2px)}.chat-input input{background-color:initial;border:none;color:#ebdbb2;color:var(--fg-light);flex:1 1;font-family:JetBrains Mono,monospace;font-size:1rem;padding:.75rem 1.25rem}.chat-input input:focus{outline:none}.chat-input input::placeholder{color:#928374}.chat-input button{background:#fabd2f;background:var(--yellow);border:none;border-radius:12px;color:#1d2021;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.chat-input button:hover{filter:brightness(110%);transform:translateY(-2px)}.chat-input button:active{transform:translateY(0)}.chat-input textarea{background-color:initial;border:none;color:#ebdbb2;color:var(--fg-light);flex:1 1;font-family:JetBrains Mono,monospace;font-size:1rem;max-height:150px;min-height:20px;overflow-y:auto;padding:.75rem 1.25rem;resize:none;text-align:left}.chat-input textarea:focus{outline:none}.chat-input textarea::placeholder{color:#928374}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#504945;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#665c54}::selection{background-color:#d65d0e;color:#ebdbb2}:root{--bg-dark:#282828;--bg-medium:#3c3836;--fg-light:#ebdbb2;--yellow:#fabd2f;--orange:#fe8019;--purple:#d3869b;--green:#689d6a;--blue:#83a598;--red:#fb4934}.tray-toggle{align-items:center;background:#3c3836;background:var(--bg-medium);border:none;border-radius:15%;box-shadow:0 2px 10px #0000004d;cursor:pointer;display:flex;height:48px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:48px;z-index:1001}.tray-toggle:hover{transform:scale(1.1)}.tray-toggle:before{color:#ebdbb2;color:var(--fg-light);content:"☰";font-size:24px}.toggle-container{background-color:#3c3836;background-color:var(--bg-medium);border-radius:10px;border-style:none;box-shadow:inset 4px 4px 20px #000000b3;left:-20vw;margin-top:100px;overflow-y:auto;padding:1.5em;position:fixed;text-align:center;top:0;transition:all .3s ease;width:10vw;z-index:1000}.toggle-container.visible{left:1em}@media screen and (max-width:1267px){.toggle-container{box-shadow:4px 4px 20px #000000b3;left:-105vw;padding:1em;width:88vw}.toggle-container.visible{left:calc(50% - 44vw - 16px)}.tray-toggle{height:40px;margin-top:15px;width:40px}.chat-container.tray-open{filter:blur(4px);pointer-events:none}}@media screen and (max-width:480px){.chat-input{border-radius:12px;margin-bottom:2em;padding:.75rem}.chat-messages{padding-bottom:calc(4.5rem + 30px)}.message{max-width:90%}.chat-input button{padding:.75rem 1.25rem}.titleText{font-size:1.9rem;margin-left:35px}}.mode-toggle,body.tray-open{overflow:hidden}.mode-toggle{background-color:#3c3836;background-color:var(--bg-medium);border:2px solid #fabd2f;border:2px solid var(--yellow);border-radius:10px;box-shadow:2px 4px 15px #000;color:#ebdbb2;color:var(--fg-light);cursor:pointer;font-size:16px;font-weight:700;padding:7px 15px;position:relative;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.mode-toggle:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.mode-toggle:active{transform:translateY(0)}.chat-input button.teaching{background-color:#689d6a;background-color:var(--green)}.mode-toggle.teaching{background-color:#282828;background-color:var(--bg-dark);border-color:#689d6a;border-color:var(--green)}.mode-toggle.teaching:before{content:"📚 "}.chat-input button.testing{background-color:#fe8019;background-color:var(--orange)}.mode-toggle.testing{background-color:#282828;background-color:var(--bg-dark);border-color:#fe8019;border-color:var(--orange)}.mode-toggle.testing:before{content:"🧪 "}.chat-input button.memorization{background-color:#d3869b;background-color:var(--purple)}.mode-toggle.memorization{background-color:#282828;background-color:var(--bg-dark);border-color:#d3869b;border-color:var(--purple)}.mode-toggle.memorization:before{content:"🧠 "}.open-source-info{border-color:#fabd2f;border-color:var(--yellow);border-radius:10px;border-style:solid;border-width:1px;font-size:12px;margin-top:100px;padding:1em}.mode-description,.open-source-info{color:#ebdbb2;color:var(--fg-light);opacity:.8;transition:all .3s ease}.mode-description{align-items:center;display:flex;font-size:15px;justify-content:center;margin-top:36px;min-height:36px;text-align:left}.ripple{animation:ripple .6s linear;background-color:#ebdbb24d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(4)}}
/*# sourceMappingURL=main.fdf1c14f.css.map*/