:root{color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0f1115;color:#e6e6e6}button{cursor:pointer;font:inherit}input{font:inherit}.center{height:100%;display:grid;place-items:center;padding:1rem}.card{background:#1a1d24;border:1px solid #2a2f3a;border-radius:12px;padding:2rem;width:100%;max-width:380px}.card h1{margin-top:0;font-size:1.35rem}.stack{display:flex;flex-direction:column;gap:.75rem}.stack input,.composer input{padding:.65rem .75rem;border-radius:8px;border:1px solid #2a2f3a;background:#0f1115;color:inherit}.stack input:focus,.composer input:focus{outline:2px solid #4f8cff}.stack button,.composer button{padding:.65rem 1rem;border-radius:8px;border:none;background:#4f8cff;color:#fff;font-weight:600}.stack button:disabled,.composer button:disabled{opacity:.5;cursor:default}.row{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.link{background:none;border:none;color:#8ab4ff;padding:0;text-decoration:underline}.error{color:#ff6b6b;font-size:.9rem}.social{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.social-btn{padding:.6rem 1rem;border-radius:8px;border:1px solid #2a2f3a;background:#0f1115;color:inherit;font-weight:600}.social-btn:hover{border-color:#8ab4ff}.divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:#8b93a1;font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#2a2f3a}.loading{display:grid;place-items:center;height:100%;color:#8b93a1}.layout{display:grid;grid-template-columns:260px 1fr;height:100%}.sidebar{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#14161b;border-right:1px solid #242833}.new-chat{padding:.6rem;border-radius:8px;border:1px solid #2a2f3a;background:#1d2129;color:inherit;font-weight:600}.new-chat:hover{border-color:#4f8cff}.sidebar nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.convo{display:flex;align-items:center;border-radius:8px}.convo.active{background:#262c38}.convo-title{flex:1;text-align:left;background:none;border:none;color:inherit;padding:.55rem .6rem;border-radius:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.convo-title:hover{background:#20242e}.convo-delete{background:none;border:none;color:#8b93a1;padding:.3rem .6rem;border-radius:6px;font-size:1.1rem}.convo-delete:hover{color:#ff6b6b;background:#2a1212}.sidebar-footer{display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem;border-top:1px solid #242833;font-size:.85rem}.user{color:#8b93a1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat{display:flex;flex-direction:column;height:100%}.thread{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:760px;width:100%;margin:0 auto}.empty{display:grid;place-items:center;height:100%;color:#8b93a1}.message{display:flex}.message.user{justify-content:flex-end}.bubble{max-width:85%;padding:.6rem .9rem;border-radius:12px;white-space:pre-wrap;word-break:break-word}.message.user .bubble{background:#4f8cff;color:#fff;border-bottom-right-radius:4px}.message.assistant .bubble{background:#1d2129;border:1px solid #2a2f3a;border-bottom-left-radius:4px}.typing{display:inline-flex;gap:4px;padding:.9rem}.typing span{width:7px;height:7px;border-radius:50%;background:#8b93a1;animation:blink 1.2s infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.composer{display:flex;gap:.5rem;padding:1rem 1.5rem 1.5rem;max-width:760px;width:100%;margin:0 auto}.composer input{flex:1}@media (max-width: 640px){.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid #242833}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar-footer{display:none}}