@charset "UTF-8";html,body{height:100%;margin:0}@media(prefers-color-scheme:dark){html,body{background-color:#1b1b1b}html h1,html h2,html h3,html h4,html h5,html h6,html p,html a,html span,html li,html blockquote,body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body span,body li,body blockquote{color:#ddd}}body{display:flex;flex-direction:column}h1{display:inline;background-size:100% .4em;background-repeat:no-repeat;background-position:0 .9em;background-image:linear-gradient(#2364AA,#2364AA);font-family:playfair display,serif;color:#000;font-weight:400}h1.big-title{font-size:6em;background-image:linear-gradient(#ffd166,#ffd166)}@media(prefers-color-scheme:dark){h1.big-title{background-image:linear-gradient(#2364AA,#2364AA)}}h2{margin:30px 0 10px}h2.big-title{font-size:2em}h2,h3,h4,h5,h6{font-family:jost,Helvetica,sans-serif;color:#000;font-weight:400}p,a,footer,span,li,blockquote{font-family:jost,Helvetica,sans-serif;color:#000}p.bigger,a.bigger,footer.bigger,span.bigger,li.bigger,blockquote.bigger{font-size:1.2em}* .vertical-margin{margin-top:10px;margin-bottom:10px}label{display:none}blockquote{font-style:italic}main{width:calc(100% - 40px);max-width:600px;margin:0 auto;flex:1 0 auto;padding:40px 20px 20px}footer{flex-shrink:0}a{color:#000;text-decoration:underline;text-decoration-color:#ef476f}a:hover,a:focus{color:#ef476f}p,span,li{padding:10px 0;font-size:16px;line-height:1.4}ul{list-style-type:none}ul ul li:first-child,ol ol li:first-child{padding-top:20px}ul ul li:last-child,ol ol li:last-child{padding-bottom:0}li{padding-bottom:10px}ul.tag-list{padding:0}ul.tag-list li{padding-bottom:10px}h4{font-size:20px}hr{width:50%}code{background-color:#dcdcdc;font-family:monospace;box-sizing:border-box;padding:2px;border-radius:5px;font-size:14px}@media(prefers-color-scheme:dark){code{background-color:#dcdcdc24}}@media only screen and (min-width:600px){code.language-c,code.language-bash,code.language-python{overflow-x:hidden}}pre{border-radius:5px}pre code{display:block;overflow-x:scroll;padding:20px}pre code span{padding:0}blockquote{padding:.5em 10px;quotes:"“" "”" "‘" "’";line-height:.1em;margin-inline-start:0}blockquote:before{color:#06d6a0;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em}blockquote p{display:inline}img{width:600px;max-width:100%}@media only screen and (min-width:600px){p img{width:1200px;max-width:200%;margin-left:calc(-50vw + 300px)}}@media only screen and (min-width:1200px){p img{margin-left:-50%}}@media only screen and (min-width:600px){.post-blog p img{width:100%;max-width:100%;margin:auto}}figure{margin:1.5em 0}figure img{margin-bottom:.5em}figcaption{font-family:jost,Helvetica,sans-serif;font-style:italic;font-size:.9em;text-align:center;color:rgba(0,0,0,.8);padding:.5em 0 1em;line-height:1.4}@media(prefers-color-scheme:dark){figcaption{color:rgba(221,221,221,.9)}}.circular-image{border-radius:50%;height:200px;width:200px;overflow:hidden;margin:40px auto}.circular-image img{width:200px}header .mobile-header{height:52px;padding:0 20px;display:none;flex-direction:column;justify-content:center}header .mobile-header a{color:#000;text-decoration:none;font-size:24px}@media(prefers-color-scheme:dark){header .mobile-header a{color:#ddd}}header .mobile-header .toggle{display:flex;position:absolute;top:14px;right:20px}header .mobile-header .toggle span{width:30px;height:25px;background:0 0;border:0;position:relative;padding:0;cursor:pointer}header .mobile-header .toggle span i{background:#000;position:absolute;border-radius:5px;height:20%;right:0;transition:all .5s}header .mobile-header .toggle span i:nth-child(1){width:100%;top:0}header .mobile-header .toggle span i:nth-child(2){width:75%;top:40%}header .mobile-header .toggle span i:nth-child(3){width:50%;top:80%}@media(prefers-color-scheme:dark){header .mobile-header .toggle span i{background:#ddd}}header .mobile-header .toggle.is-active span i:nth-child(1){width:100%;top:40%;transform:rotate(45deg)}header .mobile-header .toggle.is-active span i:nth-child(2){width:100%;top:40%;transform:rotate(-45deg)}header .mobile-header .toggle.is-active span i:nth-child(3){width:0%;top:80%;transition:all 0s}@media only screen and (max-width:540px){header .mobile-header{display:flex}}header nav{max-width:1100px;margin:0 auto;display:flex;justify-content:space-evenly}header nav a{color:#000;text-align:center;text-decoration:none;width:100%;font-size:16px;line-height:50px}header nav a.active{text-decoration:underline;text-decoration-color:#ffd166}header nav a:hover,header nav a:focus{color:#ffd166;text-decoration:none}@media(prefers-color-scheme:dark){header nav a{color:#ddd}}@media only screen and (max-width:540px){header nav{display:none}}@media only screen and (max-width:540px){header nav{display:block;position:absolute;max-height:0;transition:max-height .5s}header nav a{text-decoration:none;text-align:unset;padding:0 0 0 20px;border-left:none;display:block;background-color:#fff;opacity:0;transition:opacity .5s,max-height .5s;width:100%;max-height:0;color:#000}header nav a:last-child{border-right:none}}@media only screen and (max-width:540px) and (prefers-color-scheme:dark){header nav a{background-color:#1b1b1b;color:#ddd}}@media only screen and (max-width:540px){header nav.expanded{max-height:100%;margin:0 0 -20px;z-index:100;width:calc(100% - 20px)}header nav.expanded a:last-child{padding-bottom:20px;position:relative}header nav.expanded a:last-child::after{content:'';position:absolute;top:55px;left:calc(50% - 64px);right:calc(50% - 64px);border:solid 1px #eaeaea}header nav.expanded a{opacity:1;max-height:50px}}footer{text-align:center;padding:20px;color:#000;font-size:12px}@media(prefers-color-scheme:dark){footer{color:#ddd}}footer a{color:#000;text-decoration:none}footer a:hover{text-decoration:underline}@media(prefers-color-scheme:dark){footer a{color:#ddd}}.post blockquote p:first-of-type{font-size:1em}.post ul{padding-inline-end:40px;padding-inline-start:20px;margin:30px 0 0}.post ul li{padding:0 0 20px 5px}.post ul li span{font-size:16px}.post ul li p{margin:0}.post.post-blog ul{list-style-type:katakana}.page-navigation{display:flex;flex-direction:row;justify-content:space-between}.page-navigation p{max-width:49%;font-size:16px;margin:0;padding:0}.series-navigation{margin-top:40px}.footnotes{margin-top:40px;padding-top:20px;border-top:1px solid #e0e0e0}.footnotes ol{padding-inline-start:20px}.footnotes ol li{padding:12px 0;margin:0}.footnotes ol li p{margin:0;padding:0}@media(prefers-color-scheme:dark){.footnotes{border-top-color:#444}}.archives>h1{margin-bottom:0;padding-bottom:0}.transition{transition:all .3s ease-in-out}.tags span{font-size:16px;font-style:italic;margin-inline-start:-.1em}.archive-list,.post-list{padding:0;margin:0}.archive-list li,.post-list li{position:relative}.archive-list li .accordion-title,.post-list li .accordion-title{cursor:pointer}.archive-list li .accordion-title:before,.archive-list li .accordion-title:after,.post-list li .accordion-title:before,.post-list li .accordion-title:after{content:'';position:absolute;background-color:#333;width:3px;height:9px;right:0;top:10px;transition:all .3s ease-in-out}.archive-list li .accordion-title:before,.post-list li .accordion-title:before{transform:translate(-2px,0)rotate(-45deg)}.archive-list li .accordion-title:after,.post-list li .accordion-title:after{transform:translate(2px,0)rotate(45deg)}.archive-list li .accordion-title-display:before,.post-list li .accordion-title-display:before{transform:translate(2px,0)rotate(-45deg)}.archive-list li .accordion-title-display:after,.post-list li .accordion-title-display:after{transform:translate(-2px,0)rotate(45deg)}.archive-list li .accordion-leaf,.post-list li .accordion-leaf{display:none}.archive-list li .accordion-leaf-display,.post-list li .accordion-leaf-display{display:block}.archive-list li .accordion-leaf-display li,.post-list li .accordion-leaf-display li{padding:0}.archive-list li .accordion-leaf-display.post-list li,.post-list li .accordion-leaf-display.post-list li{padding-bottom:10px}.archive-list li ul,.post-list li ul{padding-left:10px}.archive-list h2,.archive-list h3,.post-list h2,.post-list h3{margin:10px 0}.archive-list h4,.post-list h4{margin:5px 0 0}.archive-list span,.post-list span{font-size:16px;font-style:italic;margin-inline-start:-.1em}.archive-list p,.post-list p{font-size:16px;margin-bottom:0}.archive-list{margin-top:20px}.archive-list>li{padding-bottom:0}.tracker-grid{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center}.tracker-grid div{border:solid 1px #eaeaea;display:flex;flex-direction:column}.tracker-grid div.red{background-color:#ef476f}@media(prefers-color-scheme:dark){.tracker-grid div.red p{color:#1b1b1b}}.tracker-grid div.green{background-color:#06d6a0}@media(prefers-color-scheme:dark){.tracker-grid div.green p{color:#1b1b1b}}.tracker-grid div p{margin:1em 10px;display:flex;height:100%;align-items:center}@media only screen and (max-width:540px){.tracker-grid div p{font-size:14px;margin:10px}}code[class*=language-],pre[class*=language-],code[class*=language-] span{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,andale mono,ubuntu mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}div[class*=language-]~h3{margin-block-start:4em}body{margin:0;display:flex;height:100dvh}.main-chat{padding:0;max-width:100%;width:100%}#sidebar{width:250px;min-width:110px;background-color:#f5f5f5;border-right:1px solid #ddd;padding:0;overflow-y:auto;z-index:1001}#sidebar h2{font-size:1.2em}#chat-container{flex:1;display:flex;flex-direction:column}#chat-history{flex:1;padding:10px;overflow-y:auto;background-color:#fff;height:calc(100% - 50px)}@media(prefers-color-scheme:dark){#chat-history{background-color:#1b1b1b}}.message{margin:10px 0;padding:8px;border-radius:4px;max-width:70%;clear:both;font-family:jost,Helvetica,sans-serif;line-height:1.4}.message.start{align-self:flex-start}.message.end{align-self:flex-end}.message.user{background-color:#2364aa;color:#fff}.message.bot{background-color:#eaeaea;color:#000}@media(prefers-color-scheme:dark){.message.bot{background-color:#353535;color:#ddd}}.message.typing{padding:4px}.message.typing .typing-indicator{display:inline-block}.message.typing .typing-indicator span{display:inline-block;font-size:1.2em;line-height:.5;margin:0 2px;animation:typing-animation 1.4s infinite ease-in-out}@media(prefers-color-scheme:dark){.message.typing .typing-indicator span{color:#999}}.message.typing .typing-indicator span:nth-child(1){animation-delay:0s}.message.typing .typing-indicator span:nth-child(2){animation-delay:.2s}.message.typing .typing-indicator span:nth-child(3){animation-delay:.4s}.post-chat{padding:0;margin:0;width:100%;position:relative;height:calc(100dvh - 52px);display:flex;flex-direction:column;border-top:1px solid #555}.post-chat .chat-interface{display:flex;flex:1 1 auto;min-height:0;width:100%}.post-chat #sidebar{width:250px;background-color:#eaeaea;border-right:1px solid #999;padding:0;overflow-y:auto;transition:transform .3s ease}@media(prefers-color-scheme:dark){.post-chat #sidebar{background-color:#282828;border-right-color:#555}}.post-chat #sidebar h2{font-size:1.2em;margin:10px 0;font-family:jost,Helvetica,sans-serif}@media(prefers-color-scheme:dark){.post-chat #sidebar h2{color:#ddd}}.post-chat .persona{padding:8px;margin:0;cursor:pointer;border-top:1px solid #999;border-radius:0;font-family:jost,Helvetica,sans-serif;transition:all .3s ease-in-out}@media(prefers-color-scheme:dark){.post-chat .persona{border-color:#555;color:#ddd}}.post-chat .persona:last-child{border-bottom:1px solid #999}@media(prefers-color-scheme:dark){.post-chat .persona:last-child{border-color:#555}}.post-chat .persona:hover{background-color:#ddd}@media(prefers-color-scheme:dark){.post-chat .persona:hover{background-color:#353535}}.post-chat .persona.active{background-color:#2364aa;color:#fff}@media(prefers-color-scheme:dark){.post-chat .persona.active{background-color:#2364aa}}.post-chat #chat-container{flex:1;display:flex;flex-direction:column;background-color:#fff;position:relative}@media(prefers-color-scheme:dark){.post-chat #chat-container{background-color:#1b1b1b}}.post-chat #chat-history{flex:1;padding:10px;overflow-y:auto}.post-chat .message{margin:10px 0;padding:8px;border-radius:4px;max-width:70%;clear:both;font-family:jost,Helvetica,sans-serif;line-height:1.4}.post-chat .message.start{justify-self:flex-start}.post-chat .message.end{align-self:flex-end;justify-self:right}.post-chat .message.user{background-color:#2364aa;color:#fff}.post-chat .message.bot{background-color:#eaeaea;color:#000}@media(prefers-color-scheme:dark){.post-chat .message.bot{background-color:#353535;color:#ddd}}.post-chat #input-container{display:flex;border-top:1px solid #999;padding:10px;align-items:flex-end}@media(prefers-color-scheme:dark){.post-chat #input-container{border-top-color:#555}}.post-chat #input-container textarea{flex:1;padding:10px;font-size:1em;border:1px solid #999;border-radius:4px;font-family:jost,Helvetica,sans-serif;background-color:#fff;color:#000;resize:none;min-height:24px;max-height:330px;height:20px;white-space:pre-wrap;word-wrap:break-word;line-height:1.4;margin:0;display:block;overflow-y:scroll}.post-chat #input-container textarea:focus{outline:none;border-color:#ffd166;box-shadow:0 0 0 1px #ffd166;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-color-scheme:dark){.post-chat #input-container textarea{background-color:#282828;border-color:#555;color:#ddd}}.post-chat #input-container textarea::placeholder{color:#777;font-family:jost,Helvetica,sans-serif;line-height:1.4}@media(prefers-color-scheme:dark){.post-chat #input-container textarea::placeholder{color:#999}}.post-chat #input-container button{margin-left:10px;padding:10px 20px;font-size:1em;border:1px solid #2364aa;border-radius:4px;background-color:#2364aa;color:#fff;cursor:pointer;font-family:jost,Helvetica,sans-serif;transition:all .3s ease-in-out;height:46px}.post-chat #input-container button:hover{background-color:#1a4b80}.post-chat #input-container button:disabled{background-color:#777;cursor:not-allowed}.post-chat .sidebar-header{display:flex;align-items:center;justify-content:space-between;margin:0;padding:10px;position:relative}.post-chat .sidebar-header h2{margin:0}@media screen and (max-width:400px){.post-chat .sidebar-header{margin:0;padding:2.5px 10px;padding-right:40px}}.post-chat .sidebar-open{position:fixed;top:10px;left:10px;z-index:1000;background:0 0;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#555;transition:all .2s ease-in-out;background-color:rgba(255,255,255,.3)}.post-chat .sidebar-open svg{width:24px;height:24px}.post-chat .sidebar-open:hover{background-color:rgba(153,153,153,.2)}@media(prefers-color-scheme:dark){.post-chat .sidebar-open{color:#ddd}.post-chat .sidebar-open:hover{background-color:rgba(85,85,85,.2)}}@media(prefers-color-scheme:dark){.post-chat .sidebar-open{background-color:rgba(27,27,27,.3)}}@media(min-width:769px){.post-chat .sidebar-open{display:none}}.post-chat .sidebar-close{position:absolute;top:50%;transform:translateY(-50%);right:10px;background:0 0;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#555;transition:all .2s ease-in-out;z-index:10}.post-chat .sidebar-close svg{width:24px;height:24px}.post-chat .sidebar-close:hover{background-color:rgba(153,153,153,.2)}@media(prefers-color-scheme:dark){.post-chat .sidebar-close{color:#ddd}}@media(min-width:769px){.post-chat .sidebar-close{display:none}}.post-chat .info-button{background:0 0;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555;transition:all .3s ease-in-out}@media(prefers-color-scheme:dark){.post-chat .info-button{color:#ddd}}.post-chat .info-button svg{width:20px;height:20px}.post-chat .info-button:hover{background-color:rgba(153,153,153,.2)}.post-chat .info-button.active{background-color:#2364aa;color:#fff}.post-chat .info-popup{position:absolute;top:60px;left:10px;right:10px;background-color:#fff;border:1px solid #999;border-radius:4px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;font-family:jost,Helvetica,sans-serif;max-width:300px;overflow-y:auto;max-height:80vh}@media(prefers-color-scheme:dark){.post-chat .info-popup{background-color:#282828;border-color:#555;box-shadow:0 2px 10px rgba(0,0,0,.3)}}.post-chat .info-popup.hidden{display:none}.post-chat .info-popup h3{margin:0 0 10px;font-family:jost,Helvetica,sans-serif;font-size:1.1em}@media(prefers-color-scheme:dark){.post-chat .info-popup h3{color:#ddd}}.post-chat .info-popup p{margin:10px 0;font-size:.9em;line-height:1.4}@media(prefers-color-scheme:dark){.post-chat .info-popup p{color:#ddd}}.post-chat .info-popup ul{margin:10px 0;padding-left:20px;list-style-type:disc}.post-chat .info-popup ul li{font-size:.9em;padding:2px 0}@media(prefers-color-scheme:dark){.post-chat .info-popup ul li{color:#ddd}}.post-chat .info-popup ul li strong{color:#2364aa}.post-chat .chat-section{margin-bottom:20px}.post-chat .chat-section h3{font-size:.9em;color:#555;margin:10px;font-family:jost,Helvetica,sans-serif}@media(prefers-color-scheme:dark){.post-chat .chat-section h3{color:#999}}.post-chat .message.bot .message-sender{font-size:.8em;margin-bottom:4px;color:#2364aa}.post-chat .message .message-content{margin-top:4px}.post-chat .persona.group::before{content:"👥";margin-right:8px}.post-chat .chat-controls{padding:15px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #999;margin-top:auto}@media(prefers-color-scheme:dark){.post-chat .chat-controls{border-top-color:#555}}.post-chat .chat-controls .secondary-button{padding:8px 12px;font-size:.9em;border:1px solid #999;border-radius:4px;background-color:transparent;color:#555;cursor:pointer;font-family:jost,Helvetica,sans-serif;transition:all .2s ease-in-out}@media(prefers-color-scheme:dark){.post-chat .chat-controls .secondary-button{border-color:#555;color:#999}}.post-chat .chat-controls .secondary-button:hover{background-color:rgba(153,153,153,.2)}.typing-indicator{display:inline-flex;min-height:20px;opacity:.8;padding:0;margin:0}.typing-indicator .dot{animation:dotBounce 1.4s infinite ease-in-out;margin:0 -3px;letter-spacing:-3px}.typing-indicator .dot:nth-child(1){animation-delay:0s}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}.toggle-sidebar{display:none;position:fixed;top:10px;left:10px;z-index:1000;background:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;padding:5px;cursor:pointer}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:998}@keyframes typing-animation{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes dotBounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-1px)}}#chat-header{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid #999;padding:10px 15px;height:50px;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:5;position:relative}@media(prefers-color-scheme:dark){#chat-header{background-color:#282828;border-bottom-color:#555;box-shadow:0 1px 3px rgba(0,0,0,.3)}}#chat-header h2{margin:0;font-size:1.2em;font-family:jost,Helvetica,sans-serif;color:#000;flex:1;text-align:center}@media(prefers-color-scheme:dark){#chat-header h2{color:#ddd}}#chat-header .header-controls{display:flex;align-items:center;gap:10px}#chat-header .header-toggle-sidebar{display:none}.members-button{background:0 0;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555;transition:all .3s ease-in-out;position:relative;z-index:10}@media(prefers-color-scheme:dark){.members-button{color:#ddd}}.members-button.hidden{display:none}.members-button svg{width:25px;height:25px}.members-button:hover{background-color:rgba(153,153,153,.2)}.members-button.active{background-color:#2364aa;color:#fff}.members-popup{position:absolute;top:50px;right:60px;background-color:#fff;border:1px solid #999;border-radius:4px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;font-family:jost,Helvetica,sans-serif;min-width:180px}@media(prefers-color-scheme:dark){.members-popup{background-color:#282828;border-color:#555;box-shadow:0 2px 10px rgba(0,0,0,.3)}}.members-popup.hidden{display:none}.members-popup h3{margin:0 0 10px;font-family:jost,Helvetica,sans-serif;font-size:1.1em;text-align:center}@media(prefers-color-scheme:dark){.members-popup h3{color:#ddd}}.members-popup #member-list{list-style:none;padding:0;margin:0}.members-popup #member-list li{padding:5px 0;font-size:.9em;border-bottom:1px solid #999}@media(prefers-color-scheme:dark){.members-popup #member-list li{border-color:#555;color:#ddd}}.members-popup #member-list li:last-child{border-bottom:none}.settings-button{background:0 0;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555;transition:all .3s ease-in-out;z-index:10}@media(prefers-color-scheme:dark){.settings-button{color:#ddd}}.settings-button svg{width:25px;height:25px}.settings-button:hover{background-color:rgba(153,153,153,.2)}.settings-button.active{background-color:#2364aa;color:#fff}.settings-popup{position:absolute;top:50px;right:15px;background-color:#fff;border:1px solid #999;border-radius:4px;padding:15px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;font-family:jost,Helvetica,sans-serif;min-width:200px}@media(prefers-color-scheme:dark){.settings-popup{background-color:#282828;border-color:#555;box-shadow:0 2px 10px rgba(0,0,0,.3)}}.settings-popup.hidden{display:none}.settings-popup .settings-content{display:flex;flex-direction:column;align-items:center}.settings-popup .settings-content .settings-button{top:0;right:0}.settings-popup h3{margin:0 0 10px;font-family:jost,Helvetica,sans-serif;font-size:1.1em;text-align:center;width:100%}@media(prefers-color-scheme:dark){.settings-popup h3{color:#ddd}}.settings-popup .settings-button{position:relative;display:block;width:90%;padding:8px;margin:5px auto;text-align:center;background-color:transparent;border:1px solid #999;border-radius:4px;cursor:pointer;font-family:jost,Helvetica,sans-serif;font-size:.9em;transition:all .2s ease-in-out}@media(prefers-color-scheme:dark){.settings-popup .settings-button{border-color:#555;color:#ddd}}@media screen and (max-width:400px){.settings-popup .settings-button{top:10px;right:10px}}.settings-popup .settings-button:hover{background-color:rgba(153,153,153,.2)}@media(max-width:768px){.chat-interface{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100%;width:80%;max-width:300px;z-index:999;transform:translateX(-100%);box-shadow:2px 0 5px rgba(0,0,0,.1);padding:15px}.sidebar.open{transform:translateX(0)}.sidebar-overlay.show{display:block}.toggle-sidebar{display:none}#chat-container{padding-top:0}.sidebar-open{display:flex}#chat-header{padding:0 15px}#chat-header h2{margin-left:0;text-align:center}}