*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#222;border-radius:2px}@keyframes bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.app{color:#e8e8e8;background:#0a0a0a;flex-direction:column;height:100vh;font-family:Inter,sans-serif;display:flex}.header{border-bottom:1px solid #1e1e1e;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.dot{background:#22c55e;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 6px #22c55e}.title{font-size:14px;font-weight:500}.model{color:#555;font-size:11px}.clear-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #222;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:11px}.clear-btn:hover{color:#e8e8e8;border-color:#444}.messages{flex-direction:column;flex:1;gap:20px;width:100%;max-width:720px;margin:0 auto;padding:24px;display:flex;overflow-y:auto}.empty{opacity:.3;color:#888;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-top:120px;font-size:14px;display:flex}.empty span{font-size:32px}.msg-wrap{flex-direction:column;display:flex}.msg-wrap.user{align-items:flex-end}.msg-wrap.assistant{align-items:flex-start}.msg-label{color:#444;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:10px}.bubble{max-width:80%;padding:12px 16px;font-size:14px;line-height:1.7}.bubble.user{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px 16px 4px}.bubble.assistant{background:#141414;border:1px solid #1e1e1e;border-radius:16px 16px 16px 4px}.bubble.loading{align-items:center;gap:5px;display:flex}.bubble.loading span{background:#555;border-radius:50%;width:6px;height:6px}.bubble.loading span:first-child{animation:1s ease-in-out infinite bounce}.bubble.loading span:nth-child(2){animation:1s ease-in-out .2s infinite bounce}.bubble.loading span:nth-child(3){animation:1s ease-in-out .4s infinite bounce}.input-bar{border-top:1px solid #1e1e1e;width:100%;max-width:720px;margin:0 auto;padding:16px 24px 24px}.input-box{background:#111;border:1px solid #222;border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.input-box:focus-within{border-color:#333}.input-field{color:#e8e8e8;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.input-field::placeholder{color:#444}.send-btn{cursor:default;background:#1e1e1e;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.send-btn.active{cursor:pointer;background:#e8e8e8}.hint{color:#333;text-align:center;margin-top:10px;font-size:11px}