:root{--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-background: #0a0a0a;--color-app-bg: rgba(16, 16, 18, .9);--color-foreground: #f1f1f1;--color-border: #333338;--color-primary: #8a2be2;--color-primary-foreground: #ffffff;--color-muted: #27272a;--color-muted-foreground: #a0a0aab0;--color-card: #1f1f23;--color-card-border: #3c3c42;--color-sidebar-bg: #111113;--color-sidebar-border: #2c2c30;--color-sidebar-active: rgba(138, 43, 226, .1);--radius: .5rem;--input-height: 2.75rem;--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family-sans);background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;background-position:center}.chat-app-container{display:flex;position:relative;overflow:hidden;width:100%;max-width:900px;height:90vh;margin:5vh auto;border-radius:var(--radius);border:1px solid var(--color-border);transition:all .4s cubic-bezier(.25,1,.5,1);background-color:var(--color-app-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px #0000004d}.chat-app-container.interacted{max-width:100vw;height:100vh;margin:0;border-radius:0;border:none;box-shadow:none}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);flex-shrink:0;display:flex;flex-direction:column;padding:1rem;gap:1rem;position:absolute;height:100%;left:0;top:0;transform:translate(-100%);transition:transform .3s ease;z-index:100}.main-chat-area{flex-grow:1;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;transition:margin-left .3s ease}.sidebar-overlay{display:none;position:absolute;inset:0;background:#00000080;z-index:99}.sidebar-open .sidebar{transform:translate(0)}.sidebar-open .sidebar-overlay{display:block}@media(min-width:768px){.sidebar{position:relative;transform:translate(0);transition:width .3s ease,margin-left .3s ease,padding .3s ease}.sidebar{width:0;padding:1rem 0;overflow:hidden;border-right:none}.sidebar-open .sidebar{width:var(--sidebar-width);padding:1rem;border-right:1px solid var(--color-sidebar-border)}.sidebar-overlay,.close-sidebar-button{display:none}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;min-height:40px}.sidebar-button{background:none;border:none;color:var(--color-muted-foreground);cursor:pointer;padding:.5rem;border-radius:var(--radius);display:flex;align-items:center}.sidebar-button:hover{color:var(--color-foreground);background:var(--color-muted)}.new-chat-button{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;border:1px solid var(--color-border);font-size:.9rem;padding:.5rem .75rem}.conversation-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;-ms-overflow-style:none;scrollbar-width:none}.conversation-list::-webkit-scrollbar{display:none}.no-conversations{padding:1rem;text-align:center;font-size:.85rem;color:var(--color-muted-foreground)}.conversation-item{width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-foreground);text-align:left;font-size:.9rem;border-radius:var(--radius);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s}.conversation-item:hover{background:var(--color-muted)}.conversation-item.active{background:var(--color-sidebar-active);color:var(--color-primary);font-weight:500}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:transparent;z-index:10;display:flex;align-items:center;gap:1rem;flex-shrink:0;min-height:65px}.chat-header-title h1{font-size:1.1rem;font-weight:600;color:var(--color-foreground)}.chat-header-title p{font-size:.8rem;color:var(--color-muted-foreground)}@media(min-width:768px){.sidebar-open .sidebar-toggle-button{display:none}}.message-list-container{flex-grow:1;overflow-y:auto;padding:1.5rem}.message-list{display:flex;flex-direction:column;gap:1.25rem;max-width:100%;margin:0 auto}@media(min-width:768px){.message-list{max-width:800px}}.welcome-message{text-align:center;padding:4rem 2rem;color:var(--color-muted-foreground)}.welcome-message h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--color-foreground)}.message-wrapper{display:flex;flex-direction:column}.message-wrapper.user{align-items:flex-end}.message-wrapper.assistant{align-items:flex-start}.message{padding:.75rem 1.25rem;border-radius:var(--radius);max-width:85%;line-height:1.6;font-size:.9375rem;word-wrap:break-word;background-color:#dcdcdc28}.message.user{background-color:var(--color-primary);color:var(--color-primary-foreground);border-bottom-right-radius:.25rem}.message.assistant{background-color:var(--color-card);color:var(--color-foreground);border:1px solid var(--color-card-border);border-bottom-left-radius:.25rem}.message.error{background-color:var(--color-error);color:var(--color-error-foreground);border:none}.chat-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:transparent;z-index:10;flex-shrink:0;max-width:800px;margin:0 auto;width:100%}.chat-form{display:flex;align-items:center;gap:.75rem;width:100%}.chat-input{flex-grow:1;height:var(--input-height);padding:0 1.25rem;border-radius:var(--radius);border:1px solid var(--color-border);background-color:var(--color-card);font-size:1rem;font-family:var(--font-family-sans);color:var(--color-foreground);transition:border-color .2s,box-shadow .2s}.chat-input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #8a2be233}.chat-input::placeholder{color:var(--color-muted-foreground)}.chat-input:disabled{background-color:var(--color-muted);cursor:not-allowed}.chat-submit{display:flex;align-items:center;justify-content:center;height:var(--input-height);width:var(--input-height);border-radius:var(--radius);border:none;background-color:#dcdcdc28;color:var(--color-primary-foreground);cursor:pointer;flex-shrink:0;transition:background-color .2s,opacity .2s}.chat-submit:hover:not(:disabled){opacity:.85}.chat-submit:disabled{opacity:.5;cursor:not-allowed}.typing-indicator span{height:.5rem;width:.5rem;margin:0 .125rem;border-radius:50%;background-color:var(--color-muted-foreground);animation:bounce 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggestion-container{display:flex;align-items:center;gap:.5rem;width:100%;padding-bottom:.75rem}.suggestion-bar{display:flex;gap:.5rem;overflow-x:auto;flex-grow:1;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.suggestion-bar::-webkit-scrollbar{display:none}.suggestion-chip{background-color:var(--color-muted);border:1px solid var(--color-border);color:var(--color-muted-foreground);font-family:var(--font-family-sans);font-size:.8125rem;font-weight:500;padding:.5rem .75rem;border-radius:9999px;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.suggestion-chip:hover{background-color:var(--color-card-border);color:var(--color-foreground);border-color:var(--color-card-border)}.scroll-arrow{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:var(--color-muted);border:1px solid var(--color-border);color:var(--color-foreground);cursor:pointer;flex-shrink:0;opacity:.7;transition:all .2s ease}.scroll-arrow:hover:not(:disabled){background-color:var(--color-card-border);opacity:1}.scroll-arrow:disabled{opacity:.2;cursor:not-allowed}