*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;color:#ececec;font-family:system-ui,Segoe UI,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app{display:flex;flex-direction:column;height:100%;background:#000;color:#ececec}@media(min-width:769px){.app{flex-direction:row}}.app.sidebar-open .sidebar{transform:translate(0);visibility:visible}@media(min-width:769px){.app.sidebar-open .sidebar{transform:none}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;border:0;padding:0;background:#0000008c}@media(min-width:769px){.backdrop{display:none}}.sidebar{position:fixed;z-index:2;top:0;bottom:0;left:0;width:min(280px,86vw);transform:translate(-100%);visibility:hidden;flex-shrink:0;display:flex;flex-direction:column;gap:20px;padding:52px 12px 12px;overflow:hidden;background:#0d0d0d;border-right:1px solid #2a2a2a}@media(min-width:769px){.sidebar{position:static;z-index:auto;transform:none;visibility:visible;width:240px;padding:12px}}@media(min-width:993px){.sidebar{width:280px}}.new-chat{width:100%;text-align:left;border:0;border-radius:10px;padding:10px 12px;background:#2a2a2a;color:#fff}.new-chat:hover:not(:disabled){background:#3a3a3a}.recents{min-height:0;flex:1;display:flex;flex-direction:column;gap:8px;overflow:hidden;&-empty{margin:0;color:#8a8a8a;font-size:.9rem}}.recents h2{margin:0;font-size:.85rem;font-weight:600}.recents ul{flex:1;min-height:0;list-style:none;margin:0;padding:0;overflow:auto}.recents li button{width:100%;text-align:left;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:#ececec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recents li button:hover:not(:disabled),.recents li button.active{background:#2a2a2a}.chat{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.menu{position:fixed;z-index:3;top:8px;left:12px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:inherit}.menu svg{width:20px;height:20px}.menu:hover{background:#2a2a2a}@media(min-width:769px){.menu{display:none}}.thread{flex:1;overflow:auto;padding:24px 16px}.empty{height:100%;margin:0;display:grid;place-items:center;font-size:1.35rem}.messages{width:min(760px,100%);margin:0 auto;display:flex;flex-direction:column;gap:16px}.message{max-width:85%}.message.user{align-self:flex-end;background:#2f2f2f;border-radius:18px;padding:10px 14px}.message.user p{margin:0;white-space:pre-wrap}.message.assistant{align-self:flex-start}.markdown p{margin:0 0 .7em}.markdown p:last-child{margin-bottom:0}.markdown a{color:#8ab4ff}.sources{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.sources a{color:#8ab4ff;font-size:.9rem}.composer-wrap{width:min(760px,calc(100% - 32px));margin:0 auto 24px}.status,.error{margin:0 0 8px;font-size:.9rem}.status{color:#bdbdbd}.error{color:#ffb4b4}.error-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.error-row .error{margin:0}.retry{border:0;border-radius:999px;padding:6px 12px;background:#3a3a3a;color:#fff}.composer{display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 16px;background:#2f2f2f;border-radius:28px}.composer textarea{flex:1;resize:none;border:0;outline:none;background:transparent;color:inherit;max-height:160px;padding:8px 0}.send{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:#2f6fed;color:#fff}.send:disabled{opacity:.45}.send svg{width:18px;height:18px}