*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{height:100vh;display:flex}.sidebar{background:#16213e;border-right:1px solid #2a2a4a;flex-direction:column;width:260px;padding:12px;display:flex}.sidebar-header{border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 4px;display:flex}.user-name{color:#888;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.sign-out-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px}.sign-out-btn:hover{color:#e0e0e0}.new-thread-btn{color:#e0e0e0;cursor:pointer;background:#0f3460;border:1px solid #2a2a4a;border-radius:6px;width:100%;margin-bottom:12px;padding:10px;font-size:14px}.new-thread-btn:hover{background:#1a4a7a}.thread-list{flex:1;overflow-y:auto}.thread-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;margin-bottom:2px;padding:10px 12px;font-size:13px;overflow:hidden}.thread-item:hover{background:#1a2a4a}.thread-item.active{background:#0f3460}.chat-area{flex-direction:column;flex:1;display:flex}.messages{flex:1;padding:20px;overflow-y:auto}.message{max-width:720px;margin-bottom:16px}.message.user{margin-left:auto}.message-role{text-transform:uppercase;color:#888;margin-bottom:4px;font-size:11px;font-weight:600}.message.user .message-role{text-align:right}.message-content{white-space:pre-wrap;word-wrap:break-word;border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.5}.message.user .message-content{background:#0f3460}.message.assistant .message-content{background:#2a2a4a}.thinking{color:#888;font-style:italic}.status-indicator{color:#888}.status-error{color:#e74c3c;font-size:12px}.input-area{border-top:1px solid #2a2a4a;gap:8px;padding:12px 20px 20px;display:flex}.input-area textarea{color:#e0e0e0;resize:none;background:#16213e;border:1px solid #2a2a4a;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.input-area textarea:focus{border-color:#0f3460}.input-area button{color:#e0e0e0;cursor:pointer;background:#0f3460;border:none;border-radius:8px;padding:10px 20px;font-size:14px}.input-area button:hover:not(:disabled){background:#1a4a7a}.input-area button:disabled{opacity:.5;cursor:not-allowed}.empty-state{color:#888;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-state h2{color:#e0e0e0;margin-bottom:8px;font-size:24px}