:root{--text-color: #e5e7eb;--bg-color: #111827;--chat-bubble-user: #2563eb;--chat-bubble-bot: #374151;--chat-borders: #374151;--background-pattern-color: #374151;--chat-bubble-text-color-user: #e5e7eb;font-family: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;width:100%}a,button{cursor:pointer}body{margin:0;display:flex;place-items:center;width:100%;min-height:100vh;position:relative}h1{font-size:3rem;line-height:1.1}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.25rem}}@media (prefers-color-scheme: light){:root{--text-color: #0c385e;--bg-color: #f9fafb;--chat-bubble-user: #3b82f6;--chat-bubble-bot: #e5e7eb;--chat-borders: #e5e7eb;--background-pattern-color: #e5e7eb;--chat-bubble-text-color-user: #e5e7eb }}nav ul{list-style-type:none;padding-left:0}nav ul a{display:flex;gap:.5em;text-decoration:none;color:inherit}nav ul a:hover{text-decoration:underline}main{display:grid;grid-template-columns:40% 60%}div.background__pattern{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(to right,var(--background-pattern-color) 1px,transparent 1px),linear-gradient(to bottom,var(--background-pattern-color) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 100% 0%,#000 50%,transparent 90%);mask-image:radial-gradient(ellipse 80% 80% at 100% 0%,#000 50%,transparent 90%)}section.intro{padding:2em}section.conversation{padding:0 3em 0 1em;display:flex;flex-direction:column;max-height:80vh}.chat-widget{min-width:100%;min-height:500px;background:var(--bg-color);border-radius:1em;border:1px solid var(--chat-borders);display:flex;flex-direction:column;overflow:hidden}.chat-widget__chat-history{flex:1;display:flex;flex-direction:column;overflow-y:auto}.chat-widget__message-input{border-top:1px solid var(--chat-borders);display:flex;align-items:center;padding:8px 12px;box-sizing:border-box}.chat-widget__message-input>textarea{flex-grow:1;box-sizing:border-box;background:initial;border:0;resize:none;outline:0}.chat-widget__message-input button{border:0;background:initial}.chat-widget__chat-message{max-width:70%;padding:8px 12px;border-radius:16px;margin:8px;box-sizing:border-box}.chat-widget__chat-message--user{align-self:flex-end;background-color:var(--chat-bubble-user);color:var(--chat-bubble-text-color-user)}.chat-widget__chat-message--bot{align-self:flex-start;background-color:var(--chat-borders);color:var(--text-color);background-color:var(--chat-bubble-bot)}@media (max-width: 768px){main{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh}section.intro{padding:1em 1em 0}section.conversation{padding:0 1em 1em;max-height:unset;overflow-y:scroll}div.background__pattern{-webkit-mask-image:radial-gradient(ellipse 85% 70% at 100% 100%,#000 50%,transparent 90%);mask-image:radial-gradient(ellipse 85% 70% at 100% 100%,#000 50%,transparent 90%)}.chat-widget{min-height:unset}.intro h1{margin:0}}nav svg,nav svg g{fill:var(--text-color)}svg path{stroke:var(--text-color)}