[data-theme=dark]{--bg-color: #242424;--text-color: #e2e2e2;--a-color: ;--a-visited-color: ;--role-color: #61f8e6;--pre-code-bkg: #051d27;--code-bkg: #202a2a;--user-msg-bkg: darkslategray;--assistant-msg-bkg: darkslategray;--textarea-bkg: #1c1717;--t-area-focus-color: rgb(22, 69, 69);--t-area-focus-offset: 3px;--t-area-color: white;--submit-btn-bkg: darkslategray;--submit-btn-hover: #0056b3;--a-color: aquamarine;--a-visited-color: mediumaquamarine}[data-theme=light]{--bg-color: #ffffff;--text-color: rgba(62, 33, 33, .87);--a-color: #006400;--a-visited-color: #004d00;--role-color: #007bff;--pre-code-bkg: #f8f9fa;--code-bkg: #ffffff84;--user-msg-bkg: #d9fdd3;--assistant-msg-bkg: #c3f5bd;--textarea-bkg: #ffffff;--t-area-focus-color: #388e3c;--t-area-focus-offset: 3px;--t-area-color: black;--submit-btn-bkg: #388e3c;--submit-btn-hover: #0056b3}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column}main{flex:1;max-width:700px;width:100%;margin:auto}h1{font-size:2em;line-height:1.2;text-align:center;position:sticky;top:0;background-color:var(--bg-color)}@media (min-width: 600px){h1{font-size:2.5em}}@media (min-width: 768px){h1{font-size:3em}}@media (min-width: 1024px){h1{font-size:3.5em}}main{max-width:700px;width:100%;margin:auto}a{color:var(--a-color)}a:visited{color:var(--a-visited-color)}div.chat_bubble{max-width:80%;padding:15px 10px;border-radius:50px;margin-top:15px;margin-bottom:15px}div.chat_bubble span{margin:5px}div.chat_bubble span:first-child{margin-right:0}.role{color:var(--role-color);margin-bottom:15px}pre code{display:block;width:100%;max-width:100%;overflow-x:auto;white-space:pre;padding:10px;box-sizing:border-box;background-color:var(--pre-code-bkg)}code{background-color:var(--code-bkg)}.user_msg{margin-left:20%;display:flex;flex-direction:column;background-color:var(--user-msg-bkg)}.assistant_msg{background-color:var(--assistant-msg-bkg)}.hide{visibility:hidden;display:none}form{text-align:center;position:sticky;bottom:0;background-color:var(--bg-color)}textarea{border-radius:15px;width:92%;height:52px;border:1px solid #ced4da;padding:10px;font-size:1.2rem;background-color:var(--textarea-bkg);color:var(--t-area-color)}textarea::placeholder{font-size:1rem}textarea:focus{outline:var(--t-area-focus-offset) solid var(--t-area-focus-color)}.submit-button{margin:12px;background-color:var(--submit-btn-bkg);color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:var(--submit-btn-hover)}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.bottom-right-text{position:absolute;bottom:10px;right:10px;font-size:12px;color:#666}footer{font-size:12px;display:flex;flex-direction:row;justify-content:center}footer a{margin:0 5px;text-decoration:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{padding:20px;border-radius:10px;max-width:600px;width:100%;box-shadow:0 4px 8px #0003;position:relative;background-color:var(--bg-color);color:var(--text-color)}.close-btn{position:absolute;top:10px;right:10px;font-size:24px;color:var(--role-color);cursor:pointer}.modal-content{margin-top:20px;max-height:400px;overflow-y:auto}