:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0a1014}#root{height:100vh;display:flex;justify-content:center;align-items:center}.app-shell{width:95vw;height:95vh;background:#111b21;border-radius:12px;overflow:hidden;display:flex;box-shadow:0 0 40px #0006}.sidebar{width:30%;min-width:260px;max-width:380px;background:#202c33;border-right:1px solid #202c33;display:flex;flex-direction:column}.sidebar-header{padding:12px 16px;background:#202c33;border-bottom:1px solid #202c33;display:flex;align-items:center;justify-content:space-between;color:#e9edef;font-weight:600}.sidebar-search{padding:8px 10px;border-bottom:1px solid #202c33}.sidebar-search input{width:100%;padding:6px 10px;border-radius:8px;border:none;outline:none;background:#111b21;color:#e9edef;font-size:14px}.sidebar-search input::placeholder{color:#8696a0}.conversation-list{flex:1;overflow-y:auto}.conversation-item{padding:10px 12px;display:flex;flex-direction:column;gap:2px;cursor:pointer;border-bottom:1px solid #202c33}.conversation-item:hover,.conversation-item.active{background:#202c33}.conversation-title{font-size:14px;color:#e9edef}.conversation-preview{font-size:12px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-window{flex:1;display:flex;flex-direction:column;background:#0b141a}.chat-header{height:56px;padding:10px 16px;border-bottom:1px solid #202c33;display:flex;align-items:center;justify-content:space-between;background:#202c33;color:#e9edef}.chat-header-info{display:flex;flex-direction:column}.chat-header-title{font-size:14px;font-weight:600}.chat-header-subtitle{font-size:12px;color:#8696a0}.chat-messages{flex:1;padding:12px 32px;background:radial-gradient(circle at 20% 10%,rgba(0,168,132,.1),transparent 40%),radial-gradient(circle at 80% 30%,rgba(0,168,132,.08),transparent 45%),radial-gradient(circle at 30% 80%,rgba(255,255,255,.03),transparent 40%),#0b141a;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.message-row{display:flex;margin:2px 0}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-bubble{max-width:70%;padding:6px 8px 4px;border-radius:8px;font-size:13px;line-height:1.4;position:relative;color:#e9edef}.message-bubble.incoming{background:#202c33;border-bottom-left-radius:0}.message-bubble.outgoing{background:#005c4b;border-bottom-right-radius:0}.message-meta{font-size:10px;color:#8696a0;text-align:right;margin-top:2px}.chat-input-area{padding:8px 12px;border-top:1px solid #202c33;background:#202c33;display:flex;align-items:center;gap:8px}.chat-input-area input{flex:1;padding:8px 12px;border-radius:20px;border:none;outline:none;background:#111b21;color:#e9edef;font-size:14px}.chat-input-area input::placeholder{color:#8696a0}.chat-input-button{border:none;border-radius:50%;width:32px;height:32px;background:#00a884;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-input-button:disabled{opacity:.4;cursor:default}