body{color:#fff;background:#0f172a;margin:0;font-family:Arial,sans-serif}.container{background:#1e293b;border-radius:12px;max-width:420px;margin:40px auto;padding:20px}h1{text-align:center;margin-bottom:10px}.status-bar{text-align:center;margin-bottom:10px;font-weight:700}.chat-box{background:#020617;border-radius:8px;height:300px;margin-bottom:10px;padding:10px;overflow-y:auto}.message{border-radius:6px;max-width:70%;margin:5px 0;padding:8px 10px}.message.self{background:#3b82f6;margin-left:auto}.message.partner{background:#334155;margin-right:auto}.controls{flex-direction:column;gap:10px;display:flex}.buttons{justify-content:space-between;display:flex}.input-area{gap:5px;display:flex}input{border:none;border-radius:5px;flex:1;padding:8px}button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:5px;padding:8px 12px}button:hover{background:#2563eb}button:disabled{cursor:not-allowed;background:gray}.time{opacity:.7;text-align:right;margin-top:4px;font-size:10px}.typing{color:gray;margin-bottom:8px;font-size:12px}