*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a2e;color:#eee}#root{height:100vh;display:flex;flex-direction:column}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px}.login-container h1{margin-bottom:20px}.login-container input{padding:12px 16px;border-radius:8px;border:none;background:#16213e;color:#eee;font-size:16px;width:260px;outline:none}.login-container button{padding:12px 32px;border-radius:8px;border:none;background:#0f3460;color:#eee;font-size:16px;cursor:pointer;transition:background .2s}.login-container button:active{background:#e94560}.chat-container{display:flex;flex-direction:column;height:100vh}.chat-header{padding:10px 16px;background:#16213e;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0f3460}.status-badge{font-size:12px;padding:2px 8px;border-radius:4px;font-weight:700}.status-ws{background:#2ecc71;color:#000}.status-poll{background:#f39c12;color:#000}.status-offline{background:#e74c3c;color:#fff}.message-list{flex:1;overflow-y:auto;min-height:0;padding:12px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:#16213e;border-radius:12px}.message-list::-webkit-scrollbar-thumb{background:#0f3460;border-radius:12px}.message-list::-webkit-scrollbar-thumb:hover{background:#3a3a5c}.message-list{scrollbar-width:thin;scrollbar-color:#0f3460 #16213e}.msg-bubble{max-width:80%;padding:8px 12px;border-radius:12px;word-break:break-all;position:relative}.msg-bubble.self{align-self:flex-end;background:#0f3460;border-bottom-right-radius:2px}.msg-bubble.other{align-self:flex-start;background:#16213e;border-bottom-left-radius:2px}.msg-bubble.system{align-self:center;background:transparent;color:#666;font-size:12px;padding:4px}.msg-author{font-size:11px;color:#aaa;margin-bottom:2px}.bot-badge{font-size:12px;margin-right:3px}.msg-time{font-size:10px;color:#666;float:right;margin-left:8px;margin-top:4px}.chat-input{display:flex;padding:10px;gap:10px;background:#16213e;border-top:1px solid #0f3460}.chat-input input{flex:1;padding:10px 14px;border-radius:20px;border:none;background:#0f3460;color:#eee;font-size:16px;outline:none}.chat-input button{padding:10px 20px;border-radius:20px;border:none;background:#e94560;color:#fff;font-size:16px;cursor:pointer}.msg-image{max-width:240px;max-height:240px;border-radius:8px;cursor:pointer;display:block}.msg-file-link{color:#e94560;text-decoration:none;word-break:break-all;font-size:13px}.msg-file-link:hover{text-decoration:underline}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#e9456026;border:3px dashed #e94560;display:flex;align-items:center;justify-content:center;font-size:24px;color:#e94560;z-index:999;pointer-events:none}.upload-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#0f3460;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;z-index:1000}